/************************************************/
/*-- BASE --
/************************************************/
/*-- HTML --*/
body {
  background:#fff url(../top/back_rain.webp) repeat fixed left bottom;
  padding:0;
  margin:0;
  color:#404040;
}
a{
	color:#40708c;
}
a:visited{
	color:#386d69;
}
a:hover{
	color:#787ec6;
	text-decoration:underline;
}

/* -- -- */

/*-- position --*/
@media screen and (min-width:1200px) {
	.all{
		width:1200px;
		position: relative;
	}
	.sidebar{
		position: absolute;
		top:10px;
		left:10px;
	}
	.main{
		position: absolute;
		top:10px;
		left:230px;
	}
	.sidebar_news{
		position: absolute;
		top:10px;
		left:930px;
	}
	.fotter{
		margin-top:4600px;
	}
	.info, .copyright{
		width:1200px;
	}
	/* size */
	.header, .normal, .ero{
		width:660px;
		margin:0 auto;
	}
	.main{
		margin:0 auto;
		width:670px;
	}
	.sidebar{
		width:200px;
	}
	.none_big{
		display:none;
	}
}
@media screen and (max-width:1199px) {
	.all, .fotter{
		margin:10px auto;
		width:99%;
	}
	.sidebar_news, .blog{
		text-align: center;
	}
	.main{
		width: 80%;
		margin: 0 auto;
		max-width: 670px;
	}
	.header, .normal, .ero{
		width:660px;
		margin:0 auto;
	}
	.none_mini{
		display:none;
	}
}

/*-- ... --*/
ul{
	list-style-type: none;
	line-height:150%;
}
/*-- haiti:main --*/
.menu_box{
	width:620px;
	clear:both;
	float:left;
	margin:0px;
	padding:0px;
}
.ero, .normal{
	clear:both;
	float:left;
}
.menu_box h3{
	clear:both;
}
.menu_box .new{
	width:410px;
	float:left;
	padding:10px;
}
/*-- haiti:sidebar --*/
.sidebar,.sidebar_news{
  margin-bottom:30px;
}
/*-- haiti:fotter --*/
.fotter{
	clear:both;
}
/*-- etc:menu --*/
.info{
  clear:both;
}
.clear{
  clear:both;
}
/************************************************************/
/*-- up --*/
.upc{
	border-bottom:1px solid orange;
}
.upstar1{
	border-bottom:2px solid gold;
}
.upstar0{
	border-bottom:3px solid yellow;
}
/************************************************************/
/*-- ALL --*/
.all{
	margin:10px auto;
	padding:10px;
}
/*-- TITLE --*/
.header{
  font-size:90%;
  text-align:center;
}
/*-- SUBJECT --*/
.sidebox{
  padding:0;
	padding-bottom:10px;
  margin-top:10px;
  font-size:90%;
}
.sidebox h3{
  font-size:90%;
  padding:3px;
  margin:0px;
  margin-bottom:10px;
}
.sidebox .detail{
  padding:10px;
}
/*-- HEAD Site set --*/
.wellcome{
	color:#0d0961;
	text-align:center;
}
.lastup{
	display:block;
	padding:10px;
  color:skyblue;
	padding:10px;
	margin:10px;
	border:1px solid skyblue;
}
.siteset{
	margin:10px;
	padding:10px;
	border:1px dotted #ad4149;
	color:#32516e;
}
/*-- HEAD Create Game --*/
.creategame{
  border:1px dotted skyblue;
}
.creategame h3{
  background-color:#efeefd;
}
/*-- SIDE --*/
.blog{
	margin:5px 15px;
	padding:10px;
	background-color:#defef4;
	border:1px solid #7efad2;
	color:#04734f;
}
.blog h3{
  background-color:#bdfde8
}
/*******/
.freegame{
  color:#746643;
	background-color:#d0c7ae;
	border:1px solid #d0c7ae;
}
.freegame h3{
  background-color:#c1b595
}
/*******/
.sns{
	margin:5px 15px;
	padding:10px;
  color:#80008e;
	background-color:#fef0ff;
	border:1px solid #f8bdff;
}
.sns h3{
  background-color:#f8bdff
}
/*-- SIDE shop --*/
.shop{
  padding:10px;
	background-color:#e0c8fa;
	color:#04734f;
}
/*******/
.dlshop{
  padding:10px;
  color:#0d0961;
	background-color:#ccc9fa;
	border:1px solid #ccc9fa;
}
/***************************************/
.clap{
  border:1px solid #efeefd;
  padding:10px;
}
.clap h3{
  text-align:center;
  color:#046948;
  margin:0;
  padding:0;
}
.clap img{
  margin:auto;
}
.clap .detail{
  margin:0;
  padding:0;
  text-align:center;
}
.clap .set{
  font-size:x-small;
  color:#046948;
  text-align:left;
}
/***************************************/
/*-- menu_box --*/
/* line create */
.i{
	background: scroll url(/top/icon/line/i.gif) top left repeat-y;
}
.t{
	background: scroll url(/top/icon/line/t.gif) top left no-repeat;
}
.l{
	background: scroll url(/top/icon/line/l.gif) top left no-repeat;
}
.skyblue_i{
	background: scroll url(/top/icon/line_skyblue/i.gif) top left repeat-y;
}
.skyblue_t{
	background: scroll url(/top/icon/line_skyblue/t.gif) top left no-repeat;
}
.skyblue_l{
	background: scroll url(/top/icon/line_skyblue/l.gif) top left no-repeat;
}
/* line create / fin */
h2{
	text-align:left;
	padding:10px;
	padding-left:60px;
	color:#32516e;
	margin:0px;
	font-size: large;
}
.menu_box h3{
	text-align:left;
	padding:10px;
	padding-left:70px;
	color:#52799e;
	margin:0px;
	font-size: medium;
}
.sub_cate{
	clear:both;
	float:left;
	margin:0px;
	padding:0px;
	padding-left:60px;
	margin-bottom:10px;
}
.menu_box h3 img{
	padding:0;
	margin:0;
}
.menu_box .menu_cbox{
	margin:0;
	padding:20px;
}
.menu_contents{
	margin:10px;
	padding:20px;
}
.menu_contents img{
	border:1px solid skyblue;
}
.menu_box .mobile_link{
	font-size:small;
	text-align:right;
	padding:3px;
}
/* line create / fin */

.subsub_cate{
	clear:both;
	float:left;
}

.menu_box .title{
	color:#262b71;
}
.menu_box .r18_title{
	color:#5f2671;
}

.sub_menu{
	clear:both;
	padding:10px;
	float:left;
	margin-left:180px;
	margin-bottom:10px;
}
.sub_menu .menu_box{
	width:300px;
}
/*-- normal box --*/
.normal .menu_box .menu_contents{
	background:#fff url(../top/back_sea_water_blue.webp) repeat-x fixed left bottom;
}
/*-- ero box --*/
.ero h2, .ero h3{
	clear:both;
}
.ero .sub_menu{
	border-left:1px dotted pink;
	border-bottom:1px dotted pink;
}
.ero .menu_box h3{
	font-size:small;
	margin-left:20px;
}
.ero .menu_box .menu_contents{
	background:#fff url(../top/back_sea_water_pink.webp) repeat-x fixed left bottom;
}
.ero .menu_box .menu_cbox{
	margin-left:20px;
}
.ero .subsub_cate{
	margin-top:5px;
	margin-left:80px;
	padding:10px;
	background:#fff url(../top/back_sea_water_pink.webp) repeat-x fixed left bottom;
}

/****************************************/
/*-- r18info --*/
.r18info h3{
	font-size:small;
	clear:both;
	color:#fff4fc;
	border-bottom:1px dotted #fff4fc;
	padding:10px;
}
.r18info{
	text-align:right;
	font-size:small;
	color:hotpink;
	width:620px;
	padding:10px;
}
/****************************************/
/*-- NEWS --*/
.news_list h2{
	font-size:small;
	color:skyblue;
	border-bottom:1px solid skyblue;
}
.news{
	padding:10px;
  margin:10px;
}
.news_seedate{
	color:skyblue;
}
.news_title{
	padding:5px;
}
.news_notice{
	font-size:90%;
	color:gray;
}
/*************************************************/
/*-- info box --*/
.info{
	border-top:1px dotted #AC5AA1;
  margin:20px auto;
	padding:20px;
}
.info h1{
	margin:0px;
  background: url(../top/bar_sea.gif) no-repeat scroll top left;
  padding-left:120px;
  padding-top:20px;
  height:100px;
  color:#68a8dd;
}
.info h2{
  font-size:100%;
	border-bottom:1px dotted #cccccc;
  color:#6278e5;
	padding:5px;
	margin-top:30px;
}
.info h2 a{
  color:#6b8ada;
}
/***************************************/
img.upicon{
  border:0;
}
/*-- TAG:BASE --*/
.ahito{
	padding:10px;
	border-top:1px dotted #AC5AA1;
}
.copyright{
	text-align:center;
	border-top:1px dotted #AC5AA1;
	margin:20px auto;
	padding:10px;
}