@charset "UTF-8";


@font-face{
font-family: HuiFont;
src:url("HuiFontP29.eot");
}
 
/* Firefox,Opera,Safari */
@font-face{
   font-family: HuiFont;
   src:url("HuiFontP29.woff") format("woff");
   url("HuiFontP29.ttf") format("truetype");
}

h3 {
   font-family: HuiFont;
}

/* ========BASIC======== */
html {
   overflow-y:scroll;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   font-family:Verdana, Helvetica, sans-serif;
   color:#333;
   font-size:14px;
}

br {
   letter-spacing:normal;
}

a {
   color:#000;
   text-decoration: underline; 
}

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

img {
   border:1;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}


/* ========TEMPLATE LAYOUT======== */
#top {
   width:745px;
   margin:0 auto;
   background:#fff;
   border-top:5px solid #005b00;
   border-bottom:8px solid #005b00;
   border:0px solid #333;
}

#header {
   position:relative;
   width:745px;
   height:86px;
   background:#fff;
   border-bottom:1px solid #ccc;
}

#menu {
   width:745px;
   background:#000;
}

#contents {
   clear:both;
   width:745px;
   margin-top:10px;
}

#main {
   float:left;
   margin : 5px 0px 15px 20px;
   width:564px;
}

#subL {
   float:left;
   width:161px;
padding: 0px 0px 15px 0px; 
}

#subR {
   float:left;
   width:0px;
}

#footer {
   position:relative;
   clear:both;
   width:745px;
}

/* 回り込み解除 */
#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


/* ========HEADER CUSTOMIZE======== */
#header h1 {
   margin:0;
   padding:0 10px;
   font-size:24px;
   color:#000;
   line-height:80px;
}

#header h1 a {
   color:#000;
}

#header h1 a:hover {
   color:#ddd;
}

#header .pr {
   position:absolute;
   top:10px;
   right:0;
}


/* ========MENU CUSTOMIZE======== */
#menu ul {
   margin:0;
   padding:0;
   background : #990000 url() repeat-x 0px 50%;
}

#menu li {
   float:left;
   color:#333;
   list-style-type:none;
   width: 149px; /*各メニューの幅*/
   background : #990000 url() repeat-x 0px 50%;
}

#menu li a {
   display:block;
   margin-right:1px;
   padding:0 20px;
   line-height:2.5;
   color:#fff;
   font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
   text-decoration: none; 
}

#menu li a:hover{
   color:#ddd;
   background: #bf0000;
}

#menu li a.active {
   background:#bf0000;
}

/* 回り込み解除 */
#menu ul:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


/* ========MAIN CONTENTS CUSTOMIZE======== */
#main a {
   color:#000;
   text-decoration:underline;
}

#main a:hover {
   text-decoration:underline;
   color : #cc0000;
}

#main h2 {
   margin-bottom:5px;
   padding:2px 2px 2px 0px;
   font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
   font-size:21px;
   font-weight:normal;
   line-height:1.4;
   border-left:0px solid #ccc;
   background : #fff;
}

#main h3 {
   margin-bottom:5px;
   padding:2px 2px 2px 0px;
   letter-spacing:-1.0px;
   font-size:21px;
   font-weight:normal;
   border-bottom:1px dashed #333;
   color:#d63f4e;
}

#main p{
   margin:0 0 1em 0;
   line-height:1.8;
}


/* ========subL CONTENTS CUSTOMIZE======== */

#subL a {
   color:#000;
   text-decoration:underline;
   line-height:2.3;
}

#subL .section {
   background:#fff;
}

#subL h2 {
   font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
   padding:0px;
   font-size:17px;
   font-weight:normal;
   color:#d63f4e;
   background :  #fff url()  repeat-x 0px 50%;
}

#subL h3 {
   margin-bottom:5px;
   padding:2px 2px 2px 0px;
   font-size:20px;
   letter-spacing:-2.8px;
   color:#009900;
   font-weight:normal;
}

#subL a:hover {
   text-decoration:underline;
   color : #cc0000;
}


/* ========PAGETOP CUSTOMIZE========= */
#pageTop {
   padding:10px;
   text-align:right;
   font-size:11px;
}

#pageTop a {
   padding:0 0 0 12px;
   background : url(bg_pagetop.gif) no-repeat 0px 60%;
}


/* ========FOOTMENU CUSTOMIZE========= */
#footMenu {
   position:relative;
   padding:20px 0 0 0;
   border-top:0px solid #CECFCE;

}

#footMenu ul {
   position:relative;
   left:50%;
   float:left;
   margin:0;
   padding:0;
   list-style:none;
}

#footMenu li {
   position:relative;
   left:-50%;
   float:left;
   margin:0 20px 0 0;
   padding:0;
   font-size:12px;
}
/* ========FOOTER CUSTOMIZE======== */

.copyright {
   padding:20px 0;
   text-align:center;
   font-style:normal;
   font-size:11px;
   border-top:0px solid #ccc;
}




a.facebook-iine{
width:25%;
padding:4px 0;
color:#fff;
text-align:center;
background-color:#3b5998;
height:26px;
display:block;
text-decoration:none;
font-size:14px;
float:left;
margin-bottom:0px;
}
 
a.facebook-iine:hover{
background-color:#6277a1;
}
 
a.twitter-tweet{
width:25%;
padding:4px 0;
color:#fff;
text-align:center;
background-color:#00acee;
height:26px;
display:block;
text-decoration:none;
font-size:14px;
float:left;
margin-bottom:0px;
}
 
a.twitter-tweet:hover{
background-color:#00BFFF;
}



a.hatenabtn2{
width:25%;
padding:4px 0;
color:#fff;
text-align:center;
background-color:#246fc2;
height:26px;
display:block;
text-decoration:none;
font-size:14px;
float:left;
margin-bottom:0px;
}
 
a.hatenabtn2:hover{
background-color:#4883bd;
}


a.gplusbtn{
width:25%;
padding:4px 0;
color:#fff;
text-align:center;
background-color:#DD4B39;
height:26px;
display:block;
text-decoration:none;
font-size:14px;
float:left;
margin-bottom:0px;
}
 
a.gplusbtn:hover{
background-color:#E05D4C;
}


.pr {
   margin:12px 20;
   padding:12px 20;
   text-align:center;
}





table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  color: #000;
}

table tr {
  background-color: #fff;
  padding: .35em;
  border-bottom: 0px solid #bbb;
}
table thead{
  border-bottom: 5px solid #ff9900;
}
table tr:last-child{
   border-bottom: none
}
table th,
table td {
  padding: 0.3em 8px 1em 0em;
  border-right: 0px solid #bbb;
}
table th:last-child,
table td:last-child{
    border: none;
}
tbody th {
    color: #ff9901;
}
.txt{
   text-align: left;
   font-size: 1em;
}
.price{
   text-align: right;
}




/*レスポンシブ設定*/

@media screen and (max-width: 479px) {
h3, p, ol, li, th, td, dl {
	font-size: 1em !important; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
}
header {
	height: 50px; /*領域の高さ指定*/
}
h1 {
	font-size: 2em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	line-height: 50px; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
	height: 50px; /*領域の高さ指定*/
}
article h2 {
	font-size: 2em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
}
.info {
	font-size: 0.9em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	width: 80px; /*幅指定(100%は画面横幅いっぱいに表示)*/
	height: 50px; /*領域の高さ指定*/
}
.info ul {
	padding: 5px 0; /*ボックス内側の余白*/
}
.wrapper {
	margin: 50px 0 0 0; /*ボックス外側の余白*/
}
.content {
	margin: 0; /*ボックス外側の余白*/
	width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
}
section {
	width: 90%; /*幅指定(100%は画面横幅いっぱいに表示)*/
}
.form dl {
	width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
	padding: 0; /*ボックス内側の余白*/
	border: none; /*境界線の一括指定(noneはなし)*/
}
.form dl dt {
	float: none; /*要素を左か右に寄せて配置(noneはなし)*/
	position: static; /*ボックスの配置方法(staticは指定なし)*/
	width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
}
.form dl dd {
	float: none; /*要素を左か右に寄せて配置(noneはなし)*/
	width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
	margin-left: 10px; /*ボックス外側左の余白*/
}
.form dl dd .txt, .ctSelect {
	width: 90%; /*幅指定(100%は画面横幅いっぱいに表示)*/
	height: 30px; /*領域の高さ指定*/
	line-height: 30px; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
}
.copyright {
    /*透明度設定*/
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5; /*ここまで透明度設定*/




  #main, #contents #subL{
  width: 100%;
  }


}

p.resizeimage img {
    max-width: 90%;
    height:auto;
}
div, iframe, img {
	max-width: 100%;
}
img {
        max-width: 95%;
	height: auto;
}

}