/* CSS Document */


/*リンク画像にカーソルがのった時の半透明設定
---------------------------------------------------------------------------------------*/
#contents a:hover img {
filter: Alpha(opacity=80);
opacity: 0.8; /*firefox safari*/
}



/*商品テーブル
---------------------------------------------------------------------------------------*/
.box {
	margin: 10px auto 20px;
}
.box img {
	padding: 4px;				/*商品画像とフチ線の間にある白い余白*/
	border: 1px dotted #CCCCCC;	/*ボックスのグレー色のフチ設定。solidは直線という意味。dottedとかにすると可愛くなります。*/
	margin: 2px;
}
.box td {
	vertical-align: top;
	text-align: center;
	font-size: 10px;
	padding-bottom: 0.5em;
}
.box a {
	text-decoration: none;
}
.box a:hover img {
	border: 1px solid #ff9900;	/*カーソルオーバー時のボックスのフチ色（黒色）設定*/
}




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

		全ての要素に指定

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



*{ margin: 0; padding: 0;

vertical-align: bottom;

}



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

		bodyに指定

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



body{

	font: 10px "ＭＳ ゴシック", "Osaka−等幅";

	text-align: center;

	background: url(../share/bg.gif) center top repeat-y;

}



p{	letter-spacing: 1px;

	line-height: 18px;

}



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

		リンク、テキスト、

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



 /*リンク要素に指定*/ 

a{ text-decoration: none;}

a:hover{ text-decoration: underline; }



.blue{ color: #0033CC; }



/*

 イメージ共有時用のリンク要素に指定 

a:hover .Underline{ text-decoration: underline; }



 テキスト関係のクラス指定 

.small{ font-size: 10px; }



 フォームのボタン要素に指定 

.btn{ cursor: pointer; }

*/



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

		containerに指定

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



#container{

	margin: 0 auto;

	padding: 0 0;

	width: 832px; height: auto;

	background: #EEEEEE;

	border-left: 1px solid #D3D3D3;

	border-right: 1px solid #D3D3D3;

}



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

		contentsに指定

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



#contents{

		margin: 0 auto;

		padding: 0 0;

		width: auto; height: auto;

		background: #EEEEEE;

}



* html #contents{

		margin: 0 auto;

		padding: 0 0;

		width: 832px; height: auto;

		background: #EEEEEE;

}



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

	subContents1の指定

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



#subContents1{

		float: left;

		margin: 0 4px 0 4px;

		padding: 0 0 0 0;

		width: 263px; height: 469px;

		background: #EEEEEE;

}

* html #subContents1{

		margin: 0 0 0 0;

		padding: 0 0 0 3px;

}



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

	#contents2に指定

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



#subContents2{

		float: left;

		margin: 0 0 0 0;

		padding: 0 0;

		width: 545px; height: auto;

		text-align: left;

		font-size: 12px;

		font-family: "ＭＳ Ｐゴシック";

		background-color: #EEEEEE;

}

* html #subContents2{

		float: left;

		margin: 0 0 0 0;

		padding: 0 0 0 4px;

		width: 545px; height: auto;

		text-align: left;

		font-size: 12px;

		font-family: "ＭＳ Ｐゴシック";

		background-color: #EEEEEE;

}



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

		#headerに指定

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



#header{

		margin: 0 0;

		padding: 0 0;

		width: 253px; height: 469px;

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

}



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

		h1に指定

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



h1#top{

	margin: 0 0 0 0;

	padding: 8px 0 0 0;

	width: 352px; height: 92px;

	text-indent: -9999px;

	background: url(../img/headertitle.gif) center bottom no-repeat;

}



h1 a{

	display: block;

	margin: 0 0 0 0;

	padding: 8px 0 0 0;

	width: 239px; height: 99px;

	text-indent: -9999px;

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

}



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

		#dustに指定

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



#dust{

		margin: 0 0;

		padding: 21px 0 5px 0;

		width: 545px; height: 14px;

		color: #666666;

		text-align: left;

		text-indent: -1px;

		letter-spacing: 2px;

		border-bottom: 1px solid #E1E1E1;

}



p#dustlink{

		font-size: 10px;

}







#shopBillboard{

	margin: 0 0;

	padding: 0 0;

	width: 545px; height: 156px;

	background: url(../share/billboardbg.gif) left top repeat-x;

}



#shopBillboard_c{

	margin: -20px 0 0 0;

	padding: 0 0;

	width: 545px; height: 156px;

	background: url(../share/billboardbg.gif) left bottom repeat-x;

}



#shopBillboard_r{

	margin: -20px 0 0 0;

	padding: 0 0;

	width: 545px; height: 156px;

	background: url(../share/billboardbg.gif) left bottom repeat-x;

}



.billboardimg{

		margin-top: 66px;

		width: 545px; height: 59px;

}



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

		ul#headerNavに指定

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



ul#headerNav{

		margin: 0 0;

		padding: 0 0;

		width: 239px; height: 59px;

		text-align: left;

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

}



ul#headerNav li{

		list-style: none;

}



ul#headerNav li.home a{

		display: block;

		position: relative;

		top: 11px;

		left: 26px;

		width: 57px; height: 14px;

		text-indent: -9999px;

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

}

	

ul#headerNav li.siteMap a{

		display: block;

		position: relative;

		top: 21px;

		left: 26px;

		width: 82px; height: 14px;

		text-indent: -9999px;

		text-indent: -9999px;

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

}

	

ul#headerNav li.contact a{

		display: block;

		position: relative;

		top: 7px;

		left: 127px;

		width: 86px; height: 14px;

		text-indent: -9999px;

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

}



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



ul#headerNav li.home a:hover{

		background-position: 0 -14px;

}



ul#headerNav li.siteMap a:hover{

		background-position: 0 -14px;

}



ul#headerNav li.contact a:hover{

		background-position: 0 -14px;

}



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

		ul#headerMenuに指定

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



ul#headerMenu li{

		list-style: none;

}



	li.company a{

		display: block;

		width: 239px; height: 31px;

		text-indent: -9999px;

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

	}

	

	li.companyHome a{

		display: block;

		width: 239px; height: 31px;

		text-indent: -9999px;

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

	}



	li.service a{

		display: block;

		width: 239px; height: 31px;

		text-indent: -9999px;

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

	}

	

	li.serviceHome a{

		display: block;

		width: 239px; height: 31px;

		text-indent: -9999px;

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

	}



	li.affiliated a{

		display: block;

		width: 239px; height: 31px;

		text-indent: -9999px;

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

	}

	

	li.affiliatedHome a{

		display: block;

		width: 239px; height: 31px;

		text-indent: -9999px;

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

	}



	li.original a{

		display: block;

		width: 239px; height: 31px;

		text-indent: -9999px;

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

	}

	

	li.originalHome a{

		display: block;

		width: 239px; height: 31px;

		text-indent: -9999px;

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

	}



	li.shop a{

		display: block;

		width: 239px; height: 31px;

		text-indent: -9999px;

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

	}

	

	li.shopHome a{

		display: block;

		width: 239px; height: 31px;

		text-indent: -9999px;

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

	}



	li.event a{

		display: block;

		width: 239px; height: 31px;

		text-indent: -9999px;

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

	}

	

	li.eventHome a{

		display: block;

		width: 239px; height: 31px;

		text-indent: -9999px;

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

	}



	li.recruit a{

		display: block;

		width: 239px; height: 31px;

		text-indent: -9999px;

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

	}

	

	li.recruitHome a{

		display: block;

		width: 239px; height: 31px;

		text-indent: -9999px;

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

	}



	li.catalog a{

		display: block;

		width: 239px; height: 32px;

		text-indent: -9999px;

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

	}

	

	li.catalogHome a{

		display: block;

		width: 239px; height: 32px;

		text-indent: -9999px;

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

	}



	li.blank{

		display: block;

		width: 239px; height: 15px;

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

	}



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



li.company a:hover{

		background-position: 0 -31px;

}



li.service a:hover{

		background-position: 0 -31px;

}



li.affiliated a:hover{

		background-position: 0 -31px;

}



li.original a:hover{

		background-position: 0 -31px;

}



li.shop a:hover{

		background-position: 0 -31px;

}



li.event a:hover{

		background-position: 0 -31px;

}



li.recruit a:hover{

		background-position: 0 -31px;

}



li.catalog a:hover{

		background-position: 0 -32px;

}







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

		フッターに指定

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





#footer{

	clear: both;

	margin: 0 auto;

	padding: 0 16px 0 16px;

	width: 800px; height: 175px;

	background: url(../share/footerbg.gif) center top no-repeat;

}

* html #footer{

	clear: both;

	margin: 0 auto;

	padding: 0 16px 0 16px;

	width: 800px; height: 175px;

	background: url(../share/footerbg.gif) center top no-repeat;

}



#footertop{

	clear: both;

	margin: 0 auto;

	padding: 12px 16px 0 16px;

	width: 800px; height: 175px;

	background: url(../share/footerbg.gif) center top no-repeat;

}

* html #footertop{

	clear: both;

	margin:  -100px 0 auto 0 auto;

	padding: 0 16px 0 16px;

	width: 800px; height: 175px;

	background: url(../share/footerbg.gif) center top no-repeat;

}



a#pagetop_btn{

		clear: both;

		display: block;

		position: relative;

		top: 40px;

		width: 800px; height: 16px;

		text-indent: -9999px;

		background: url(../share/pagetop_btn.gif) center top no-repeat;

}



a#pagetop_btn:hover{

		background-position: 0 -16px;

}



ul#footerMenu{

		margin: 0 0 0 0;

		width: 800px; height: 73px;

}



ul#footerMenutop{

		margin: 0 0 0 0;

		width: 800px; height: 73px;

}



ul#footerMenu li{

		display: block;

		float: right;

		list-style: none;

		margin: 60px 0 0 46px;

		padding: 0 0 0 0;

}



ul#footerMenutop li{

		display: block;

		float: right;

		list-style: none;

		margin: 48px 0 0 46px;

		padding: 0 0 0 0;

}



* html ul#footerMenutop li{

		display: block;

		float: right;

		list-style: none;

		margin: 60px 0 0 46px;

		padding: 0 0 0 0;

}



.sitePolicy a{

		margin: 18px 0 0 0;

}



.privacyPolicy a{

		margin: 18px 0 0 0;

}



p#copyright{

		text-indent: -9999px;

}