@charset "utf-8";
/* CSS Document */



/* +++++ 基本設定 +++++ */
TH, TD {
font-size: 12px;
line-height: 1.5;
}

INPUT, TEXTAREA, SELECT {
font-size: 12px;
line-height: 1.5;
}

/* --- 全ページ共通レイアウト↓ --- */
/* ページセンター部分 */
#page_center{
   background-color: #ffffff;
   border-top: none;
}
/* ページヘッダー */
#page_header{ }
/* ページナビゲーション */
#page_navibar{ }
/* ページ左カラム */
#page_left{ }
/* ページ右カラム */
#page_right{ }
/* ページフッター */
#page_footer{
   text-align: center;
   padding:0px 2px 0px 0px;
}
/* --- 全ページ共通レイアウト↑ --- */

/* --- モジュールパネル共通↓ --- */
.module_header{
   width: 100%;
   background-image: url(/images/pc/tmp_hdr.gif);
   color: #999999;
   font-weight: bold;
   padding: 0px 0px 0px 10px;
   display:none;
}
.module_content{
   width: 100%;
   border: #ffffff 0px solid;
   border-top: none;
   color: #000000;
}
/* --- モジュールパネル共通↑ --- */

/* --- フォーム関連↓ ---*/
.form_frame {
margin: 5px;
padding: 0px 0 15px 0px;
}

.form_header{
PADDING: 2px 0px 2px 0px;
MARGIN: 0px;
font-weight:bold;
}

.form_footer{
PADDING: 2px 0px 2px 0px;
MARGIN: 0px;
font-weight:bold;
}

.form_desc {
PADDING: 2px 0px 10px 0px;
MARGIN: 0px;
font-weight:bold;
}

.form_label {
PADDING: 10px 0px 2px 0px;
MARGIN: 0px;
}

td.v_form_label {
padding: 2px 0px 2px 0px;
}

.form_label_desc {
PADDING: 2px 0px 2px 0px;
MARGIN: 0px;
}

.form_field {
PADDING: 2px 0px 2px 0px;
MARGIN: 0px;
}

td.v_form_field {
padding: 2px 0px 2px 0px;
}

.form_field_desc {
PADDING: 2px 0px 2px 0px;
MARGIN: 0px;
}

.form_field_req{
font-size: 10px;
color: Red;
font-weight: normal;
}

.form_field_radio{
}

.form_field_btn {
}

.form_field_txtbox {
}

.form_field_txtarea {
}

.form_field_err {
font-size: 10px;
color: Red;
font-weight: normal;
}

.form_err {
PADDING: 2px 0px 2px 0px;
MARGIN: 6px;
COLOR: red;
font-weight: bold;
}

.form_notice {
PADDING: 2px 0px 2px 0px;
MARGIN: 6px;
COLOR: red;
}

.form_submit {
PADDING: 2px 0px 2px 0px;
MARGIN: 0px;
COLOR: #000000;
}

HR.form_separator{ 
margin: 0px;
padding: 0px;
color: #efefef;
}

HR.form_section_separator{
margin: 0px;
padding: 0px;
color: #efefef;
}
/* --- フォーム関連↑ ---*/

/* --- 会員受信メールボックス --- */
.ml_l_hdr { background-color: #E0F0D1; }

/* --- 会員情報リスト↓ ---*/
.list_navigation{

}
.item_table {
BORDER: #999999 1px solid;
BACKGROUND-COLOR: #FFFFFF;
}

.item_header{
margin:1px;
padding:2px;
background-color: #C1E0A2;
color:#666666;
}

.item_label{
margin:0px 1px 1px 1px;
padding:2px;
font-weight:bold;
background-color: #e0e0e0;
white-space: nowrap;
}

.item_field{
margin:0px 1px 1px 1px;
padding:2px; 
}

.item_footer{
margin:1px;
padding:2px;
}
/* --- 会員情報リスト↑ ---*/

/* --- 選択された会員情報↓ --- */
.selected_item_table {
BORDER: #999999 1px solid;
BACKGROUND-COLOR: #ffffff;
margin-top: 5px;
margin-bottom:15px;
width:570px;
}

.selected_item_header{
margin:1px;
padding:2px;
background-color:#C1E0A2;
color:#666666;
}

.selected_item_label{
margin:0px 1px 1px 1px;
padding:2px;
font-weight:bold;
background-color:#e0e0e0;
white-space: nowrap;
}

.selected_item_field{
margin:0px 1px 1px 1px;
padding:2px; 
}

.selected_item_footer{
margin:1px;
padding:2px;
}
/* --- 選択された会員情報↑ --- */




*{
    padding:0;
    margin:0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}

table, tbody, tfoot, thead, tr, th, td{
    vertical-align:top;
}

ol, ul {
	list-style:none;
}
blockquote, q{
	quotes:none;
}

html{
    overflow-y:scroll;  
}  

body{
	font-size:0.75em;
	font-family:"MS PGothic","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka",Arial,sans-serif,verdana;
	background:url(/images/pc/2011/bg01.gif) #ffffff;
	color:#1a1a1a;
}

a{
	color:#0f850b;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
    color:#0f850b;
}

h1,h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote {
	line-height:1.5;
	text-align:left;
}

p{
	line-height:1.5;
}

#site{
    background:url(/images/pc/2011/bg02.gif) 0 10px repeat-x;
	padding:0;
}

#container{
	text-align:left;
	width:940px;
	margin:0 auto 20px auto;
	padding-top:10px;
	overflow: hidden;
}

#title{
    width:940px;
	height:51px;
	overflow:hidden;
}

p#tit{
    width:310px;
	float:left;
}

p#tit a{
    width:310px;
	height:51px;
	display:block;
	background:url(/images/pc/2011/site.png) -40px 0 no-repeat;
}

div#login{
    width:630px;
	float:left;
	text-align:right;
	line-height:51px;
}

div#menu{
    margin-bottom:20px;
	overflow:hidden;
}

div#menu ul{
    width:940px;
	height:21px;
	background:#1a1a1a;
}

div#menu ul li a:hover{
    background:none;
}

li#home{
    float:left;
    width:121px;
	height:21px;
	background:url(/images/pc/2011/site_on.png) -40px -51px no-repeat;
}

li#home a{
    width:121px;
	height:21px;
	display:block;
	background:url(/images/pc/2011/site.png) -40px -51px no-repeat;
}

li#regist{
    float:left;
    width:121px;
	height:21px;
	background:url(/images/pc/2011/site_on.png) -161px -51px no-repeat;
}

li#regist a{
    width:121px;
	height:21px;
	display:block;
	background:url(/images/pc/2011/site.png) -161px -51px no-repeat;
}

li#search{
    float:left;
    width:121px;
	height:21px;
	background:url(/images/pc/2011/site_on.png) -282px -51px no-repeat;
}

li#search a{
    width:121px;
	height:21px;
	display:block;
	background:url(/images/pc/2011/site.png) -282px -51px no-repeat;
}

li#question{
    float:left;
    width:121px;
	height:21px;
	background:url(/images/pc/2011/site_on.png) -403px -51px no-repeat;
}

li#question a{
    width:121px;
	height:21px;
	display:block;
	background:url(/images/pc/2011/site.png) -403px -51px no-repeat;
}

li#kiyaku{
    float:left;
    width:121px;
	height:21px;
	background:url(/images/pc/2011/site_on.png) -524px -51px no-repeat;
}

li#kiyaku a{
    width:121px;
	height:21px;
	display:block;
	background:url(/images/pc/2011/site.png) -524px -51px no-repeat;
}

li#support{
    float:left;
    width:121px;
	height:21px;
	background:url(/images/pc/2011/site_on.png) -645px -51px no-repeat;
}

li#support a{
    width:121px;
	height:21px;
	display:block;
	background:url(/images/pc/2011/site.png) -645px -51px no-repeat;
}

li#mailbox{
    float:left;
    width:121px;
	height:21px;
	background:url(/images/pc/2011/site_login_on.png) -161px -51px no-repeat;
}

li#mailbox a{
    width:121px;
	height:21px;
	display:block;
	background:url(/images/pc/2011/site_login.png) -161px -51px no-repeat;
}

li#profile{
    float:left;
    width:121px;
	height:21px;
	background:url(/images/pc/2011/site_login_on.png) -282px -51px no-repeat;
}

li#profile a{
    width:121px;
	height:21px;
	display:block;
	background:url(/images/pc/2011/site_login.png) -282px -51px no-repeat;
}

li#kensaku1{
    float:left;
    width:121px;
	height:21px;
	background:url(/images/pc/2011/site_login_on.png) -403px -51px no-repeat;
}

li#kensaku1 a{
    width:121px;
	height:21px;
	display:block;
	background:url(/images/pc/2011/site_login.png) -403px -51px no-repeat;
}

li#kensaku2{
    float:left;
    width:121px;
	height:21px;
	background:url(/images/pc/2011/site_login_on.png) -524px -51px no-repeat;
}

li#kensaku2 a{
    width:121px;
	height:21px;
	display:block;
	background:url(/images/pc/2011/site_login.png) -524px -51px no-repeat;
}

div#top{
    width:700px;
	height:469px;
	position:relative;
	background:url(/images/pc/2011/site.png) -40px -92px;
	margin-bottom:20px;
}

div#top2{
    width:240px;
	height:469px;
	position:relative;
	background:url(/images/pc/2011/site.png) -740px -92px;
	margin-bottom:20px;
}

p#furime{
    position:absolute;
	left:0;
	top:100px;
	width:182px;
	height:87px;
	background:url(/images/pc/2011/site_on.png) -40px -192px;
}

p#furime a{
	width:182px;
	height:87px;
	display:block;
	background:url(/images/pc/2011/site.png) -40px -192px;
}

p#furime a:hover{
	background:none;
}

p#male{
    position:absolute;
	left:142px;
	top:265px;
	width:224px;
	height:64px;
	background:url(/images/pc/2011/site_on.png) -182px -357px;
}

p#male a{
	width:224px;
	height:64px;
	display:block;
	background:url(/images/pc/2011/site.png) -182px -357px;
}

p#male a:hover{
	background:none;
}

p#female{
    position:absolute;
	left:142px;
	top:340px;
	width:224px;
	height:64px;
	background:url(/images/pc/2011/site_on.png) -182px -432px;
}

p#female a{
	width:224px;
	height:64px;
	display:block;
	background:url(/images/pc/2011/site.png) -182px -432px;
}

p#female a:hover{
	background:none;
}

#left{
	width:700px;
	float:left;
}

div#main1{
    width:700px;
	height:230px;
	background:url(/images/pc/2011/site.png) -40px -581px;
	margin-bottom:20px;
}

div#main2{
    width:700px;
	height:273px;
	background:url(/images/pc/2011/site.png) -40px -831px;
	margin-bottom:20px;
	position:relative;
}

#main2 p{
    position:absolute;
	left:470px;
	top:231px;
    width:150px;
	height:30px;
	background:url(/images/pc/2011/site_on.png) -510px -1062px;
}

#main2 p a{
    width:150px;
	height:30px;
	display:block;
	background:url(/images/pc/2011/site.png) -510px -1062px;
}

#main2 p a:hover{
    background:none;
}

#right0{
	width:240px;
	float:left;
	margin-bottom:0px;
}
	
#right{
	width:220px;
	float:left;
	margin-bottom:0px;
	padding-left:20px;
}

#furimebanner{
    margin-bottom:20px;
}

#furimebanner p{
    width:220px;
	height:71px;
	background:url(/images/pc/2011/site_on.png) -760px -581px no-repeat;
}

#furimebanner p a{
    width:220px;
	height:71px;
	display:block;
	background:url(/images/pc/2011/site.png) -760px -581px no-repeat;
}

#furimebanner p a:hover{
    background:none;
}

#otamesisearch{
    width:220px;
	margin-bottom:20px;
}

#otamesisearch_top{
    width:220px;
	height:52px;
	background:url(/images/pc/2011/site.png) -760px -672px no-repeat;
}

#otamesisearch_top2{
    width:220px;
	height:18px;
	background:url(/images/pc/2011/waku_top.png) no-repeat;
}

#otamesisearch_middle{
    width:220px;
	background:url(/images/pc/2011/otamesisearch_middle.png) repeat-y;
}

#otamesisearch_middle div{
	margin:0 auto 0 auto;
	width:174px;
	padding:10px;
	background:#ffffff;
}

/* --- IE 4〜6、Mac IE 4〜5のみに適用↓ --- */

* html #otamesisearch_middle div{
	width:194px;
	margin:0 13px 0 13px;
}

/* --- IE 4〜6、Mac IE 4〜5のみに適用↑ --- */

#otamesisearch_middle2{
    width:220px;
	background:url(/images/pc/2011/otamesisearch_middle.png) repeat-y;
}

#otamesisearch_middle2 div{
	margin:0 auto 0 auto;
	width:174px;
	padding:10px;
	background:#ffffff;
	text-align:center;
}

/* --- IE 4〜6、Mac IE 4〜5のみに適用↓ --- */

* html #otamesisearch_middle2 div{
	width:194px;
	margin:0 13px 0 13px;
}

/* --- IE 4〜6、Mac IE 4〜5のみに適用↑ --- */

#otamesisearch_bottom{
    width:220px;
	height:18px;
	background:url(/images/pc/2011/site.png) -760px -874px no-repeat;
}

#mobile{
    width:220px;
	height:220px;
	background:url(/images/pc/2011/site.png) -760px -912px no-repeat;
    margin-bottom:20px;
}

#flow{
    width:220px;
	height:272px;
	background:url(/images/pc/2011/flow.png);
    margin-bottom:20px;
}

#free{
    width:220px;
	height:170px;
	background:url(/images/pc/2011/free.png);
    margin-bottom:20px;
}

#footer{
	background:url(/images/pc/2011/bg03.gif) repeat-x;
	width:100%;
	text-align:center;
}

#footer p#foot{
    width:940px;
	margin:0 auto 0 auto;
	text-align:center;
	padding:15px 0 10px 0;
}

p#foot a{
    color:#1a1a1a;
}

p#foot a:hover{
    color:#1a1a1a;
}

#footer p#logo{
    width:940px;
	margin:0 auto 0 auto;
	text-align:center;
	height:82px;
}

#footer p#logo a{
    width:222px;
	height:62px;
	margin:0 auto 0 auto;
	padding:0 0 20px 0;
	display:block;
	background:url(/images/pc/2011/site.png) -380px -1238px no-repeat;
}

#main_top{
    width:700px;
	height:3px;
	background:url(/images/pc/2011/top.png) no-repeat;
}

#main_top{
    width:700px;
	height:3px;
	background:url(/images/pc/2011/top.png) no-repeat;
}

#main_mid{
    width:700px;
	background:url(/images/pc/2011/mid.png) repeat-y;
}

#con{
    width:570px;
	padding:62px 65px 62px 65px;
}

#con img{
    margin-bottom:20px;
}

#main_bot{
    width:700px;
	height:3px;
	background:url(/images/pc/2011/bot.png) no-repeat;
	margin-bottom:20px;
}

.para{
    font-size:12px;
}

p#enter01{
    width:308px;
	height:68px;
	background:url(/images/pc/2011/enter01_on.jpg) no-repeat;
	margin:356px auto auto 208px;
}

p#enter01 a{
    width:308px;
	height:68px;
	display:block;
	background:url(/images/pc/2011/enter01.jpg) no-repeat;
}

p#enter01 a:hover{
    background:none;
}

p#enter02{
    width:302px;
	height:51px;
	background:url(/images/pc/2011/enter02_on.jpg) no-repeat;
	margin:5px auto auto 212px;
}

p#enter02 a{
    width:302px;
	height:51px;
	display:block;
	background:url(/images/pc/2011/enter02.jpg) no-repeat;
}

p#enter02 a:hover{
    background:none;
}







table#page_center{
    background:url(/images/pc/2011/bg02.gif) 0 30px repeat-x;
	width:100%;
	text-align:center;
}

div#page_header{
    margin:0 auto 0 auto;
	width:940px;
}

div#page_left{
    width:700px;
	float:left;
}

div#page_right{
    width:240px;
	float:right;
}

/* --- IE 4〜6、Mac IE 4〜5のみに適用↓ --- */

* html div#page_right{
    float:left;
}

/* --- IE 4〜6、Mac IE 4〜5のみに適用↑ --- */

div#page_footer{
	text-align:center;
}

div#ModuleSkin1__ctl0_pnlLogin{
    text-align:right;
	line-height:51px;
	font-size:12px;
}

div#Moduleskin1__ctl0_pnlUserInfo{
    text-align:right;
	line-height:51px;
	font-size:12px;
}

table#Table1{
    font-size:12px;
	line-height:2;
	width:174px;
}

#ModuleSkin5__ctl0_pnlRegistForm1{
    font-size:12px;
}

#form_frame{
    font-size:12px;
}

table#ModuleSkin5__ctl0_DataList1{
    width:570px;
}

table.item_table{
    width:570px;
	margin-bottom:15px;
}

.mar5050{
    text-align:right;
}

.item_field img {
    display: block;
    margin: 0 auto;
}

.item_field input {
    display: block;
    margin: 0 auto 0 auto;
}

.selected_item_field img {
    margin: 0 auto 0 auto;
    display: block;
}

div#form3 td{
    padding:5px;
    margin:2px;
    background:#ffffff;
}

@media only screen and (max-device-width:320px){
div#form3  {width:100%;}
div#form3 table {width:320px;}
div#ModuleSkin1_pnlModule img {width:100%;}
}