/* maga */
/*  INPUT  */

/* -----------------------------
MENUTITLE
----------------------------- */
.MenuTit{
width:100%;
height:190px;
background:url("../images/input/bg_menu.jpg") no-repeat center bottom;
}


/* -----------------------------
READ
----------------------------- */
#ReadBox{
width:100%;
margin:20px 0 0;
background:url("../images/input/read2.jpg") repeat-y center;
}
#ReadTop{
background:url("../images/input/read1.jpg") no-repeat top center;
}

p#Read{
width:640px/*700px*/;
padding:25px 30px;
margin:0 auto;
color:#FFF;
text-align:left;
font-size:110%;
background:url("../images/input/read3.jpg") no-repeat bottom center;
}


/* -----------------------------
KOMIDASHI
----------------------------- */
#KomiBox{
width:100%;
margin-top:30px;
background:url("../images/input/komi2.jpg") repeat-y center;
}
#KomiTop{
padding-top:15px;
background:url("../images/input/komi1.jpg") no-repeat top;
}
#KomiBot{
padding-bottom:130px;
min-height:200px;
	height:auto !important;
	height:200px;
text-align:left;
background:url("../images/input/komi3.jpg") no-repeat bottom;
}

#KomiBox p{
width:600px;
height:40px;
margin:0 auto;
text-indent:-99999px;
}

#KomiBox ul{
width:530px;
margin:40px 0 0 210px;
}
#KomiBox li{
margin-top:3px;
padding:1px 0 3px 35px;
background:url("../images/icon/parts.gif") no-repeat;
background-position:0 -51px;
font-size:110%;
color:#FFF;
}
#KomiBox li.icB{
background:url("../images/icon/parts.gif") no-repeat;
}
#KomiBox li.icL{
padding:1px 0 3px 55px;
background:url("../images/icon/parts.gif") no-repeat;
background-position:0 -178px;
}

#KomiBox li.dot_none{
margin:10px 0;
padding:0;
background:none;
color:#FFA07A;
font-size:110%;
border-bottom:1px #CCC solid;
}

#KomiBox li.kei,
#KomiBox li.keiRed{
background:none;
text-align:right;
}
#KomiBox li.kei{
padding:0 0 5px;
color:#ee82ee;
}
#KomiBox li.keiRed{
padding:20px 0 5px 0;
font-size:110%;
color:#FFA07A;
text-align:center;
}

#KomiPack{
width:530px;
margin:20px 0 0 208px;
padding:20px;
background-color:#FFF;
filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity:0.9;
border:2px solid #BA55D3;
}
	/* Mac only */
	:root *> #KomiPack{ width:490px; }

#KomiPack .red{
font-size:110%;
}


/* -----------------------------
INPUT
----------------------------- */
#ListBox{
width:100%;
margin-bottom:20px;
background:url("../images/input/list2.jpg") repeat-y center;
}
#ListTop{
padding-top:85px;
background:url("../images/input/list1.jpg") no-repeat top;
}
#ListBot{
padding-bottom:30px;
min-height:200px;
	height:auto !important;
	height:200px;
background:url("../images/input/list3.jpg") no-repeat bottom;
}

p#Me,
p#You{
width:400px;
height:45px;
margin:0 auto 30px;
text-indent:-9999px;
}
p#You{
margin:30px auto 0;
background:url("../images/input/you.jpg") no-repeat center;
}

#InputBox{
width:100%;
margin-bottom:30px;
color:#f5f328;
}

#InputBox dl{
width:420px;
margin:0 auto;
overflow:hidden;
}
#InputBox dl img{
height:27px;
}
#InputBox dt{
width:140px;
height:30px;
margin-top:15px;
text-align:left;
float:left;
}
#InputBox dd{
width:280px;
height:30px;
margin-top:15px;
float:right;
font-weight:bold;
text-align:left;
}

#InputBox dd.blank,
#InputBox dt.blank{
height:20px;
font-size:90%;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#InputBox dd.blank {letter-spacing:-2px;}
}

select{
width:60px;
}
select#pn1{
width:120px;
}

p#Attention{
width:600px;
margin:0 auto;
font-size:90%;
text-align:center;
}
p#Attention a:link{
color:#8B0000;
text-decoration:underline;
}
p#Attention a:visited{
color:#D3381C;
text-decoration:underline;
}
p#Attention a:hover{
color:#FF0000;
text-decoration:underline;
}


/* -----------------------------
BUTTON
----------------------------- */
ul#InputBt{
width:460px;
height:130px;
margin:30px auto;
overflow:hidden;
}

ul#InputBtFree{
width:230px;
height:130px;
margin:30px auto;
overflow:hidden;
}

#InputBt li{
float:left;
}
ul#InputBtFree li a,
ul#InputBt li a{
width:230px;
height:130px;
}

ul#InputBt li#chira a{
background:url("../images/input/btt.gif") no-repeat;
}
ul#InputBt li#yuryo a{
background:url("../images/input/btt.gif") no-repeat;
background-position:-230px 0;
}
	ul#InputBt li#yuryo a:hover{
	background-position:-230px bottom;
	}
ul#InputBtFree li a{
background:url("../images/input/btt.gif") no-repeat;
background-position:-460px 0;
}
	ul#InputBtFree li a:hover{
	background-position:-460px bottom;
	}

	/* MOUSE OVER ---------------------------------------------- */
	ul#InputBtFree li a,
	ul#InputBt li#chira a,
	ul#InputBt li#yuryo a{
	display:block;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	}
	ul#InputBt li#chira a:hover{
	background-position:left bottom;
	}