@charset "utf-8";
/* CSS Document */

/*===============
base
=================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
form,input,p,blockquote,th,td {
margin:0;
padding:0;
}  
img{
border:0;
vertical-align: top;
}

body{
min-width: 320px;
font-size: 90%;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
line-height:1.4;
color:#333;
background:#f8f8ff;
}


a:link,
a:visited,
a:active{
color:#333;
text-decoration:none;
}

a:hover{
color:#069;
text-decoration:none;
}

ul,ol{
list-style: none;
}

/*clearfix*/
.clearfix:after{  
visibility:hidden;/*見えなくする*/ 
height:0;/*見えなくする*/
display: block;/*block要素にする*/
font-size: 0;  
content: " ";  
clear: both;  

}  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */




p,dd{
font-size:1.2em;
}

/*footerの背景指定*/
html{
background:#dedede;
}

.nonpc{
display:block;
}
.pc{
display:none;
}

/*==================
header
====================*/
h1{
font-size:1em;
}
#header{
width:100%;
background:none;
}

#header_top{
padding:20px 0 0 0;
width:100%;
margin:0 auto;
} 

/*header左側の設定*/

#logogroup{
width:100%;
padding: 0 10px;
}

/*header右側の設定*/

#subnav{
width:200px;
margin: 15px 10px 0;
float: left;
}

#subnav li{
float:left;
font-size:1.1em;
}

#subnav li.sitemap{
background:url(../images/icon_sitemap.gif) no-repeat 0 2px;
padding:0 0 0 15px;
margin:0 24px 0 0;
}

#subnav li.rss{
background:url(../images/icon_rss.gif) no-repeat 0 1px;
padding:0 0 0 16px;
}

/*グローバルナビゲーション*/

#nav{
width:100%;
margin:0 auto;
}

#nav li{
float:left;
padding-bottom: 20px;
padding-left: 10px;
}


/*==================
wrapper
====================*/
#wrapper{
width:97%;
margin:0 auto;
}
.topicpath li{
float:none;
}
#info{
width:98%; 
margin:0;
background-color: #f8f8ff;
padding:0 0 20px 0;
clear:both;
}
.main_box{
width:97%; 
margin:0 auto 10px auto;
background-color: #fff;
padding:0 0 20px 0;
border:solid #ddd 1px;
}
.main_box p{
width:95%; 
font-size:0.85em;
margin:5px;
padding-left:7px;
}
.main_box img{
display:block;
width:70%;
margin:0 auto;
}
h3.title_sub {
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	background:none;
	color: #e50012;
	font-size:1.5em;
	line-height:1.5;
	border:none;
	text-align:left;
	font-weight: normal;
	text-indent:none;
	margin:20px 30px;
	width:90%;
	font-size:1.2em;
}
.main_box h4{
	font-size:1em;
	font-weight:bold;
	margin:10px 30px 20px 30px;
}

div#sidebar{
width:97%;
margin:10px  auto 0 auto;
}


/*メインコンテンツ*/

#info h2{
background:url(../img/title_back_s.png) repeat-x 0 0;
padding:0 0 3px 13px;
height:44px;
line-height:2.5;
margin:0 0 20px 0;
font-size:1.1em;
}

/*.section{
margin-right:26px;
}*/
.main_box dl{margin:20px 20px 0 20px;}
.main_box dt{font-size:1em;margin:0 20px 20px 20px;}
.main_box dd{font-size:0.9em;margin:0 20px 0 20px;line-height:1.5;}

/*==================
sidebar
====================*/
.box{
	width: 99%;
	margin:10px auto 10px auto;
	background:#fff;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.box p{
	font-size:1em;
	border:none;
	margin:10px;
	line-height:1.5;
}
h3.l_title{
	background: url("../img/access_title_bk2.png") repeat-x;
	color: #fff;
	height: 36px;
	font-size: 1em;
	line-height: 2.4;
	text-indent:1em;
}
ul#l_navi{
    width: 100%;
    margin:0 auto;
    background:#f8f8ff;
}
ul#l_navi li{

	border-bottom: #bbb 1px dashed;
	width:100%;
	line-height: 3.5;
	text-indent: 3em;
	text-align:left;

}
ul#l_navi  a{
	background: #fce9ea url(../img/r_arrow.png) 12px center no-repeat;
	text-decoration: none;
	color: #505050;
	font-size: 99%;
	display: block;
	width:100%;
	margin:0;
	line-height:3;
	
}
ul#l_navi a:hover{
	color: #505050;
	background: #ffcccc url(../img/r_arrow.png) 12px center no-repeat;
}
ul#l_navi a:hover{
	color: #505050;
	background: #ffcccc url(../img/r_arrow.png) 12px center no-repeat;
}

ul#l_navi li.b_none{
	background-color: #fce9ea;
	width: 100%;
	line-height: 2.3;
	text-indent: 3em;
	border-bottom: none;
}

#sideber,
#sidebox{
	width:97%;
	margin:0 10px;
}
p.button1 a{
	background:#0066cc;
	color:#fff;
	display:block;
	width:90%;
	text-align:left;
	margin: 0 auto 0 auto;
	text-decoration:none;
	border:1px solid #0066cc;
	padding:5px 10px;
}
p.button1 a:hover{
	background:#fff;
	color:#0066cc;
	display:block;
	width:90%;
	text-align:left;
	margin: 0 auto 0 auto;
	text-decoration:none;
	border:1px solid #0066cc;
	padding:5px 10px;
}
#sidebar h2{
margin-top:25px;
padding-left:25px;
text-align:center;

}



#bnrarea{
margin-top:24px;
text-align:center;
width: 100%;
}

#bnrarea li,
#bnrarea li.last-child{
margin:20px auto;
width:231px;
border:1px solid #ccc;
padding:1px;
float: none;
}

/*==================
footer
====================*/

#footer{
width:100%;
margin:0 auto;
background:#dedede url(../images/footer_bg.gif) repeat-x;
margin-top:0;
text-align:center;
font-size:0.7em;
padding:10px 0;
}

#footer_inner{
width:100%;
margin:0 auto;
}

#footer_inner address{
padding:15px 15px 4px;
font-size:1.2em;
}

#footer_inner p{
padding:0 15px 15px;
font-size:1.2em;
}

/*==================
activity
====================*/
dl.business dt{
border:1px solid #505050;
color:#505050;
padding:5px 20px;
font-size:1.2em;
float:none;
width:120px;
font-weight:bold;
margin:0 0 0 20px;
font-size:0.95em;
}
dl.business dd{
float:none;
color:#505050;
padding:0;
font-size:1.2em;
line-height:2;
margin:5px 0 0 40px;
font-size:0.95em;
}
p.text_c{
text-align:center;
margin:20px;
}
.img_c{
display:block;
margin:0 auto;
}
#katuyaku {
	background: url("../img/head3.png") no-repeat -230px 0;
	color: #fff;
	width: 95%;
	margin: 0 10px 10px 0;
	padding:30px 20px;
}
.img_title{
font-size:1.5em;
color:#505050;
font-weight:bold;
}
.top_text{
font-size:0.9em;
color:#505050;
line-height:1.5;
}
.em_red{
color:#e50012;
font-size:1em;
}
/*==================
job
====================*/
#job_top {
	background: url("../img/head.png") no-repeat;
	width: 100%;
	height: 196px;
	margin: 0 0 10px 0;
}
.top_text2{
font-size:0.85em;
padding:0  15px 20px 15px;

}
.img_title2{
padding:15px 15px 10px 15px;
}
table.seminar {
	width: 85%;
	border: #bbb 1px solid;
	margin:20px auto;
}
table.seminar th {
	background-color: #707070;
	color: #fff;
	font-weight: bold;
	border-bottom: #fff 1px dashed;
	text-indent: 1em;
	line-height: 1.5;
	padding: 10px;
}
table.seminar td {
	color: #505050;
	border-bottom: #707070 1px dashed;
	line-height: 1.5;
	padding: 10px;
	font-weight: normal;
}
table.seminar th.b_none {
	background-color: #707070;
	color: #fff;
	font-weight: bold;
	border-bottom: none;
	text-indent: 1em;
	line-height: 1.5;
	padding: 10px;
}
tab
table.seminar td.bb_none {
	color: #505050;
	border-bottom: none;
	line-height: 1.5;
	padding: 10px;
	font-weight: normal;
}
.check dt{
line-height:1.5;
font-weight:bold;
margin:0;
font-size:1em;
}
.check dd{
line-height:1.5;
margin:0;
font-size:0.9em;
text-indent:1.5em;
}
/*==================
job
====================*/
h3{margin:0;padding:0;height:100%;}
#women p{padding:0;margin:0;}
#women h1{margin:10px;}
#women{
	background:none;
	margin:0;
	width:100%;
	height:100%;
}
#info #women h2.none{
	background:none;
	padding:10px 10px 0 10px;
	font-size:1.3em;
	color:/*#40210f*/#ff3366;
	font-weight:bold;
	line-height:1.3;
	max-width:360px;
}
#women p{
	font-size:0.8em;
	margin:0 10px 0 10px;
	max-width:360px;
}
#women h2{
	background:none;
}
#women h3.top_sub{
	color:#40210f;
	font-size:1em;
	margin:10px;
}
#women h3.left{
	color:#ff3366;
	font-size:1.1em;
	margin:10px 10px 0 10px;
	padding: 0;
	background:0;
	line-height:1.5;
	font-weight: normal;
}
#women h4{
	color:#40210f;
	font-size: 1em;
	margin:10px;
}
#women .left_p{
	float:none;
	margin:0;
	padding:0;
}

#women .left_text{
	max-width:360px;
}
p.top_link a{
	font-size:110%;
	text-align:center;
	color:#fff;
	display: block;
	background:#40210f;
	text-decoration:none;
	width: 200px;
	padding:10px;
	margin:10px;
}