@charset "utf-8";

/* ==============================
default */

body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object {
margin:0;
padding:0;
}

h1,h2,h3,h4,h5,h6 {
font-style: normal;
font-size: 1.0em;
}
 
table {border-spacing:0;}
* html table {border-collapse:collapse;}
*:first-child+html table {border-collapse:collapse;}
caption,th {text-align:left;}
table,th,td,img {border:0;}
img,input {vertical-align: middle;}
q:before,q:after {content:'';}
ul {list-style: none;}


/* ==============================
common */

a{color:#ca1c6c;}
a:hover{color:#df498e;}
a:hover img {-moz-opacity:0.8;opacity:0.8;filter:alpha(opacity=80); border:none;}
a.noblink:hover img {-moz-opacity:1.00;opacity:1.00;filter:alpha(opacity=100);}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display: inline-table;}
.clear{clear:both;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clearfix{zoom:1;}

.fltl{float:left}
.fltr{float:right}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb6{margin-bottom:6px;}
.mb9{margin-bottom:9px;}
.mb12{margin-bottom:12px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb60{margin-bottom:60px;}
.mr5{margin-right:5px;}
.ml1{margin-left:1px;}
.ml10{margin-left:10px;}
.ml12{margin-left:12px;}
 
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pb25{padding-bottom:25px;}
 
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}

.fred{color:#cc0033;}
.fpink{color:#b78d8e;}
.fbold{font-weight:bold}
.caution{color:#df498e;}
.bgcolor{background-color:#f9dfe4;}


.fnarrow{letter-spacing:-0.1em}

.vasub{vertical-align:sub;}
.vaspr{vertical-align:super; font-size:small;}

.tcntr{text-align:center;}
.trigh{text-align:right;}

/* ==============================
common (layout) */

body{
	line-height: 1.7em;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif;
	text-align:center;
	background-color:#FFFFFF;
	color:#666666;
	font-size:85%;
	font-weight:normal;
	background-image:url(bg.gif);
	background-repeat:repeat-x;
}

/* ==============================
header */

#header{width:750px; height:44px; position:relative; margin:24px auto 0;}
#header h1{position:absolute; left:0; width:210px; height:19px;}
h2{margin-top:15px; line-height: 1.8em;}


/* ==============================
footer */

#footer{height:22px; margin:0 auto; padding-top:3px; background-color:#e6e6e6; clear:both;}
#copyright{width:750px; position:relative; margin:0 auto;}
#copyright img{position:absolute; width:280px; margin:4px 0; height:12px; right:0;}
#footer_btn{position:absolute; width:400px; right:350; font-size:85%; text-align:left;}

/* ==============================
contents area */

#contents{
	width:750px;
	margin:0 auto;
	text-align:left;
	padding:30px 0;
	border-right:solid 1px #dcdcdc;
	border-left:solid 1px #dcdcdc;
	background-color:#FFFFFF;
	background-image:url(contents_bg.gif);
	background-repeat:repeat-x;
	}
	
#main{width:650px; margin:0 50px;}
	
#contents .title{width:700px; height:100px; margin:0 25px 30px;}
#contents .titlemypage{width:700px; height:100px; margin:0 25px 30px; background-image:url(../images/mypage/title.jpg); position:relative;}
#contents .titlemypagetop{width:700px; height:100px; margin:0 25px 30px; background-image:url(../images/mypage/title_top.jpg); position:relative;}
#contents .titlemypage img{position:absolute; width:120px; height:28px; right:12px; top:38px;}
#contents .titlemypagetop img{position:absolute; width:120px; height:28px; right:12px; top:38px;}
#contents .subtitle{
	font-size:100%;
	margin: 5px 0px 10px 0px;
	padding: 5px 5px 10px 20px;
	text-align:left;
	font-weight:bold;
	color: #FFF;
	text-shadow: 1px 1px 1px #a83973;
	background: url(title01.gif) no-repeat 0px 0px;
}
#contents .center{text-align:center; margin:0 auto; padding:5px;}
#contents .buttonarea{height:30px;text-align:center; margin:0 auto; padding:20px 5px 20px 5px; background-color:#dcdcdc;}
#contents a{text-align:center;}
#contents .closearea{text-align:center; margin:0 auto; padding:20px 0;}

#area{ padding:15px; border:solid 1px #dcdcdc;}

#pagetitle{
	font-size:120%;
	color:#9c4a73;
	margin:10px 0;
	padding:15px;
	text-align:center;
	font-weight:bold;
	background:#fff url(box_bk.gif) repeat-x left top;
	border:solid 5px #ebdcd3;
	}
	
#pagesubtitle1{
	font-size:100%;
	margin: 5px 0px 10px 0px;
	padding: 5px 5px 10px 20px;
	text-align:left;
	font-weight:bold;
	color: #FFF;
	background: url(title02.gif) no-repeat 0px 0px;
	}
#pagesubtitle4{
	font-size:100%;
	margin: 5px 0px 10px 0px;
	padding: 5px 5px 10px 20px;
	text-align:left;
	font-weight:bold;
	color: #CA1C6C;
	background: url(../images/member/title02_2.gif) no-repeat 0px 0px;
	}
#pagesubtitle2{
	font-size:100%;
	color:#df498e;
	margin:5px 0;
	padding:5px;
	text-align:left;
	font-weight:bold;
	}
	
#pageinfo{
	font-size:120%;
	color:#9c4a73;
	margin:10px auto;
	padding:15px;
	text-align:center;
	font-weight:bold;
	background:#fff url(../images/member/box_bk.gif) repeat-x left top;
	border:solid 5px #ebdcd3;
	width: 400px;
	}
	

/* ==============================
form */
#form			{clear:both; display:inline;}
#formbox		{width:618px; font-size:90%; margin:2px 2px 2px 0; padding:10px 0 5px; border-top:dotted 1px #CCC; float:left;}
#formbox_noline	{width:618px; font-size:90%; margin:2px 2px 2px 0; padding:0 0 5px; float:left;}
.formL			{
	width:170px;
	font-size:110%;
	line-height:1.8em;
	float:left;
	padding: 2px 5px 5px 5px;
	float:left;
	color: #b0457d;
	background-color: #f7ecf1;
}

.formL2			{width:170px; font-size:110%; line-height:1.8em;font-weight:bold; float:left; padding:2px 5px; float:left;}
.formR1			{width:420px; font-size:90%; line-height:2em; float:right; padding:2px 5px;}
.formR2			{
	width:420px;
	font-size:110%;
	line-height:2em;
	float:right;
	padding:2px 5px;
	color: #7d7464;
	background-color: #fafaf8;
}
.inputS			{width:100px; height:18px; border: solid 1px #999; margin:0 5px 0 0;}
.inputS_caution	{width:100px; height:18px; border: solid 1px #999; margin:0 5px 0 0; background-color:#ffcccc;}	
.inputM			{width:200px; height:18px; border: solid 1px #999; margin:0 5px 0 0;}
.inputM_caution	{width:200px; height:18px; border: solid 1px #999; margin:0 5px 0 0; background-color:#ffcccc;}
.inputL			{width:350px; height:18px; border: solid 1px #999; margin:0 5px 0 0;}
.inputL_caution	{width:350px; height:18px; border: solid 1px #999; margin:0 5px 0 0; background-color:#ffcccc;}
.inputMulti		{width:410px; border: solid 1px #999;}
.inputMulti_caution	{width:410px; border: solid 1px #999; background-color:#ffcccc;}
.txt_form		{padding:0 5px 0 0;}
.txt_caution	{color:#FF0000;}
#formboxend		{height:2px; margin:2px 2px 0 0; border-top:dotted 1px #999999;}

.form_mypage1	{width:140px; font-size:110%; float:left; padding:2px 5px; float:left;}
.form_mypage2	{width:90px; font-size:110%; float:left; padding:2px 5px; float:left;}
.form_mypage3	{width:155px; font-size:110%; float:left; padding:2px 5px; float:left;}

.status1		 {background-color:#e7f6ff;}
.status2		 {background-color:#ffe7ea;}
.status3		 {background-color:#eee;}
.status4		 {background-color:#eee;}
.status5		 {background-color:#eee;}
.status6		 {background-color:#eee;}


/* ==============================
login page */
#login_window{
	width:600px;
	height:276px;
	text-align:center;
	position:relative;
	margin:30px auto 10px;
	background-image:url(../images/login/bg.jpg);
	background-repeat:repeat-x;
	}

#login_formbox{font-size:80%; width:520px; margin:0 auto;}	
#login_formbo_l{width:365px; margin-top:32px; float:left; text-align:left; display:inline;}
#login_formbo_r{width:130px; margin-top:32px; float:right; text-align:right; display:inline;}
.login_formbox1{width:365px; margin:4px 4px 4px 0; float:left;}
.login_formbox2{width:165px; float:left;}
.login_input {width:185px; height:18px; border: solid 1px #999;}
#login_formbox3{width:120px; height:30px; margin:14px 4px 0 4px; float:right; display:inline;}


/*追加ページリマインダ―（ログインページ流用）*/

.reminder #login_window{
	width:600px;
	height:276px;
	text-align:center;
	position:relative;
	margin:30px auto 10px;
	background-image:url(../images/login/bg2.gif);
	background-repeat:repeat-x;
	}




/* ==============================
trial contents */

#policy{
	width:608px;
	height:220px;
	font-size:90%;
	border:solid 1px #dcdcdc;
	overflow:auto;
	padding:20px;
	margin: 0px 0px 20px 0px;
	}
#contents .policybutton{text-align:center; margin:0 auto 25px; padding:15px 5px 15px 5px; background-color:#dcdcdc;}


#policy h2 {
	font-size:100%;
	margin: 5px 0px 10px 0px;
	padding: 5px 5px 10px 20px;
	text-align:left;
	font-weight:bold;
	color: #FFF;
	background-image: url(title04_1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#policy h3 {
	font-size:100%;
	margin: 5px 0px 10px 0px;
	padding: 5px 5px 10px 20px;
	text-align:left;
	font-weight:bold;
	color: #333;
	background-image: url(../images/common/title04.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#policy ol {
	line-height: 1.5em;
	margin: 0px 0px 20px 0px;
}
#policy ol li {
	margin: 0px 0px 5px 25px;
	padding: 0px;
	list-style-position: outside;
	list-style-type: decimal;
}
#policy ol li ol {
margin: 10px 0px 0px 0px;
}

#policy strong {
color: #a83973;
}
/* ==============================
mailmember */
	
#caution{width:500px; height:120px; margin:0 auto;}
#caution_l{width:100px;}
#caution_r{width:380px;}


/* ==============================
calendar */
	

#calendar_info{
	font-size:90%;
	margin:5px 0;
	padding:5px;
	text-align:right;
	border:solid 1px #999;
	}
	
#calendar_7day{
	width:77px;
	height:25px;
	margin:0 auto;
	padding:5px;
	text-align:center;
	float:left;
	border-top:solid 1px #dcdcdc;
	border-left:solid 1px #dcdcdc;
	}
	
#calendar_7day_end{
	width:77px;
	height:25px;
	margin:0 auto;
	padding:5px;
	text-align:center;
	float:left;
	border-top:solid 1px #dcdcdc;
	border-left:solid 1px #dcdcdc;
	border-right:solid 1px #dcdcdc;
	}
	
#calendar_day{
	width:77px;
	height:75px;
	font-size:90%;
	margin:0 auto;
	padding:5px;
	text-align:center;
	float:left;
	border-top:solid 1px #dcdcdc;
	border-left:solid 1px #dcdcdc;
	}
	
#calendar_day_B{
	width:77px;
	height:75px;
	font-size:90%;
	margin:0 auto;
	padding:5px;
	text-align:center;
	float:left;
	border-top:solid 1px #dcdcdc;
	border-left:solid 1px #dcdcdc;
	border-bottom:solid 1px #dcdcdc;
	}
	
#calendar_day_end{
	width:77px;
	height:75px;
	font-size:90%;
	margin:0 auto;
	padding:5px;
	text-align:center;
	float:left;
	border-top:solid 1px #dcdcdc;
	border-left:solid 1px #dcdcdc;
	border-right:solid 1px #dcdcdc;
	}
	
#calendar_day_end_B{
	width:77px;
	height:75px;
	font-size:90%;
	margin:0 auto;
	padding:5px;
	text-align:center;
	float:left;
	border-top:solid 1px #dcdcdc;
	border-left:solid 1px #dcdcdc;
	border-right:solid 1px #dcdcdc;
	border-bottom:solid 1px #dcdcdc;
	}
	
#calendar_box1{width:21px; height:21px; padding:2px; text-align:center; background-color:#99ccff; float:left;}
#calendar_box2{width:21px; height:21px; padding:2px; text-align:center; background-color:#ccffcc; float:left;}
#calendar_box3{width:21px; height:21px; padding:2px; text-align:center; background-color:#ffcccc; float:left;}

#calendar_day a{color:#333;}
#calendar_day a:hover{color:#666;}
#calendar_day_end a{color:#333;}
#calendar_day_end a:hover{color:#666;}
#calendar_day_B a{color:#333;}
#calendar_day_B a:hover{color:#666;}
#calendar_day_end_B a{color:#333;}
#calendar_day_end_B a:hover{color:#666;}


/* ==============================
esthetic */

#reserve_box{width:205px; margin:10px 0;}
#reserve_box img{margin:5px 0;}


/* ==============================
mypage */

#tab_on	{
	width:158px;
	text-align:center;
	padding: 2px 0px 5px 0px;
	margin: 0px 2px 0px 0px;
	float:left;
	font-weight:bold;
	background: url(../images/member/tub01_on.gif) no-repeat 0px 0px;
	color: #CA1C6C;
}
#tab_on a,
#tab_off a {
display:block;
margin: 0px;
padding: 0px;
}
#tab_off{
	text-align:center;
	width:158px;
	padding: 2px 0px 5px 0px;
	margin: 0px 2px 0px 0px;
	float:left;
	font-weight:bold;
	background: url(../images/member/tub01_off.gif) no-repeat 0px 0px;
}


#mepagemenu{
	font-size:100%;
	margin: 5px 0px 10px 0px;
	padding: 8px 5px 10px 20px;
	text-align:left;
	font-weight:bold;
	color: #FFF;
	background: url(../images/member/title01.gif) no-repeat 0px 0px;
}

#campaign{}
#campaignL{width:160px; margin-top:15px;}
#campaignR{width:440px; margin-top:15px;}

#store{}
#storeL{width:200px; margin-top:15px; font-size:90%;}
#storeL img{margin-bottom:10px;}
#storeR{width:400px; margin-top:15px;}
#storeR input{margin-top:10px;}
#store_title{margin-bottom:15px; padding:5px; text-align:left; font-weight:bold; background-color:#f9dfe4;}
#store_menu{margin-bottom:10px; padding:2px 5px; text-align:left; font-weight:bold; background-color:#becaf1;}
#store_link{margin-top:15px;}


.pict {
margin: 0px 15px 15px 0px;
padding: 0px;
float: left;
}