@charset "utf-8";

/*===== 1: universal reset =================================*/
*{margin:0;padding:0;}

/*===== 2: body and base setting ===========================*/
html,body { padding: 0;margin: 0 auto;font: 12px "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", HiraKakuPro-W3, Osaka, verdana, arial, sans-serif;line-height: 14px;background: #fff;color: #000;text-align: center;height:100%;}

div, pre, ul, ol, dl, dt, dd,address, form, blockquote{padding: 0;line-height: 16px;text-align: left;display: block;margin: 0px;}

h1, h2, h3, h4, h5, h6, p{padding: 0;line-height: 16px;display: block;margin: 0px;}

table {margin : 0;empty-cells: show;}
p {margin: 0 0 5px 0; }
ul {margin: 0; padding : 0; list-style : none; }
form {margin: 0; }

textarea, select, input {
	font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", "Osaka",
	"Helvetica", "Arial", "Verdana", "ＭＳ Ｐゴシック", sans-serif;
}

/*===== 3: link setting ===========================*/
a:link{color: #B54225;}
a:visited{color: #B54225;}
a:hover{color: #6C757A;}
a:active{color: #0066CC;}

/*---------------------------------------------------------
	共通スタイルクラス
----------------------------------------------------------*/
.TxtRight{text-align:right;}
.TxtCenter{text-align:center;}

.CL{clear:both;}
.FloatL{float:left;}
.FloatR{float:right;}

.DisIn{display:inline;}

.Right_BOX{text-align:right;width:100%}
.Center_BOX{text-align:center;width:100%}


/*---------------------------------------------------------
	基本レイアウト
----------------------------------------------------------*/

#container{padding: 0;margin: 0 auto;width:790px;;text-align:center;}
#head_bar{padding: 0;margin: 0 auto;width:790px;height:11px;background: url(/img/h_bar.gif) no-repeat;}
#head_bar2{padding: 0;margin: 0 auto;width:790px;height:8px;background: url(/img/h_bar2.gif) no-repeat;}
#head_menu{padding: 0;margin: 0 auto;width:790px;height:88px;}
#contents{padding: 0;margin-bottom: 39px;margin-left:auto;margin-right:auto;margin-top: 0 auto;width:585px;float:left;text-align: center;}
#contents_wide{padding: 0;margin-bottom: 39px;margin-left:auto;margin-right:auto;width:790px;text-align: center;}
#navigation{padding: 0;margin-bottom: 39px;width:205px;float:left;}
#foot{padding: 0;margin: 0 auto;width:790px;height:39px;clear:both;background: url(/img/foot.gif) no-repeat;}
#foot_error{padding: 0;margin: 0 auto;width:790px;height:39px;clear:both;background: url(/img/foot_error.gif) no-repeat;}
#enq_footer{padding: 0;margin: 0 auto;width:790px;height:8px;background: url(/img/h_bar2.gif) no-repeat;}

/*---------------------------------------------------------
	TOP用レイアウト
----------------------------------------------------------*/
/*ナビゲーションエリア用*/
#navigation_box{padding: 0;margin-right: 5px;width:198px;border: 1px solid #E18C9F;text-align: center;}
#members_no_box{padding: 0;margin: 5px;width:178px;background:#FFFFE3;font-size: small;line-height: 110%;text-align: center;}
.nav_box{padding: 0;margin: 5px;width:170px;text-align: left;}
.nav_ssl{float:left;}
.nav_box_txt{display: block;padding: 0;float:left;font-size: x-small;line-height: 110%;}

/*メンバーページナビゲーション用*/
.nav_mem_box{padding: 0 5px;margin-left: 5px;margin-right: 5px;width:168px;text-align: left;font-size: x-small;line-height: 110%;}

/*コンテンツエリア用*/
.contents_box{padding: 0;margin-left:auto;margin-right:auto;margin-top: 5px;margin-bottom: 5px;width:575px;text-align: left;}
.main_h_txt{font-size: x-small;line-height: 110%;}
.pictbox{padding:10px 0 0 0;margin: 0 auto;width:155px;float:left;text-align:center;}
.textbox01{padding: 15px;margin: 0 auto;width:390px;float:left;text-align:left;background: #FFF7EC;background-image: url("img/rabbit.gif");background-repeat: no-repeat;background-attachment: fixed;background-position: right bottom}

.textbox01 a:link{color:#003399;}
.textbox01 a:visited{color:#003399;}
.textbox01 a:hover{color:#B54225;}

.textbox02{padding: 15px;margin: 0 auto;width:390px;float:left;text-align:left;background: #FFFFF7;}
.textbox02_txt{color:#648733;font-weight:bold;}

/*エラーページ用*/
.error_contents_box{padding: 0;margin: 5px;width:780px;text-align:center;}

/* ＝＝＝＝＝＝＝＝＝＝＝＝クラス＝＝＝＝＝＝＝＝＝＝＝＝ */

/* 画像レイアウト */
.img_members_no{margin-top:10px;margin-bottom:5px;}
.img_detail_bot{margin-top:5px;margin-bottom:10px;}
.img_nav{margin-bottom:5px;}
.img_navimg{margin-right:5px;vertical-align:text-top;float:left;}
.img_regist{margin-right:12px;margin-bottom:10px;float:right;}
.img_user{margin-left:12px;margin-bottom:10px;float:left;}
.img_main_h{margin-right:2px;vertical-align:-7px;}

.memtop_bot01{margin-left:51px;float:left;}
.memtop_bot02{margin-right:58px;float:right;}
.memtop_bot03{margin-left:15px;float:left;}
.memtop_bot04{margin-right:20px;float:right;}

.img_question{vertical-align:-5px;}
.img_red_mk{vertical-align:-5px;}
.img_stats_h4{margin-right:5px;float:left;}
.img_get_adobe_reader{margin-right:5px;float:left;}
.img_pdf_icon{vertical-align:-5px;}

.img_entry_item01{margin-right:10px;margin-top:20px;vertical-align:text-top;float:left;}
.img_entry_item06{margin-right:5px;float:left;}

.img_company_item01{margin-right:5px;margin-bottom:10px;vertical-align:text-top;float:left;}

/*---------------------------------------------------------
	各ページ用レイアウト
----------------------------------------------------------*/
/*各ページ共通・汎用クラス*/

/*汎用１ペイン用テキストbox*/
div.wide-container{margin-left:auto;margin-right:auto;width:600px;height:100%;background:#FFF;}

.bl_bar_bk{padding: 5px 0 0 30px;margin-right: 5px;height:24px;background: url(/img/bl_bar_bk.gif) repeat-x;color:#FFFFFF;font-weight:bold;}
.gr_bar_bk{padding: 5px 0 0 30px;margin-right: 5px;height:24px;background: url(/img/gr_bar_bk.gif) repeat-x;color:#FFFFFF;font-weight:bold;}
.gr_bar_bk_mentop{padding: 5px 0 0 30px;margin-right: 5px;height:24px;background: url(/img/gr_bar_bk.gif) repeat-x;color:#FFFFFF;font-weight:bold;font-size: 140%;}

table.tbl01{background:#FFF;padding:0;margin-right: 5px;width:565px;border-collapse: collapse;border: 1px solid #336600;}
table.tbl01 th{padding:10px;margin: 0 auto;background:#FFFFE3;width:75px;border: solid 1px #336600;color:#336600;font-weight:bold;}
table.tbl01 td{padding:10px;margin: 0 auto;background:#FFF;border: solid 1px #336600;empty-cells: show;}
table.tbl01 a:link{color:#003399;}
table.tbl01 a:visited{color:#003399;}
table.tbl01 a:hover{color:#B54225;}

table.tbl02{background:#FFF;padding:0;margin-right: 5px;width:565px;border-collapse: collapse;border: 1px solid #336600;}
table.tbl02 th{padding:10px;margin: 0 auto;background:#FFFFE3;width:150px;border: solid 1px #336600;color:#336600;font-weight:bold;}
table.tbl02 td{padding:10px;margin: 0 auto;background:#FFF;border: solid 1px #1F8426;empty-cells: show;}

.form_comment{text-align:right;float:right;color:#FF3333;}
.form_comment02{text-align:right;float:right;color:#D70D25; font-size: 100%;}
.forgot_text{margin-top:15px;margin-bottom:15px;margin-left: 260px;}

.redbrownbox{margin: 10px 5px 5px 0;padding:10px 10px;border:#D75C3D 2px solid;background-color:#FFC;}
.redbrownbox02{margin: 10px 5px 5px 0;padding:10px 10px;border:#D75C3D 2px solid;background-color:#FFF;}
.redbrownbox03{margin-right:5px;margin-left:5px;margin-top:10px;padding:10px 10px;border:#D07485 1px solid;background-color:#FFFFE4;}

.greenglaybox{margin: 10px 5px 5px 0;padding:10px 10px;border:#41AAA3 1px solid;background-color:#F8F8F8;}
.greenwhitebox{margin: 10px 5px 5px 0;width:548px;padding:10px 10px;border:#41AAA3 1px solid;background-color:#FFF;}/*注：width:548px;は変えるな。レイアウト崩れる*/

/* Form styles */
div.form-container{width:700px;height:100%;background:#FFF;margin-left:auto;margin-right:auto;}

div.errors{padding:10px 10px 5px 10px;margin-right: 5px;margin-bottom: 10px;width:543px;border:#E18C9F 1px solid;}
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
div.form-container label, 
div.form-container span.label { margin-right: 5px; padding-right: 10px; width: 120px; display: block; float: left; text-align: right; position: relative;}
div.form-container form p.note { margin-left: 140px; font-size: 200%; color: #333; }

.red {font-size: 60%; font-style: normal; color: #C00; }
div.form-container span.label.check { position: absolute; top:-1px; right: 0; font-size: 80%; font-style: normal; color: #C00; }

.bg01{background:#FC6;border-bottom: #FC6 1px solid;color: #B54225; font-style: normal; font-weight: bold;}
.stext{font-size: 90%; color: #333;}
.check02 {font-size: 80%; font-style: normal; color: #C00; margin-left: 5px;}

.sublabel01 { margin-right: 10px; padding: 0; width: 50px; float: left; display: block; text-align: right; position: relative;}
.sublabel02 { margin-right: 10px; padding: 0; width: 130px; float: left; display: block; text-align: right; position: relative;}
.sublabel03 { margin-right: 10px; padding: 0; width: 70px; float: left; display: block; text-align: right; position: relative;}

.famtbl01{float:left;}
.form_border{border: #FC6 1px solid;}

table.entry{background:#FFF;padding:0;margin: 0 auto;border-collapse: collapse;}
table.entry th{padding:5px;margin: 0 auto;background:#FFC;width:140px;border: solid 1px #FC6;font-weight: normal;}
table.entry td{padding:5px;margin: 0 auto;width:547px;background:#FFF;border: solid 1px #FC6;empty-cells: show;}

table.regmod{background:#FFF;padding:0;margin: 0 auto;border-collapse: collapse;}
table.regmod th{padding:5px;margin: 0 auto;background:#FFC;width:250px;border: solid 1px #FC6;font-weight: normal;}
table.regmod th.thmod{padding:5px;margin: 0 auto;width:80px;background:#FFC;border: solid 1px #FC6;empty-cells: show;text-align:center;}
table.regmod td{padding:5px;margin: 0 auto;width:80px;background:#FFF;border: solid 1px #FC6;empty-cells: show;text-align:center;}

div.form-container div.buttonrow {text-align: center; padding:10px 0;border-left: solid 1px #FC6;border-right: solid 1px #FC6;border-bottom: solid 1px #FC6;}
div.form-container div.buttonrow02 {text-align: center; padding:10px 0;border-left: solid 1px #75BCDC;border-right: solid 1px #75BCDC;border-bottom: solid 1px #75BCDC;}
div.form-container div.buttonrow03 {text-align: center; padding:10px 0;border-left: solid 1px #36AF86;border-right: solid 1px #36AF86;border-bottom: solid 1px #36AF86;}

/*ご家族編集ページ*/
table.entry_f{background:#FFF;padding:0;margin: 0 auto;border-collapse: collapse;}
table.entry_f th{padding:5px;margin: 0 auto;background:#E7F5F8;width:140px;border: solid 1px #75BCDC;font-weight: normal;}
table.entry_f td{padding:5px;margin: 0 auto;width:547px;background:#FFF;border: solid 1px #75BCDC;empty-cells: show;}

table.regmod_f{background:#FFF;padding:0;margin: 0 auto;border-collapse: collapse;}
table.regmod_f th{padding:5px;margin: 0 auto;background:#E7F5F8;width:250px;border: solid 1px #75BCDC;font-weight: normal;}
table.regmod_f th.thmod_f{padding:5px;margin: 0 auto;width:80px;background:#E7F5F8;border: solid 1px #75BCDC;empty-cells: show;text-align:center;}
table.regmod_f td{padding:5px;margin: 0 auto;width:80px;background:#FFF;border: solid 1px #75BCDC;empty-cells: show;text-align:center;}

.bg02{background:#75BCDC;color: #FFF; font-style: normal; font-weight: bold;}

/*ご紹介者編集ページ*/
table.entry_s{background:#FFF;padding:0;margin: 0 auto;border-collapse: collapse;}
table.entry_s th{padding:5px;margin: 0 auto;background:#DFF4ED;width:140px;border: solid 1px #36AF86;font-weight: normal;}
table.entry_s td{padding:5px;margin: 0 auto;width:547px;background:#FFF;border: solid 1px #36AF86;empty-cells: show;}

table.regmod_s{background:#FFF;padding:0;margin: 0 auto;border-collapse: collapse;}
table.regmod_s th{padding:5px;margin: 0 auto;background:#DFF4ED;width:250px;border: solid 1px #36AF86;font-weight: normal;}
table.regmod_s th.thmod_s{padding:5px;margin: 0 auto;width:80px;background:#DFF4ED;border: solid 1px #36AF86;empty-cells: show;text-align:center;}
table.regmod_s td{padding:5px;margin: 0 auto;width:80px;background:#FFF;border: solid 1px #36AF86;empty-cells: show;text-align:center;}

.bg03{background:#36AF86;color: #FFF; font-style: normal; font-weight: bold;}

/*SYSTEM ERROR 関連*/
.errorbox{margin-top:30px;margin-bottom:50px;margin-left:auto;margin-right:auto;padding:10px;width:500px;border:#D75C3D 2px solid;background-color:#FFC;color: #D75C3D; font-weight: bold;}
.error_tit01{color: #B54225; font-weight: bold;  margin-top:10px; margin-bottom: 15px;}

/*メンバーTOP用*/
.h4_top{color: #336601; font-weight: bold; margin-top:10px; margin-bottom: 15px; margin-left:5px;}


div.anken_nab{
margin:0 auto;
margin-left:auto;margin-right:auto;
}

div.anken_nab a{
display : block; 
margin:0 auto;
width:500px;
height:18px;
border:1px solid #2F5376;
background-color:#FFF;
font-size:15px;
font-weight: bold;
padding:8px 10px 5px 10px;
text-decoration:none;
}

div.anken_nab a:link{
color:#FFF;
}

div.anken_nab a:hover {
background-color:#E5F0F6;
color:#2F5376;
}

div.anken_nab a.active {
background-color:#E5F0F6;
color:#2F5376;
}



table.memtop{background:#FFF;padding:0;margin-left:auto;margin-right:auto;width:465px;border-collapse: collapse;border: 1px solid #346702;}
table.memtop th{padding:5px 20px 5px 20px;margin: 0 auto;background:#FFFFE3;width:200px;border: solid 1px #1F8426;color:#356501;font-weight:bold;text-align: left;}
table.memtop td{padding:10px;margin: 0 auto;background:#FFF;border: solid 1px #1F8426;empty-cells: show;color:#356501;font-weight:bold;text-align: center;}
table.memtop a:link{font-weight:normal;}
table.memtop a:visited{font-weight:normal;}
table.memtop a:hover{font-weight:normal;}

table.preinfo{background:#FFF;padding:0;margin-left:auto;margin-right:auto; width:565px;border-collapse: collapse;border: 1px solid #346702;}
table.preinfo th{padding:5px 20px 5px 20px;margin: 0 auto;background:#FFFFE3;width:80px;border: solid 1px #1F8426;color:#356501;font-weight:bold;text-align: left;}
table.preinfo td{padding:10px;margin: 0 auto;background:#FFF;border: solid 1px #1F8426;empty-cells: show;color:#356501;text-align: left;}

/*FAQ用*/
p.faq_q{padding:10px;margin-bottom: 0;margin-right: 5px;width:548px;background:#F8F8F8;border: solid 1px #41AAA3;color:#08807F;font-weight:bold;}
p.faq_a{padding:10px;margin-top: 0;margin-right: 5px;margin-bottom: 15px;width:548px;background:#FFF;border-right: solid 1px #41AAA3;border-left: solid 1px #41AAA3;border-bottom: solid 1px #41AAA3;}

/*stats用*/
.stats_tit{font-size: 110%;font-weight:bold;}

table.stats{background:#FFF;margin-top:5px;padding:0;border-collapse: collapse;border: 1px solid #41AAA3;}
table.stats th{
	padding:8px 3px 8px 3px;
	background:#F8F8F8;
	border: solid 1px #41AAA3;
	width:63px;
	color:#08807F;
	font-weight:bold;
	text-align: center;}
table.stats td{
	padding:8px 3px 8px 3px;margin: 0 auto;
	background:#FFF;
	border: solid 1px #41AAA3;
	empty-cells: show;
	text-align: center;}
table.stats td.r_bk{
	background:#FFE1E1; width:63px;text-align: center;
	}
table.stats td span.gb_txt01{ margin-left: 5px; padding-right: 10px; width:80px; display: block; float: left; color:#08807F;font-weight:bold; text-align: left; position: relative;}
table.stats td span.gb_txt02{ margin-left: 5px; padding-right: 5px; display: block; font-size: 80%; text-align: left;}

/*会員登録*/
.entry_text{display: block;padding:10px;float:left;}

/**/
table.company{background:#FFF;margin-left:auto;margin-right:auto;margin-top:5px;padding:0;border-collapse: collapse;border: 1px solid #41AAA3;}
table.company th{
	padding:8px 20px 8px 20px;
	background:#F8F8F8;
	border: solid 1px #41AAA3;
	width:100px;
	color:#08807F;
	font-weight:bold;
	text-align: left;}
table.company td{
	padding:8px 20px 8px 20px;margin: 0 auto;
	background:#FFF;
	border: solid 1px #41AAA3;
	width:250px;
	empty-cells: show;
	text-align: left;}

/* ＝＝＝＝＝＝＝＝＝＝＝＝文字の装飾＝＝＝＝＝＝＝＝＝＝＝＝ */
/* boldは太字 */
.bold { font-weight: bold; }
/* italicは斜体 */
.italic{ font-style: italic;}
/* underlineはアンダーライン */
.underline{ text-decoration:underline; }
/*小さい文字*/
.smalltext{font-size: 80%;line-height: 110%;}

/* 文字色のクラス */
.brown { color: #B54225; }
.redbrown { color: #D75C3D; }
.white { color: #FFFFFF; }
.indigo { color: #003366; }
.redtext { color: #FF3333; }/*フォームに同じクラスがあったので改名*/

/* 文字色＋太字のクラス */
.brown_bold{color:#B54225;font-weight:bold;}
.white_bold{color:#FFFFFF;font-weight:bold;}
.pink_bold{color:#D93896;font-weight:bold;}
.green_bold{color:#1F8426;font-weight:bold;}
.blue_bold{color:#177EDA;font-weight:bold;}
.red_bold{color:#FF3333;font-weight:bold;}
.rightgreen_bold{color:#08807F;font-weight:bold;}

/* 文字色＋小太字 */
.red_s { color: #FF3333; font-size: 90%;line-height: 110%;}

/*機能用文字クラス*/
.error { color: #FF3333; font-weight: bold;  margin-top:10px; margin-bottom: 10px;}
.complete { color: #0085B0; font-weight: bold;  margin-top:10px; margin-bottom: 10px;}