@charset "utf-8";

/* font-size(基準12pxに対して) */
/* 
10px font-size:83%;
12px font-size:100%;
14px font-size:117%;
16px font-size:133%;
18px font-size:150%;
20px font-size:167%;
22px font-size:183%;
24px font-size:200%;
 */

/* --------------------
 header
-------------------- */
#sub-menu-1{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
	right:0;
}
#sub-menu-1 li{
	margin:0 0 0 3px;
	padding:0;
	float:left;
	display:inline;
	font-size:0;
}
#sub-menu-1 li a{
	display:block;
	text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
	width:74px;
	height:24px;
}
#sub-menu-1 li#sub-menu-1-1 a{background:url(../img/com/header/btn_lang.jpg) no-repeat 0 0;}
#sub-menu-1 li#sub-menu-1-2 a{background:url(../img/com/header/btn_lang.jpg) no-repeat -74px 0;}
#sub-menu-1 li#sub-menu-1-3 a{background:url(../img/com/header/btn_lang.jpg) no-repeat -148px 0;}
#sub-menu-1 li#sub-menu-1-4 a{background:url(../img/com/header/btn_lang.jpg) no-repeat -222px 0;}
#sub-menu-1 li#sub-menu-1-5 a{background:url(../img/com/header/btn_lang.jpg) no-repeat -296px 0;}
#top #sub-menu-2{
	position:absolute;
	top:35px;
	right:0;
}

/* --------------------
 main
-------------------- */
#top #contents{
	width:900px;
}


#box-top-1{
	padding:12px 0;
	border-bottom:1px #EBEBEB solid;
	width:100%;
	min-width:900px;
	background-color:#F3F2F1;
}
#box-top-1-i{
	margin:0 auto;
	width:900px;
	text-align:left;
}
#news-slide{
	width:678px;
	height:48px;
	float:left;
	position:relative;
	background:url(../img/top/contents/bus_bg.jpg) no-repeat 154px 0;
}
#news-slide h2{
	text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
	width:154px;
	height:48px;
	background:url(../img/top/contents/bus_title.jpg) no-repeat 0 0;
	position:absolute;
	top:0;
	left:0;
}
#news-slide ul{
	margin:0;
	padding:0;
	list-style:none;
	width:396px;
	height:22px;
	position:absolute;
	top:14px;
	left:164px;
	overflow:hidden;
}
#news-slide ul li{
	margin:0;
	padding:0;
	width:396px;
	height:22px;
	line-height:22px;
	font-size:117%;
	display:none;
}
#news-slide-btn{
	width:114px;
	height:48px;
	position:absolute;
	top:0;
	right:0;
}
#news-slide-btn a{
	display:block;
	text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
	width:114px;
	height:48px;
	background:url(../img/top/contents/bus_btn.jpg) no-repeat 0 0;
}

/* saerch */
#search-box{
	float:right;
	width:218px;
	height:48px;
	background:url(../img/top/contents/bg_search.jpg) no-repeat 0 0;
}
#search-box input{border:none !important;}
#saerch-box-input{
	width:166px !important;
	height:28px !important;
	margin:10px 0 0 3px !important;
	padding:0 !important;
	vertical-align:top !important;
	background-image:none !important;
}
#saerch-box-btn{
	margin:8px 0 0 6px !important;
	padding:0 !important;
	vertical-align:top !important;
}
#box-top-1{
	padding:12px 0;
	border-bottom:1px #EBEBEB solid;
	width:100%;
	min-width:900px;
	background-color:#F3F2F1;
}
#box-top-1-i{
	margin:0 auto;
	width:900px;
	text-align:left;
}
#box-top-2{
	padding:16px 0;
	border-bottom:1px #ebebeb solid;
	width:100%;
	min-width:900px;
	background-color:#fafafa;
}
#box-top-2-i{
	margin:0 auto;
	width:900px;
	height:200px;
	text-align:left;
	position:relative;
}
#box-top-2-i h2{
	text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
	width:124px;
	height:16px;
	background:url(../img/top/contents/title_pickup.gif) no-repeat 0 0;
	position:absolute;
	top:0;
	left:0;
}
#box-slider{
 overflow: hidden;
	width:900px;
	height:168px;
	position:absolute;
	top:20px;
	left:0;
}
#slider{
	margin:0;
	padding:0;
	width:915px;
	list-style:none;
	text-align:left;
}
#slider li{
	margin:0;
	padding:0;
	width:305px;
	float:left;
}
#slider-l{
	width:26px;
	height:40px;
	position:absolute;
	top:74px;
	left:0;
	cursor: pointer;
}
#slider-r{
	width:26px;
	height:40px;
	position:absolute;
	top:74px;
	right:0;
	cursor: pointer;
}

#box-contens-1{
	width:100%;
}
#bnr-top{
	margin:0;
	padding:0;
	list-style:none;
	width:654px;
	float:left;
}
#bnr-top li{
	margin:0;
	padding:0;
	width:218px;	
	height:282px;
	float:left;	
}
#bnr-top li a{
	display:block;
	text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
	width:200px;	
	height:264px;	
}
#bnr-top li#bnr-top-1 a{background:url(../img/top/contents/bnr_onlineshop02.jpg) no-repeat 0 0;}
#bnr-top li#bnr-top-2 a{background:url(../img/top/contents/bnr_shiroikoibitopark02.jpg) no-repeat 0 0;}
#bnr-top li#bnr-top-3 a{background:url(../img/top/contents/bnr_bussanten02.jpg) no-repeat 0 0;}
#fb-box{
	width:234px;
	float:right;
}
#box-contens-2{
	width:100%;
}
#box-news{
	float:left;
	width:430px;
}
#box-news h2{
	margin-bottom:20px;
	border-bottom:1px #d1d1d1 solid;
	text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
	width:430px;
	height:26px;
	background:url(../img/top/contents/title_news.gif) no-repeat 0 0;
}
dl.box-article{
	margin:0;
	padding:0;
}
dl.box-article dt{
	margin:0;
	padding:0 0 0 74px;
	color:#808080;
}
dl.box-article dt.cat1{background:url(../img/com/contents/news_icon_news.gif) no-repeat 0 3px;}
dl.box-article dt.cat2{background:url(../img/com/contents/news_icon_event.gif) no-repeat 0 3px;}
dl.box-article dt.cat3{background:url(../img/com/contents/news_icon_shop.gif) no-repeat 0 3px;}
dl.box-article dt.cat4{background:url(../img/com/contents/news_icon_campaign.gif) no-repeat 0 3px;}
dl.box-article dt.cat5{background:url(../img/com/contents/news_icon_compliance.gif) no-repeat 0 3px;}
dl.box-article dt.cat6{background:url(../img/com/contents/news_icon_release.gif) no-repeat 0 3px;}
dl.box-article dt.cat7{background:url(../img/com/contents/news_icon_info.gif) no-repeat 0 3px;}
dl.box-article dd{
	margin:0;
	padding:0 0 16px;
	color:#1a1a1a;
}
dl.box-article dd a{
	color:#1a1a1a;
	text-decoration:none;
}
dl.box-article dd a:hover{
	color:#1a1a1a;
	text-decoration:underline;
}
#box-corp{
	float:right;
	width:430px;
}
#box-corp h2{
	margin-bottom:20px;
	border-bottom:1px #d1d1d1 solid;
	text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
	width:430px;
	height:26px;
	background:url(../img/top/contents/title_corp.gif) no-repeat 0 0;
}



#box-btm{
	border-top:1px #EBEBEB solid;
	width:100%;
	min-width:900px;
}
#box-btm-1-i{
	margin:0 auto;
	padding:30px 0;
	width:900px;
	text-align:left;
}
#bnr-btm{
	margin:0;
	padding:0;
	list-style:none;
}
#bnr-btm li{
	margin:0 0 0 15px;
	padding:0;
	width:290px;
	height:66px;
	float:left;
	display:inline;
}
#bnr-btm li.first{
	margin:0;
}
#bnr-btm li a{
	display:block;
	text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
	width:290px;
	height:66px;
}
#bnr-btm li#bnr-btm-1{background:url(../img/top/contents/bnr_webcafe02.jpg) no-repeat 0 0;}
#bnr-btm li#bnr-btm-2{background:url(../img/top/contents/bnr_nishi4.jpg) no-repeat 0 0;}
#bnr-btm li#bnr-btm-3{background:url(../img/top/contents/bnr_movie.jpg) no-repeat 0 0;}