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

common css

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

/*-----------------------------------------------------------

 フォントサイズの指定はYUI Fontsに基づき
 下記テーブルで指定します

 |px|%|
 |10|77|
 |11|85|
 |12|93|
 |13|100|
 |14|108|
 |15|116|
 |16|123.1|
 |17|131|
 |18|138.5|
 |19|146.5|
 |20|153.9|
 |21|161.6|
 |22|167|
 |23|174|
 |24|182|
 |25|189|
 |26|197|
----------------------------------------------------------- */
 
body {
	color: #333333;
	line-height: 1.5;
	font:13px "メイリオ","ＭＳ Ｐゴシック", Meirio,Osaka,Arial,Helvetica,"ヒラギノ角ゴ Pro W3",Geneva,sans-serif;
	*font-size: normal;
	*font: x-small;
}

#wrap{
	width:100%;
	background: url("../images02/bg_wrap.png") repeat-x scroll center top #FFFFFF;
}

#wrap02{
	width:100%;
	background: url("../images02/bg_wrap02.png") repeat-x scroll center top #FFFFFF;
}

#main{
	width:980px;
	margin:0 auto;
}

#content{
}

h4{
	background:url(../images02/icon_arrowR02.gif) 15px center no-repeat #F0F0F0;
	font-size:110%;
	font-weight:bold;
	padding:0.6em 35px 0.5em;
	margin-bottom:10px;
}

.link{
	display:block;
}

.lead{
	border-left:#C4086B 3px solid;
	line-height:1.3em;
	margin-bottom:10px;
	padding:5px 5px 3px;
}

.m-btm5{
	margin-bottom:5px;
}

.m-btm10{
	margin-bottom:10px;
}

.m-btm20{
	margin-bottom:20px;
}

.m-btm30{
	margin-bottom:30px;
}

.m-top10{
	margin-top:10px;
}

.m-left20{
	margin-left:20px;
}


/* header
================================================================================================= */
#header {
	width:100%;
	height:47px;
	background:url(../images02/bg_header.png) top repeat-x #FFF;
	padding-top:13px;
}

#header_cont{
	width:980px;
	margin:0 auto;
	position:relative;
}

#siteLogo{
	float:left;
	width:406px;
	height:37px;
	padding-left:12px;
}

#header_link{
	float:right;
	margin-top:-30px;
}

.h_linkcont{
	float:left;
	margin-right:12px;
}

.h_linkcont a{
	color:#333;
	font-size:80%;
	text-decoration:none;
}

.h_linkcont a img{
	margin-left:4px;
	vertical-align:middle;
}


/* gnavi
================================================================================================= */
#gnavi_cont{
	width:100%;
}

#gnavi{
	width:990px;
	height:54px;
	margin:0 auto;
	text-indent:-9999px;
}

#gnavi ul{
	background:url(../images02/bg_gnavi.png) no-repeat left top;
	width:990px;
	height:55px;
}

#gnavi ul li{
	float:left;
	text-indent:-9999px;
	background:url(../images02/gnavi.png) no-repeat;
	height:54px;
}

#gnavi ul li a{
	display:block;
	width:106px;
	height:54px;
	background:url(../images02/gnavi.png) no-repeat;
}

#gnavi ul li.to_home,
#gnavi ul li.to_home a{
	width:89px;
	background-position:0 0;
}

#gnavi ul li.to_home a:hover,
#gnavi ul li.to_home_active{
	width:89px;
	background-position:0 -55px;
}

#gnavi ul li.to_community,
#gnavi ul li.to_community a{
	width:186px;
	background-position:-89px 0;
}

#gnavi ul li.to_community a:hover,
#gnavi ul li.to_community_active{
	width:186px;
	background-position:-89px -55px;
}

#gnavi ul li.to_category,
#gnavi ul li.to_category a{
	width:135px;
	background-position:-275px 0;
}

#gnavi ul li.to_category a:hover,
#gnavi ul li.to_category_active{
	width:135px;
	background-position:-275px -55px;
}

#gnavi ul li.to_interview,
#gnavi ul li.to_interview a{
	width:183px;
	background-position:-410px 0;
}

#gnavi ul li.to_interview a:hover,
#gnavi ul li.to_interview_active{
	width:183px;
	background-position:-410px -55px;
}

#gnavi ul li.to_merit,
#gnavi ul li.to_merit a{
	width:124px;
	background-position:-595px 0;
}

#gnavi ul li.to_merit a:hover,
#gnavi ul li.to_merit_active{
	width:124px;
	background-position:-595px -55px;
}

#gnavi ul li.to_institution,
#gnavi ul li.to_institution a{
	width:136px;
	background-position:-719px 0;
}

#gnavi ul li.to_institution a:hover,
#gnavi ul li.to_institution_active{
	width:136px;
	background-position:-719px -55px;
}

#gnavi ul li.to_inquiry,
#gnavi ul li.to_inquiry a{
	width:135px;
	background-position:-855px 0;
}

#gnavi ul li.to_inquiry a:hover,
#gnavi ul li.to_inquiry_active{
	width:135px;
	background-position:-855px -55px;
}


/*breadCrumb 
================================================================================================= */

#breadCrumb{
	margin-bottom:20px;
}

#breadCrumb ul{
	float:left;
}

#breadCrumb ul li {
    float: left;
    line-height: 1.2em;
}

#breadCrumb ul li a{
	color:#000;
	text-decoration:none;
}


/* footer_link
================================================================================================= */
#footer_link{
	background:#68AB11;
	color:#FFF;
}

#link_cont{
	width:980px;
	margin:0 auto;
	padding:10px 0;
}

#ftmenu{
	width:510px;
	height:100%;
	padding:20px 20px 20px 0;
	float:left;
}

#ftmenu dl dt{
    border-bottom: 1px solid #FFF;
	font-size:123%;
	font-weight:bold;
	color:#FFF;
	margin-bottom:0.5em;
	text-align:left;
	padding:0 1em 0.5em;
}

#ftmenu dl dd{
	float:left;
	line-height:1.2em;
	padding:0 0 0.5em 16px;
}

#ftmenu dl dd a{
	background:url(../images02/icon_arrowW.gif) left no-repeat;
	color:#FFF;
	text-decoration:none;
	padding-left:15px;
}

#ftQR{
	float:right;
	margin-top:-103px;
}

#ftQR img{
	float:left;
}

#ftQR p{
	float:right;
	display:block;
	padding:15px 20px;
	line-height:1.2em;
}


/* footer
================================================================================================= */	
#footer{
	background:#FFFFFF;
}

#footer_cont{
	width:100%;
	height:50px;
	padding-top:25px;
	margin:0 auto;
	text-align:center;
}

address{
	color:#595757;
}

#footer p#tree_logo {
	float:right;
    height: 39px;
    width: 191px;
	margin-top:-20px;
	padding-right:20px;
}


/* toTop
================================================================================================= */	
#toTop{
	position: fixed;
	width: 51px;
	height: 29px;
	bottom: 0px;
	right: 1%;
}
#toTop a{
	display: block;
	width: 51px;
	height: 29px;
	text-indent: -9999px;
	line-height: 40px;
	background: url(../images02/pagetop_o.gif) 0 0 no-repeat;
}