@charset "Shift_JIS";


/* CSS Document =============================================

	Author and Copyright
		Author: digiman (http://digiman.mobi/)
		Created: 2010-07-30
		Modified: 2010-07-30
		
========================================================== */

* {
	line-height: 1.5;
	margin: 0;
	padding: 0;
	color: #666;
	font-style: normal;
	font-weight: normal;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", Osaka, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", san-serif;
}

input[type="button"]{
	padding: 3px 12px;
}

body {
	position: relative;
	z-index: 1;
	margin: 0 10px;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	text-align: center;
	background: #fffdf0;
}

table {
	font-size: inherit;
	font: 100%;
}

a:link, a:visited {
	color: #086bff;
	text-decoration: none;
}

a:hover {
	color: #74aafb;
	text-decoration: underline;
}

p {
	z-index: -1;
}

img {
	vertical-align: top;
	margin: 0;
	border: 0;
}

div#header,
div#content,
div#main
div#main2 {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

div#header {
	border:0 thin;
	color:#FF6699;
	border-bottom:solid;
}

div#header2 {
	width: 960px;
	margin:0;
	padding:0;
}

div#header div#logo {
	width: 230px;
	height: 55px;
	margin: 10px 0 10px 20px;
}

div#header2 div#logo2 {
	width: 960px;
	height: 78px;
	margin: 0;
}

div#main {
	height: 320px;
	margin: auto;
	background: url(../images/main.jpg);
}

div#main2 {
	margin: 0 auto 120px auto;
	width: 900px;
}

div#main div#illust {
	display: inline;
	float: left;
	width: 610px;
	height: 280px;
	margin: 20px 0 20px 20px;
	position: relative;
}

div#main div#login {
	display: inline;
	float: right;
	width: 240px;
	height: 280px;
	margin: 20px 20px 20px 10px;
	background:url(../images/login.gif) no-repeat;
	position: relative;
}

div#main div#login #form01 {
	margin: 20px 45px 220px 45px;
	overflow: hidden;
	position: absolute;
	font-size: 80%;
}

div#main div#login #form02 {
	margin: 70px 45px 170px 45px;
	overflow: hidden;
	position: absolute;
	font-size: 80%;
}

div#main div#login_text {
	margin: 165px 65px 96px 65px;
	overflow: hidden;
	position: absolute;
	font-size: 80%;
}

div#main div#login #btn {
	width: 160px;
	height: 30px;
	margin: 120px 40px 130px 40px;
	overflow: hidden;
	position: absolute;
}

div#main div#login #btn li {
	list-style-type: none;
	float: left;
}

div#main div#login #btn li a {
	display: block;
	width: 160px;
	overflow: hidden;
}

div#main div#login #btn li img {
	border: none;
}

div#main div#login #btn li a:hover img {
	margin-top: -30px;
}
* html div#main div#login #btn li a:hover {
	zoom: 1;   /* for IE6 */
}

div#main div#login #btn02 {
	width: 200px;
	height: 50px;
	margin: 210px 20px 20px 20px;
	overflow: hidden;
	position: absolute;
}

div#main div#login #btn02 li {
	list-style-type: none;
	float: left;
}

div#main div#login #btn02 li a {
	display: block;
	width: 200px;
	overflow: hidden;
}

div#main div#login #btn02 li img {
	border: none;
}

div#main div#login #btn02 li a:hover img {
	margin-top: -50px;
}
* html div#main div#login #btn02 li a:hover {
	zoom: 1;   /* for IE6 */
}

div#main2 div#login #btn03 {
	width: 560px;
	height: 80px;
	margin: 0 170px;
	overflow: hidden;
	position: absolute;
}

div#main2 div#login #btn03 li {
	list-style-type: none;
}

div#main2 div#login #btn03 li a {
	display: block;
	width: 560px;
	overflow: hidden;
}

div#main2 div#login #btn03 li img {
	border: none;
}

div#main2 div#login #btn03 li a:hover img {
	margin-top: -80px;
}
* html div#main div#login #btn03 li a:hover {
	zoom: 1;   /* for IE6 */
}

div#itembody {
	position:relative;
	width: 900px;
	padding: 0;
	margin: 0 auto;
}




div#itembody div#menu {
	float: left;
	width: 610px;
	margin-left: 20px;
	_margin-left: 10px;
}

div#itembody div#menu h1,h2,h3,h4,h5 {
	width: 610px;
	margin-top: 10px;
}

div#itembody div#menu div#table01 {
	padding: 15px 15px 5px 15px;
	background-color: #fef2e0;
}

div#itembody div#menu div#table01 #bnr {
	width: 580px;
	height: 129px;
	overflow: hidden;
}

div#itembody div#menu div#table01 #bnr li {
	list-style-type: none;
	float: left;
}

div#itembody div#menu div#table01 #bnr li a {
	display: block;
	width: 580px;
	overflow: hidden;
}

div#itembody div#menu div#table01 #bnr li img {
	border: none;
}

div#itembody div#menu div#table01 #bnr li a:hover img {
	margin-top: -129px;
}
* html div#itembody div#menu div#table01 #bnr li a:hover {
	zoom: 1;   /* for IE6 */
}

div#itembody div#menu div#table01 #bnr2 {
	width: 580px;
	height: 80px;
	overflow: hidden;
}

div#itembody div#menu div#table01 #bnr2 li {
	list-style-type: none;
	float: left;
}

div#itembody div#menu div#table01 #bnr2 li a {
	display: block;
	width: 580px;
	overflow: hidden;
}

div#itembody div#menu div#table01 #bnr2 li img {
	border: none;
}

div#itembody div#menu div#table01 #bnr2 li a:hover img {
	margin-top: -80px;
}
* html div#itembody div#menu div#table01 #bnr2 li a:hover {
	zoom: 1;   /* for IE6 */
}





div#itembody div#menu div#table04 {
	padding: 15px 15px 5px 15px;
	background-color: #fef2e0;
}

div#itembody div#menu div#table04 #cap2 {
	width: 165px;
	height: 160px;
	margin-left: 370px;
	overflow: hidden;
}

div#itembody div#menu div#table04 #cap2 li {
	list-style-type: none;
}

div#itembody div#menu div#table04 #cap2 li a {
	display: block;
	width: 165px;
	overflow: hidden;
}

div#itembody div#menu div#table04 #cap2 li img {
	border: none;
}

div#itembody div#menu div#table04 #cap2 li a:hover img {
	margin-top: -160px;
}
* html div#itembody div#menu div#table04 #cap2 li a:hover {
	zoom: 1;   /* for IE6 */
}



div#itembody div#menu div#table02 {
	padding: 15px 15px 5px 15px;
	background-color: #fef2e0;
}

div#itembody div#menu div#table02 #cap {
	width: 270px;
	height: 190px;
	margin-left: 310px;
	overflow: hidden;
}

div#itembody div#menu div#table02 #cap li {
	list-style-type: none;
}

div#itembody div#menu div#table02 #cap li a {
	display: block;
	width: 270px;
	overflow: hidden;
}

div#itembody div#menu div#table02 #cap li img {
	border: none;
}

div#itembody div#menu div#table02 #cap li a:hover img {
	margin-top: -190px;
}
* html div#itembody div#menu div#table02 #cap li a:hover {
	zoom: 1;   /* for IE6 */
}



div#itembody div#menu div#table03 {
	padding: 10px;
	background-color: #fef2e0;
	height: 300px;
}

div#itembody div#menu div#table05 {
	padding-top: 10px;
}

.rank_table {
	float: left;
	width: 290px;
	padding: 0;
	border-collapse:collapse;
	margin-right: 5px;
}

.rank_cap {
	padding: 5px 5px 0 5px;
	background-color: #9ACA19;
	text-align: center;
	height: 100px;
}

.rank_author {
	color:#FFFF00;
	font-size: 90%;
}

.rank_text {
	padding: 0 0 0 10px;
	color: #68583e;
	font-size: 80%;
	vertical-align:text-top;
	line-height: 1.2em;
	width: 180px;
	}

.pick_cap {
	padding: 5px 5px 0 5px;
	background-color: #ff77a4;
	text-align: center;
	height: 100px;
}

div#itembody div#menu div#table01 p {
	margin: 10px;
	font-size: 100%;
	text-align: center;
}

div#itembody div#menu div#table02 p {
	margin: 10px 20px 10px 0px;
	font-size: 80%;
	text-align: right;
}

div#itembody div#menu div#table04 p {
	margin: 10px 0;
	font-size: 80%;
	text-align: right;
}



div#itembody div#rightbox {
	float: right;
	padding: 10px 20px 10px 0px;
}

div#itembody div#rightbox div#sample {
	width: 240px;
	height: 200px;
	margin-bottom: 10px;
}

div#itembody div#rightbox div#banner_m {
	width: 234px;
	height: 60px;
	margin-bottom: 10px;
	padding:0 3px;
}

div#itembody div#rightbox div#banner_s {
	width: 200px;
	height: 60px;
	margin: 0 20px 10px 20px;
}

div#itembody div#rightbox div#mobile {
	width: 240px;
	height: 330px;
	margin-bottom: 10px;
	position: relative;
}

.mobile_text {
	position:absolute;
	top: 70px;
	left: 10px;
	width: 110px;
	color: #443317;
	font-size: 75%;
	line-height: 1.2;
}


div#itembody div#rightbox div#manga {
	width: 240px;
	height: 700px;
	margin-bottom: 10px;
}

div#itembody div#rightbox div#blog {
	width: 240px;
	height: 120px;
	margin-bottom: 10px;
	position: relative;
}


div#footer {
	width: 900px;
	height: 127px;
	margin: 30px auto 0 auto;
}

div#footer:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
	font-size: 0.1em;
}

.footer_text {
	position:absolute;
	width:100px;
	padding:0px 5px 0px 0px;
	margin: -100px 0 0 220px;
	float:left;
	text-align: left;
}

.footer_text2 {
	position:absolute;
	width:100px;
	padding:0px 5px 0px 0px;
	margin: -100px 0 0 330px;
	float:left;
	text-align: left;
}

.footer_text3 {
	position:absolute;
	width:150px;
	padding:0px 5px 0px 0px;
	margin: -100px 0 0 460px;
	float:left;
	text-align: left;
}

.footer_text4 {
	position:absolute;
	width:200px;
	padding:0px 5px 0px 0px;
	margin: -100px 0 0 630px;
	float:left;
	text-align: left;
}

.footer_text5 {
	position:absolute;
	width:100px;
	padding:0px 5px 0px 0px;
	margin: -100px 0 0 790px;
	float:left;
	text-align: left;
}

.copyright {
	width: 900px;
	height: 25px;
	margin: 0 auto;
}
	
.copyright_text {
	position:absolute;
	width:900px;
	text-align: center;
	margin-top: -22px;
	color: #FFFFFF;
}




div#footer2 {
	width: 960px;
	height: 127px;
	margin: 30px auto 0 auto;
}

div#footer2:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
	font-size: 0.1em;
}

.footer2_text {
	position:absolute;
	width:100px;
	padding:0px 5px 0px 0px;
	margin: -100px 0 0 220px;
	float:left;
	text-align: left;
}

.footer2_text2 {
	position:absolute;
	width:100px;
	padding:0px 5px 0px 0px;
	margin: -100px 0 0 330px;
	float:left;
	text-align: left;
}

.footer2_text3 {
	position:absolute;
	width:150px;
	padding:0px 5px 0px 0px;
	margin: -100px 0 0 460px;
	float:left;
	text-align: left;
}

.footer2_text4 {
	position:absolute;
	width:150px;
	padding:0px 5px 0px 0px;
	margin: -100px 0 0 630px;
	float:left;
	text-align: left;
}

.footer2_text5 {
	position:absolute;
	width:100px;
	padding:0px 5px 0px 0px;
	margin: -100px 0 0 790px;
	float:left;
	text-align: left;
}

.copyright2 {
	width: 960px;
	height: 25px;
	margin: 0 auto;
}
	
.copyright2_text {
	position:absolute;
	width:960px;
	text-align: center;
	margin-top: -22px;
	color: #FFFFFF;
}



.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/**110223以降**/

.pagetop{
text-align:right;}

*:first-child+html .login_id_ie{
margin-left:-45px!important;
}



/**about**/

#cap {
	width: 270px;
	height: 190px;
	margin-left: 310px;
	overflow: hidden;
}

#cap li {
	list-style-type: none;
}

#cap li a {
	display: block;
	width: 270px;
	overflow: hidden;
}

#cap li img {
	border: none;
}

#cap li a:hover img {
	margin-top: -190px;
}
* html #cap li a:hover {
	zoom: 1;   /* for IE6 */
}

#cap2 {
	width: 165px;
	height: 160px;
	margin-left: 370px;
	overflow: hidden;
}

#cap2 li {
	list-style-type: none;
}

#cap2 li a {
	display: block;
	width: 165px;
	overflow: hidden;
}

#cap2 li img {
	border: none;
}

#cap2 li a:hover img {
	margin-top: -160px;
}
* html #cap2 li a:hover {
	zoom: 1;   /* for IE6 */
}

.ma_1{margin-top:20px;}

.c_1,.c_2{ float:right;margin:0 10px 0 0!important;}

.p_1,.p_2{ float:left;margin-right:10px;padding-left:10px;}
.p_1{width:560px;}
.p_2{width:665px;}
.p_3{text-align:right;font-size:10px!important;clear:both;margin:0;}

#table02{overflow:hidden;}

.div_1{padding:0 0 0 10px;}

/**company**/
.TableBox{margin-left:20px;}
.TableBox td{padding:10px 0!important;}
.TableBox,.cmpTitle,.cmpData{border:none!important}
.cmpTitle,.cmpTitleD{font-weight:700;width:10em;}
.TableBox,.cmpTitle,.cmpData,.cmpTitle,.cmpTitleD,.tbl_1 td,.cmpDataD{text-align:left!important;font-size:14px!important;}
.tbl_1 td,.tbl_1 tr,.cmpTitleD,.cmpDataD{border:none!important;}
.td_1{font-weight:700;}


/**kiyaku**/
.FlwTitleSS{
font-weight:700;
padding-top:10px;
}

.FlwSmySS{
padding-left:20px;
}

/**usr_reg_pre.html**/

.touroku{
background: url(../images/trk_bg.jpg) no-repeat center;
width:858px;
height:267px;
margin:20px 0 0 0;
text-align:center;
}

.form{
background: url(../images/trk_form_bg.jpg);
width:566px;
height:60px;
padding-top:46px;
margin:0 auto;
}

.f_1{
width:300px;
height:32px;
ime-mode:disabled;
float:left;
margin-left:95px;
line-height:32px;
font-size:15px;
}

.trk_p{
font-size:10px;
padding-top:10px;
}