@charset "utf-8";

/*----------------       side home         ----------------*/

.ranking_box,
.account_box {
	position:relative;
	width:auto;
	margin:0 auto 12px;
	/*border:1px solid #444;	border-radius: 4px 4px 0 0;*/
	background:rgba(225,222,210,0.6);
	box-shadow:0 0 5px rgba(0, 0, 0, 0.6),0 0 40px rgba(0, 0, 0, 0.4) inset;
	color:#000;
}

.ranking_box >h3,
.account_box >h3 {
	width:auto;
	margin:-1px -1px 0;
	padding:15px 13px 12px;
	font-size:1em;
	color:#FFF;
	font-weight:bold;
	background:rgba(0,0,0,1);
/*	background-color: #333333;  Old browsers */
/*	background-image: linear-gradient(top, #262626 0%,#000 100%);  W3C */
}

/*
.ranking_box h3.viewswitch span.opened {
	color:#fff;
	background:url(../img/icon_arrow01.png) 0 -6px no-repeat;
}
.ranking_box h3.viewswitch span.closed {
	color:#fff;
	background:url(../img/icon_arrow01.png) 0 -34px no-repeat;
}
.ranking_box h3.off {
	border-radius: 4px;
}
*/


/*  account   */ 

.account_box >h3 div {
	position:absolute;
	top:8px;
	right:0;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	background:url(/img/i_arrow.png) right -243px no-repeat;
}
.account_box img {
	float:right;
	margin:10px 12px;
}
.account_box dl {
	padding:0;
	font-size:11px;
	line-height:120%;
}
.account_box >dl {
	margin:10px 12px 0;
}
.account_box >dl dl{
	margin-bottom:0;
}
.account_box >dl >dt {
	width:6em;
	padding:3px 8px;
	background:#000;
	color:#666;
	font-size:11px;
	color:#fff;
	border-radius: 1px;
}
.account_box dl dd {
	margin:3px 0 8px;
	padding:2px;
}
.account_box dl dd >dl dt {
	clear:both;
	float:left;
	padding:5px 0;
}
.account_box dl dd >dl dd {
	padding:5px 0;
	margin:0;
	text-align:right;
	border-bottom:1px solid #666;
	font-weight:bold;
}
.account_box >dl >dd:last-child {
	margin:-3px -8px 8px;
	padding:0 22px 0 0;
	text-align:right;
	background:url(/img/i_arrow.png) right -8px no-repeat;
}
.account_box >dl >dd a {
	color:#000;
}
.account_box p {
	background:#222;
	margin:1px;
	padding:4px 3px 3px;
	border:1px solid#000;
	text-align:center;
	color:#f09;
}




/*  ranking   */ 

/*#mbNav .ranking_box ul.tab {
	margin:10px 5px;
	border-bottom:1px solid #666;
	margin-bottom:3px;
}

#mbNav .ranking_box ul.tab li {
/*	display:inline-block;*/ /*float:left;
	background:none;
	box-shadow:none;
	margin:0 2px 0 0;
	width:56px;
	text-align:center;
	color:#BBB;
	font-size:12px;
	padding:2px 5px 1px;
	background:#F0EFEB;background:#FFF;
	border:1px solid #ddd;
	border-bottom:none;
	border-radius: 4px 4px 0 0;

}
#mbNav .ranking_box ul.tab li:hover {
	cursor:pointer;
}
#mbNav .ranking_box ul.tab li.select {
	border:1px solid #333;
	border-bottom:1px solid #333;
	color:#fff;
	background-color: #333333; /* Old browsers */
/*	background-image: linear-gradient(top, #555 0%,#333 100%); /* W3C */
/*}


.ranking_box .tab_content dl {
	font-size:12px;
	padding:0;
	margin:10px 7px;
	line-height:120%;
}
.ranking_box .tab_content dl dt {
	border:none;
	display:inline-block;
	text-align:center;
	padding:13px 0 0 5px;
	font-size:13px;
	color:#005580;
}

.ranking_box .tab_content dl dd {
	clear:both;
	background:#F3F3ED;
	padding:3px;
	margin:0 0 2px;font-size:0.9em;
/*	color:#005580;*//*color:#444;
}
.ranking_box .tab_content dl dd.sales {
	float:right;
	background:none;
	font-size:13px;
	text-align:right;
	margin-top:11px;
	color:#000;
}
.ranking_box .tab_content dl dd:nth-of-type(1).sales,
.ranking_box .tab_content dl dd:nth-of-type(3).sales,
.ranking_box .tab_content dl dd:nth-of-type(5).sales {
	font-weight:bold;
	font-size:15px;
}
.lank1,.lank2,.lank3 {
	height:17px;width:50px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
}
.lank1 {
	background:url(../img/icon_lanking.png) 5px 0 no-repeat;
}
.lank2 {
	background:url(../img/icon_lanking.png) 5px -30px no-repeat;
}
.lank3 {
	background:url(../img/icon_lanking.png) 5px -60px no-repeat;
}
.nodisp {
	display:none;
}








/*--- button 
----------------------------------------------------*/

/*	default	*/

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
	position:relative;
	top:0;	left:0;
	margin:0 0 10px;
	padding: 5px 14px;
	width:auto;
	cursor: pointer;
	box-sizing: border-box;
	display:inline-block;
	*display:inline;
	zoom:1;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color:#333;
	font-size:12px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	text-decoration:none;
	vertical-align: middle;
	background-color: #f5f5f5;
	background-image: linear-gradient(top,#ffffff, #e6e6e6);
	background-image: -webkit-linear-gradient(top,#ffffff, #e6e6e6);
	background-image: -moz-linear-gradient(top,#ffffff, #e6e6e6);
	border: 1px solid #bbbbbb;
	*border: 0;
	/*border-color: #c5c5c5;*/
	border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
	border-bottom-color: #a2a2a2;
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(255,255,255,0.2) inset, 0 0 3px rgba(0,0,0,0.1);
}
	button:hover,
	a.btn:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover{
	color: #000;
	background-color: #fafafa;
	background-image: linear-gradient(top,#fff, #f2f2f2);
	background-image: -webkit-linear-gradient(top,#fff, #f2f2f2);
	background-image: -moz-linear-gradient(top,#fff, #f2f2f2);
	}


/*	blue	*/
button.blue,
a.btn.blue,
input[type="submit"].blue,
input[type="reset"].blue,
input[type="button"].blue {
	padding: 4px 14px;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #017BC2;
	background-image: linear-gradient(top, #0088cc, #0267B3);
	background-image: -webkit-linear-gradient(top, #0088cc, #0267B3);
	background-image: -moz-linear-gradient(top, #0088cc, #0267B3);
	border-color: #0267B3 #0267B3 #002a80;
	border-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 3px rgba(255,255,255,0.1) inset, 0 0 3px rgba(0,0,0,0.1);
}
	button.blue:hover,
	a.btn.blue:hover,
	input[type="submit"].blue:hover,
	input[type="reset"].blue:hover,
	input[type="button"].blue:hover{
	background-color: #0267B3;
	background-image: linear-gradient(top,#0267B3, #01518B);
	background-image: -webkit-linear-gradient(top,#0267B3, #01518B);
	background-image: -moz-linear-gradient(top,#0267B3, #01518B);

	}


/*	aqua	*/
button.aqua,
a.btn.aqua,
input[type="submit"].aqua,
input[type="reset"].aqua,
input[type="button"].aqua {
	padding: 4px 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49AFCD;
  background-image: linear-gradient(top, #5BC0DE, #2F96B4);
	background-image: -webkit-linear-gradient(top, #5BC0DE, #2F96B4);
	background-image: -moz-linear-gradient(top, #5BC0DE, #2F96B4);
  border-color: #2F96B4 #2F96B4 #1F6377;
  border-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 3px rgba(255,255,255,0.1) inset, 0 0 3px rgba(0,0,0,0.1);
}
	button.aqua:hover,
	a.btn.aqua:hover,
	input[type="submit"].aqua:hover,
	input[type="reset"].aqua:hover,
	input[type="button"].aqua:hover{
	background-color: #2F96B4;
	background-image: linear-gradient(top,#2F96B4, #2A85A0);
	background-image: -webkit-linear-gradient(top,#2F96B4, #2A85A0);
	background-image: -moz-linear-gradient(top,#2F96B4, #2A85A0);
	}


/*	green	*/
button.green,
a.btn.green,
input[type="submit"].green,
input[type="reset"].green,
input[type="button"].green {
	padding: 4px 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5BB75B;
  background-image: linear-gradient(top, #62C462, #51A351);
	background-image: -webkit-linear-gradient(top, #62C462, #51A351);
	background-image: -moz-linear-gradient(top, #62C462, #51A351);
  border-color: #51A351 #51A351 #387038;
  border-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 3px rgba(255,255,255,0.1) inset, 0 0 3px rgba(0,0,0,0.1);
}
	button.green:hover,
	a.btn.green:hover,
	input[type="submit"].green:hover,
	input[type="reset"].green:hover,
	input[type="button"].green:hover{
	background-color: #51A351;
	background-image: linear-gradient(top,#51A351, #499249);
	background-image: -webkit-linear-gradient(top,#51A351, #499249);
	background-image: -moz-linear-gradient(top,#51A351, #499249);
	}


/*	orange	*/
button.orange,
a.btn.orange,
input[type="submit"].orange,
input[type="reset"].orange,
input[type="button"].orange {
	padding: 4px 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #FAA732;
  background-image: linear-gradient(top, #FBB450, #F89406);
	background-image: -webkit-linear-gradient(top, #FBB450, #F89406);
	background-image: -moz-linear-gradient(top, #FBB450, #F89406);
  border-color: #F89406 #F89406 #AD6704;
  border-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 3px rgba(255,255,255,0.1) inset, 0 0 3px rgba(0,0,0,0.1);
}
	button.orange:hover,
	a.btn.orange:hover,
	input[type="submit"].orange:hover,
	input[type="reset"].orange:hover,
	input[type="button"].orange:hover{
	background-color: #F89406;
	background-image: linear-gradient(top,#F89406, #DF8505);
	background-image: -webkit-linear-gradient(top,#F89406, #DF8505);
	background-image: -moz-linear-gradient(top,#F89406, #DF8505);
	}


/*	red	*/
button.red,
a.btn.red,
input[type="submit"].red,
input[type="reset"].red,
input[type="button"].red {
	padding: 4px 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #DA4F49;
  background-image: linear-gradient(top, #EE5F5B, #BD362F);
	background-image: -webkit-linear-gradient(top, #EE5F5B, #BD362F);
	background-image: -moz-linear-gradient(top, #EE5F5B, #BD362F);
  border-color: #BD362F #BD362F #802420;
  border-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 3px rgba(255,255,255,0.1) inset, 0 0 3px rgba(0,0,0,0.1);
}
	button.red:hover,
	a.btn.red:hover,
	input[type="submit"].red:hover,
	input[type="reset"].red:hover,
	input[type="button"].red:hover{
	background-color: #BD362F;
	background-image: linear-gradient(top,#BD362F, #A9302A);
	background-image: -webkit-linear-gradient(top,#BD362F, #A9302A);
	background-image: -moz-linear-gradient(top,#BD362F, #A9302A);
	}


/*	pink	*/
button.pink,
a.btn.pink,
input[type="submit"].pink,
input[type="reset"].pink,
input[type="button"].pink {
	padding: 4px 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #D83674;
  background-image: linear-gradient(top, #EE4F87, #B91359);
	background-image: -webkit-linear-gradient(top, #EE4F87, #B91359);
	background-image: -moz-linear-gradient(top, #EE4F87, #B91359);
  border-color: #B91359 #B91359 #9E124E;
  border-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 3px rgba(255,255,255,0.1) inset, 0 0 3px rgba(0,0,0,0.1);
}
	button.pink:hover,
	a.btn.pink:hover,
	input[type="submit"].pink:hover,
	input[type="reset"].pink:hover,
	input[type="button"].pink:hover{
	background-color: #B3245C;
	background-image: linear-gradient(top,#B91359, #A91D55);
	background-image: -webkit-linear-gradient(top,#B91359, #A91D55);
	background-image: -moz-linear-gradient(top,#B91359, #A91D55);
	}


/*	black	*/
button.black,
a.btn.black,
input[type="submit"].black,
input[type="reset"].black,
input[type="button"].black {
	padding: 4px 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  background-image: linear-gradient(top, #444, #222);
	background-image: -webkit-linear-gradient(top, #444, #222);
	background-image: -moz-linear-gradient(top, #444, #222);
  border-color: #222 #222 #000;
  border-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 3px rgba(255,255,255,0.1) inset, 0 0 3px rgba(0,0,0,0.1);
}
	button.black:hover,
	a.btn.black:hover,
	input[type="submit"].black:hover,
	input[type="reset"].black:hover,
	input[type="button"].black:hover{
	background-color: #222;
	background-image: linear-gradient(top,#222, #151515);
	background-image: -webkit-linear-gradient(top,#222, #151515);
	background-image: -moz-linear-gradient(top,#222, #151515);
	}



/*---  style
------------------------------------------------------------------------------------*/
form .control-group,
form .help-inline,
form .required {
	position: relative;
}
.splat {
	position:absolute;
	top:-5px;
	color: #e32;	color: #f6c;
/*	content: '*';*/
	display:inline;
	padding:0 0 0 2px;
	font-weight: bold;
}


.msg {
	font-size:1.2em;
	color: #0088cc;
	text-align:center;
	margin-bottom:30px;
	text-indent:1.5em;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.6);
}


.alertred {color:#F00;font-weight:bold;}
.red {color:#C00;}
.minusred {color:#F00;}
.white {color:#fff;}
.gry {color:#999;}
.grn {color:#76B600;}
.orange {color:#FF7405;}
.blue {color: #0088cc;}
.navy {color:#005580;}
.b_yellow {background:#FF9;}
.u_line {text-decoration:underline;}
.cap {font-size:10px;color:#666;}
.txt_c {text-align:center;}
.txt_l {text-align:left;}
.txt_r {text-align:right;}
.bold {font-weight:bold;}
.txt120 {font-size:1.2em;}

.wid30 {width:30px;}
.wid40 {width:40px;}
.wid50 {width:50px;}
.wid60 {width:60px;}
.wid70 {width:70px;}
.wid80 {width:80px;}
.wid90 {width:90px;}
.wid100 {width:100px;}
.wid110 {width:110px;}
.wid120 {width:120px;}
.wid150 {width:150px;}
.wid170 {width:170px;}
.wid180 {width:180px;}
.wid190 {width:190px;}
.wid200 {width:200px;}
.wid210 {width:210px;}
.wid220 {width:220px;}
.wid230 {width:230px;}
.wid240 {width:240px;}
.wid250 {width:250px;}
.wid260 {width:260px;}
.wid270 {width:270px;}
.wid280 {width:280px;}
.wid290 {width:290px;}
.wid300 {width:300px;}
.wid310 {width:310px;}
.wid320 {width:320px;}
.wid330 {width:330px;}
.wid340 {width:340px;}
.wid350 {width:350px;}
.wid360 {width:360px;}
.wid370 {width:370px;}
.wid380 {width:380px;}
.wid390 {width:390px;}
.wid400 {width:400px;}
.wid430 {width:430px;}
.wid460 {width:460px;}
.wid480 {width:480px;}
.wid500 {width:500px;}
.wid520 {width:520px;}
.wid540 {width:540px;}
.wid600 {width:600px;}
.wid860 {width:860px;}


.area95 {width:95%;}
.area90 {width:90%;}
.area85 {width:85%;}
.area80 {width:80%;}
.area75 {width:75%;}
.area70 {width:70%;}
.area60 {width:60%;}
.area50 {width:50%;}

.ht40 {height:40px;}
.ht50 {height:50px;}
.ht80 {height:80px;}
.ht100 {height:100px;}

.pd_b5 {padding-bottom:5px;}
.pd_t5 {padding-top:5px;}
.mg_b5 {margin-bottom:5px;}
.mg_t30 {margin-top:30px;}
.mg_20a {margin:20px auto 0;}
.mg_0 {margin:0 auto;}

.fl_l {float:left;}
.fl_r {float:right;}
.clear {clear:both;}
.clear_l {clear:left;}
.clear_r {clear:right;}

/* new clearfix */
.clearfix {overflow:hidden;}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */