/* ::::: http://stat100.ameba.jp/p_skin/mailform/official/css/form02.css ::::: */


body { font-size: 12px; font-weight: normal; }
/*--
ul { margin: 0pt; padding: 20px 20px 0pt; background-color: rgb(247, 247, 247); }
li { padding: 0pt 0pt 20px 10px; list-style-type: none; list-style-image: none; list-style-position: outside;}
--*/

li { list-style-type: none; list-style-image: none; list-style-position: outside;}

#mainArea{
margin:0 auto;
width:728px;
border:4px solid #EFEFEF;
padding:3px;
}

#contentsForm {
padding: 0 20px 0 0; 
}
#contentsForm dt { width: 500px; text-align: left; font-weight: normal; clear: both; }
#contentsForm dd { margin: 0pt; padding: 0pt; }
#contentsForm select, #contentsForm input { }
span.error { margin: 20px 0pt 10px; padding: 0pt; color: rgb(238, 63, 92); display: block; }
#contentsForm span {  }
#contentsForm fieldset input, div#contentsForm select, div#contentsForm textarea { border: 1px solid rgb(127, 157, 185); background-color: rgb(255, 255, 255); font-size: 1em; }

#contentsForm .btn {
text-align: center;
display: block;
clear: both;
padding-bottom: 15px;
padding-top: 15px;
}

.main { padding: 0pt 0px; }
.main p { border-bottom: 1px solid rgb(239, 239, 239); margin: 0pt 0pt 20px; padding: 20px 0pt; }
.main_b { margin: 0px; }
.title h3 { padding-left: 10px; }
.subhead { margin-top: 0pt; padding-top: 0pt; }
.color01 { color: rgb(255, 0, 0); }
html { font-size: 12px ! important; }
body { color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); font-size-adjust: none; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.4; font-family: "MS Pゴシック",Osaka,"ヒラギノ角ゴ Pro W3",Arial,Helvetica; text-align: center; }
img { border: 0pt none ; vertical-align: bottom; }
a { color: rgb(0, 102, 204); text-decoration: none; }
a:hover { color: rgb(255, 51, 102); text-decoration: underline; }
a:active { color: rgb(255, 51, 102); }
a:visited { color: rgb(153, 102, 153); }
.error { margin: 10px 0pt 0pt 10px; display: block; color: rgb(255, 0, 0); line-height: 1.3; }
ul#amebaBar { border-bottom: 1px solid rgb(204, 204, 204); margin: 0pt; padding: 1px 0pt; background: rgb(255, 255, 255) none repeat scroll 0% 0%; height: 21px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(51, 51, 51); }
#amebaBar ul, #amebaBar li { margin: 0pt; padding: 0pt; list-style-type: none; }
#amebaBar a { margin: 0pt; padding: 0pt; color: rgb(51, 51, 51) ! important; text-decoration: none ! important; font-family: "MS Pゴシック",Arial,Helvetica; white-space: nowrap; }
#amebaBar a:hover { color: rgb(51, 51, 51) ! important; text-decoration: underline ! important; }
#amebaBar a img { border: 0pt none ; }
#amebaBar li#barLogoTop { float: left; width: 500px; display: inline-table; min-height: 1%; }
#amebaBar li#barLogoTop:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
#amebaBar li#barLogoTop { display: block; }
#amebaBar li#barLogoTop ul, #amebaBar li#barLogoTop li { float: left; }
#amebaBar #barLogoTop img { padding: 3px 0pt 2px 5px; vertical-align: top; float: left; }
#amebaBar #barLogoTop ul { padding: 6px 0pt 0pt; }
#amebaBar #barLogoTop li { border-right: 1px solid rgb(51, 51, 51) ! important; padding: 0pt 7px; font-size: 10px; line-height: 1; }
#amebaBar #barLogoTop li.last { border: medium none  ! important; }
#amebaBar li.barMenu { padding: 2px 0pt 0pt 8px; float: right; height: 19px; font-size: 11px; line-height: 1; }
#amebaBar li.barMenu a { font-size: 10px; line-height: 17px; padding-right: 5px; }
#amebaBar li a.menuHelp { padding: 2px 4px 2px 13px; background: transparent url('help.gif') no-repeat scroll 0pt -1px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, table, th, td { margin: 0pt; padding: 0pt; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; line-height: 1; font-weight: normal; }
ul, li { list-style-type: none; }
body {  }
.clr:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }
.clr { display: block; }
#header, #nav, #subNav, #wrap, #officialLi { margin: 0pt auto; width: 950px; text-align: left; }
#header { background: rgb(153, 204, 0) url('header.png') no-repeat scroll left top; margin-bottom: 10px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
#header p#logo { overflow: hidden; float: left; width: 470px; text-indent: -9999px; }
#header p#logo a { margin: 18px 0pt 24px 30px; overflow: hidden; display: block; width: 360px; height: 30px; }
#srchBox { padding: 20px 0pt 0pt; float: left; width: 485px; }
#srchBox form { float: left; }
#srchBox input { float: left; }
#srchBox #txtBox { margin: 0pt 5px 0pt 0pt; width: 280px; }
#srchBox #btnSbmt { border: medium none ; margin: 0pt 10px 0pt 0pt; padding: 0pt; background: transparent url('btn_search.png') no-repeat scroll left top; overflow: hidden; width: 100px; height: 23px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; text-indent: -9999px; cursor: pointer; }
#srchBox p { margin: 4px 0pt 0pt; float: left; }
#nav { margin-bottom: 10px; }
#nav ul { padding: 0pt 0pt 2px; background: transparent url('nav_line.gif') no-repeat scroll left bottom; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
#nav.cont ul { background: transparent url('nav_cont_line.gif') no-repeat scroll left bottom; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
#nav li { overflow: hidden; float: left; width: 110px; height: 26px; text-indent: -9999px; }
#nav li#top { padding: 0pt 0pt 0pt 10px; width: 110px; }
#nav li a { overflow: hidden; display: block; width: 102px; height: 26px; background-image: url('nav.png'); }
#nav #top a { background-position: 0pt 0pt; }
#nav #rnk a { background-position: -110px 0pt; }
#nav #info a { background-position: -220px 0pt; }
#nav #genre a { background-position: -330px 0pt; }
#nav #search a { background-position: -440px 0pt; }
#nav #cont a { background-position: -550px 0pt; }
#nav #shop a { background-position: -660px 0pt; }
#nav #top a:hover { background-position: 0pt -26px; }
#nav #rnk a:hover { background-position: -110px -26px; }
#nav #info a:hover { background-position: -220px -26px; }
#nav #genre a:hover { background-position: -330px -26px; }
#nav #search a:hover { background-position: -440px -26px; }
#nav #cont a:hover { background-position: -550px -26px; }
#nav #shop a:hover { background-position: -660px -26px; }
#nav.cont #cont a { background-position: -550px -26px; }


/*-----200910　改修以降追加CSS------*/

#main {
margin:0 auto;
padding:0;
width:750px;
margin:0 auto 40px;
}


#main .title{
padding:30px 0;
margin:0;
}

#main .explan{
margin:0 auto;
padding:20px 0;
text-align:left;
width:750px;
}

#formArea{
margin:0 0 0;
width:750px;
padding:0;
text-align:left;
}

#formArea table{
width:100%;
margin:0 auto 15px;
border:1px solid #999999;
font-size:1em;

}

#formArea table img{
padding-bottom:3px;
padding-left:5px;
padding-right:3px;
padding-top:2px;
}

#formArea th,
#formArea td{
text-align:left;
vertical-align:top;
padding:10px 10px;
_padding:10px 10px;
border:1px solid #999999;
}

#formArea td div{
padding-top:8px;
}

#formArea th{
padding:10px;
width:30%;
text-align:left;
background:#EDEDEF;
}

#formArea td{
width:70%
padding:5px 0 12px 15px;
}

#formArea dl.last{
border-bottom:1px solid #CCCCCC;
margin-bottom:20px;
}

#formArea dt img{
padding:1px 0 0 3px;
vertical-align:top;
}


#formArea dl{
background-color:#EDEDEF;
border-color:#CCCCCC;
border-style:solid solid none;
border-width:1px 1px medium;
position:relative;
}

#formArea dt{
font-weight:bold;
padding:9px 0 0 10px;
position:absolute;
width:180px;

}

#formArea dd{
background-color:#FFFFFF;
border-left:1px solid #CCCCCC;
margin-left:180px;
min-height:1em;
padding:10px 0 8px 10px;
text-align:left;
vertical-align:middle;
}


#formArea dd.comment {
padding:0px 10px 8px;
}

#formArea .cap {
font-weight:normal;
padding-left:5px;
vertical-align:top;
}


#formArea dd p.notes{
display:block;
margin-bottom:7px;
}
#formArea dd p.notes span{
font-weight:bold;
}

#formArea span.error{
margin:0px;
margin-bottom:0px;
color:#FF0000;
font-weight:bold;
}

#formArea dd span.error{
margin:0px;
_margin:5px;/*for winIE*/
color:#FF0000;
font-weight:bold;
}


.explan02 ul{
background-color:#F7F7F7;
padding:15px 38px;
text-align:left;
}

.explan02 ul li{
line-height:1.5em;
}

p.submit{
margin:21px 0px 0px;
text-align:center;
}


input.btn{
padding:0px 15px;
_padding:0px 5px;/*for winIE*/
}

input{
margin:0 0 2px;
padding:0;
vertical-align:top;
}

input.textS{
width:50px;
margin-right:15px;
}
input.textM{
width:150px;
margin-right:15px;
}
input.textL{
width:300px;
margin-right:15px;
}
input.error{
background-color:#FFCC99;
}
label.right{
margin:0px 15px 0px 5px;
vertical-align:middle;
}
label.left{
margin-right:5px;
vertical-align:middle;
}

#formArea .btn{
margin:15px 0;
}

#formArea .btn ul{
background-attachment:scroll;
background-color:#FFFFFF;
background-image:none;
background-position:0 0;
background-repeat:repeat;
text-align:center;
}

#formArea .btn ul li{
padding:5px;
}

.message{
margin:30px 10px 20px;
text-align:left;
}


.topLink{
margin:20px;
font-size:12px;
}


#item03,
#item04{
height:100px;
width:350px;
}

/* 旧応募フォーム */
#oldRegistContent h2{
font-size:30px;
padding:0 0 30px;
}
#oldRegistContent p.url{
font-size:30px;
padding-bottom:10px;
}