@charset "utf-8";

/* ------------------------
     Font-size Adjustment
---------------------------
10px = 83.4%
11px = 91.7%
12px = 100%
13px = 108.4%
14px = 116.7%
15px = 125%
16px = 133.4%
17px = 141.7%
18px = 150%
19px = 158.4%
20px = 166.7%
21px = 175%
22px = 183.4%
23px = 191.7%
24px = 200%
25px = 208.4%
26px = 217 %

---------------------------*/
/*---------------------------
?x???_?[?v???t?B?b?N?X
-moz- : Firefox
-webkit- : Google Chrome?ASafari
-o- : Opera
-ms- : Internet Explorer
?瘁F-moz-border-image: ?`;
*/
/*
.area > .container > .block > .box > .item
.inner
---------------------------*/

/* --------------------------
    BASE
-----------------------------*/
/*--------- default ---------*/	

body{ /* Always show scroll bars */
	overflow-y: scroll;
	/overflow-y: auto; /* for ie6/7 */
	font:75%/1.5 "?l?r ?o?S?V?b?N", "MS PGothic", "?q???M?m?p?S Pro W3", "Hiragino Kaku Gothic Pro", "???C???I", Meiryo, Osaka, sans-serif;
}


select {
	margin:0px 0px 5px 0px;
}

#slider{
	margin-top:-5px;
}

img{ vertical-align : bottom; }



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

a:link,
a:visited {
	text-decoration: underline;
	color:#CC0000;
}

a:hover ,
a:active{
	text-decoration: none;
	color:#FF9900;
}

a:focus,
textarea:focus,
input:focus {
	outline: none;
}

/* ------- responsive------ */

#pc_only,
.pc_only {
	display:block;
}


#sp_only,
.sp_only {
	display:none;
}

.img100{
	width:100%
}

.img50{
	width:50%
}



/* ----------------------------- */
/* clearfix */
/* ----------------------------- */
.clearfix:before, .clearfix:after{ content:""; display:table;}
.clearfix:after { clear:both;}
.clearfix{ zoom:1;}/* for IE 6/7 */

/* ----------------------------- */
/* ?e?L?X?g */
/* ----------------------------- */
.fz10{ font-size:83.3% !important;}
.fz11{ font-size:91.7% !important;}
.fz13{ font-size:108.3% !important;}
.fz14{ font-size:116.7% !important;}
.fz15{ font-size:125% !important;}
.fz16{ font-size:133.3% !important;}
.fw-n{ font-weight:normal !important;}
.fw-b{ font-weight:bold !important;}

/* ----------------------------- */
/* ?}?[?W?? */
/* ----------------------------- */
.mg-20{margin: -20px !important;}
.mg0{margin: 0px !important;}
.mg05{margin: 5px !important;}
.mg10{margin: 10px !important;}
.mg15{margin: 15px !important;}
.mg20{margin: 20px !important;}
.mg25{margin: 25px !important;}
.mg30{margin: 30px !important;}
.mg35{margin: 35px !important;} 
.mg40{margin: 40px !important;}
.mg45{margin: 45px !important;}
.mg50{margin: 50px !important;}

.mt-20{margin-top: -20px !important;}
.mt0{margin-top: 0px !important;}
.mt05{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px !important;}
.mt30{margin-top: 30px !important;}
.mt35{margin-top: 35px !important;}
.mt40{margin-top: 40px !important;}
.mt45{margin-top: 45px !important;}
.mt50{margin-top: 50px !important;}
.mt100{margin-top: 100px !important;}
.mt150{margin-top: 150px !important;}
.mt200{margin-top: 200px !important;}

.mb0{margin-bottom: 0px !important;}
.mb05{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb25{margin-bottom: 25px !important;}
.mb30{margin-bottom: 30px !important;}
.mb35{margin-bottom: 35px !important;}
.mb40{margin-bottom: 40px !important;}
.mb45{margin-bottom: 45px !important;}
.mb50{margin-bottom: 50px !important;}
.mb100{margin-bottom: 100px !important;}
.mb150{margin-bottom: 150px !important;}
.mb200{margin-bottom: 200px !important;}

.ml0{margin-left: 0px !important;}
.ml05{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}
.ml15{margin-left: 15px !important;}
.ml20{margin-left: 20px !important;}
.ml25{margin-left: 25px !important;}
.ml30{margin-left: 30px !important;}
.ml35{margin-left: 35px !important;}
.ml40{margin-left: 40px !important;}
.ml45{margin-left: 45px !important;}
.ml50{margin-left: 50px !important;}
.ml145{margin-left: 145px !important;}

.mr0{margin-right: 0px !important;}
.mr05{margin-right: 5px !important;}
.mr10{margin-right: 10px !important;}
.mr15{margin-right: 15px !important;}
.mr20{margin-right: 20px !important;}
.mr25{margin-right: 25px !important;}
.mr30{margin-right: 30px !important;}
.mr35{margin-right: 35px !important;}
.mr40{margin-right: 40px !important;}
.mr45{margin-right: 45px !important;}
.mr50{margin-right: 50px !important;}
.mr145{margin-right: 145px !important;}
.mr260{margin-right: 260px !important;}
/* ----------------------------- */
/* ?]?? */
/* ----------------------------- */
.pd0{padding: 0px !important;}
.pd05{padding: 5px !important;}
.pd10{padding: 10px !important;}
.pd15{padding: 15px !important;}
.pd20{padding: 20px !important;}
.pd25{padding: 25px !important;}
.pd30{padding: 30px !important;}
.pd35{padding: 35px !important;}
.pd40{padding: 40px !important;}
.pd45{padding: 45px !important;}
.pd50{padding: 50px !important;}

.pt0{padding-top: 0px !important;}
.pt05{padding-top: 5px !important;}
.pt10{padding-top: 10px !important;}
.pt15{padding-top: 15px !important;}
.pt20{padding-top: 20px !important;}
.pt25{padding-top: 25px !important;}
.pt30{padding-top: 30px !important;}
.pt35{padding-top: 35px !important;}
.pt40{padding-top: 40px !important;}
.pt45{padding-top: 45px !important;}
.pt50{padding-top: 50px !important;}
.pt100{padding-top: 100px !important;}
.pt150{padding-top: 150px !important;}
.pt200{padding-top: 200px !important;}

.pb0{padding-bottom: 0px !important;}
.pb05{padding-bottom: 5px !important;}
.pb10{padding-bottom: 10px !important;}
.pb15{padding-bottom: 15px !important;}
.pb20{padding-bottom: 20px !important;}
.pb25{padding-bottom: 25px !important;}
.pb30{padding-bottom: 30px !important;}
.pb35{padding-bottom: 35px !important;}
.pb40{padding-bottom: 40px !important;}
.pb45{padding-bottom: 45px !important;}
.pb50{padding-bottom: 50px !important;}
.pb100{padding-bottom: 100px !important;}
.pb150{padding-bottom: 150px !important;}
.pb200{padding-bottom: 200px !important;}

.pl0{padding-left: 0px !important;}
.pl05{padding-left: 5px !important;}
.pl10{padding-left: 10px !important;}
.pl15{padding-left: 15px !important;}
.pl20{padding-left: 20px !important;}
.pl25{padding-left: 25px !important;}
.pl30{padding-left: 30px !important;}
.pl35{padding-left: 35px !important;}
.pl40{padding-left: 40px !important;}
.pl45{padding-left: 45px !important;}
.pl50{padding-left: 50px !important;}

.pr0{padding-right: 0px !important;}
.pr05{padding-right: 5px !important;}
.pr10{padding-right: 10px !important;}
.pr15{padding-right: 15px !important;}
.pr20{padding-right: 20px !important;}
.pr25{padding-right: 25px !important;}
.pr30{padding-right: 30px !important;}
.pr35{padding-right: 35px !important;}
.pr40{padding-right: 40px !important;}
.pr45{padding-right: 45px !important;}
.pr50{padding-right: 50px !important;}

/* float ----------------------- */
.fl-r{ float:right !important;}
.fl-l{ float:left !important;}
.fl-n{ float:none !important;}

/* background ----------------------- */
.bg-n{ background:none !important;}

/* display ----------------------- */
.d-n{ display:none !important;}
.d-b{ display:block !important;}
.d-ib{display:inline-block !important;}
.d-i{ display:inline !important;}

/* text-align ----------------------- */
.ta-r{ text-align:right !important;}
.ta-l{ text-align:left !important;}
.ta-c{ text-align:center !important;}

/* border ----------------------- */
.bd-n{ border:none !important;}

/* overflow ----------------------- */
.ov-h{ overflow:hidden !important;}

/* img-align ----------------------- */
.img_r{ float:right !important;margin:0 0 20px 20px;}
.img_l{ float:left !important;margin:0 20px 20px 0;}



/* ----------------------------- */
/* layout */
/* ----------------------------- */
/*--------- base ---------*/
#wrapper {
	max-width: 1200px;
	margin:0 auto;
	padding:0;
  }

#container{
	overflow:hidden;
	zoom:1;
	margin:20px 0;
}

#mainSide{
	float:left;
	width:64.40677%;
}

#mainSide #contents{
	padding:0 20px;
}

#leftSide{
	float:left;
	width:17.79661%;
}

#rightSide{
	float:right;
	width:17.79661%;
}


@media screen and (min-width: 1220px) {

#wrapper {
	max-width: 1220px;
	margin:0 auto;
	padding:0;
  }

#container{
	overflow:hidden;
	zoom:1;
	margin:20px 0;
}

#mainSide{
	float:left;
	width:780px;
}

#mainSide #contents{
	padding:0 20px;
}

#leftSide{
	float:left;
	width:220px;
}

#rightSide{
	float:right;
	width:220px;
}

/* min-width: 1200px?????܂ﾅ */
}



/* ----------------------------- */
/* Header */
/* ----------------------------- */
/*--------- header ---------*/

#header{
	height:100px;
	margin-bottom:0px !important;
}

#header #logo_block{
	float:left;
	width: 323px;
	padding-top:15px;
}

#header #btn_block{
	float:right;
	padding-top:20px;
}

#header #btn_block .catch{
	margin-bottom:5px;
}

@media screen and (max-width: 800px) {

#header #btn_block{
	float:right;
	padding-top:36px;
}

#header #btn_block .catch{
	display:none;
}

}

#header #btn_block li{
	float:right;
}


/* ----------------------------- */
/* Menu */
/* ----------------------------- */

#menu_area{
	background:#fff;
 box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.2);
}

#menu_area #inner{
	width: 1200px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
}

#menu_area #inner li{
	float:left;

}



@media screen and (max-width: 1200px) {

#menu_area #inner{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
	box-sizing:border-box;
}

#menu_area #inner li{
	float:left;
	width:12.5%;
}

#menu_area #inner li img{
	width:100%;
	height:auto;
}


/* max-width: 1200px */
}


/* ----------------------------- */
/* leftSide */
/* ----------------------------- */
/* ------- menu_area ------ */

#side_menu_block{
	margin-bottom:20px;
	background:#EFEFEF;
}

#side_menu_block ul{
	border-bottom:#999999 dotted 1px;
	padding-bottom:10px;
}

#side_menu_block li.tit{
	border-top:#000000 solid 2px;
	border-bottom:#000000 solid 1px;
	padding:10px 10px;
	font-size:125%;
	font-weight:700 !important;
}

#side_menu_block li.stit{
	padding:0 !important;
}

#side_menu_block li.tit img{
	width:100%;
	height:auto;
}

#side_menu_block li a{
	display:block;
	font-size:13px;
	font-weight:400;
	background:#EFEFEF;
	padding:5px 10px;
}

#side_menu_block li a.t_link{
	font-weight:700;
	font-size:15px;
	padding-top:10px;
}

#side_menu_block li a.off{
	display:block;
	font-size:13px;
	font-weight:400;
	background:#EFEFEF;
	padding:5px 10px;
}

/* ------- menu_area link------ */

#side_menu_block a:link,
#side_menu_block a:visited {
	text-decoration: none;
	color:#000;
}

#side_menu_block a:hover ,
#side_menu_block a:active{
	text-decoration: none;
	color:#000;
	background:#F0EBD7;
}

#side_menu_block a:focus,
#side_menu_block textarea:focus,
#side_menu_block input:focus {
	outline: none;
}

/* ------- management_area------ */

#management_block{
	border:#CCCCCC solid 1px;
	margin-bottom:20px;
}

#management_block .tit{
	color:#fff;
	font-weight:700;
	text-align:center;
	background:#CCCCCC;
	padding:3px;
}

#management_block ul{
padding:5px 10px;
}

#management_block li{
padding:2px 0;
}



/* ----------------------------- */
/* rightSide */
/* ----------------------------- */
/*--------- Panel ---------*/

#side_panel_block{

}

#side_panel_block li{
	margin-bottom:10px;
}

#side_panel_block li img{
	width:100%;
	heihgt:auto;
}

/*--------- Ranking ---------*/

#side_ranking_block{
	margin-bottom:10px;
}

#side_ranking_block li{

}

#side_ranking_block li img{
	width:100%;
	heihgt:auto;
}

/*--------- SNS ---------*/

#side_twitter_block{
	margin-bottom:10px;
}

#side_facebook_blocki{
	margin-bottom:10px;
}





/* ----------------------------- */
/* footer */
/* ----------------------------- */
/*-------- guide --------*/
#block_guide {
	background:#FEFAD8;
	border-top:#412208 solid 3px;
	padding:20px 10px 40px;
	overflow:hidden;
	zoom:1;
}

#block_guide .box_guide {
	float:left;
	width: 25%;
}

#block_guide .box_guide .txt{
	width: 90%;
	text-align:left;
	margin: 0 auto;
}

@media screen and (max-width: 800px) {

#block_guide .box_guide .txt img{
	width: 100%;
	text-align:left;
	margin: 0 auto;
}

}

#block_guide .box_guide .txt .stit{
	font-size: 116.7%;
	border-bottom:#000000 solid 1px;
	margin:0 0 10px;
	padding:2px 0;
}



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

#footer{
	clear:both;
	background:#412208;
	height:120px;
	padding-top:10px;
}

#footer #footLink{
	color:#FFFFFF;
	text-align:center;
	margin-bottom:10px;
}

#footer #copyright{
	color:#FFFFFF;
	text-align:center;
}

/* ------- footer link------ */

#footer #footLink a:link,
#footer #footLink a:visited {
	text-decoration: none;
	color:#FFFFFF;
}

#footer #footLink a:hover ,
#footer #footLink a:active{
	text-decoration: underline;
	color:#FFFFFF;
}

#footer #footLink a:focus,
#footer #footLink textarea:focus,
#footer #footLink input:focus {
	outline: none;
}



/*-------- footer_area --------*/

#foot_area{
	margin-top:100px;
	background:#666;
	font-size:108.4%;

}

#foot_area #inner_ban{
	max-width: 1200px;
	margin:0 auto;
	padding:30px 0;
	overflow:hidden;
	zoom:1;
}

#foot_area #inner_ban ul{
	overflow:hidden;
	zoom:1;
}

#foot_area #inner_ban li{
	width:33.33333%;
	float:left;
	box-sizing:border-box;
	padding:10px 20px;
}

#foot_area #inner_ban li img{
	width:100%;
	height:auto;
}

#foot_area #inner{
	max-width: 1200px;
	margin:0 auto;
	padding:30px 0;
	overflow:hidden;
	zoom:1;
}

#foot_area #inner ul{
	overflow:hidden;
	zoom:1;
}

#foot_area #inner li{
	width: 33.33333%;
	float:left;
	box-sizing:border-box;
	color:#fff;
	border-right:#fff solid 1px;
	padding:10px 30px;
}

#foot_area #inner li strong{
	color:#fff;
	font-size:116.7%;
	font-weight:700;
}

#foot_area #inner li .pay_box{
	background:#fff;
	padding:10px;
}

#foot_area #inner li table{
	width:325px;
	color:#000;
	border-top:#ccc solid 1px;
	border-left:#ccc solid 1px;
	border-right:#ccc solid 1px;
}

#foot_area #inner li th{
	background:#ddd;
	border-bottom:#ccc solid 1px;
	padding:8px;
}

#foot_area #inner li td{
	background:#fff;
	border-bottom:#ccc solid 1px;
	padding:8px;
	text-align:right;
}

#foot_area #inner li:last-child{
	border:0;
}

#foot_area #inner .link_block{
	color:#fff;
	text-align:center;
	margin:50px 0 10px;
}

#foot_area #inner a:link,
#foot_area #inner a:visited {
	text-decoration: none;
	color:#fff;
}

#foot_area #inner a:hover ,
#foot_area #inner a:active{
	text-decoration: underline;
	color:#fff;
}

#foot_area #inner .copyright_block{
	color:#fff;
	text-align:center;
	margin-bottom:30px;
}