@charset "UTF-8";

/*10px＝77%
/*11px＝85%
/*12px＝93%
/*13px＝100%
/*14px＝108%
/*15px＝116%
/*16px＝124%
/*17px＝131%
/*18px＝139%
/*19px＝147%
/*20px＝154%
/*21px＝162%
/*22px＝170%
/*23px＝177%
/*24px＝185%
/*25px＝193%

/* ---------------------------------------------------------------- */
/* 共通情報 */
/* ---------------------------------------------------------------- */

.marAUTO{margin:0 auto;}


div#gMenu{
width:100%;
height:90px;
background:#007ac3;
}

div#gMenu .nav_btn{
width:960px;
height:90px;
margin:0px auto;
}

div#gMenu li{
float:left;
line-height:90px;
}


div#gMenu li a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}


h2{font-size:2em;
border-bottom:#AFAFAF 1px solid;
padding-bottom:5px;
margin-bottom:10px;}


h3 {
position: relative;
padding: .75em 1em .75em 2em;
border: 1px solid #ccc;
background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
font-weight:bold;
margin:15px 0;
}
h3::after {
position: absolute;
top: 1em;
left: .6em;
z-index: 2;
content: '';
width: 10px;
height: 10px;
border: 3px solid #3498db;
border-radius: 100%
}

h4
{color:#996600;
font-size:1.2em;
font-weight:bolder;
border-bottom:1px solid #996600;
margin-bottom:15px;}	




/* ---------------------------------------------------------------- */
/* ヘッダー */
/* ---------------------------------------------------------------- */

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

#header p{font-size:smaller;}

#header .h_area
{
width:960px;
height:67px;
margin:15px auto;}

#header .h_area .flt-R{
height:40px;
margin:12px 0;}

#header #title_area{
width:100%;
height:190px;
margin:0 auto;
background:url(../images/page_over.png) no-repeat center bottom;
background-size:cover;

}

#title_area h2.tit_page{
width:960px;
margin:0 auto;
font-size:2em;
line-height:190px;
border:none;
padding-left:30px;
}


/* ---------------------------------------------------------------- */
/* メインコンテンツ部分 */
/* ---------------------------------------------------------------- */


.box_area01
{max-width:700px;
margin-bottom:100px;}

/* ---------------------------------------------------------------- */
/* フッター */
/* ---------------------------------------------------------------- */

#pageTop{
text-align:right;
width:960px;
border-bottom:4px solid #ff8400;
}

#footer{
width: 100%;
bottom: 0;
background-color:#ececec;
margin-top:50px;
}

#footer a{color:#161616;}	
#footer a:hover{text-decoration:underline;}


#footer #footnavi{
width:100%;
background-color:white;

text-align:left;
border-bottom:#007ac3 solid 3px;
}
#footer #footnavi ul{	
width:960px;
height:50px;
line-height:50px;
margin:0px auto;}

#footnavi ul li{
float:left;
background:url(../images/bg_topLi_bk.gif) left center no-repeat;
padding-left:12px;
margin-right:20px;}



#footer div#footInner{

width:960px;
height:240px;
margin:0 auto;
background:url(../images/ft_img01.gif) center bottom no-repeat;	
margin-top:23px;
padding-bottom:86px;
}

div#footInner .foot_date {width:300px; float:left; text-align:center; margin-top:15px;}
div#footInner .foot_date p.logo {}
div#footInner .foot_date p.logo img {width:250px; height:auto;}
div#footInner .foot_date .ltd_c00{font-size:smaller; color:#464646;}
div#footInner .foot_date .ltd_c00 span{color:#c00; font-weight:bolder;}


div#footInner .map{width:630px; float:right;}

#footer #copy{width:100%; height:40px; background-color:#bbbbbb;}

#footer #copy p{
width:960px; 
line-height:40px;
margin:0 auto;
font-size:.7em;
text-align:right; color:#fff;}