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

*{
    word-break: break-all;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

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

img{
  vertical-align:bottom;
}

body, p{
    margin: 0;
    padding: 0;
	color:#330000;
	background:url(../../images/cnt_bg.png);
}

a:link {color:#300; text-decoration:underline;}
a:hover {color:#999; text-decoration:underline;}
a:visited {color:#300; text-decoration:underline;}
/* navi
-------------------------------------------------- */

.contents .navi {
clear:both;
 display: table;
 width: 100%;
 border:0;
 font-family:Arial, Helvetica, sans-serif;
}
 
.navi > a{
 display: table-cell;
 vertical-align: middle;
 text-align: center;
 padding:10px 0;
 color:#fff;
 background-color:#330000;
 text-decoration:none;
 line-height:1em;
 width:33%;
}

.navi_maint {
	font-size:1em;
}

.navi_subt {
	font-size:0.6em;
}

.navi > a:hover {
	color:#CCC;
}

.navi_bb {	
	border-bottom:1px dotted #fff;
}

.navi_b {
	border-left:1px dotted #fff;
	border-right:1px dotted #fff;
}

/* 中央、メインコンテンツ
-------------------------------------------------- */
.contents .main_img img{
	max-width: 100%;
    height: auto;
}
.contents .main_img02 {
	margin:0 10px 10px 10px;
}
.contents .main_img02 img{
	max-width: 100%;
    height: auto;
}
 
/* 幅を制御する
-------------------------------------------------- */
.width-keeper{
    /* 中央寄せ */
    margin-left:auto;
    margin-right:auto;
	clear:both;
     
    /* 最大幅をつけて PC でも見やすくする（無くても良い） */
    max-width: 640px;
}
 

.header{
	
	background:url(../../images/header_bg.png) repeat-x;
	padding:16px 0 10px 0;
	background-color:#fff;
}
    .header .container .hc_l {
    float:left;
	width:128px;
	margin-left:10px;
    }
	
	.header .container .hc_l h1 {
		margin:12px 0 0 0;
		padding:0;
	}
	
	.header .container .hc_l .logo_hth {
		margin-bottom:10px;
	}
	
	.header .container .hc_l .head_btn {
		margin:0;
		padding:0;
	}
	
	.header .container .hc_r {
    float:right;
	text-align:right;
	width:160px;
	margin-right:8px;
    }


/* 下部リンク
-------------------------------------------------- */
	
.u_link{
	padding:10px;
	/*border-top:1px dotted #330000;*/
	font-family:Arial, Helvetica, sans-serif;
}
.u_link ul {
	margin:0;
	padding:0;
}

.u_link li {
	list-style:none;
	background-image: url(../../images/link_point.png); 
	background-position: left center; 
	background-repeat: no-repeat;
	padding:5px 0 5px 20px;
	font-size:1em;
}

.u_link li a {
	text-decoration:none;
	color:#330000;
}

.u_link li a:hover {
	text-decoration:underline;
	color:#330000;
}

.u_link_bt {
	border-top:1px dotted #300;
}
 
 
/* フッター
-------------------------------------------------- */
.footer{
	padding:30px 0 20px 0;
	background:url(../../images/footer_bg.png) repeat-x;
	background-color:#fff;
}
    .footer .container{
		text-align:center;
         
    }
        /* コピーライト */
        .footer .container .copyright{
            text-align:center;
			font-size:0.5em;
        }

/* 設定
-------------------------------------------------- */	
.ml5 {margin-left:5px;}
.ml8 {margin-left:8px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb40 {margin-bottom:40px;}

.mt5 {margin-top:5px;}

.pt20 {padding-top:20px;}
.pb40 {padding-bottom:40px;}
.mtb20 {margin:20px 0;}

.ptb20 {padding:20px 0;}