@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img,img{border:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

/**** Clearfix ****/
nav .panel:after,nav#mainNav:after,.newsTitle:after,.bg:after,.post:after,.box:after{content:""; display:table;clear:both;}
nav .panel,nav#mainNav,.newsTitle,.bg,.post,.box{zoom:1;}
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

body{
	font:100%/1.5 "Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	color:#222;
	background-image: url(../img/back_image.png);
	background-repeat: repeat;
	background-position: left top;
}

#wrap {
	width:950px;
	margin:0 auto;
	box-shadow:0px 0px 8px rgba(0,0,0,0.8);
	background-color:#fff;
}

/* ヘッダー
------------------------------------------------------------*/
#header{margin:0 0 12px;}
#header img{max-width:100%;height:auto;vertical-align:bottom;}
#doachika_main{margin:0 0 12px;}
#mainBanner{margin:0 12px;}
#mainBannerLeft{width:49.3%;float:left;}
#mainBannerRight{width:49.3%;float:right;}

h1{height:18px;
font-size:14px;
font-weight:bold;
background-color:#bbb;
padding:5px;
color:#fff;
line-height:16px;
vertical-align:middle;
	}
 

 
#content {
	width:950px;
}


/* リンク設定
------------------------------------------------------------*/
a{
text-decoration:none;
}

a:hover, a:active{
	color:#0C9;
}



/* 汎用
------------------------------------------------------------*/
.pl12{
	padding-left:12px;}

.ml12{
	margin-left:12px;}
.mt20{
	margin-top:20px;}	

.mt30{
	margin-top:30px;}	

.mt60{
    margin-top: 60px!important;}

.mt80{
    margin-top: 80px!important;}

.mb10{
	margin-bottom:10px;}

.mb20{
	margin-bottom:20px;}

.mb50{
	margin-bottom:50px;}


.block{
	display:block;}

.fsize_11{
	font-size:11px;
	}

.fsize_14{
	font-size:14px !important;
	}

/**** Clearfix ****/
.side2:after,#content:after,#wrapper:after{content:""; display:table;clear: both;}

/* アテンション
------------------------------------------------------------*/
.attentionBox{
width:923px;
border:#f29933 3px solid;
background:#fee4a9;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
padding:10px;
margin:0 0 0px;
}


/* ページ左側　路線図
------------------------------------------------------------*/

#rosenzu_wrap{
	margin-top:12px;
	width:626px;
	float:left;
	}

h2.mainTit{
	background-image: url(../img/top_rosenzu_title.png);
	background-repeat: no-repeat;
	height: 84px;
	line-height:84px;
	margin-left:12px;
	text-align:center;
width:925px;
	font-size: 35px;
	font-weight: bolder;
	color: #FFF;
	vertical-align: middle;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	}


#rosenzu{
	width:602px;
	height:749px;
	margin-left:12px;
	clear:both;
	}

#rosenzu img{
	border: 1px solid #333;
	}


area.mark01{
	background-color:#f00;}

#eki_title{
	padding-left:12px;
	padding-right:20px;}

h2#ekimei{
	float:left !important;
	margin-left:0 !important;
	padding-left:0 !important;
	width:471px;}

	
h2#ekimei img{
	float:left !important;
	margin-left:0 !important;
	padding-left:0 !important;}


	

/* トップページ右側　サイド
------------------------------------------------------------*/
.side{
	margin-top:12px;
	float:right;
	width:324px;
	display:block;
	}

#doachikatowa_ue{
	margin-left:12px;
	width:300px;
	height:140px;
	background-image: url(../images/doachikatoha_ue.png);
	background-repeat: no-repeat;
	background-position: left top;
	}	


#doachikatowa_ue p{
	width:280px;
	margin-left:10px;
	padding-top:76px;
	color: #006934;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #006934;
	font-size: 12px;
	padding-bottom:5px;
	}	


#doachikatowa_shita{
	margin-left:12px;
	width:300px;
	height:50px;
	background-image: url(../images/doachikatoha_shita.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}	

#doachikatowa_shita p{
	width:280px;
	margin-left:10px;
	color: #006934;
	font-size: 12px;
	}	


.doacdhika_hosoku{
	width:280px;
	margin-left:22px;
	font-size:11px;
	font-weight:bold;}



/* トップページボトム
------------------------------------------------------------*/
table.bottomBanner{width:900px;margin:0 auto;table-layout:fixed;}
table.bottomBanner td{padding:0px;text-align:center;}
table.bottomBanner img{max-width:100%;height:auto;}

/* フッター
------------------------------------------------------------*/
#footer{clear:both;
padding-top:10px;
	width:100%;
	background-color:#007c41;
	margin-top:20px;
	color:#fff;
	}
	
#footer p{
	text-align:center;
	font-size:18px;
	color:#fff;
	padding-top: 40px;
			font-size:18px;

}

#footer p a{
	color:#fff;
	text-decoration: none;
		font-size:25px;
		font-weight:bold;

}

p#copyright{
	margin-bottom:0 !important;
	}

/* ページトップ
------------------------------------------------------------*/
#pagetop{
position:fixed;
bottom:5px;
right:5px;
}