/* CSS Document */



/*==============================

		contentsに指定

==============================*/





#subContents01{

		float: left;

		margin: 0 0 0 10px;

		padding: 0 0 0 0;

		width: 364px; height: /*720px*/ auto;

		background-color: #EEEEEE;

		background: url(../img/leftBoxBg.gif) left top repeat-y;

}



* html #subContents01{

		margin: 0 5px 0 5px;

}

/*html>body #subontents01{

	min-height: 716px;

	height: auto !important;

}*/





#subContents02{

		float: left;

		margin: 0 0 -10px 5px;

		padding: 0 0;

		width: 442px; height: /*716px*/ auto;

		background-color: #EEEEEE;

}

* html #subContents02{

		margin: 0 5px -80px 0;

		padding: 0 0;

		width: 442px; height: /*700px*/ auto;

		background-color: #EEEEEE;

}

/*html>body #subontents02{

	min-height: 716px;

	height: auto !important;

}*/



/*=================================

		headerに指定

=================================*/



#headerTop{

		margin: 0 0;

		padding: 0 0 0 0;

		width: 352px; height: 496px;

		background-color: #00164A;

}



/*================================

			h2に指定

================================*/



h2{

	width: 352px; height: 72px;

	text-indent: -9999px;

	background: url(../img/headersubtitle.gif) center top no-repeat;

}



/*=================================

		ul#dustに指定

=================================*/



ul#headerNavTop{

	margin: 0 0;

	padding: 0 0;

	width: 352px; height: 59px;

	text-align: left;

	background: url(../img/dustbg_top.gif) left top no-repeat;

	}

	ul#headerNavTop li{

	list-style: none;

	}



ul#headerNavTop li.home{

		display: block;

		position: relative;

		top: 11px;

		left: 26px;

		width: 57px; height: 14px;

		text-indent: -9999px;

		background: url(../share/home_btn.gif) left bottom no-repeat;

}

	

li.siteMap a{

		display: block;

		position: relative;

		top: 21px;

		left: 26px;

		width: 82px; height: 14px;

		padding-left: 108px;

		overflow: hidden;

		/*text-indent: -9999px;*/

		text-align: left;

		background: url(../share/sitemap_btn.gif) left top no-repeat;

}

	

li.contact a{

		display: block;

		position: relative;

		top: 7px;

		left: 127px;

		width: 86px; height: 14px;

		text-indent: -9999px;

		text-align: left;

		background: url(../share/contact_btn.gif) left top no-repeat;

}



* html li.contact a{

		display: block;

		position: relative;

		top: 6px;

		left: 127px;

		width: 86px; height: 14px;

		text-indent: -9999px;

		text-align: left;

		background: url(../share/contact_btn.gif) left top no-repeat;

}



/*-----------------ロールオーバー-----------------*/



ul#headerNavTop	li.siteMap a:hover{

		background-position: 0 -14px;

		/*background-image: url(../share/sitemap_btn.gif) ;

		background-position: bottom;*/

}



ul#headerNavTop	li.contact a:hover{

		background-position: 0 -14px;

}



/*===================================

		ul#headerMenuに指定

===================================*/



ul#headerMenuTop{

		clear: both;

		margin: 0 0;

		padding: 0 0;

		text-align: left;

		width: 352px; height: 265px;

	}

	ul#headerMenuTop li{

			list-style: none;

	}

	ul#headerMenuTop li a{

	display: block;

	width: 352px;

	height: 31px;

	text-indent: -9999px;

	background-repeat: no-repeat;

	}

	ul#headderMenuTop li a:link{ background-position: left top; }



	li.company a{ background-image: url(../img/company_btn.gif); }

	li.service a{ background-image: url(../img/service_btn.gif); }

	li.affiliated a{ background-image: url(../img/affiliated_btn.gif); }

	li.original a{ background-image: url(../img/original_btn.gif); }

	li.shop a{ background-image: url(../img/shop_btn.gif); }

	li.event a{	background-image: url(../img/event_btn.gif); }

	li.recruit a{ background-image: url(../img/recruit_btn.gif); }

	li.catalog a{

	height: 33px !important;

	background-image: url(../img/catalog_btn.gif);

	}

	li.blank{

		display: block;

		width: 352px; height: 15px;

		background: url(../img/blank_btn.gif) left top no-repeat;

	}

/*-----------------ロールオーバー-----------------*/

	li.company a:hover{	background-position: bottom; }

	li.service a:hover{	background-position: bottom; }

	li.affiliated a:hover{ background-position: bottom; }

	li.original a:hover{ background-position: bottom; }

	li.shop a:hover{ background-position: bottom; }

	li.event a:hover{ background-position: bottom; }

	li.recruit a:hover{	background-position: bottom; }

	li.catalog a:hover{	background-position: bottom; }







/*=================================

			numBannerに指定

=================================*/

#numBanner {

	clear: both;

	border-bottom: 6px solid #a2b9e5;

}







/*=================================

			newsに指定

=================================*/



#newsArea {

	clear: both;

	width: 352px;

	height: auto;

	padding: 0 6px 30px;

	background: url(../img/newsbg.gif) left bottom no-repeat;

	}

	#newsArea h3 {

	border-top: 5px solid #e3eaf7;

	border-bottom: 2px solid #ebebeb;

	}



.newsList {

	list-style: none;

	padding-top: 1px;

	background-color: #a1bdff;

	border-bottom: 1px solid #a1bdff;

	}

	.newsList li {

	clear: left;

	min-height: 42px;

	margin-top: 1px;

	text-align: left;

	background-color: #dfeaff;

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;

	}

	* html .newsList li {

	height: 42px;

	}

	.newsList img {

	position: absolute;

	margin: 3px 0 3px 18px;

	padding: 1px;

	background-color: #fff;

	border: 1px solid #bfbfbf;

	vertical-align: bottom;

	}

	* html .newsList img {

	position: static;

	float: left;

	margin-left: 9px;

	}

	.newsList dl {

	width: 250px;

	padding: 3px 0 4px 90px;

	}

	* html .newsList dl {

	float: left;

	height: 38px;

	padding-left: 9px;

	}

	.newsList dt {

	padding-bottom: 3px;

	border-bottom: 1px solid #bec6d4;

	}

	* html .newsList dt {

	}

	.newsList dt.new {

	margin: 0;

	padding-left: 39px;

	background: url(../img/new.gif) 0 0 no-repeat;

	}

.newsList dt.topics {

	margin: 0;

	padding-left: 39px;

	background: url(../img/topics.gif) 0 0 no-repeat;

	}
	
	.newsList dd {

	padding-top: 6px;

	border-top: 1px solid #dde4f3;

	}





/*==================================

		#brandingに指定

==================================*/



#flasharea{

		clear: both;

		width: 428px;

		margin-top: 16px;

		padding: 1px;

		background-color: #fff;

		border: 1px solid #bfbfbf;

}



#introduceBanner {

		margin-top: 16px;

		padding: 1px;

		background-color: #fff;

		border: 1px solid #bfbfbf;

}





/*==================================

		#bannerAreaに指定

==================================*/



#bannerArea {

	height: 345px;

	margin: 4px 0 10px 0;

	}

	#bannerArea td {

	padding-bottom: 8px;

	}

	#originalblandBanner a {

		display: block;

		width: 396px;

		height: 40px;

		padding: 80px 0 0 36px;

		line-height: 1.70em;

		letter-spacing: 0;

		text-align: left;

		color: #000;

		text-decoration: none;

		background: url(../img/originalblandBanner.jpg) left top no-repeat;

	}

	#originalblandBanner a:hover {

		background-position: left bottom;

	}

	#originalblandBanner img {

		border: none;

	}

	#eventBanner{

		text-align: left;

	}

	#eventBanner img {

		padding: 1px;

		background-color: #c9c9c9;

		border-top: none;

		border-left: none;

		border-right: none;

		border-bottom: 3px solid #d9d9d9;

	}

	#onlineshopBanner {

		text-align: right;

	}

	#onlineshopBanner img {

		padding: 1px;

		background-color: #c9c9c9;

		border-top: none;

		border-left: none;

		border-right: none;

		border-bottom: 3px solid #d9d9d9;

	}

	#kagayakantoBanner img {

		border: none;

	}

	#tocBanner img {

		border: none;

	}