@charset "UTF-8";

/*++++++++++++++++++++++++++++ 全体CSS +++++++++++++++++++++++++*/

body{ 
	display: block;
	width: 100%;
	font-size: 1em;
	margin: 0 auto;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

a{color:#333; text-decoration: none;}
a:hover{color: #ae1118; text-decoration: none;}
a:active{color: #333; text-decoration: none;}
a:visited{color: #333; text-decoration: none;}

.clearfix {zoom:1;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}


/*++++++++++++++++++++++++++++ レイアウトCSS +++++++++++++++++++++++++*/

/*各要素、クラスでラップして中はfirst-childのセレクタで指定してます*/

/*全体幅*/

.wrapper{width: 970px; margin: 0 auto;}

/*ヘッダー*/
/* =header
----------------------------------------------- */
#header .left{
	float:left;
	width:450px;
	padding-top:20px;
}
#header {
	background:url(../images/common/header_bg.jpg) 0 0 repeat-x;
padding-bottom:10px;
}
#header .right{
	float:right;
	width:400px;
	text-align:right;
}
#header .logo{
	float:left;
	width:410px;
	color:#666;
	font-size:95%;
}
#header h1{
	float:left;
	width:250px;
	color:#666;
	font-size:95%;
    padding-top:6px;
}
#header .logo{
	padding-top:13px;
}
#header .nav{
	margin-top:15px;
}
#header .nav li{
	display:inline;
	padding-left:13px;
	margin-left:0.5em;
	margin-right:0.5em;
	font-size:95%;
}






.tel{float: right;}



/*グローバルナビ*/
nav {padding-top: 2px;}
nav ul{display: table; width: 100%; height: 20px; margin-top: 20px;}
nav li{
	display: table-cell;
	width: 161px;
	text-align:	center;
	border-right: 1px dashed #333;
	vertical-align: middle;
	font-size: 16px;
}
nav li:first-child{border-left: 1px dashed #333;}
nav li a{ display:block; width: 100%; padding: 4px 0;}
nav li a:hover{color: #ae1118;}
nav li a now{color: #ae1118;}


/* =container
----------------------------------------------- */
#container{
	padding-top:5px;
	padding-bottom:60px;
	background:url(../images/common/container_bg.jpg) 0 0 repeat-x;
}



/*中コンテンツ*/

.main_box01{
	margin-top: 40px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
}

.table3 {
background-color:#ffffff;
border-color:#ffffff;
border:hidden;
}

.table4 {
background-color:#ffffff;
border-color:#ffffff;
border:hidden;
}

.box01 h2:first-child{color: #36BD9E; font-size: 22px; font-weight: bold; margin-bottom: 10px;}
.box01{margin-bottom: 20px;}


.b_link{display: table; margin-bottom: 20px;}
.b_link div{display: table-cell; border-right: 10px solid #fff;}
.b_link img:hover{opacity: 0.7;}

.f_banner {margin-top: 50px;}
.f_banner img:hover{opacity: 0.7;}


/*------------------------------------------------------------------
  フッター 
----------------------------------------------------------------- */
#footer {
	padding-left:0px; padding-right:0px; padding-top:10px; padding-bottom:10px;
background-color:#0000a0;
}
#footer .inner {
	width:970px; margin:0 auto; 
    font-size:77%; 
    overflow:hidden;
	text-align:right;
}
#footer .right{
	float:right;
	width:900px;
	text-align:right;
}
.copyright {
	color:#FFF;
	font-size:9px;
    float:right;
margin-top:10px;
}
.copyright_ind {
	color:#FFF;
	font-size:9px;
margin-top:10px;
margin-right:300px;
}
#footer .inner ul.nav {
	float:right;
    overflow:hidden;
}
#footer .inner ul.nav li {
	float:left; border-right:1px solid rgb(160,160,160); padding-right:5px; margin-right:5px;
}
#footer .inner ul.nav li:last-child {
	padding:0; margin:0; border:none;
}
#footer .inner ul.nav li a{ color:#FFF; display:block; width: 100%; padding: 4px 0;}
#footer .inner ul.nav li a:hover{color: #6FF;}
#footer .inner ul.nav li a now{color: #6FF;}



/*共通*/
.n_header{margin-bottom: 20px;}

.toichiran{width: 100%;}
.toichiran{
	width: 130px;
	display:block;
	text-align:center;
	float:right;
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
	zoom:1;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
}
.toichiran a:after{
	content: ""; 
  display: block; 
  clear: both;
}





.anchor{
	text-align:right;
padding-bottom:10px;
}
.anchor a:link, .anchor a:visited{color:#333;}


/* ===========================
	div 全体ボックス
=========================== */
.boxlink { cursor:pointer; }




/* ===========================
見出し
=========================== */
h3 {
    font-size:20px; 
font-weight:bold;
    line-height: 22px;
border-color:#0000A0;
border-width:0 0 0 5px;
border-style:solid;
background:#EEE;
padding:7px 10px 7px 10px;
}

h4 {
    font-size:19px; 
    font-weight:bold;
border-color:#000000;
border-width:0 0 1px 0;
border-style:solid;
padding:7px 10px 7px 0px;
text-align:left;
}

h5 {
    font-size:19px; 
font-weight:bold;
    line-height: 22px;
border-color:#868686;
border-width:0 0 0 5px;
border-style:solid;
background:#EEE;
padding:7px 10px 7px 10px;
}



.text1{
line-height:40px;
font-size:19px;
font-weight:bold;
}

.text2{
line-height:35px;
font-size:16px;
padding-left:100px;
}

.text3{
line-height:35px;
font-size:16px;
padding-left:70px;
}
.text4{
line-height:35px;
font-size:16px;
}
.text4right{
line-height:35px;
font-size:16px;
text-align:right;
}
.text5{
line-height:25px;
font-size:16px;
padding-left:120px;
}
.text6{
line-height:35px;
font-size:19px;
padding-left:120px;
font-weight:bold;
}
.text7{
line-height:25px;
font-size:15px;
padding-left:120px;
font-weight:600;
padding-bottom:10px;
}
.text8{
line-height:20px;
font-size:16px;
padding-left:120px;
}
.text9{
line-height:25px;
font-size:15px;
}
.text10{
line-height:18px;
font-size:16px;
}
.text11{
line-height:20px;
font-size:17px;
}
.text11r{
line-height:20px;
font-size:17px;
color:#C30;
}
.name{
line-height:40px;
font-size:19px;
font-weight:bold;
}

.

/* ===========================
ライン
=========================== */

hr.type1 {
height: 1px;
border: none;
border-top: 1px #000000 solid;
}



.z1 {
	position: absolute;
	top: 70px;
	left: 262;
	z-index: 1;               /* z-index1 */
	width: 900px;
}
.z2 {
	position: absolute;
	top: 98px;
	left: 3;
	z-index: 2;               /* z-index2 */
	width: 932px;
	height: 554px;
}