@charset "UTF-8";
/**\*/
@import url("style-base.css");
@import url("style-menu.css");

* { margin: 0; padding: 0; }

/* 文書全体 */
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size:12px;
	border: 0px;
	background: #E0EBF7;
/*		font-family: Verdana,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Pゴシック",Osaka,sans-serif;*/
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
a:link,a:visited { color: #0E7AC0; text-decoration:underline; }
a:hover,a:active { color: #0E7AC0; text-decoration:none; }

/* basebox */
#wrapper {
	margin: 0px auto 0px auto;
	width:780px;
	padding:0px 10px;
	background:url(img/conback.gif) repeat-y center top;
	text-align:left;
}
#header {
height:100px;
position:relative;
}
#navi{
height:39px;
width:740px;
margin:0px auto;
padding-bottom: 10px;
}
#contents_top {
background:url(img/side_bg.gif) repeat-y right top;
width:740px;
margin:0px auto;
}
#contents_in {
background:url(img/side_bg.gif) repeat-y left top;
width:740px;
margin:0px auto;
padding: 0;
}
#footer {
clear: both;
background: url(img/footbg.gif) repeat-x 0 0;
width:780px;
margin:10px auto 0px;
padding-bottom:15px;
}

/*
背景にpngを使う場合
スタイルシートに追加。iepngfixはそれぞれのIDやclassに。
* html .iepngfix { behavior: expression(IEPNGFIX.fix(this)); } 
*/



img{border:0px;}
.clear { clear: both; width:0px; height:0px; display:block; overflow:hidden; }




.p-t05{ padding-top:5px;}
.p-t10{ padding-top:10px;}
.p-t20{ padding-top:20px;}
.p-t30{ padding-top:30px;}
.p-t40{ padding-top:40px;}
.p-b05{ padding-bottom:5px;}
.p-b10{ padding-bottom:10px;}
.p-b20{ padding-bottom:20px;}
.p-b30{ padding-bottom:30px;}
.p-b40{ padding-bottom:40px;}

.m-t10{ margin-top:10px;}
.m-t20{ margin-top:20px;}
.m-t30{ margin-top:30px;}
.m-t40{ margin-top:40px;}
.m-b10{ margin-bottom:10px;}
.m-b20{ margin-bottom:20px;}
.m-b30{ margin-bottom:30px;}
.m-b40{ margin-bottom:40px;}

.cen{
text-align:center;
}


td { font-size:12px; line-height: 150%; }
th { font-size:12px; line-height: 150%; }

.img_r {
	float: right;
	border: none;
	vertical-align: top;
	margin-left: 5px;
	margin-bottom: 5px;
}
.img_l {
	float: left;
	border: none;
	vertical-align: top;
	margin-right: 5px;
	margin-bottom: 5px;
}
.img_n {
	float: none;
	border: none;
}
textarea,select,input {
    font-family: Verdana,ヒラギノ丸ゴ Pro W4,Hiragino Maru Gothic Pro,ＭＳ Ｐゴシック,Osaka,sans-serif;
}
#F-Aa,
#F-Furigana,
#F-Phone,
#F-Fax	{ width: 50%; }
#F-Mail,
#F-Mail2,
#F-Addres	{ width: 95%; }
#F-Zip	{ width: 20%; }
textarea#F-Content	{ width: 95%;font-size: 12px; }

#header h1{
font-size:10px;
line-height:110%;
color:#ffffff;
padding:5px 0px 0px 20px;
font-weight:normal;
background: url(img/bg01.gif) repeat-x 0 0;
height:16px;
overflow:hidden;
}
#header ul{
width:300px;
position:absolute;
right:20px;
top:3px;
line-height:110%;
list-style:none;
}
#header ul li{
background:url(img/point01.gif) no-repeat 0px 2px;
float:right;
font-size:10px;
color:#ffffff;
padding:0px 10px 0px 12px;
}
#header ul li a:link,#header ul li a:visited { color: #ffffff; text-decoration:none; }
#header ul li a:hover,#header ul li a:active { color: #ffffff; text-decoration:underline; }


#logo{
width:300px;
float:left;
padding-left:20px;
}
#topcontact{
width:350px;
float:right;
padding-right:20px;
}

#navi  ul{
list-style:none;
}
#navi  ul li{
float:left;
}
#navi  ul li img{
vertical-align:bottom;
}



#top_left{
width:530px;
float:left;
}
#top_right{
width:170px;
float:right;
padding:10px;
}

#topbana{
height:90px;
list-style:none;
}
#topbana li#bana_left{
float:left;
}
#topbana li#bana_right{
float:right;
}

#topbana li img{
vertical-align:bottom;
}

div#top_infoarea{
border-bottom:1px dotted #a8a8a8;
padding:10px 0px;
}
div#top_infoarea dl{
width:510px;
margin:0px auto;
}
div#top_infoarea dt{
line-height:160%;
background:url(img/point02.gif) no-repeat 0px 9px;
padding:4px 0px 4px 15px;
float:left;
width:115px;
}
div#top_infoarea dd{
line-height:160%;
float:left;
padding:4px 0px 4px 0px;
width:370px;
}


ul#toprss{
list-style:none;
}
ul#toprss li{
float:right;
}


h3#comname{
font-size:14px;
color:#585857;
line-height:130%;
}
h3#comname span{
font-size:10px;
font-weight:normal;
}



address#comadd{
font-size:12px;
color:#585857;
font-style:normal;
padding:5px 0px;
line-height:160%;
}

div#access{
background:url(img/line02.gif) repeat-x 0 0;
padding-top:15px;
}



#footer address{
font-size:10px;
text-align:center;
color:#FFFFFF;
font-style:normal;
line-height:150%;
padding-top:10px;
}





#pan{
font-size:10px;
letter-spacing:0.5px;
padding:3px 20px;
line-height:150%;}

#in_left{
width:190px;
float:left;
}
#in_right{
width:530px;
float:right;
}


#for{
clear:both;
text-align:right;
}



.ttl01{
background:url(img/inner/ttlback.gif) no-repeat 0 0;
height:28px;
padding-top:5px;
padding-right:15px;
padding-left:25px;
font-size:15px;
color:#ffffff;
line-height:150%;
}

div.body{
line-height:180%;
width:510px;
margin:10px auto;
}

ul#menu{
list-style:none;
background:url(img/inner/menu_bg.gif) repeat-y 0 0;
margin-bottom:20px;
}
ul#menu li{
list-style:none;
background:url(img/inner/menuback.gif) no-repeat 0 0 #BED9EF;
border-bottom:1px solid #BDBDBD;
padding:8px 5px 8px 27px;
width:156px;
margin:0px auto;
}

div.w170{
width:170px;
margin:0px auto;
}




div.month_bg{
background:url(img/inner/month_bg.gif) no-repeat left bottom;
text-align:center;
padding:10px 0px;
}

div.dat03{
background:url(img/inner/point03.gif) no-repeat right center;
padding:5px 20px 5px 0px;
text-align:right;
font-weight:bold;
margin-bottom:20px;
}

p.date{
font-size:10px;
color:#575757;
text-align:right;
padding:2px 3px;
line-height:150%;
}

.tab_gray01	{
	background: #DEDCDC;
	padding: 4px 10px;
	text-align: center;
	font-weight: bold;
}
.tab_gray02	{
	background: #F1F1F1;
	padding: 4px 10px;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	vertical-align: top;
	line-height:150%;
}
.tab_white	{
	background: #FFFFFF;
	padding: 4px 10px;
	font-size: 12px;
	vertical-align: top;
	line-height:150%;
	text-align: left;
}

div.body h4	{
	background: url(img/point02.gif) no-repeat 0 4px;
	font-size: 14px;
	line-height: 130%;
	padding: 0 0 3px 15px;
	border-bottom: #0E7AC0 solid 1px;
	margin-bottom: 10px;
}
ul.sitemaplist	{
	list-style: none;
	margin: 0 0 25px 30px;
}
ul.sitemaplist li	{
	padding: 5px 0 0 0;
	border-bottom: #0E7AC0 dotted 1px;
}
div.body h4 a:link,
div.body h4 a:visited,
div.body li a:link,
div.body li a:visited	{
	text-decoration: none;
}
div.body h4 a:hover,
div.body li a:hover	{
	text-decoration: underline;
}

ul#inqlist	{
	width: 488px;
	background: #FDEFEF;
	padding: 10px;
	margin: 0 0 15px 0;
	border: #F8A8A8 solid 1px;
}
ul#inqlist li	{
	border: none;
	list-style: disc;
	margin-left: 15px;
}
span.must	{
	color: #FF0000;
	font-size: 10px;
}


.privacy {
	margin: 10px;
}
.privacy dl {
}
.privacy dt,
.privacy h3 {
	font-size: 12px;
	margin-bottom: 4px;
	font-weight: bold;
}
.privacy dd,
.privacy p {
	font-size: 12px;
	line-height: 180%;
	margin-bottom: 20px;
}
.privacy ol {
	padding: 0px;
	margin: 0px;
}
.privacy li {
	margin: 0px 0px 0px 28px;
	border: none;
}
.tab_houtitle	{
	background: #CCE8FB;
	padding: 4px 10px;
	text-align: center;
	font-weight: bold;
}
.tab_kantitle	{
	background: #CCEFFB;
	padding: 4px 10px;
	text-align: center;
	font-weight: bold;
}
.tab_whitecenter	{
	background: #FFFFFF;
	padding: 4px 5px;
	font-size: 12px;
	vertical-align: top;
	line-height:150%;
	text-align: center;
}
.tab_white2	{
	background: #FFFFFF;
	padding: 4px 5px;
	font-size: 12px;
	vertical-align: top;
	line-height:150%;
	text-align: left;
}
p.ref_10px	{
	color: #5D4341;
	font-size: 10px;
	padding-bottom: 15px;
	text-align: center;
}
div#refbox01	{
	width: 490px;
	padding: 10px;
	background: url(img/inner/prod10.gif) repeat-y 0 0;
}
div#refbox02	{
	width: 490px;
	padding: 10px;
	background: url(img/inner/prod16.gif) repeat-y 0 0;
}
div#refbox03	{
	width: 490px;
	padding: 10px;
	background: url(img/inner/prod22.gif) repeat-y 0 0;
}
div#kojibox01	{
	width: 490px;
	padding: 10px;
	background: url(img/inner/kojin06.gif) repeat-y 0 0;
}
div#kojibox02	{
	width: 490px;
	padding: 10px;
	background: url(img/inner/kojin12.gif) repeat-y 0 0;
}
div#kojibox03	{
	width: 490px;
	padding: 10px;
	background: url(img/inner/kojin17.gif) repeat-y 0 0;
}
div#kojibox04	{
	width: 490px;
	padding: 10px;
	background: url(img/inner/kojin22.gif) repeat-y 0 0;
}
div#kojibox05	{
	width: 490px;
	padding: 10px;
	background: url(img/inner/kojin26.gif) repeat-y 0 0;
}
div#kojibox06	{
	width: 490px;
	padding: 10px;
	background: url(img/inner/kojin34.gif) repeat-y 0 0;
}
ul#syumokulist	{
	margin-left: 20px;
	margin-bottom: 20px;
}
div#recruitbox	{
	background: url(img/inner/rec01.jpg) no-repeat right top;
	padding-top: 20px;
}