@charset "UTF-8";
/* ============================
   box-sizing: border-box を全要素に適用
   ============================ */
#header,
#footer {
  box-sizing: border-box !important;
}

/* ▼▼body▼▼
---------------------------------------------*/

body {
	background: #fff;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size:85%;
	line-height:1.2;
	color:#666;
	overflow-y:scroll;
	overflow-x: hidden;
	}
	
* html body{
	font-family:"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

::selection {background: #B0E0E6; /* CSS3 */}

::-moz-selection {background: #B0E0E6; /* Firefox */}


/* ▼▼link▼▼
---------------------------------------------*/

a {color: ;}
a:visited {color: ;}
a:hover {color: ;}


/* ▼▼other▼▼
---------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.clear{
	clear:both;
}
.left {float:left;}
.right {float:right;}
.fl_left{float:left}
.fl_right{float:right;}


/* ▼▼wrapper▼▼
---------------------------------------------*/

#wrapper{
	width:912px;
	margin:0 auto;
	background:url(../images/wrapper_back.png);
	text-align:left;
	margin-top: 180px;
	margin-bottom: 180px;
}
.w-1100,
.w-1300,
.w-1280,
.w-1000,
.w-800,
.w-640,
.w-840 {
    box-sizing: border-box !important;
}

div#header{
	display: none !important;
}

div#footer{
	display: none !important;
}

/* header配下だけ（中の要素も疑似要素も全部） */
#header, #header *, #header *::before, #header *::after {
  box-sizing: border-box !important;
}

/* footer配下だけ（中の要素も疑似要素も全部） */
#footer, #footer *, #footer *::before, #footer *::after {
  box-sizing: border-box !important;
}

/* ▼▼header▼▼
---------------------------------------------*/

#header{
	width:900px;
	margin:0 auto;
	background:#7B7B7B;
}

#site_id{
	width:900px;
	height:100px;
	margin:0 auto;
	background:url(../images/site_id.jpg) no-repeat;
	text-indent:-9999px;
}

/* ---navi---*/

#navi{
	display:inline;
	height:32px;
	padding:6px 0 0 9px;
}

#navi li{
	display:inline;
	float:left;
	margin-right:10px;
}

#navi p.menu{
	width:75px;
	height:26px;
	background:url(../images/menu.gif) no-repeat;
	text-indent:-9999px;
}

#navi a.navi01{
	display:block;
	width:86px;
	height:25px;
	background:url(../images/navi01_off.gif) no-repeat;
	text-indent:-9999px;
}

#navi a.navi01:hover{
	background:url(../images/navi01_on.gif) no-repeat;
}

#navi a.navi02{
	display:block;
	width:68px;
	height:25px;
	background:url(../images/navi02_off.gif) no-repeat;
	text-indent:-9999px;
}

#navi a.navi02:hover{
	background:url(../images/navi02_on.gif) no-repeat;
}

#navi a.navi03{
	display:block;
	width:157px;
	height:25px;
	background:url(../images/navi03_off.gif) no-repeat;
	text-indent:-9999px;
}

#navi a.navi03:hover{
	background:url(../images/navi03_on.gif) no-repeat;
}


#navi a.navi04{
	display:block;
	width:141px;
	height:25px;
	background:url(../images/navi04_off.gif) no-repeat;
	text-indent:-9999px;
}

#navi a.navi04:hover{
	background:url(../images/navi04_on.gif) no-repeat;
}

.to_kagetsuhp{
	margin-right:15px;
	padding-top:9px;
}

.to_kagetsuhp a{
	padding-left:15px;
	background:url(../images/indent_triangle.gif) no-repeat left center;
	font-size:95%;
	color:#fff;
	text-decoration:underline;
}

.to_kagetsuhp a:hover{
	text-decoration:none;
}




/* ▼▼container▼▼
---------------------------------------------*/

#container{
	width:900px;
	margin:0 auto;
}

/* ▼▼footer▼▼
---------------------------------------------*/

#footer{
	width:900px;
	margin:0 auto;
}

#f_navi{
	width:780px;
	height:37px;
	padding:8px 60px 0 60px;
	background:url(../images/footer_navi_back.jpg) repeat-x;
	border-top:1px solid #000;
}

#f_navi li{
	display:inline;
	float:left;
	margin-right:12px;
}

#f_navi a.f_navi01{
	display:block;
	width:125px;
	height:32px;
	background:url(../images/f_navi01_off.gif) no-repeat;
	text-indent:-9999px;
}

#f_navi a.f_navi01:hover{
	background:url(../images/f_navi01_on.gif) no-repeat;
}

#f_navi a.f_navi02{
	display:block;
	width:92px;
	height:32px;
	background:url(../images/f_navi02_off.gif) no-repeat;
	text-indent:-9999px;
}

#f_navi a.f_navi02:hover{
	background:url(../images/f_navi02_on.gif) no-repeat;
}

#f_navi a.f_navi03{
	display:block;
	width:114px;
	height:32px;
	background:url(../images/f_navi03_off.gif) no-repeat;
	text-indent:-9999px;
}

#f_navi a.f_navi03:hover{
	background:url(../images/f_navi03_on.gif) no-repeat;
}

#f_navi a.f_navi04{
	display:block;
	width:110px;
	height:32px;
	background:url(../images/f_navi04_off.gif) no-repeat;
	text-indent:-9999px;
}

#f_navi a.f_navi04:hover{
	background:url(../images/f_navi04_on.gif) no-repeat;
}

#f_navi a.f_navi05{
	display:block;
	width:94px;
	height:32px;
	margin-right:60px;
	background:url(../images/f_navi05_off.gif) no-repeat;
	text-indent:-9999px;
}

#f_navi a.f_navi05:hover{
	background:url(../images/f_navi05_on.gif) no-repeat;
}

#f_navi li.topagetop{
	float:right;
}

#f_navi a.f_navi06{
	display:block;
	width:32px;
	height:32px;
	background:url(../images/f_navi06_off.gif) no-repeat;
	text-indent:-9999px;
}

#f_navi a.f_navi06:hover{
	background:url(../images/f_navi06_on.gif) no-repeat;
}

.f_under_box{
	width:900px;
	height:78px;
	background:url(../images/footer_back.jpg) repeat-x;
}

.f_under_box dl{
	display:inline;
	height:50px;
	margin:15px 0 0 60px;
	display:inline;
}

.f_under_box dl dd a{
	font-size:90%;
	color:#fff;
	text-decoration:underline;
}

.f_under_box dl dd a:hover{
	text-decoration:none;
}

.f_under_box p{
	display:inline;
	margin:52px 50px 0 0;
	color:#fff;
}


footer.footer {
    background: #2B2925;
    color: #F7F1E9;
    position: relative;
    padding-top: 80px;
    text-align: left;
}

.hm-navigation_content .hm__nav li a {
    text-align: left;
}

.hm-navigation_content h2 {
    text-align: left;
}