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


/*
css reset
------------------------------------*/
body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,
table,th,td,
form,select,option,input
address,pre,strong,em,iframe,img{
	margin:0;
	padding:0;
	font-size:100%;
	border:0;
}

ul,ol{ list-style-type:none; }
table {
	border-collapse: collapse; 
	border-spacing: 0;
}
img{ border:0; }

img, input, select, textarea { 
	vertical-align: middle;
}
a img{
	opacity:1;
	filter: alpha(opacity=100);
}
a:hover img{
	opacity:0.7;
	filter: alpha(opacity=75);
}

/*	base
----------------------------------------------------------------*/
body{
	color:#2c2c2c;
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	*font-size:small;
	line-height:1.7;
	background-color:#fdf8e2;
}

/*	link
----------------------------------------------------------------*/
a:link{
color: #2c2c2c;
text-decoration:none;
}
a:visited{
color: #243378;
text-decoration:none;
}
a:hover{
color: #2c2c2c;
text-decoration:underline;
}
a:active{
color: #2c2c2c;
text-decoration: none;
}
#sidenav .menu_auto a:link{
color: #FFF;
text-decoration:none;
}
#sidenav .menu_auto a:visited{
color: #FFF;
text-decoration:none;
}
#sidenav .menu_auto a:hover{
color: #FFF;
text-decoration:underline;
}
#sidenav .menu_auto a:active{
color: #FFF;
text-decoration:none;
}


/*	clearfix
----------------------------------------------------------------*/
.clearfix:after {/*for modern browser*/
   content: "";
   display: block;
   clear: both;
}
.clearfix {
	overflow:hidden;
}

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


/*フロート
----------------------------------------------------------------*/
.float_l { float:left; }
.float_r { float: right;}
.clear_both {clear: both;}

/*テキスト装飾
----------------------------------------------------------------*/
.red { color:#F00; }
.small { font-size:11px; }
.font_big {
	font-size:20px;
	font-weight:bold;
}
.white { color:#FFF }
.bold {	font-weight:bold; }
.font18 { font-size:18px; }
.font12 { font-size:12px; }
.blue { color:#265ea9; font-size:16px; }
.pink { color:#ff3399; }

.right { text-align:right; }
.left { text-align:left; }
.center { text-align:center; }

/*余白
----------------------------------------------------------------*/
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:60px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt22 { margin-top:22px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }
.mr60 { margin-right:60px; }


/* header
----------------------------------------------------------------*/
#header {
	width:100%;
	height:85px;
	background-color:#fdf8e2;
	border-top:#084797 15px solid;
}

#header .h_inner {
    width:960px;
		margin:0 auto;
}
#header .rogo{
	width:254px;
	position:absolute;
	top:0;
	left:40%;
}
#header .h_tel {
	float: left;
	width: 350px;
	margin-top: 20px;
}
#header h1 { 
 text-align:right;
 margin-top:3px;
 font-weight:normal;
 font-size:12px;
}
#header .h_contact {
	float:right;
	width:242px;
}
/* gnav
----------------------------------------------------------------*/
#gnav {
	width:100%;
	height:53px;
	padding-bottom:10px;
	padding-top:40px;
	background-color:#FFF;
}
#gnav .g_inner {
	width:960px;
	margin:0 auto;
}
#gnav ul { 
	width:960px;
}
#gnav li { 
float:left;
}
#gnav a {
	display:block;
	height:53px;
	background:url(../images/gnav.gif) no-repeat;
	text-indent:-9999px;
}

#gnav .gnav01 { width:190px; background-position:0 0; }
#gnav .gnav02 a{ width:359px; background-position:-190px 0; }
#gnav .gnav03 a{ width:206px; background-position:-549px 0; }
#gnav .gnav04 a{ width:205px; background-position:-755px 0; }

#gnav .gnav01 a:hover{ background-position:0 -53px; }
#gnav .gnav02 a:hover{ background-position:-190px -53px; }
#gnav .gnav03 a:hover{ background-position:-549px -53px; }
#gnav .gnav04 a:hover{ background-position:-755px -53px; }


/* メイン写真
----------------------------------------------------------------*/
#mainimg {
	width:100%;
	height:458px;
	background:url(../images/mainvis_bg.gif) repeat-x;
}
#mainimg .mimg_inner {
	width:1013px;
	margin:0 auto;
}

/* トップページ
----------------------------------------------------------------*/
#topcont {
	width:100%;
	background-color:#fdf8e2;
	padding-top:40px;
	padding-bottom:75px;
}
#topcont .topcont_in {
	width:960px;
	margin:0 auto;
}
.top_l {
	width:690px;
	float:left;
}
.top_r {
	width:240px;
	float:right;
}
.top_r p,
.top_l p{
	margin-bottom:35px;
}
dl.info {
	overflow: hidden;
	zoom: 1;
	margin-top:20px;
}
dl.info dt {
	margin-bottom: 5px;
	padding-bottom: 5px;
	width: 100px;
	float: left;
	clear: both;
	font-weight:bold;
}
dl.info dd {
	margin-bottom: 5px;
	padding: 0 0 5px 120px;
}

/* ページトップ
----------------------------------------------------------------*/
.pagetop {
	width:960px;
	margin:0 auto;
	text-align:right;
	margin-top:30px;
	padding-bottom:20px;
}

/* footer
----------------------------------------------------------------*/
#footer {
	width:100%;
	background-color:#FFF;
}

#footer .f_inner {
	width:960px;
	margin:0 auto;
	padding-top:60px;
	padding-bottom:60px;
}
#footer .f_left {
	width:550px;
	float:left;
}
#footer .f_right {
	width:340px;
	float:right;
}
#footer ul {
	border-bottom:#999 1px dotted;
	padding-bottom:20px;
	margin-bottom:15px;
}
#footer li {
	display:inline-block;
	background:url(../images/f_icon.gif) no-repeat left;
	padding-right:20px;
	padding-left:10px;
}
#copy {
	width:100%;
	background-color:#084797;
	padding:10px 0;
	text-align:center;
	color:#FFF;
	font-size:10px;
}