@charset "Shift_JIS";


/* ------------------------------------------- CSS Information
 File Name:      default.css
 Style Info:     リセットと基本設定
----------------------------------------------------------- */

html {margin: 0; padding: 0;}

body{
margin:0 auto;
padding:0;
font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
text-align:center;
background:#F5F5F5;
color:#333;
font-size: 70%;
}


html>/**/body {
font-size: 11px;
}
/** + html body {
font-family: "メイリオ","Meiryo";
}
*/

* + html body {
font-size: 12px;

font-family: "ＭＳ Ｐゴシック","MS PGothic";
}

* html body{
font-family: "ＭＳ Ｐゴシック","MS PGothic";
font-size: 12px;
}


*{
margin:0;
padding:0;
}


.c{margin:0 auto;text-align:center;padding:0;}
.r{text-align:right;}
.l{text-align:left;}
.v{vertical-align:top;}
.vl{vertical-align:top;text-align:left;}

.co{background-color:#ccc; margin:0 auto; text-align:center; padding:0;}

.col01{
color:#CC0000;}


.bold01{font-weight:bold; color:#ff6600;}
.bold02{font-weight:bold; color:#444444;}
.bold03{font-weight:bold; color:#666666;}


.cap a{font-size:8pt; color:#444;}

/* ------------ a Style */
a:link		{text-decoration: none;	color: #fff;}
a:visited	{text-decoration: none;	color: #ffffff;}
a:hover		{text-decoration: none;	color: #ff0000;}
a:active	{text-decoration: none;	color: #ffffff;}



.w01{
vertical-align:top;
text-align:left;
padding:10px 10px 10px 10px;
letter-spacing:0.1em;
line-height:18px;
color:#7A7A5C;
}
.w02{
vertical-align:top;
text-align:left;
padding:5px 10px 10px 10px;
letter-spacing:0.1em;
line-height:17px;
color:#7A7A5C;
}


/* --------------------------------------------------------------------------------------------------------------------
 
 ------------------------------------------------------------------------------------------------------------------- */


#public_reminder_box{
width:388px;
height:auto;
border:1px solid #D6D6D6;
margin:-164px 0 0 -194px;
position: absolute;
top: 50%;
left: 50%;
background:#F6F6F6;
}


#public_reminder_box2{
width:386px;
height:auto;
background:#FFF;
margin:0 auto;
margin-bottom:1px;
}

.taikai_title{
text-align:left;
display:block;
width:auto;
height:auto;
padding:10px 0px 0px 0px;
color:#7A7A5C;
text-align:center;
margin:0 auto;
font-weight:bold;
}


#user_taikai_box1{
width:241px;
height:auto;
border:1px solid #fff;
margin:-82px 0 0 -120px;
position: absolute;
top: 50%;
left: 50%;
}

#user_taikai_box2{
width:239px;
height:auto;
background:#fff;
margin:0 auto;
margin-bottom:1px;
}


/* --------------------------------------------------------------------------------------------------------------------
 form area
 ------------------------------------------------------------------------------------------------------------------- */


.form_area{
width:376px;
padding:10px 5px 5px 5px;
float:left;
margin:0 auto;}




.form_area .dt{
width:376px;
float:left;
font-size:10px;
padding:2px 0 5px 0px;
color:#7A7A5C;
border-bottom:1px solid #eee;
display:block;
letter-spacing:0.1em;
font-weight:bold;
}


.form_area .title{
width:auto;
text-align:left;
float:left;
font-size:14px;
color:#7A7A5C;
display:block;
letter-spacing:0.1em;
}


.form_area .btn_area{
text-align:right;
width:auto;
float:right;
font-size:10px;
color:#7A7A5C;
display:block;
padding:5px 0 0px 5px;
letter-spacing:0.1em;
}

.form_area .dd{
clear:both;
width:376px;
float:left;
font-size:10px;
padding:5px 0 0px 0px;
color:#7A7A5C;
display:block;
letter-spacing:0.1em;
text-align:left;
}

.input_area{
text-align:left;
display:block;
width:249px;
height:auto;
padding:3px 0px 0px 0px;
color:#F7B90E;
}


.input_area input{
border-style:none;
width:239px;
height:16px;
padding:2px 5px 2px 5px ;
margin:3px 0 0 0;
border:1px solid #D6D6D6;
display:block;
color:#666;
}


.input_area2{
border-style:none;
width:136px;
height:16px;
padding:2px 5px 2px 5px ;
margin:3px 0 0 0;
border:1px solid #D6D6D6;
display:block;
color:#666;
}


.input_area2 input{
background:url(../img/share/login_back.jpg) 0 0 no-repeat;
border-style:none;
width:126px;
height:16px;
padding:2px 5px 2px 5px ;
margin:3px 0 0 0;
display:block;
color:#7A7A5C;
}


.input_area3{
text-align:left;
display:block;
/*width:136px;*/
height:auto;
padding:3px 0px 0px 0px;
color:#666;
}


.input_area3 select{
background:#fff;
/*background:url(../img/shop_login/shop_login_input_bg.jpg) 0 0 no-repeat;*/
border-style:none;
/*width:126px;*/
height:24px;
padding:2px 5px 2px 5px ;
margin:3px 0 0 0;
border:1px solid #D6D6D6;
line-height:1.4em;
/*display:block;*/
color:#666;
}




.taikai_btn img{
text-align:center;
padding:10px 3px 10px 3px;
}

.top_back{
text-align:center;
font-size:10px;
letter-spacing:0.1em;
padding:10px;
}

.top_back a:link		{text-decoration: none;	color: #7A7A5C;}
.top_back a:visited	{text-decoration: none;	color: #7A7A5C;}
.top_back a:hover		{text-decoration: none;	color: #7A7A5C;}
.top_back a:active	{text-decoration: none;	color: #ff9900;}


.login{
text-align:center;
padding:10px 0 10px 0;
}

.forget{
text-align:center;
padding:3px 0 0 0;
}

.clear{
clear:both;
}