@charset "utf-8";
/* CSS Document */

/* ==============================================
 新着商品CSS
=============================================== */
/* HTML装飾
----------------------------------------------- */
#new-product_area{
	width:440px;
	float:left;
	margin-right:12px;
}
#p-category-block h2,
#pick_up_item_area h2,
#new-product_area h2{
	color: #333;
	padding: 0 0 0 10px;
	border-style: solid;
	border-color: #CCC;
	border-width: 1px 1px 0 1px;
	background: url('../img/background/bg_tit_bloc_01.jpg') repeat-x left bottom white;
	font-size: 14px;
	font-weight: normal;
	line-height: 33px;
}


/* スクリプト関係
----------------------------------------------- */
.carouselLeft{
}
.carouselRight {
}
.left-but{
}
.right-but{
}
#carousel1 div  {  
    background: url(http://www.w-w-light.com/eccube2115/html/user_data/packages/worldwinglight/images/01.gif) repeat;  
    padding: 10px;  
}  
#carousel1 button, #carousel1 input[type=button],  
#carousel1 input[type=reset], #carousel1 input[type=submit] {  
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.6), inset 0 1px rgba(255,255,255,0.2), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.2), inset 0 -15px 30px rgba(0,0,0,0.6);  
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.6), inset 0 1px rgba(255,255,255,0.2), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.2), inset 0 -15px 30px rgba(0,0,0,0.6);  
    border: 1px solid rgba(0,0,0,0.4);  
    background: rgba(0,0,0,0.6);  
    color: #fff;  
    text-shadow: 0 -1px 1px #aaa, -1px 0 1px #aaa, 1px 0 1px #000;  
	z-index:3;
}  
#carousel1 button:hover, #carousel1 input[type=button]:hover,  
#carousel1 input[type=reset]:hover, #carousel1 input[type=submit]:hover {  
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.6), inset 0 1px rgba(255,255,255,0.2), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.2), inset 0 -15px 30px rgba(0,0,0,0.6);  
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.6), inset 0 1px rgba(255,255,255,0.2), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.2), inset 0 -15px 30px rgba(0,0,0,0.6);  
    border: 1px solid rgba(0,0,0,0.4);  
    background: rgba(0,0,0,0.6);  
    color: #fff;  
    text-shadow: 0 -1px 1px #aaa, -1px 0 1px #aaa, 1px 0 1px #000;  
	z-index:3;
}  
#carousel1 button:active, #carousel1 input[type=button]:active,  
#carousel1 input[type=reset]:active, #carousel1 input[type=submit]:active {  
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.3), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.3), inset 0 10px 20px rgba(255,255,255,0.3), inset 0 -15px 30px rgba(0,0,0,0.3);  
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.3), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.3), inset 0 10px 20px rgba(255,255,255,0.3), inset 0 -15px 30px rgba(0,0,0,0.3);  
}  


/* 商品カテゴリー
----------------------------------------------- */
#p-category-block{
	clear:both;
}
#search-quick h3,
#pick_up_item_area h3,
#p-category-block h3{
	font-size: 110%;
	margin: 20px 0 10px 0;
	padding: 4px 0 5px 10px;
	background: url('../img/background/bg_tit_bloc_01.jpg') repeat-x left top white;
	border-style: solid;
	border-color: #CCC;
	border-width: 0px 1px 1px 5px;
	clear:left;
}
#p-category-block ul{
}
#p-category-block li{
	float:left;
	width:31%;
	min-width:180px;
	margin:0 1% 5px 1%; 
}
#p-category-block li a{
	text-align:right;
	display:block;
	width:94%;
	padding:3%;
	height:95px;
	background-color:#cccccc;
	background-repeat:no-repeat;
	border:5px solid #a9a9a9;
	/*color:#272d33;*/
	color:#ffffff;
	font-size:13px;
	text-shadow: 3px 3px 5px gray;
	text-shadow: 0px 0px 5px #000000;
	font-weight:bold;
	/*background: -moz-linear-gradient(bottom, #dcdcdc, #fff);
	background: -webkit-gradient(linear, center bottom, center top, from(#dcdcdc), to(#fff));*/
	border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
}
#p-category-block li a span{
	display:block;
	font-family:MAXI_L_S;
	letter-spacing:-2px;
	font-size:16px;
	font-weight:normal;
}
#p-category-block li a:hover{
	border-color:#808080;
	background-color:#e6e6e6;
	text-decoration:none;
}

/* HIDについて
----------------------------------------------- */

#how-to-choose{
}
#how-to-choose h5{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:90%;
	margin:10px auto;
	padding:10px;
	background:#CCCCCC;
	border:1px solid #cccccc;
	font-size:140%;
	text-align:center;
	border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	background: -moz-linear-gradient(bottom, #dcdcdc, #fff);
	background: -webkit-gradient(linear, center bottom, center top, from(#dcdcdc), to(#fff));
}
#how-to-choose h5 span{
	display:block;
	text-align:left;
	font-size:60%;
	font-weight:normal;
}
#how-to-choose h5 strong{
	color:#CC0000;
}
#how-to-choose b{
	clear:both;
	display:block;
	font-size:25px;
	text-align:center;
}
#how-to-choose div{
	width:44%;
	margin:0 3%;
	float:left;
}


/* HIDについて
----------------------------------------------- */
#compatibility-table-block,#formlist-table-block{
}
#compatibility-table-block li{
	float:left;
	width:23%;
	min-width:180px;
	margin:5px 1%;
}
#formlist-table-block li{
	float:left;
	width:250px;
	margin:5px 1%;
}
.side_column #compatibility-table-block li{
	margin:0 0 1px 0;
}
#compatibility-table-block li a{
	display:block;
	width:100%;
	padding:5px 0;
	border:5px solid #f5f5f5;
	text-align:center;
	color:#999999;
	background-position:center;
}
#formlist-table-block li a{
	display:block;
	width:100%;
	border:5px solid #f5f5f5;
	text-align:center;
}
#formlist-table-block li a:hover{
	border-color:#cccccc !important;
}
#formlist-table-block li a img{
	width:250px;
}
#formlist-table-block li a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#formlist-table-block .title-img{
	display:block;
	background-color:#000000;
	padding:0 80px;
}
#compatibility-table-block li a span{
	display:block;
	font-size:19px;
	color:#666666;
	font-family: Helvetica, Arial,sans-serif;
}
#compatibility-table-block li a:hover{
	text-decoration:none !important;
	border-color:#cccccc !important;
	color:#666666 !important;
}
#compatibility-table-block h3,#formlist-table-block h3{
	clear:both;
}

/* ==============================================
▼よくある質問
=============================================== */
#finul-guide{
	border:1px solid #eeeeee;
	padding:5px;
	font-size:80%;
}

/* ==============================================
▼HIDギャラリーバナー
=============================================== */
a#hid-gallery-banner{
	clear: both;
	display:block;
	width:758px;
	height:128px;
	padding:10px 20px;
	font-size:50px;
	text-decoration: none;
	color:#ffffff;
	line-height:70px;
	text-shadow:2px 2px 3px #000000;
	border:#F4F4F4 solid 1px;
}
a#hid-gallery-banner strong{
	color:#dd0000;
}
a#hid-gallery-banner span{
	display:block;
	font-size:55px;
	font-family:NES_CONTROLLER_MRSHRIKE_0;
	letter-spacing:-1px;
	line-height:20px;
}
a#hid-gallery-banner font{
	display:block;
	font-size:10px;
	text-align:right;
}
a.banner-img:hover,
a img:hover,
a#hid-gallery-banner:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);	/* IE6、IE7対応 */
	-moz-opacity: 0.8;		/* Firefox1.5以前対応 */
}


#leftcolumn a#hid-gallery-banner{
	display:block;
	width:178px;
	height:148px;
	padding:0 5px;
	font-size:15px;
	text-decoration: none;
	color:#ffffff;
	text-shadow:2px 2px 3px #000000;
	line-height: normal;
	border:#F4F4F4 solid 1px;
}
#leftcolumn a#hid-gallery-banner span{
	display:block;
	font-size:34px;
	line-height: normal;
}
#leftcolumn a#hid-gallery-banner font{
	display:block;
	font-size:10px;
	text-align:left;
	line-height: normal;
}
#leftcolumn a#hid-gallery-banner:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);	/* IE6、IE7対応 */
	-moz-opacity: 0.8;		/* Firefox1.5以前対応 */
}

/* ==============================================
▼HIDクイック検索
=============================================== */
#hid-quick-search_block{
}
#hid-quick-search_block .accordion_head {
	cursor:pointer;
}
#hid-quick-search_block h3{
	background:#333333;
	border:1px solid #cccccc;
	border-top:none;
	height:100px;
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	color:#ffffff;
	text-align:right;
	font-size:25px;
}
#hid-quick-search_block h3:hover{
	color:#CCCCCC;
}
#hid-quick-search_block h3 span{
	font-size:60px;
	display:block;
	height:60px;
	line-height:80px;
	text-align:left;
}
#hid-quick-search_block h4{
	background-color:#f5f5f5;
	border-width:0 1px 1px 5px;
	border-style:solid;
	border-color:#cccccc;
	padding:2px 10px;
}
.list_deco01{
	background-color:#F6F6F6;
	border-width:0 1px;
	border-style:solid;
	border-color:#cccccc;
}

.list_deco01 li{
	border-bottom:1px solid #cccccc;
}
.list_deco01 li a{
	display:block;
	background: url("http://www.w-w-light.com/eccube2115/html/user_data/packages/worldwinglight/img/icon/ico_arrow_cat.jpg") 2px center no-repeat;
	padding: 3px 0 3px 20px;
	margin:0 3px;
}

/* ==============================================
▼バナー用CSS
=============================================== */
#left-banner-area img,
a.banner-img{
	margin-bottom:10px;
	display:inline-block;
}
.banner-800-150{
	display:block;
	width:800px;
	height:150px;
	text-indent:-9999px;
	margin-bottom:10px;
}



/* ==============================================
▼ピックアップ商品
=============================================== */
#pick_up_item_area img{
	width:150px;
}
#pick_up_item_area h3{
	clear:both;
}
.pick_up_item_list{
	list-style:none;
	margin-bottom:10px;
}
.pick_up_item_list:after{
	clear:both;
}
.pick_up_item_list li{
	float:left;
	width:154px;
	height:190px;
	overflow:hidden;
	margin:5px 0 0 5px;
}
.pick_up_item_list img{
	border:0;
}
.pick_up_item_list span{
	display:block;
	font-size:60%;
}
.more_item_list{
	display:block;
	clear:both;
	float:right;
	color:#FFFFFF !important;
	font-size:10px;
	margin-bottom:10px;
	text-decoration:none !important;
	background:#333333;
	padding:1px 20px;
	border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
}
a.more_item_list:hover{
	background:#666666;
}

/* ==============================================
▼ようこそWWLへ
=============================================== */
ul#shop-service{
	padding-left:0;
}
#shop-service li{
	list-style:none !important;
	background-color:#999999;
	display:block;
	float:left;
	width:380px;
	height:150px;
	margin:5px;
	padding:0;
	border:5px solid #d3d3d3;
	overflow:hidden;
	background-position:center;
}
#shop-service li strong{
	display:block;
	/*height:30px;*/
	letter-spacing:-1px;
	/*line-height:50px;*/
	line-height:20px;
	font-size:25px;
	padding:5px;
	height:20px;
	color:#fff;
	background-color:#333;
	opacity:0.6;
}
#shop-service li div{
	background-color:#333;
	padding:5px;
	height:100px;
	color:#FFF;
	opacity:0.6;
	margin-top:40px;
}
#shop-service li p{
	color:#FFF;
	padding:0;
	opacity:1;
}