@charset "shift_jis";

/* --------------------------------------------------
	行頭を表示するときは「##」で検索してください。
-------------------------------------------------- */

/* --------------------------------------------------
	##基本設定
-------------------------------------------------- */
* html{filter: expression(document.execCommand("BackgroundImageCache",false,true));}
/* body */
html,body{height:100%;}
body{
	margin:0;
	padding:0;
	line-height:1.4;
	color:#4D4D4D;
	background:#EEE url(../img_com/bg1.jpg) repeat-x 0 105px;
	font-size:12px;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック','Lucida Grande',arial,helvetica,clean,sans-serif;
	text-align:center;
}

/* IE6用 */
* html body {
	font-size:75%;
}

/* IE7用 */
*:first-child+html body {
	font-size:75%;
}

/* タイトル */
h1,h2,h3,h4,h5,h6{
	margin:0;
}

/* テーブル・ボックス */

/* イメージ */
img,
a img{border:0;}

/* フォーム */
form{
	margin:0;
	padding:0;
}

/* 段落 */
p{
	margin:0;
	padding:0;
}

/* リンク */
a{
	color:#4D4D4D;
	text-decoration:none;
}
a:hover{
	color:#F00;
	text-decoration:underline;
}

/* --------------------------------------------------
	##枠
-------------------------------------------------- */
#wrapper{
	width:100%;
	min-height:100%;
	height:auto !important;
	height:100%;
	position:relative;
}

/* --------------------------------------------------
	##header
-------------------------------------------------- */
#header{
	margin:0 0 4px;
	background-color:#00489e;
	width:100%;
	min-width:892px;
}
#h-inner{
	margin:0 auto;
	width:892px;
	height:105px;
	position:relative;
	text-align:left;
}
#logo{
	position:absolute;
	top:5px;
	left:14px;
	width:118px;
	z-index:0;
}
ul#h-link-list:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
ul#h-link-list{
	margin:0;
	padding:0;
	position:absolute;
	top:5px;
	right:11px;
	z-index:1;
	width:auto;
	min-height:1px;
	_height:1px;
	/*\*//*/
	overflow:hidden;
	/**/
}
ul#h-link-list li{
	margin:0;
	padding:0 0 0 4px;
	height:23px;
	list-style:none;
	float:left;
	white-space:nowrap;
}
ul#h-link-list li img{vetical-align:top;}

li#hll1 a{
	display:block;
	width:119px;
	height:23px;
	background:url(../img_com/h_btn1a.jpg) no-repeat left top;
}
li#hll1 a:hover{background-color:#FFF;}
li#hll1 a:hover img{visibility:hidden;}
li#hll2 a{
	display:block;
	width:101px;
	height:23px;
	background:url(../img_com/h_btn2a.jpg) no-repeat left top;
}
li#hll2 a:hover{background-color:#FFF;}
li#hll2 a:hover img{visibility:hidden;}

ul#h-link-list2:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
ul#h-link-list2{
	margin:0;
	padding:0;
	position:absolute;
	top:82px;
	right:11px;
	z-index:2;
	width:auto;
	min-height:1px;
	_height:1px;
	/*\*//*/
	overflow:hidden;
	/**/
}
ul#h-link-list2 li{
	margin:0;
	padding:0 0 0 12px;
	height:13px;
	line-height:10px;
	list-style:none;
	float:left;
	white-space:nowrap;
	font-size:10px;
}
ul#h-link-list2 li img{vetical-align:top;}
li#hll1-2 a{
	display:block;
	width:76px;
	height:13px;
	background:url(../img_com/h_txt_link1a.gif) no-repeat left top;
}
li#hll1-2 a:hover{background-color:#FFF;}
li#hll1-2 a:hover img{visibility:hidden;}
li#hll1-3 a{
	display:block;
	width:70px;
	height:13px;
	background:url(../img_com/h_txt_link2a.gif) no-repeat left top;
}
li#hll1-3 a:hover{background-color:#FFF;}
li#hll1-3 a:hover img{visibility:hidden;}

/* --------------------------------------------------
	##menu
-------------------------------------------------- */
#menu{
	margin:0 auto;
	width:892px;
	height:45px;
	background:url(../img_com/bg_menu.jpg) no-repeat left top;
}
menu ul:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#menu ul{
	margin:0 auto;
	padding:0;
	width:870px;
	height:40px;
	/*\*//*/
	overflow:hidden;
	/**/
}
#menu ul li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	height:40px;
}
#menu ul li a{
	display:block;
	height:40px;
}
#menu ul li#me1 li,
#menu ul li#me1 a{width:155px;}
#menu ul li#me2 li,
#menu ul li#me2 a{width:140px;}
#menu ul li#me3 li,
#menu ul li#me3 a{width:139px;}
#menu ul li#me4 li,
#menu ul li#me4 a{width:141px;}
#menu ul li#me5 li,
#menu ul li#me5 a{width:140px;}
#menu ul li#me6 li,
#menu ul li#me6 a{width:155px;}
#menu ul li#me1 a{background:url(../img_com/bg_menua_2.jpg) no-repeat 0 0;}
#menu ul li#me1 a:hover{background-color:#FFF;}
#menu ul li#me1 a:hover img{visibility:hidden;}
#menu ul li#me2 a{background:url(../img_com/bg_menua_2.jpg) no-repeat -155px 0;}
#menu ul li#me2 a:hover{background-color:#FFF;}
#menu ul li#me2 a:hover img{visibility:hidden;}
#menu ul li#me3 a{background:url(../img_com/bg_menua_2.jpg) no-repeat -295px 0;}
#menu ul li#me3 a:hover{background-color:#FFF;}
#menu ul li#me3 a:hover img{visibility:hidden;}
#menu ul li#me4 a{background:url(../img_com/bg_menua_2.jpg) no-repeat -434px 0;}
#menu ul li#me4 a:hover{background-color:#FFF;}
#menu ul li#me4 a:hover img{visibility:hidden;}
#menu ul li#me5 a{background:url(../img_com/bg_menua_2.jpg) no-repeat -575px 0;}
#menu ul li#me5 a:hover{background-color:#FFF;}
#menu ul li#me5 a:hover img{visibility:hidden;}
#menu ul li#me6 a{background:url(../img_com/bg_menua_2.jpg) no-repeat -715px 0;}
#menu ul li#me6 a:hover{background-color:#FFF;}
#menu ul li#me6 a:hover img{visibility:hidden;}

#about #menu ul li#me1 a img{visibility:hidden;}
#news #menu ul li#me2 a img{visibility:hidden;}
#item #menu ul li#me3 a img{visibility:hidden;}
.yawarakoi #menu ul li#me3 a img{visibility:hidden;}
.inquiry #menu ul li#me4 a img{visibility:hidden;}
#shop #menu ul li#me5 a img{visibility:hidden;}
#event #menu ul li#me6 a img{visibility:hidden;}


/* --------------------------------------------------
	##pankuzu
-------------------------------------------------- */
div#pankuzu:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
div#pankuzu{
	clear:both;
	margin:0 auto;
	width:892px;
	text-align:left;
	/*\*//*/
	overflow:hidden;
	/**/
}
div#pankuzu ol{
	margin:0 0 0 11px;
	padding:0;
	display:inline;
	list-style:none;
}
div#pankuzu li{
	margin:0;
	padding:0 19px 0 0;
	line-height:14px;
	display:inline;
	color:#6085C2;
	background:url(../img_com/p_icon.gif) no-repeat right center;
	white-space:nowrap;
}
* html div#pankuzu li{
	padding:0 15px 0 0;
}
*+html div#pankuzu li{
	padding:0 15px 0 0;
}
div#pankuzu li a{color:#6085C2;}
div#pankuzu li a:hover{color:#F00;}
div#pankuzu h2{
	display:inline;
	line-height:14px;
	color:#6085C2;
	font-size:100%;
	font-weight:normal;
}

/* --------------------------------------------------
	##main
-------------------------------------------------- */
div#main,
#about.top div#main,
#shop div#main{
	margin:0 auto;
	width:892px;
	background:url(../img_com/bg_main1.gif) repeat-y left top;
}
#about div#main,
#item div#main,
#other div#main,
#ssl div#main{background:url(../img_com/bg_main1_s.gif) repeat-y left top;}
#news div#main{background:url(../img_com/bg_main1_sr.gif) repeat-y left top;}
div#m-inner:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
div#m-inner,
#about.top div#m-inner,
#shop div#m-inner{
	padding:31px 0 0 0;
	width:892px;
	min-height:460px;
	height:auto !important;
	height:460px;
	background:url(../img_com/bg_main.jpg) no-repeat left top;
	text-align:left;
	/*\*//*/
	overflow:hidden;
	/**/
}
#about div#m-inner{background:url(../img_com/bg_main_s.jpg) no-repeat left top;}
#item.shiroi div#m-inner{background:url(../img_com/bg_main_s_shiroi.jpg) no-repeat left top;}
#item.mifuyu div#m-inner{background:url(../img_com/bg_main_s_mifuyu.jpg) no-repeat left top;}
#item.tsumugi div#m-inner{background:url(../img_com/bg_main_s_tsumugi.jpg) no-repeat left top;}
#item.yawarakoi div#m-inner{background:url(../img_com/bg_main_s_yawarakoi.jpg) no-repeat left top;}
#other div#m-inner,
#ssl div#m-inner{background:url(../img_com/bg_main_s1.jpg) no-repeat left top;}
#news div#m-inner{background:url(../img_com/bg_main_sr.jpg) no-repeat left top;}

/* --------------------------------------------------
	##contents
-------------------------------------------------- */
#contents,
#about.top #contents,
#item.top #contents,
#shop #contents{
	margin:0 0 0 28px;
	width:836px;
	float:none;
	display:block;
}
#about #contents,
#other #contents,
#ssl #contents{
	margin:0 25px 0 0;
	float:right;
	width:616px;
	display:inline;
}
#item.shiroi #contents,
#item.mifuyu #contents,
#item.tsumugi #contents,
#item.yawarakoi #contents{
	margin:302px 25px 0 0;
	padding-bottom:15px;
	float:right;
	width:616px;
	display:inline;
}

/* --------------------------------------------------
	##main-image
-------------------------------------------------- */
#main-image{
	margin:0 0 14px 26px;
	width:840px;
	text-align:center;
}

/* --------------------------------------------------
	##side
-------------------------------------------------- */
#item.shiroi #side,
#item.mifuyu #side,
#item.tsumugi #side,
#item.yawarakoi #side{
	margin:131px 0 0 26px;
	float:left;
	width:210px;
	display:inline;
	background-color:#FFF;
}
#side{
	margin:0 0 0 26px;
	float:left;
	width:210px;
	display:inline;
	background-color:#FFF;
}
.s-list{
	margin:0;
	padding:0 0 15px;
	width:210px;
}
#about .s-list,
#other .s-list,
#ssl .s-list{
	border-top:2px #038 solid;
	padding:0;
}
#item .s-list{
	padding:0;
	border-bottom:1px #D9D9D9 solid;
}

#item #sl-btm.s-list{
	border-top:2px #038 solid;
	margin:23px 0 0 0;
}

.s-list li{
	margin:0;
	padding:0;
	border-top:1px #D9D9D9 solid;
	list-style:none;
	width:210px;
}
.s-list li img{vertical-algin:top;}
#about .s-list li#sl1,
#item .s-list li#sl1,
#other .s-list li#sl1,
#ssl .s-list li#sl1{border-top:none;}
.s-list li#s-title1 span{
	display:block;
	padding:8px 0 4px 8px;
	zoom:1;
}
.s-list li a{
	padding:3px 8px;
	display:block;
	color:#00489E;
	background-color:#FFF;
	text-decoration:none;
	zoom:1;
}
.s-list li a:hover{
	color:#FFF;
	background-color:#00489E;
	text-decoration:none;
}
.s-list li#s-movie a{
	padding:6px 0 6px 8px;
}
.s-list li#s-movie a:hover{
	background-color:#FFF;
}
.company .s-list li#sl1 a,
.rinen .s-list li#sl2 a,
.safety .s-list li#sl3 a,
.recruit .s-list li#sl4 a,
.compliance .s-list li#sl5 a{
	color:#FFF;
	background-color:#00489E;
	text-decoration:none;
}
#item .s-list li#sl1 a{
	color:#FFF;
	background-color:#00489E;
	text-decoration:none;
}

.kiyaku .s-list li#sl1 a,
.privacy .s-list li#sl2 a,
.sitemap .s-list li#sl3 a,
.inquiry .s-list li#sl4 a{
	color:#FFF;
	background-color:#00489E;
	text-decoration:none;
}

/* --------------------------------------------------
	##footer
-------------------------------------------------- */
#footer:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#footer{
	clear:both;
	margin:0 auto;
	padding:22px 0 36px;
	width:892px;
	background:url(../img_com/bg_footer.gif) no-repeat left top;
	text-align:left;
	/*\*//*/
	overflow:hidden;
	/**/
}
#f-logo{
	margin:0 0 0 11px;
	float:left;
	display:inline;
	width:200px;
	color:#000;
	font-size:84%;
}
#page-top{
	margin:0 11px 0 0;
	float:right;
	display:inline;
	width:150px;
	text-align:right;
}


/* --------------------------------------------------
	##copy
-------------------------------------------------- */
#copyright{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	min-width:892px;
	height:36px;
	background:url(../img_com/bg_footer_copy.jpg) repeat-x left top;
}
#copyright p{
	margin:0 auto;
	width:892px;
	color:#8D8D8D;
	text-align:left;
}
#copyright p span{
	display:block;
	padding:14px 0 0 12px;
}