/* CSS Document */

*{
	margin:0;
	padding:0;
/*	word-break:keep-all;*//*IE6で禁則がきつすぎたので使�?覆い海箸砲靴�*/
}
img{
	vertical-align:middle;
	border:none;
}
a{
	color:#4e3d3d;
	font-weight:400;
	text-decoration:none;
}
a:hover{
	color:#ae8b8b;
	font-weight:400;
	text-decoration:none;
}
ul{
	list-style:none outside;
}
body,td,th{
	color:#4e3d3d;
	font-size:14px;
	font-family:'�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro','�l�r �o�S�V�b�N','���C���I',Meiryo,sans-serif;
	font-family: "Noto Sans Japanese", "�q���M�m�p�S ProN W3", "Hiragino Kaku Gothic ProN", "���C���I", Meiryo, "�q���M�m�p�S Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
	font-family: "���C���I","���S�V�b�N", "Yu Gothic", "Noto Sans Japanese", "�q���M�m�p�S ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		!important;
	line-height:1.5em;
	vertical-align:base-line;
}
span.kana{	font-size:100%;	}
span.tin{	letter-spacing:0px;	}
.clr{clear:both;line-height:1px;height:1px;font-size:1px;}
body{
	position:relative;
/*background:url(../img/what-we-care-about.jpg) no-repeat center top;
*/}


#frame{
	position:relative;
	width:1200px;
	display: block;
/*background:red;
*/}

#frame2{
	position:relative;
	width:950px;
	margin:0 auto;
	display: block;
/*background:red;
*/}




#header{
	position:relative;
	/*
	↑IE6は背景centerとmargin:autoの中央が、window�?によって1pxず�??海箸�あ�?�
	発生�?�い止め�?海箸�本CSS設定ではできないので、ず�?��?�らないように対�?
	*/
*/}

#wrap{
	position:relative;
	left:0px;top:0px;
	z-index:2;
	padding: 0;
	/*
	↑IE6は背景centerとmargin:autoの中央が、window�?によって1pxず�??海箸�あ�?�
	発生�?�い止め�?海箸�本CSS設定ではできないので、ず�?��?�らないように対�?
	*/
/*opacity:0.5;background-color:violet;
*/}
#left{
/*
	float: left;
	width:350px;
*/
/*opacity:0.5;background-color:green;
*/}
#main{
	float:right;
	width:800px;
	/*overflow-x:hidden;Firefoxでは�??�?にこのブ��礎クが２ページ目以降表示さ�?覆�*/
/*opacity:0.5;background-color:blue;
*/}
#footer-n{
	position:relative;
	height:37px;
	margin-top:33px;
	border-top:1px #8f7672 solid;
	font-size:14px;
	line-height:12px;
	text-align:center;
	width:949px;margin-left:1px;
	/*
	↑IE6は背景centerとmargin:autoの中央が、window�?によって1pxず�??海箸�あ�?�
	発生�?�い止め�?海箸�本CSS設定ではできないので、ず�?��?�らないように対�?
	*/
/*opacity:0.5;background-color:orange;
*/}
/*
--------------------------------------------------------------------------------
	header
--------------------------------------------------------------------------------
*/
#iframe_side{
	display: table;
	width:100%;
}
#iframe_side .bySide{
	display: table-cell;
	vertical-align: middle;
	width:48%;
	padding-right:0;
	padding-left:0;
	overflow:hidden;
}
#header h1{
}
#header ul{
	position:absolute;
	left:246px;top:43px;
	width:526px;height:115px;
}
#header-log ul{	
position:absolute;
	right:10px;top:10px;
	width:140px;height:20px;	
	margin-bottom:50px;
}
#header-log ul li{
	float:right;
	height:20px;
	margin-bottom:10px;
	line-height:15px;
	font-size:14px;
/*opacity:0.8;
*/}
#header-log ul li#tm1{	
float:right;
margin-right:0px;
margin-left:15px;	}
#header ul li{
	float:left;
	height:115px;
	overflow:hidden;
/*opacity:0.8;
*/}
#header ul li a{
	display:block;
	height:0px;
	padding-top:15px;
	line-height:20px;
	overflow:hidden;
	background-image:url(../images/menu/topmenu3.gif);
	background-repeat:no-repeat;
}
#header ul li#tm1{ margin-right:22px; }
#header ul li#tm2{ margin-right:18px; }
#header ul li#tm3{ margin-right:20px; }
#header ul li#tm4{ margin-right:20px; }
#header ul li#tm5{ margin-right:20px; }
#header ul li#tm6{ margin-right:20px; }
#header ul li#tm7{ margin-right:20px; }
#header ul li#tm1,#header ul li#tm1 a{ width: 36px; }
#header ul li#tm2,#header ul li#tm2 a{ width: 51px; }
#header ul li#tm3,#header ul li#tm3 a{ width:124px; }
#header ul li#tm4,#header ul li#tm4 a{ width: 53px; }
#header ul li#tm5,#header ul li#tm5 a{ width: 67px; }
#header ul li#tm6,#header ul li#tm6 a{ width:76px; }
#header ul li#tm7,#header ul li#tm7 a{ width:40px; }
#header ul li#tm1 a{  background-position: -38px 0px; }
#header ul li#tm2 a{  background-position: -56px 0px; }
#header ul li#tm3 a{  background-position:-98px 0px; }
#header ul li#tm4 a{  background-position:-238px 0px; }
#header ul li#tm5 a{  background-position:-310px 0px; }
#header ul li#tm6 a{  background-position:-395px 0px; }
#header ul li#tm7 a{  background-position:-488px 0px; }
#header ul li#tm1 a:hover{ background-position: -38px -15px; }
#header ul li#tm2 a:hover{ background-position: -56px -15px; }
#header ul li#tm3 a:hover{ background-position:-98px -15px; }
#header ul li#tm4 a:hover{ background-position:-238px -15px; }
#header ul li#tm5 a:hover{ background-position:-310px -15px; }
#header ul li#tm6 a:hover{ background-position:-395px -15px; }
#header ul li#tm7 a:hover{ background-position:-488px -15px; }
#header form{
	position:absolute;
	right:8px;top:36px;
	border:none;
/*opacity:0.8;background-color:blue;
*/}
#header form input#Keys{
	width:125px;
	height:19px;
	border:none;
	background:url(../images/menu/topbox.gif) 0px 0px no-repeat #fff;
	
}
#header form input#btn{
	width:25px;
	height:19px;
	border:none;
	background:url(../images/menu/topbtn.gif) left top no-repeat;
}
#header form input#btn:hover{
	background-position:left -19px;
}
/*
--------------------------------------------------------------------------------
	left
--------------------------------------------------------------------------------
*/
#left h2{
	overflow:hidden;
	width:350px;
	height:0px;
	padding-top:30px;
	line-height:35px;
	margin-bottom:17px;
}
#left #category h2{		background:url(/images/menu/category.jpg)   0px 0px no-repeat;	}
#left #category ul{
	margin-left:15px;
	margin-bottom:30px;

}
#left #category ul li{
	margin-bottom:10px;
	line-height:13px;
	letter-spacing:1.5px;
	text-align: left;
	
}
#left #information h2{	background:url(/images/menu/information.jpg) 0px 0px no-repeat;margin-bottom:20px;	}
#left #information ul{
	margin-left:15px;
	margin-bottom:15px;
}
#left #information ul li{
	margin-bottom:5px;
	line-height:15px;
	letter-spacing:1.5px;
	text-align: left;
	}
	#left #information ul li#ls1{	letter-spacing:0.4px;	}
	#left #information ul li#ls2{	letter-spacing:0.6px;	}
#left #category li a{			color:#4e3d3d;	}
#left #category li a:hover{		color:#ba8c90;	}
#left #category li.wid a{		color:#ab8f7c;	}
#left #category li.wid a:hover{	color:#ddb7c5;	}
#left #information li a{		color:#4e3d3d;	}
#left #information li a:hover{	color:#9d8d8c;	}
/*
--------------------------------------------------------------------------------
	main
--------------------------------------------------------------------------------
*/
#main #mainHeader{
	padding-bottom:33px;
	margin-bottom:25px;
}
#main #mainHeader h2{
	letter-spacing:2.20px;
	margin:4px 0 27px 1px;
}
#main #mainHeader h2 .kana{
	letter-spacing:0.70px;
	font-size:100%;
}
#main #mainHeader ul{
	margin-bottom:11px;
}
#main #mainHeader ul:after{
	content:".";
	clear:both;
	visibility:hidden;
}
#main #mainHeader li{
	float:left;
}
#main #mainHeader ul#ejNavi a{
	letter-spacing:1.50px;
	color:#4c3e3d;
	font-weight:900;
	display:block;
	height:15px;
	padding-left:14px;
	margin-right:35px;
	background:url(../images/ejArrow.gif) left 1px no-repeat;
}
#main #mainHeader ul#ejNavi a:hover{
	color:#a39a9b;
	font-weight:900;
	background-position:left -12px;;
}

#main #mainBody{
	font-size:14px;
	letter-spacing:1.05px;
}
#main #mainBody h3{
	margin-bottom:6px;
	font-size:14px;
	font-weight:900;
	letter-spacing:0.60px;
}
#main #mainBody h4{
	margin-top:18px;
	margin-bottom:6px;
	font-size:14px;
	font-weight:900;
	letter-spacing:0.60px;
}
#main #mainBody ul,
#main #mainBody dl{
}
#main #mainBody p,
#main #mainBody li{
	line-height:16.0px;
	margin-left:15px;
}
#main #mainBody dt{
	line-height:16.0px;
	margin-left:15px;
	margin-top:10px;
	font-weight:600;
}
#main #mainBody dd{
	line-height:16.0px;
	margin-left:30px;
}
#main #mainBody a{			color:#c8847c;	}
#main #mainBody a:hover{	color:#e7c2cd;	}
/*
--------------------------------------------------------------------------------
	footer
--------------------------------------------------------------------------------
*/
#footer-n ul{
	width:680px;
	margin:12px auto;

}
#footer-n ul li{
	float:left;
	margin:0 22px;

}
#footer-n ul li a{		color:#4e3d3d;	}
#footer-n ul li a:hover{	color:#e7c2cd;	}