@charset "UTF-8";

@import url(http://fonts.googleapis.com/css?family=Playball&subset=latin,latin-ext);

/* Reset Styles */

*{
	margin:0;
	padding:0;
}

a{text-decoration:none;}
html{color:#000;background:#48a5c8;}
fieldset,img{border:0;}
img{vertical-align:top;}
li{list-style:none;} 
/* for smartphone */
body {
	-webkit-text-size-adjust:none;
	min-height:416px;
	width:100%;
	margin:0;
	padding:0;
	color:#666;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",
	"ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", 
	Arial, Verdana, sans-serif;
	line-height: 18px;
	background: -moz-linear-gradient(left top, #48a5c8, #48a5c8 20%, #48a5c8 40%, #48a5c8 80%);
	background: -webkit-gradient(linear, left top, right bottom, from(#48a5c8),
                       color-stop(0.2, #48a5c8),
                       color-stop(0.4, #48a5c8),
                       color-stop(0.8, #48a5c8));
	background: -o-linear-gradient(left top, #48a5c8, #48a5c8 20%, #48a5c8 40%, #48a5c8 80%);
	background: linear-gradient(left top, #48a5c8, #48a5c8 20%, #48a5c8 40%, #48a5c8 80%);
	display: block;
}

/*---------------------------------
footer
---------------------------------*/
footer{
	padding: 0px;
	width: 98%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

footer, nav {

}

footer nav {
	
}

#footerNavi ul li {
	text-align: center;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#809dc0),color-stop(0.5,#54749c),color-stop(1,#315077));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)0%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:2px solid #163d6c;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-webkit-box-shadow:0 1px 2px #385c88;
	-moz-box-shadow:0px 1px 2px #385c88;
	margin-bottom: 2px;    
}

#footerNavi ul {
	
}


footer nav ul li a{
	font-weight: bold;
	text-shadow:0 1px 1px #ffffff;
	color: #20497b;
	display: block;
	width: 100%;
	margin-top: 1px;
	margin-bottom: 3px;
	padding-top: 5px;
	padding-bottom: 2px;
	
}

footer #cr {
	font-weight: bold;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#06265a),color-stop(0.5,#0f326c),color-stop(1,#1b417f));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)0%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	color: #fff;
	text-align: center;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;	
}

/*=====================================
ブロックパネル
=======================================*/

.titleDarkNavy {
	color: #fffffff;
	text-shadow: 1px 1px 1px #0e1635;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#293773),color-stop(0.5,#1e2a5c),color-stop(1,#18224b));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)5%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:1px solid #18224b;
	-webkit-box-shadow:0 2px 3px #354174;
	-moz-box-shadow:0px 2px 3px #354174;
	width: 98%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: auto;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-align: center;
	display: block;
	font-weight: bold;
}

.titleVividBlue {
	color: #fffffff;
	text-shadow: 1px 1px 1px #1789aa;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#39d7ff),color-stop(0.5,#28cfff),color-stop(1,#00b8ed));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)5%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:1px solid #00b8ed;
	-webkit-box-shadow:0 2px 3px #2f768a;
	-moz-box-shadow:0px 2px 3px #2f768a;
	width: 98%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: auto;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-align: center;
	display: block;
	font-weight: bold;
}
/*=====================================
top画像
=======================================*/
h1.topLogo{
	display: block;
	width: 99%;
	margin-right: auto;
	margin-left: auto;
}
h1 img{
	margin-right: auto;	margin-left: auto;
}
/*=====================================
会員登録ボタン
=======================================*/
.button_regist{
	text-align: center;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#f3ff2b),color-stop(0.5,#e7f500),color-stop(1,#cbc402));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)0%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:2px solid #afba00;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-box-shadow:0 2px 2px #ccd268;
	-moz-box-shadow:0px 2px 2px #ccd268;
	display:block;
	width: 98%;
	margin-top: 0px;
	margin-bottom: 5px;
}

.button_regist a{
	color:#e50000;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0 1px 1px #706262;
	display:block;
	padding-top: 16px;
	padding-bottom: 10px;
	margin: 0px;
}

.button_imp{
	text-align: center;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#014817),color-stop(0.5,#086023),color-stop(1,#1a7b37));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)0%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:2px solid #01300f;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-webkit-box-shadow:0 2px 2px #0e5022;
	-moz-box-shadow:0px 2px 2px #0e5022;
	display:inline-block;
	width: 98%;
	margin-top: 3px;
	margin-bottom: 5px;
}

.button_imp a{
	color:#d9d100;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0 1px 1px #01300f;
	display:block;
	padding-top: 5px;
	padding-bottom: 5px;
}
/*=====================================
jQuery
=======================================*/


/*=====================================
h2 タイトル帯
=======================================*/
.titleRed {
	color: #FFF;
	text-shadow:0 1px 1px #9b2121;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#e41515),color-stop(0.5,#ea2222),color-stop(1,#f03131));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)0%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:1px solid #cb0202;
	-webkit-box-shadow:0 2px 3px #c54545;
	-moz-box-shadow:0px 2px 3px #c54545;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-weight: bolder;
	font-size: 20px;
	margin-bottom: 2px;
	margin-top: 2px;
	letter-spacing: 2px;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.subTitleRed {
	color: #4b4b4b;
	text-shadow:0 1px 2px #afafaf;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#ffd6da),color-stop(0.5,#ffd6da),color-stop(1,#ffd6da));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)0%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:2px solid #cb0202;
	-webkit-box-shadow:0 1px 3px #c54545;
	-moz-box-shadow:0px 1px 3px #c54545;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-size: 20px;
	margin-bottom: 2px;
	margin-top: 4px;
	letter-spacing: 2px;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}
.titleOrange {
	color: #FFF;
	text-shadow:0 1px 1px #a97609;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#ffb71d),color-stop(0.5,#feba29),color-stop(1,#ffc548));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)0%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:1px solid #cc941c;
	-webkit-box-shadow:0 2px 3px #d1ae62;
	-moz-box-shadow:0px 2px 3px #d1ae62;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-weight: bolder;
	font-size: 20px;
	margin-bottom: 2px;
	margin-top: 2px;
	letter-spacing: 2px;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}
.subTitleOrange {
	color: #4b4b4b;
	text-shadow:0 1px 2px #afafaf;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#ffd6da),color-stop(0.5,#ffd6da),color-stop(1,#ffd6da));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)0%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:2px solid #ff902e;
	-webkit-box-shadow:0 1px 3px #c54545;
	-moz-box-shadow:0px 1px 3px #c54545;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-size: 20px;
	margin-bottom: 2px;
	margin-top: 4px;
	letter-spacing: 2px;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}
.titleLightGreen {
	color: #FFF;
	text-shadow:0 1px 1px #025818;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#34ab42),color-stop(0.5,#47b854),color-stop(1,#59c665));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)0%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:1px solid #025818;
	-webkit-box-shadow:0 2px 3px #5dc478;
	-moz-box-shadow:0px 2px 3px #5dc478;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-weight: bolder;
	font-size: 20px;
	margin-bottom: 2px;
	margin-top: 2px;
	letter-spacing: 2px;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}
.subTitleLightGreen {
	color: #4b4b4b;
	text-shadow:0 1px 2px #afafaf;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#ffd6da),color-stop(0.5,#ffd6da),color-stop(1,#ffd6da));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)0%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:2px solid #ff902e;
	-webkit-box-shadow:0 1px 3px #c54545;
	-moz-box-shadow:0px 1px 3px #c54545;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-size: 20px;
	margin-bottom: 2px;
	margin-top: 4px;
	letter-spacing: 2px;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}
.titleBlue {
	color: #FFF;
	text-shadow:0 1px 1px #125b89;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#2b78a8),color-stop(0.5,#3582b3),color-stop(1,#4392c4));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)0%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:1px solid #025818;
	-webkit-box-shadow:0 2px 3px #4585ad;
	-moz-box-shadow:0px 2px 3px #4585ad;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-weight: bolder;
	font-size: 20px;
	margin-bottom: 2px;
	margin-top: 2px;
	letter-spacing: 2px;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}





.titleLightBrown {
	color: #FFF;
	text-shadow:0 1px 1px #622519;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#94402f),color-stop(0.5,#a05748),color-stop(1,#ac756a));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)0%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:1px solid #622519;
	-webkit-box-shadow:0 2px 3px #986a61;
	-moz-box-shadow:0px 2px 3px #986a61;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	font-weight: bolder;
	font-size: 20px;
	margin-bottom: 2px;
	margin-top: 2px;
	letter-spacing: 2px;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}


.titlePurple{
	color: #FFF;
	text-shadow:0 1px 1px #4d156d;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#6f1ba0),color-stop(0.5,#8d3fba),color-stop(1,#b46cde));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)0%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:1px solid #4d156d;
	/*border-radius:6px;*/
	-webkit-border-top-right-radius:14px;
	-webkit-border-bottom-right-radius:14px;
	-moz-border-radius-topright:14px;
	-moz-border-radius-bottomright:14px;
	-webkit-box-shadow:0 2px 3px #9e79b3;
	-moz-box-shadow:0px 2px 3px #9e79b3;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: left;
	font-weight: bolder;
	font-size: 20px;
	margin-bottom: 2px;
	margin-top: 2px;
	letter-spacing: 2px;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}
.titleMiddleBlue{
	color: #FFF;
	text-shadow:0 1px 1px #1b7d92;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#1e91aa),color-stop(0.5,#4bb7ce),color-stop(1,#5ad0e9));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)0%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:1px solid #0e6578;
	/*border-radius:6px;*/
	-webkit-border-top-right-radius:14px;
	-webkit-border-bottom-right-radius:14px;
	-moz-border-radius-topright:14px;
	-moz-border-radius-bottomright:14px;
	-webkit-box-shadow:0 2px 3px #5ba8b8;
	-moz-box-shadow:0px 2px 3px #5ba8b8;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: left;
	font-weight: bolder;
	font-size: 20px;
	margin-bottom: 2px;
	margin-top: 2px;
	letter-spacing: 2px;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}
.titleDarkGreen{
	color: #FFF;
	text-shadow:0 1px 1px #425f18;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#668c2f),color-stop(0.5,#7ca146),color-stop(1,#95b864));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)0%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:1px solid #425f18;
	/*border-radius:6px;*/
	-webkit-border-top-right-radius:14px;
	-webkit-border-bottom-right-radius:14px;
	-moz-border-radius-topright:14px;
	-moz-border-radius-bottomright:14px;
	-webkit-box-shadow:0 2px 3px #5e7938;
	-moz-box-shadow:0px 2px 3px #5e7938;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: left;
	font-weight: bolder;
	font-size: 20px;
	margin-bottom: 2px;
	margin-top: 2px;
	letter-spacing: 2px;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.titleNavy{
	color: #FFF;
	text-shadow:0 1px 1px #112b55;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#183564),color-stop(0.5,#28477a),color-stop(1,#48699e));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)0%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:1px solid #112b55;
	/*border-radius:6px;*/
	-webkit-border-top-right-radius:14px;
	-webkit-border-bottom-right-radius:14px;
	-moz-border-radius-topright:14px;
	-moz-border-radius-bottomright:14px;
	-webkit-box-shadow:0 2px 3px #314b77;
	-moz-box-shadow:0px 2px 3px #314b77;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: left;
	font-weight: bolder;
	font-size: 20px;
	margin-bottom: 2px;
	margin-top: 2px;
	letter-spacing: 2px;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
/*=====================================
ブランク３ｐｘ
=======================================*/
.blank3px{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 3px;
	width: 100%;	
}


.bgLightGreen {
	background-color: #bad0a6;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 3px;
}

.bgPurpleWhite {
	background-color: #e8dae9;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5px;
}
.bgPinkWhite {
	background-color: #ffebfe;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5px;
}
.twoColum {
	padding: 0px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 0px;
}
.twoColum tr {
	width: 100%;
}
.twoColum tr th {
	padding: 0px;
	width: 47%;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
.twoColum tr th .twoColum_left {
	background-color: #ff93fe;
	width: 98%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #5b5b5b;
}
.twoColum tr th .twoColum_right {
	background-color: #b74dce;
	width: 98%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #5b5b5b;
}
.twoColum tr th .twoColum_center {
	background-color: #f7b663;
	width: 99%;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #5b5b5b;
}
.twoColum_center a {
	color: #5b5b5b;
	display: inline-block;
}

.titleTxt {
	font-weight: bold;
	color: #FFF;
	display: inline-block;
	margin: 0px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 0px;
	text-align: right;
}

.clearBox{
	clear: both;
}

/*=====================================
メニューボタン
=======================================*/
.btnNew{
	text-align: center;
	text-shadow:0 1px 1px #9b2121;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#e41515),color-stop(0.5,#f36767),color-stop(1,#fd9b9b));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)0%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:1px solid #cb0202;
	border-radius:8px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #FFF;
	margin-bottom: 5px;
}
.btnRec{
	text-align: center;
	text-shadow:0 1px 1px #702590;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#763131),color-stop(0.5,#9e6868),color-stop(1,#ad8a8a));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)0%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:1px solid #691f1f;
	border-radius:8px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #FFF;
	margin-bottom: 5px;
}
.btnRank{
	text-align: center;
	text-shadow:0 1px 1px #1d5385;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#2468a7),color-stop(0.5,#4985bd),color-stop(1,#7ba5cd));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)0%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:1px solid #1d5385;
	border-radius:8px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #FFF;
	margin-bottom: 5px;
	display: block;
}
.btnGanre{
	text-align: center;
	text-shadow:0 1px 1px #702590;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#9743bf),color-stop(0.5,#b975d9),color-stop(1,#d9aaed));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)0%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:1px solid #786084;
	border-radius:8px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #FFF;
	margin-bottom: 5px;
}
.btnGanreSweet{
	text-align: center;
	text-shadow:0 1px 1px #9b2121;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#b8503b),color-stop(0.5,#ad4733),color-stop(1,#b8503b));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)0%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:2px solid #883222;
	border-radius:8px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-box-shadow:0 2px 2px #9e79b3;
	-moz-box-shadow:0px 2px 2px #9e79b3;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #FFF;
	margin-bottom: 5px;
	display: block;
	margin-top: 8px;
}
.btnGanreSister{
	text-align: center;
	text-shadow:0 1px 1px #843e05;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#ec8a3b),color-stop(0.5,#e27f2f),color-stop(1,#ec8a3b));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)0%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:2px solid #93501b;
	border-radius:8px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-box-shadow:0 2px 2px #9e79b3;
	-moz-box-shadow:0px 2px 2px #9e79b3;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #FFF;
	margin-bottom: 5px;
	display: block;
	margin-top: 8px;
	letter-spacing: 2px;
}
.btnGanreSexy{
	text-align: center;
	text-shadow:0 1px 1px #575553;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#c2c1c0),color-stop(0.5,#e3e3e2),color-stop(1,#c2c1c0));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)0%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:2px solid #847f7c;
	border-radius:8px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-box-shadow:0 2px 2px #aeaeae;
	-moz-box-shadow:0px 2px 2px #aeaeae;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #FFF;
	margin-bottom: 5px;
	display: block;
}
.btnGanreRelax{
	text-align: center;
	text-shadow:0 1px 1px #0c6671;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#1cc1d5),color-stop(0.5,#14a8ba),color-stop(1,#1cc1d5));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)0%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:2px solid #0c6671;
	border-radius:8px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-box-shadow:0 2px 2px #6f9aa8;
	-moz-box-shadow:0px 2px 2px #6f9aa8;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #FFF;
	margin-bottom: 5px;
	display: block;
}
/*=====================================
コンテンツ
=======================================*/
/*背景*/
.topLogoArea {
	background: -moz-linear-gradient(left bottom, #010a43, #0d1b71 20%, #2f22b3 40%, #a725cd 80%);
	background: -webkit-gradient(linear, left bottom, right top, from(#010a43),
                       color-stop(0.2, #0d1b71),
                       color-stop(0.4, #2f22b3),
                       color-stop(0.8, #a725cd));
	background: -o-linear-gradient(left bottom, #010a43, #0d1b71 20%, #2f22b3 40%, #a725cd 80%);
	background: linear-gradient(left bottom, #010a43, #0d1b71 20%, #48a5c8 40%, #a725cd 80%);
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 3px;
}
.bglightYellow {
	background-color: #ffd163;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
.bglightBlue{
	background:-webkit-gradient(linear,left top, right top,color-stop(0,#dbeaf4),color-stop(0.5,#b7d5ea),color-stop(1,#99bbed));
	background:-moz-linear-gradient(left,rgba(255,255,255,1)5%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 10px;
}
.bgWood{
	background-color: #5fdbff;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(http://www.gg-cute.com/image/133202.jpeg);
}
.bgPinkWhite {
	background-color: #fdccff;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 3px;
}
/*テーブル*/
.tableNew {
	padding: 0px;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
.tableNew tr {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.tableNew tr .tableLeftArea {
	margin: 0px;
	padding: 0px;
	width: 40%;
}
.tableNew tr .tableLeftArea a {
	width: 80%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.tableNew tr .tableLeftArea a img {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
}
.tableNew tr .tableRightArea {
	margin: 0px;
	width: 60%;
	text-align: center;
	color: #F00;
	text-shadow:0px 2px 0px #ffffff,0px 1px 0px #ffffff,1px 1px 0px #ffffff,1px 0px 0px #ffffff,2px 0px 0px #ffffff,1px -1px 0px #ffffff,1px -2px 0px #ffffff,0px -2px 0px #ffffff,-1px -2px 0px #ffffff,-2px -2px 0px #ffffff,-2px -1px 0px #ffffff,-2px 0px 0px #ffffff,-2px 1px 0px #ffffff,-1px 1px 0px #ffffff;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.tableRec {
	padding: 0px;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
.tableRec tr {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.tableRec tr .tebleRecTitle {
	color: #F00;
	text-shadow:0px 2px 0px #ffffff,0px 1px 0px #ffffff,1px 1px 0px #ffffff,1px 0px 0px #ffffff,2px 0px 0px #ffffff,1px -1px 0px #ffffff,1px -2px 0px #ffffff,0px -2px 0px #ffffff,-1px -2px 0px #ffffff,-2px -2px 0px #ffffff,-2px -1px 0px #ffffff,-2px 0px 0px #ffffff,-2px 1px 0px #ffffff,-1px 1px 0px #ffffff;
	font-weight: bold;
	text-align: center;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 5px;
}
.tableRec tr td {
	margin: 0px;
	padding: 0px;
	width: 50%;
}
.tableRec tr td a img {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	-webkit-box-shadow:4px 4px 0px #ffffff;
	-moz-box-shadow:4px 4px 0px #ffffff;
	margin-top: 5px;
	margin-bottom: 10px;
}
.tableRec tr td a {
	display: block;
}

.tableGanre {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.tableGanre tr th {
	margin: 0px;
	padding: 0px;
	width: 50%;
}
/*=====================================
マンガプロ
=======================================*/
.recommendComic{
	padding: 0px;
	width: 98%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	overflow: auto;
}

.img1    {
	z-index: 1;
	width: 30%;
	float: left;
	border: 3px #b348d2 solid;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
.img2    {
	z-index: 2;
	border: 3px #b348d2 solid;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	width: 30%;
	float: left;
	margin-left: -14.8%;
}
.img3    {
    z-index: 3;
    border: 3px #b348d2 solid;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
		width: 30%;
		float: left;
		margin-left: -14.8%;
}
.img4    {
    z-index: 4;
    border: 3px #b348d2 solid;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
		width: 30%;
		float: left;
		margin-left: -14.8%;
}
.img5    {
    z-index: 5;
    border: 3px #b348d2 solid;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
		width: 30%;
		float: left;
		margin-left: -14.7%;
}
.rankTable {
	padding: 0px;
	width: 98%;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: auto;
}
.rankTable tr {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.rankTable tr th {
	padding: 0px;
	width: 33%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	color: #006;
	text-shadow:0 1px 1px #696969;
	text-align: center;
}
.rankTable tr td {
	padding: 0px;
	width: 33%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
}
.rankTable tr td a img {
	padding: 0px;
	width: 90%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	border: 3px #2193ac solid;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
.rankTable tr td a {
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.moreWatchBtn a {
	color: #246a79;
	text-align: center;
	text-shadow:0 1px 1px #ffffff;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#d2f0f7),color-stop(0.5,#c2eaf3),color-stop(1,#b2e5f0));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)0%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:1px solid #72afbc;
	-webkit-box-shadow:0 2px 2px #75b1be;
	-moz-box-shadow:0px 2px 2px #75b1be;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	width: 25%;
	float: right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	vertical-align: middle;
}
.bgGreen {
	background-color: #597334;
	border:3px solid #7fa548;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 5px;
	text-align: center;
}
.bgGreen .fontTokusyu{
	color: #fb6a00;
	text-shadow:0 1px 1px #23330c;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	display: inline-block;
	letter-spacing: 30px;
	text-indent: 30px;
}
.tableTokkusyu {
	padding: 0px;
	width: 98%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.tableTokkusyu tr {
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.tableTokkusyu tr th {
	text-align: center;
	padding: 0px;
	width: 33%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.tableTokkusyu tr th a {
	text-align: center;
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.tableTokkusyu tr th a img {
	padding: 0px;
	width: 90%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	border: 3px #79a946 solid;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}

.tableCategory {
	padding: 0px;
	width: 98%;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.tableCategory tr {
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.tableCategory tr th {
	padding: 0px;
	width: 50%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
}
.tableCategory tr th .categoryMens{
	width: 95%;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	text-align: center;
	color: #ed9c00;
	text-shadow:0 1px 1px #fbf0b0;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#4a5bff),color-stop(0.5,#7885fd),color-stop(1,#7c88fb));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)0%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:3px solid #092b64;
	border-radius:8px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-box-shadow:0 2px 2px #6f9aa8;
	-moz-box-shadow:0px 2px 2px #6f9aa8;
	display: inline-block;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.tableCategory tr th .categoryWemens{
	width: 95%;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	text-align: center;
	color: #c3006e;
	text-shadow:0 1px 1px #ffffff;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#ff25a0),color-stop(0.5,#fd46ae),color-stop(1,#fc73c0));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)0%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:3px solid #092b64;
	border-radius:8px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-box-shadow:0 2px 2px #6f9aa8;
	-moz-box-shadow:0px 2px 2px #6f9aa8;
	display: inline-block;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.line_MenuTop {
	background-color: #006;
	padding: 0px;
	height: 10px;
	width: 97%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

.titlea {
	color: #FFF;
	text-shadow: 1px 1px 2px #ca6f45;
	background-color: #F08080;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#F08080),color-stop(0.5,#f39494),color-stop(1,#eeb3b3));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)5%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:1px solid #de7777;
	-webkit-box-shadow:0 2px 3px #aa7d7d;
	-moz-box-shadow:0px 2px 3px #aa7d7d;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-size: 18px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.titleb {
	color: #FFF;
	text-shadow: 1px 1px 2px #ca6f45;
	background-color: #FF6347;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#f19402),color-stop(0.5,#f5a10f),color-stop(1,#ffbc47));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)5%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:1px solid #e1930b;
	-webkit-box-shadow:0 2px 3px #aa7d7d;
	-moz-box-shadow:0px 2px 3px #aa7d7d;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-size: 18px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.titlec {
	color: #FFF;
	text-shadow: 1px 1px 2px #4b5975;
	background-color: #87cefa;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#6fd8ff),color-stop(0.5,#87d0fc),color-stop(1,#c6e9ff));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)5%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:1px solid #63c0e2;
	-webkit-box-shadow:0 2px 3px #aa7d7d;
	-moz-box-shadow:0px 2px 3px #aa7d7d;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-size: 18px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.buttona{
	text-align: center;
	background: #80aaf0;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#6fd8ff),color-stop(0.5,#87d0fc),color-stop(1,#aedcf9));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)5%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:1px solid #63c0e2;
	-webkit-box-shadow:0 2px 3px #90b9bb;
	-moz-box-shadow:0px 2px 3px #90b9bb;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	display:block;
	width: 90%;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: auto;
}

.buttona a{
	min-width:64px;
	min-height:18px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-shadow: 1px 1px 2px #4da4a7;
	display:block;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

.buttonb{
	text-align: center;
	background: #80aaf0;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#e32c2c),color-stop(0.5,#eb4949),color-stop(1,#ee6464));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)5%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:1px solid #e32c2c;
	-webkit-box-shadow:0 2px 3px #b04c4c;
	-moz-box-shadow:0px 2px 3px #b04c4c;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	display:block;
	width: 90%;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: auto;
}

.buttonb a{
	min-width:64px;
	min-height:18px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-shadow: 1px 1px 2px #b04c4c;
	display:block;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

.buttonc{
	text-align: center;
	background-color: #87cefa;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#32892e),color-stop(0.5,#4c9e48),color-stop(1,#5ead5a));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)5%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:1px solid #32892e;
	-webkit-box-shadow:0 2px 3px #487d45;
	-moz-box-shadow:0px 2px 3px #487d45;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	display:block;
	width: 90%;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: auto;
}

.buttonc a{
	min-width:64px;
	min-height:18px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-shadow: 1px 1px 2px #4e754b;
	display:block;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

.buttond{
	text-align: center;
	background: #80aaf0;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#F08080),color-stop(0.5,#f39494),color-stop(1,#ecaeae));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)5%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:1px solid #de7777;
	-webkit-box-shadow:0 2px 3px #aa7d7d;
	-moz-box-shadow:0px 2px 3px #aa7d7d;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	display:block;
	width: 90%;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: auto;
}

.buttond a{
	min-width:64px;
	min-height:18px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-shadow: 1px 1px 2px #ca6f45;
	display:block;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

.buttone{
	text-align: center;
	background: #80aaf0;
	background:-webkit-gradient(linear,0 0, 0 100%,color-stop(0,#f19402),color-stop(0.5,#f5a10f),color-stop(1,#ffbc47));
	background:-moz-linear-gradient(top,rgba(255,255,255,1)5%,rgba(194,163,163,1)50%,rgba(194,163,163,1)100%);
	border:1px solid #e1930b;
	-webkit-box-shadow:0 2px 3px #aa7d7d;
	-moz-box-shadow:0px 2px 3px #aa7d7d;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	display:block;
	width: 90%;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: auto;
}

.buttone a{
	min-width:64px;
	min-height:18px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-shadow: 1px 1px 2px #ca6f45;
	display:block;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}