@charset "Shift_JIS";

@import "base.css";


#main{
	width: 600px;
	margin: 0 79px;
	text-align: center;
	}


/* 見出し 
------------------------------------------------ */

#main-title{
	width: 600px;
	text-align: left;
	}
h2{
	height: 28px;
	margin: 0;
	padding-left: 18px;
	color: #fff;
	font-size: 12px;
	line-height: 28px;
	font-weight: bold;
	background: #d19a25 url(../common_images/title_bg.gif) no-repeat 0% 0%;
	}
h2 span{
	padding-right: 1em;
	background: #d19a25;
	}


/* 本文 
------------------------------------------------ */

input.hankaku{
	ime-mode: disabled;
	}

/* コメントエリア */
p.message{
	margin-top: 20px;
	padding: 0.5em 1em;
	text-align: left;
	line-height: 1.75em;
	border: 3px solid #ccc;
	}
p.message span{
	color: #ff0033;
	}
	
/* コメントエリア（送信完了） */
p#message{
	margin-bottom: 150px;
	padding: 2em 1em;
	text-align: center;
	}
/* コメントエリア（退会画面） */
#main.taikai p.message span,#main.taikai2 p.message span{
	color: #003399;
	}
#main.taikai2 p.message{
	text-align: center;
	}


/* 送信ボタン */
p#submit{
	margin: 0 0 50px 0;
	line-height: 2em;
	}
p#submit input{
	margin: auto 15px;
	}


/* 送信フォーム
（お問合せ・友達に送信・友達に紹介） 
------------------------------------------------ */

table{
	width: 100%;
	margin: 20px 0;
	border-collapse: collapse;
	border: none;
	}
th,td{
	padding: 5px;
	text-align: left;
	font-size: 12px;
	line-height: 1.25em;
	border: 1px solid #999;
	}
th{
	width: 150px;
	font-weight: normal;
	background: #ffffdc;
	}
th span{
	color: #cc0033;
	}
td input,td textarea{
	margin-left: 3px;
	}
td input{
	width: 260px;
	}
td input.hankaku{
	width: 180px;
	}
td textarea{
	width: 410px;
	height: 12em;
	}

/* 友達に紹介フォーム*/
td.favorite{
	padding-bottom: 10px;
	}
td.favorite p{
	margin: 3px 3px 3px 5px;
	}
td.favorite textarea{
	height: 8em;
	}

/* 確認画面 */
td p.usertext{
	width: 410px;	/* forWin-IE overflowのための幅指定 */
	margin: 0;
	text-align: left;
	overflow: hidden;
	}


/* 退会アンケート＆手続き 
------------------------------------------------ */

#main dl{
	margin: 0;
	padding: 0;
	text-align: left;
	background: #ffffcc;
	border: 1px solid #ffcc66;
	}
#main dt,#main dd{
	line-height: 1.5em;
	}
#main dt{
	margin: 0;
	padding: 0.25em 0.75em;
	font-weight: bold;
	background: #ffcc66;
	}
#main dd{
	margin: 0 0 0.5em 0;
	padding: 0.5em 1em 0.25em 65px;
	background: #ffffcc;
	}
dd input.hankaku{
	margin: 0 0.25em;
	}
dd textarea{
	margin: 0.25em 0.5em;
	width: 460px;
	height: 8em;
	}

/* 退会手続き画面 */
#main.taikai2 dl{
	margin: 0 0 50px 0;
	text-align: center;
	}
#main.taikai2 dd{
	margin: 0;
	padding: 1.25em 0;
	font-weight: bold;
	}
#main.taikai2 dd span{
	display: block;
	margin-top: 1.25em;
	padding-top: 1.25em;
	border-top: 1px solid #ffcc66;
	}
#main.taikai2 dd input{
	font-weight: normal;
	}
#main.taikai2 dd input.hankaku{
	width: 145px;
	ime-mode: disabled;
	}
#main.taikai2 dd span input{
	width: 6em;
	}