/* ログイン前です */
/*★文字コード--------------------------------------------------*/
@charset "Shift_Jis";

/*★画面全体----------------------------------------------------*/
*{
	margin:0;
	padding:0;
	outline:0;
	font-size:10pt;
	font-weight:normal;
	line-height:1.5em;
}
html{height:100%;}
BODY{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	min-height:100%;
	/*☆画面全体の背景色*/
	background-color:#FFFFED;
	background-image:url("/image/pc/bg_all_center.gif");
	background-position:center;
	background-repeat:repeat-y;
	/*☆画面全体の配置*/
	text-align:center;
	/*☆フォント設定*/
	color:#666666;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	/*☆スクロールバーの色*/
	scrollbar-3dlight-color:#C1C1C1;
    scrollbar-darkshadow-color:#C1C1C1;
    scrollbar-arrow-color:#C1C1C1;
    scrollbar-face-color:#E4E4E4;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-shadow-color:#C1C1C1;
    scrollbar-track-color:#FFFFED;
}

h1, h2, h3, h4, h5, ul{
	margin:0;
	padding:0;
	border:none;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
	text-align:left;
	list-style-type:none;
}

img{border:0}
SPAN HR{
	display:none;
}
strong{
	color:#FF3671;
	font-weight:bold;
}
p{margin:10px 0 10px 0;}

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1% }
.clearfix {display:block;}

a{text-decoration:none;}
a:link{color:#FF6794;text-decoration:underline;}
a:visited{color:#FF6794;text-decoration:underline;}
a:active{color:#00AEEF;text-decoration:none;}
a:hover{color:#00AEEF;text-decoration:none;}

/*★コンテンツ領域----------------------------------------------
　中央に配置=> margin:0 auto 0;   BODY{}の中も書き換え=> text-align:center;
　右側に配置=> margin:0 0 0 auto; BODY{}の中も書き換え=> text-align:right;
　左側に配置=> margin:0 auto 0 0; BODY{}の中も書き換え=> text-align:left;
--------------------------------------------------------------*/
body > #content{height:auto;}
#content{
	width:806px;
	height:100%;
	min-height:100%;
	margin:0 auto 0;
	background-image:url("/image/pc/bg_all.gif");
	background-position:center top;
	background-repeat:no-repeat;
	font-size:10pt;
	text-align:center;
}

/*★ヘッダー領域------------------------------------------------
　使用しない=> display:none;
　使用する  => display:block;
--------------------------------------------------------------*/
#header{
	display:block;
	clear:both;
	width:806px;
	height:146px;
	margin:0;
}

#header .logout_img{
	/*☆画像の場合*/
	display:block;
	clear:both;
	width:806px;
	height:146px;
	background-image:url("/image/pc/bg_header.gif");
	background-position:center;
	background-repeat:no-repeat;
	text-align:left;
}

#header_logo{
	display:block;
	float:left;
	width:305px;
	height:110px;
	border:0;
}
#header_logo a{
	display:block;
	float:left;
	width:305px;
	height:110px;
	margin-left:10px;
	border:0;
	text-indent:-9999em;
}

#header_other{
	display:block;
	clear:both;
	width:806px;
	height:30px;
	background-image:url("/image/pc/bg_header_other.gif");
	background-position:center 8px;
	background-repeat:no-repeat;
}

/*★フッター領域------------------------------------------------
　使用しない=> display:none;
　使用する  => display:block;
--------------------------------------------------------------*/
#footer{
	clear:both;
	display:block;
	width:806px;
	height:60px;
	margin:0;
}
/*☆ログアウト状態の画像*/
#footer .logout{
	clear:both;
	display:block;
	width:806px;
	height:60px;
	background-image:url("/image/pc/bg_footer.gif");
	background-position:center;
	background-repeat:no-repeat;
}

/*★メニュー部分------------------------------------------------
　右よせ配置=> float:right;
　左よせ配置=> float:left;
--------------------------------------------------------------*/
#box_l{
	position:rerative;
	display:inline;
	float:left;
	width:200px;
	background-image:url("/image/pc/bg_menu.gif");
	margin-left:25px;
}
#box_l .l_text{
	display:inline;
	float:left;
	width:180px;
	margin:5px 0 5px 0;
	color:#FF6F99;
	font-size:8pt;
	line-height:1.3em;
}

#menu{
	list-style-type:none;
	width:184px;
	margin:5px 8px 0 8px;
}
#menu li{
	float:left;
	width:184px;
	height:35px;
	text-align:left;
}
#menu li a{
	display:block;
	width:184px;
	height:35px;
	border-width:0;
	background-image:url("/image/top/button_menu.gif");
	background-repeat:no-repeat;
	text-indent:-9999em;
}
#menu_top a{ background-position: 0 0; }
#menu_top a:hover{ background-position: 0 -35px; }
#menu_top a:active{ background-position: 0 -35px; }

#menu_agree a{ background-position: 0 -70; }
#menu_agree a:hover{ background-position: 0 -105px; }
#menu_agree a:active{ background-position: 0 -105px; }

#menu_rest a{ background-position: 0 -140px; }
#menu_rest a:hover{ background-position: 0 -175px; }
#menu_rest a:active{ background-position: 0 -175px; }

#menu_pass a{ background-position: 0 -210px; }
#menu_pass a:hover{ background-position: 0 -245px; }
#menu_pass a:active{ background-position: 0 -245px; }

#menu_tokutei a{ background-position: 0 -280px; }
#menu_tokutei a:hover{ background-position: 0 -315px; }
#menu_tokutei a:active{ background-position: 0 -315px; }

/*★メイン領域--------------------------------------------------
　右よせ配置=> float:right;
　左よせ配置=> float:left;
--------------------------------------------------------------*/
#base_main{
	display:inline;
	float:left;
	width:750px;
	background-color:#FFFFFF;
	background-image:url("/image/pc/bg_main.gif");
	background-position:center;
	background-repeat:repeat-y;
	margin:0 28px 0 28px;
}
#base_main .left{
	display:inline;
	float:left;
	width:200px;
}
#base_main .main{
	display:inline;
	float:right;
	width:485px;
	margin-right:25px;
	padding-bottom:10px;
	font-size:10pt;
	line-height:1.5em;
}

/*★その他共通装飾--------------------------------------------*/
/*★フォーム要素★*/
FORM{
	display:block;
	margin:0px;
}
INPUT.text,TEXTAREA,SELECT{
	border:1px #FFB6C5 solid;
	background-color:#FFFBFC;
	color:#000000;
	font-size:10pt;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:1.2em;
}
INPUT.text_login{
	border:1px #FF6F99 solid;
	background-color:#FFFFFF;
	color:#000000;
	font-size:10pt;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:1.2em;
}
INPUT{
	padding-left:1px;
	color:#000000;
	font-size:10pt;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:1.2em;
}
INPUT.button{
	cursor:hand;
	height:25px;
	border:1px #C0BDAC solid;
	background-color:#FFFFFF;
	background-image:url("/image/top/button_formback.gif");
	margin:10px auto 10px;
	color:#6F6C59;
	font-size:10pt;
	text-align:center;
}

/*★テーブル要素★*/
TABLE.layout{
	display:block;
	border-collapse:collapse;
	empty-cells:show;
	border:none;
}
.layout TH{
	padding:4px 5px 2px 5px;
	border:1px #FF7FA5 solid;
	background-color:#FFEEF0;
	color:#404040;
	font-size:10pt;
	font-weight:bold;
}
.layout TD{
	padding:5px;
	border:1px #FF7FA5 solid;
	background-color:#FFFFFF;
	color:#404040;
	font-size:10pt;
	line-height:1.3em;
}
.layout TD p{
	margin:15px 0 10px 0;
	text-align:center;
}

/*★リスト要素★*/
DL{
	display:block;
}
DT{
	height:22px;
	margin-top:0px;
	padding-left:20px;
	background-image:url("/image/pc/list.gif");
	background-repeat:no-repeat;
	background-position:0 2px;
	color:#FF6577;
}
DT strong{
	color:#0099FF;
	font-weight:bold;
}
DD{
	margin:0;
	line-height:1.4em;
}
DD strong{
	color:#0099FF;
	font-weight:normal;
}

/*★ページタイトル★*/
SPAN.title{
	display:block;
	margin-bottom:5px;
	padding-top:5px;
	color:#FF6B97;
	font-size:24pt;
	line-height:1.2em;
	text-align:center;
}

/*★罫線要素★*/
SPAN HR{
	display:none;
}
SPAN.line{
	display:block;
	margin-top:0px;
	margin-bottom:10px;
	height:15px;
	width:455px;
	background:url("/image/pc/bg_line.gif");
	background-repeat:repeat-x;
	background-position:bottom;
}

/*★写真館で使用★*/
.contents_title{
	padding:3px 0 0 2px;
	margin:0 0 0 25px;
	color:#7D2424;
	font-size:10pt;
	font-weight:bold;
	line-height:1.5em;
}
.contents_table th{
	font-weight:normal;
	text-align: left;
	padding:2px 0 2px 0;
}
.contents_table td{
	text-align: left;
	padding:2px 0 2px 0;
}

.contents_table tr{
	padding:0 0 4px 0;
}
.contents_text{
	color:#666666;
	font-size:9pt;
}
.contents_link{
	color:#666666;
	font-size:9pt;
}
.pager_act{
	height:15px;
	color:#FFFFFF;
	border:1px #FF4770 solid;
	background-color:#FF7997;
	padding:3px 5px 3px 5px;
	font-weight:bold;
}
.pager_link{
	height:15px;
	padding:3px 5px 3px 0;
}

/*登録フォームエラー表示*/
.error {
	border:1px #FFB6C5 solid;
	background-color:#FFFBFC;
	padding-top:2px;
	color:#742735;
}
.error_str {
	border:1px #FFFFFF solid;
	background-color:#FFEBEB;
	padding:2px;
	color:#742735;
	text-align: center;
}


/*--------------------------------------------------------------
　　　　　　　　　　　　　　　　　　　　　　　　★その他各ページ
--------------------------------------------------------------*/
/*左サイドタイトル*/
#box_l_title{
	width:100%;
	text-align:center;
}
#box_l_title h1{
	height:55px;
	background-image:url("/image/top/title_l_side.gif");
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999em;
}
.menu #box_l_title h1{ background-position: 0 0; }
.login #box_l_title h1{ background-position: 0 -55px; }
.mobile #box_l_title h1{ background-position: 0 -110px; }

/*通常メインエリア*/
#base_main .text{
	display:inline;
	float:left;
	width:455px;
	margin:10px 15px 10px 15px;
}
#base_main h2{
	color:#FF7FA5;
	font-size:10pt;
	text-align:center;
}
#base_main h3{
	color:#FF0000;
	font-size:10pt;
	text-align:center;
}
#base_main h4{
	color:#FF3671;
	font-size:12pt;
	font-weight:bold;
	text-align:center;
}
#base_main h5{
	margin-top:5px;
	color:#0099FF;
	font-size:10pt;
}
#base_main .table_main{
	display:inline;
	float:left;
	width:100%;
	margin-top:5px;
	text-align:left;
}

/*年齢認証*/
#indi{
	display:inline;
	float:left;
	border:1px #FFA4BF solid;
	background-color:#FFEEF0;
	padding:10px 8px 7px 8px;
	margin:10px 5px 20px 15px;
	color:#FF4770;
	font-size:9pt;
}
#base_sub{
	display:inline;
	float:left;
	width:455px;
	margin:15px 0 10px 0;
	text-align:left;
}
#base_sub h1{
	margin-bottom:5px;
	color:#0099FF;
	font-size:12pt;
	font-weight:bold;
}
#base_sub h2{
	margin-top:10px;
	color:#FF6577;
	line-height:1.4em;
	text-align:left;
}

/*会員ログイン*/
.login-text1{
	color:#FF6F99;
	font-size:8pt;
	font-family:Verdana;
	line-height:1.5em;
}
.login-text2{
	color:#FF6F99;
	font-size:8pt;
}
.reissue-text{
	display:inline;
	float:left;
	width:176px;
	margin:3px 0 0 3px;
	color:#FF6F99;
	font-size:8pt;
	line-height:1.3em;
}
.reissue-button{
	display:inline;
	float:left;
	width:140px;
	margin:7px 20px 3px 20px;
}

/*エラー表示*/
#box_m_error{
	display:inline;
	float:left;
	width:455px;
	border:1px #FFEBEB solid;
	background-color:#FFFBFC;
	margin:10px 15px 10px 15px;
	text-align:left;
}
#main_errortext{
	display:inline;
	float:left;
	width:415px;
	margin:10px 20px 10px 20px;
	color:#742735;
}
#main_errortext strong{
	color:#FF6699;
	font-size:12pt;
	font-weight:bold;
}

/*特定取引法の表示*/
#tokutei DT{
	height:20px;
	margin-top:10px;
	padding-left:0;
	background-image:none;
	color:#1A89FA;
}
#tokutei DD{
	margin:0;
	line-height:1.4em;
}
#tokutei DD strong{
	color:#FF3671;
	font-weight:normal;
}

/*エントリーページ*/
#regist_base a{
	display:inline;
	float:left;
	width:400px;
	height:85px;
	background-image:url("/image/top/button_regist.gif");
	margin:5px 28px 5px 27px;
	border:0;
	text-indent:-9999em;
}
#regist_base a:hover{ background-position: 0 -85px; }
#regist_base a:active{ background-position: 0 -85px; }

/*インデックス*/
#base_index{
	display:inline;
	float:left;
	width:750px;
	height:100%;
	background-color:#FFFFFF;
	background-image:url("/image/pc/bg_main.gif");
	background-position:center;
	background-repeat:repeat-y;
	margin:0 28px 0 28px;
	line-height:1.5em;
}
#base_index p{
	font-size:10pt;
	line-height:1.5em;
}
#base_index h2{
	color:#FF4770;
	font-size:10pt;
	text-align:center;
}