@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");
}


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

body{
   margin:0;
   padding:0;
   line-height:2.0;
   letter-spacing:0.5px;
   color: #2a2a2a;
   font-size:15px;
   background:#fff;
}

br{
   letter-spacing:normal;
}

a{
   color: #0d4167;
   text-decoration:none;
}

a:visited{
   color:  #660066 ;
   text-decoration:none;
}

a:hover{
   color: #166cab;
   text-decoration:none;
}

a.active{
   color:#2a2a2a;
   background:#ffe4bd;
   font-weight: bold; 
   text-decoration:none;
font-size: 15px;
}


img{
   border:1;
}

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

p{
	 
font-size: 15px;
   line-height:2.0;
   letter-spacing:0.5px;
 }


p2{
	 
font-size: 16px;
 }

/* ========TEMPLATE LAYOUT======== */
#top{
   width:1024px;
   margin:0 auto;
   background:#fff;
   border-top:5px solid #474655;
   border-bottom:5px solid #474655;
}

#header{
   position:relative;
   width:1024px;
   height:80px;
   background:#fff;
}

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

#topicPath{
   display:inline;/* for IE6 */
   float:left;
   font-size:12px;
}

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

#main{
   float:left;
   margin:0 0px;
   width:709px;
}


#subR{
   float:left;
   width:300px;
padding: 0px 0 0px 15px;
   font-size:14px;
}

#subR2{
   float:left;
   width:300px;
padding: 0px 0 0px 15px;
   font-size:14px;
}



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

/* ��荞�݉�� */
#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;
   font-size:13px;
}

#header .pr2{
   position:absolute;
   top:10px;
   right:0;
   font-size:18px;
   color:#A9A9A9;
}

/* ========MENU CUSTOMIZE======== */
#menu ul{
	list-style: none; 
padding:0;
margin:0;
}

#menu li{
	padding: 0; 
margin: 0;
float: left;
}

#menu li a{
	display: block;
width: 145px;
border-bottom: 1px dotted #555;
text-decoration: none;
color: #000;
padding: 0px 0px 0px 20px;
margin: 8px 2px;
text-align: left;
font-size: 14px;
}

#menu li a:hover{
	background : url(LS/mark.gif) left center / auto auto no-repeat scroll padding-box border-box transparent;
}

#menu li a.active{
	background : url(LS/mark.gif) left center / auto auto no-repeat scroll padding-box border-box transparent;
}


/* ========MAIN CONTENTS CUSTOMIZE======== */

#main .pr2{
   margin:5px 0;
   text-align:left;
}

#main .pr3{
   margin:0x 0;
   font-size:24px;
   text-align:left;
}


#main h2{
   margin-bottom:10px;
   padding:12px 4px 12px 15px;
letter-spacing: 0.2em;
   font-size:21px;
   font-weight:bold;
   color:#fff ;
   line-height:1.4;
   border-left:0px solid #474655;
   background :   #0d4167  url() repeat-x 0px 50%;
}

#main h3{
   font-weight:bold;
   margin-bottom:10px;
   padding:4px 2px 4px 0px;
   font-size:21px;
   letter-spacing: 0.1em;
   line-height:1.4;
   border-bottom:1px solid #474655;
   color:#000000;
}

#main h4{
   margin-top:10px;
   margin-bottom:10px;
   padding:9px;
   font-size:16px;
   line-height:1.4;
   background:#fff;
   border-top:1px solid #ccc;
   border-left:4px solid #333;
   border-bottom:1px solid #333;
   font-weight:normal;
}


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

#main dd{
   padding:0;
   margin:0 0 0em 0em;
   background:#f1f1f1;
}

.mainMenu{
   position:relative;
   padding:5px 0 10 0;
   border-top:0px solid #CECFCE;
}

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

.mainMenu li{
   position:relative;
   left:-50%;
   float:left;
   margin:0 20px 0 0;
   padding:0;
   background : #fff url(mark.gif) no-repeat 0px 8px;
   padding-left:18px;
   font-size:15px;
   font-weight:normal;
}


a.btn_05{
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 330px;
	margin: auto;
	padding: 0.5rem 2rem;
	font-weight: bold;
   font-size:18px;
   letter-spacing: 0.2em;
	border-radius: 0.3rem;
	border-bottom: 7px solid #474655;
	background: #2e8809 ;
	color: #fff;
}
a:hover.btn_05{
	margin-top: 6px;
	border-bottom: 1px solid #474655;
	color: #fff;
}


a.btn_01{
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 170px;
	margin: auto;
	padding: 0.4rem 1.6rem;
	font-weight: bold;
   font-size:16px;
   letter-spacing: 0.2em;
	border-radius: 0.3rem;
	border-bottom: 7px solid #474655;
	background: #2e8809 ;
	color: #fff;
}
a:hover.btn_01{
	margin-top: 6px;
	border-bottom: 1px solid #474655;
	color: #fff;
}


/* ========subR CONTENTS CUSTOMIZE======== */
#subR .pr{
   margin:10px 0;
   text-align:left;
}

#subR h2{
   padding:3px 2px 3px 8px;
letter-spacing: 0.5em;
   margin:10px 0;
   font-size:14px;
   font-weight:normal;
   color:#fff;
   background :#0d4167 url() repeat-x 0px 50%;
}



#subR h3{
   padding:3px 0 0.3em 1em;
   font-size:16px;
letter-spacing: 0.2em;
   font-weight:bold;
   color: #151515;
   background:#fff;
   border-top:1px solid #ccc;
   border-left:3px solid #151515;
   border-bottom:1px solid #ccc;
}


#subR h4{
   padding:2px;
   font-size:12px;
letter-spacing: 1em;
   font-weight:bold;
   color:#b22222;
   border-bottom:0px solid #ccc;
   background : #F2F2F2 url() repeat-x 0px 50%;
}

#subR ul{
   margin:0;
   padding:3px 0 1em 0.2em;
   text-decoration:none;
}

#subR li{
   margin:0;
   padding-left:18px;
   line-height:1.9;
   letter-spacing: 0.03em;
   background : #fff url(bg_list.gif) no-repeat  0px 4px;
   list-style:none;
   text-decoration:none;
   font-size:16px;
}

#subR2 ul{
   margin:0;
   padding:5px 0 1em 0.2em;
   text-decoration:none;
}

#subR2 li{
   margin:0;
   padding-left:6px;
   line-height:1.9;
   letter-spacing: 0.11em;
   background : #fff url() no-repeat 0px 4px;
   list-style:none;
   text-decoration:none;
   font-size:20px;
}

#subR2 h2{
   padding:3px 2px 3px 10px;
   margin:0px 0;
letter-spacing: 0.2em;
   font-size:16px;
   font-weight:normal;
   color:#444;
   background : #d7e7cd url() repeat-x 0px 50%;
}


#subR2 .pr{
   margin:10px 0;
   text-align:left;
}



.link{
	width: 300px;
}

.link ul{
	list-style: none;
margin: 0;
padding: 0;
border-top: 0px solid #CCC;
}

.link li{
	margin: 0;
padding: 0;
border-bottom: 1px solid #999999;
}

.link a{
	background : #ffffff no-repeat left center;
padding: 3px 0 3px 10px;
display: block;
width: 100%; /*Windows IE対策*/
color: #333;
text-decoration: none;
}


.link a:hover{
	color: #cc0000;
text-decoration:underline;
background : #ffffff no-repeat left center;

background-color: transparent;/*オンマウス時に背景色を透過する指定*/
}

.link a.active{
	color: #666666;
background : none;
background-color: #b78e53;
}


ul.listBox{
  list-style-type: none;
  width: 825px;
  font-family: sans-serif,"FF2DFF3320FF3030B430B730C330AF","30D230E930AE30CE20Pro20W3",Osaka;

 }

ul.{
  margin: 0px 0px 0px 0em;
  padding: 0px;
}

ul.listBox li{
  float: left;
  width: 102px;
  text-align: center;
 }

ul.listBox li a{
  display: block;
  color: white;
  background-color: #2d2d2d;
  text-decoration: none;
  line-height: 1.6em;
 }

ul.listBox li a:hover{
	 
  color: #ffffff;
  background-color: gray;
text-decoration: none;
 }

ul.listBox li a.active{
   color:#fff;
   text-decoration:none;
   background:#b78e53;
}

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

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


p.bt a{
   /* ▼枠線 */
   border-style: solid;
   border-width: 1px;
   border-color: #ccc #999 #999 #ccc;
   /* ▼角丸 */
   -webkit-border-radius: 7px; /* Chrome,Safari */
   -moz-border-radius: 7px;    /* Firefox */
   border-radius: 7px;         /* CSS3 */
   /* ▼余白 */
   padding: 0.3em 0.9em;
   margin: 0px 0.3em;
   /* ▼文字装飾 */
   text-decoration: none;
   /* ▼背景 */
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); zoom:1; /* IE */
   background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
   background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
   background: linear-gradient(top, #fff, #ccc);      /* CSS3 */
   /* ▼行高 */
   line-height: 3em;
   /* ▼空白・改行の扱い */
   white-space: normal;
   font-size:15px;
}




/* ========FOOTMENU CUSTOMIZE========= */
#footMenu{
   position:relative;
   padding:20px 0 0 0;
   border-top:1px 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:14px;
}
/* ========FOOTER CUSTOMIZE======== */

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



.sb{
	overflow: hidden;
}
.sb li{
	float: left;
	margin-right: 4px;
background-image:none;
}
.sb iframe{
	margin: 0 !important;
}

body{
	font-family:'�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, '�l�r �o�S�V�b�N', sans-serif;
}




/* PC用ソーシャルボタンCSS */

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



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


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


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: 480px) {
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; /*ここまで透明度設定*/
}

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


#top{
	width:100%;
overflow-x: hidden !important;
}

#header{
	width:100%;
overflow-x: hidden !important;
}


}

a.facebook-top{
	width:24%;
padding:5px 0;
color:#fff;
text-align:center;
background-color:#3b5998;
height:16px;
display:block;
text-decoration:none;
font-size:10px;
border-radius:5px;
float:left;
margin-right:2px;
margin-bottom:2px;
}
 
a:hover.facebook-top{
	background-color:#6277a1;
}


 
a.twitter-top{
	width:24%;
padding:5px 0;
color:#fff;
text-align:center;
background-color:#00acee;
height:16px;
display:block;
text-decoration:none;
font-size:10px;
border-radius:5px;
float:left;
margin-right:2px;
margin-bottom:2px;
}
 
a:hover.twitter-top{
	background-color:#00BFFF;
}


a.hatenabtntop{
	width:24%;
padding:5px 0;
color:#fff;
text-align:center;
background-color:#246fc2;
height:16px;
display:block;
text-decoration:none;
font-size:10px;
border-radius:5px;
float:left;
margin-right:2px;
}
 
a:hover.hatenabtntop{
	background-color:#4883bd;
}




a.pocketbtntop{
	width:24%;
padding:5px 0;
color:#fff;
text-align:center;
background-color:#EF3E56;
height:16px;
display:block;
text-decoration:none;
font-size:10px;
border-radius:5px;
float:left;
}
 
a:hover.pocketbtntop{
	background-color:#f79eaa;
}








CSS #sns-b{
	margin: 10px 0;
	float: right;
}
.sbox{
	display: inline-block;
	padding: 0 5px 5px 0;
	float: left;
}

	
#sns-b{
	margin: 10px 0;
	float: right;
}
.sbox{
	display: inline-block;
	padding: 0 5px 5px 0;
	float: left;
}




@media (max-width: 480px) {
  .up480{
    display: none;
  }
}

@media (min-width: 480px) {
  .col{
    float: left;
    margin-bottom: 2%;
  }

  .col2-wrap >.col:nth-child(odd){
    margin-right: 2%;
  }

  .col2-wrap >.col{
    width: 49%;
  }
}

.col2-wrap{
  margin: 0 0 1em;
}

.col{
  width: auto;
  margin-left: 0;
  background-color: transparent;
  text-align: -webkit-center;
  text-align: center;
}