@charset "Shift_JIS";

@import url("global.css");
@import url("sub.css");


/*-----------------------------------------------------------
タイトル画像とキャッチ
-----------------------------------------------------------*/
h4#ghost_get{margin:5px 5px 0px 0px;
padding:0px 0px 0px 0px;}

dl#ghost_get {
width:670px;
clear:both;
text-align:right;
float:right;
}

dl#ghost_get dt{
margin:5px 5px 0px 0px;
padding:0px 0px 0px 0px;
float:right;
}




/*-----------------------------------------------------------
メインキャッチ
-----------------------------------------------------------*/
h2#ghost_comment {
	background:url(../img/ghost/subt-01.png) center no-repeat;
	margin:10px 10px 10px 10px;
	width:660px;
	height:46px;
	text-indent:48px;
	float:left;
	clear:both;
}

h2#ghost_comment dl{
margin:7px 0px 0px 0px;
width:660px;
	float:left;
	clear:both;
	text-align:left;
}

h2#ghost_comment dt{
width:660px;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	float:left;
		clear:both;
		text-align:left;
}

h2#ghost_comment dd{
margin:2px 0px 0px 0px;
width:660px;
	font-size:16px;
	color:#FFFFFF;
	float:left;
		clear:both;
		text-align:left;
		line-height:25px;
}




/*-----------------------------------------------------------
本文
-----------------------------------------------------------*/
dl#ghost_text {
margin:0px 20px 0px 20px;
padding:0px 0px 0px 0px;
	width:640px;
clear:both;
}

dl#ghost_text img{
margin:10px 0px 0px 0px;
padding:0px 20px 0px 0px;
float:left;
}

dl#ghost_text dt {
background-color:#fecfe5;
width:415px;
	margin:10px 0px 15px 0px;
	padding:7px 5px 7px 0px;
	font-size:12px;
	float:right;
	color:#8b6b7c;
	text-align:right;
}

dl#ghost_text dd {
	margin:0px 0px 0px 0px;
	padding:0px 0px 40px 0px;
	font-size:14px;
	line-height:24px;
	color:#333333;
}


/*-----------------------------------------------------------
バックナンバー　本文
-----------------------------------------------------------*/
dl#ghost_text2 {
margin:0px 20px 0px 20px;
padding:0px 0px 0px 0px;
	width:640px;
clear:both;
}

dl#ghost_text2 img{
margin:10px 0px 0px 0px;
padding:0px 20px 0px 0px;
float:left;
}

dl#ghost_text2 dt {
background-color:#fecfe5;
width:465px;
	margin:10px 0px 15px 0px;
	padding:7px 5px 7px 0px;
	font-size:12px;
	float:right;
	color:#8b6b7c;
	text-align:right;
}

dl#ghost_text2 dd {
	margin:0px 0px 50px 0px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	line-height:18px;
	color:#333333;
}

dl#ghost_text2 dd a{
margin:30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	color:#0000cc;
	font-weight:bold;
	text-align:right;
	float:right;
	clear:both;
}


/*-----------------------------------------------------------
応募フォーム
-----------------------------------------------------------*/
#ghost_form  { font-size: 12px; line-height: 1.4em; margin: 0px 10px 0px 10px; padding: 10px 0px 10px 0px; width: 660px; clear:both;}
#ghost_form dl  { margin: 0; padding: 0; width: 640px }
#ghost_form dt { color: #491530; font-size: 16px; font-weight: bold; margin: 0; padding: 0 }
#ghost_form dl form { margin: 10px 0; padding: 0 ;}
#ghost_form dl form input { margin: 10px 0 0; padding: 0 ;float:left;clear:both;}
#ghost_form dl form textarea { background-color: #ffe0fa; margin: 10px 0 0; padding: 0 }
#ghost_form dd { margin: 0px 0px 0px 20px; padding:0px 0px 0px 0px; clear:both;}
#ghost_form dd ul{ margin:0px 0px 0px 0px; padding:15px 0px 0px 0px; float:left;width:280px;}
#ghost_form dd ul li{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

#ghost_form dd span{ margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; float:left; width:230px;}
.red { color: #ff0000 }
.clear { clear: both }


/*-----------------------------------------------------------
投稿よむ
-----------------------------------------------------------*/
#ghost_read { font-size: 12px; line-height: 1.4em; margin: 0px 10px 0px 10px; padding: 10px 0px 10px 0px; width: 660px; clear:both; }
#ghost_read dl { margin: 0; padding: 0; width: 640px; }
#ghost_read dt { font-size: 16px; font-weight: bold; margin: 0; padding: 0; color:#039bb6; width: 640px;}
#ghost_read dt span{ color:#ff2b2b;}
#ghost_read a { color: #039bb6; font-weight: bold; text-decoration: none }

#ghost_read a:hover { color: #ff72ff; font-weight: bold; text-decoration: underline }



/*-----------------------------------------------------------
感想：完了
-----------------------------------------------------------*/
p#ghost_soushin_q {
	margin-bottom:70px;
	font-size:14px;
	line-height:40px;
	text-align:center;
	color:#333333;
}



/*-----------------------------------------------------------
区切り線
-----------------------------------------------------------*/
dl#ghost_line {
	border-bottom:1px dotted #ffa7d1;
	width:660px;
	padding:0px 0px 0px 0px;
	margin:20px 10px 15px 10px;
	clear:both;
}

/*-----------------------------------------------------------
スペース
-----------------------------------------------------------*/
dl#ghost_space {
	width:660px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	clear:both;
	height:30px;
}

/*-----------------------------------------------------------
コメントページ　寄せられた感想
-----------------------------------------------------------*/
p#ghost_com_title {
margin:10px 20px 0px 20px;
width:640px;
font-size:16px;
line-height:16px;
float:left;
color:#b3166a;
font-weight:bold;
clear:both;
}

dl#ghost_kansou_sub {
margin:0px 20px 0px 20px;
padding:20px 0px 0px 0px;
width:640px;
clear:both;
}

dl#ghost_kansou_sub dt{
margin:0px 0px 0px 0px;
padding:3px 0px 3px 0px;
background-color:#ffd6e3;
width:640px;
clear:both;
font-size:14px;
font-weight:bold;
color:#491530;
text-indent:8px;
line-height:20px;

}

p#ghost_com_text{
margin:5px 30px 0px 30px;
width:620px;
font-size:12px;
line-height:18px;
float:left;
color:#333333;
}


/*-----------------------------------------------------------
体験談募集ページ
-----------------------------------------------------------*/
dl#ghost_form {
margin:10px 20px 0px 20px;
padding:0px 0px 0px 0px;
	width:640px;
clear:both;
}

dl#ghost_form img{
margin:10px 0px 0px 0px;
padding:0px 20px 0px 20px;
float:right;
}

dl#ghost_form dt {
width:480px;
	margin:10px 0px 15px 0px;
	padding:7px 5px 7px 0px;
	font-size:12px;
	float:right;
	text-align:left;
}

dl#ghost_form dt p{
	font-size:14px;
	color:#333333;
	line-height:24px;
}

dl#ghost_form dd {
background-image:url(../img/ghost/form_img1.jpg);
background-position:top left;
background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	clear:both;
	
}


dl#ghost_form dd p{
	margin:0px 0px 0px 0px;
	padding:30px 0px 0px 55px;
	font-size:14px;
	color:#333333;
	line-height:24px;
}

/*-----------------------------------------------------------
体験談募集ページ コース
-----------------------------------------------------------*/
dl#ghost_form_text {
margin:0px 20px 0px 20px;
padding:0px 0px 0px 0px;
	width:640px;
clear:both;
}

dl#ghost_form_text dt img{
margin:20px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}

dl#ghost_form_text dd{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
clear:both;
}

dl#ghost_form_text dd p{
margin:0px 0px 0px 0px;
padding:0px 10px 0px 10px;
	font-size:14px;
	color:#333333;
	line-height:24px;

}

/*-----------------------------------------------------------
体験談募集ページ 投稿フォーム
-----------------------------------------------------------*/
dl#ghost_bosyu {
margin:0px 20px 0px 20px;
padding:5px 0px 0px 0px;
width:640px;
clear:both;
}

dl#ghost_bosyu ul{
margin:0px 0px 0px 0px;
padding:5px 5px 5px 5px;

clear:both;

}

dl#ghost_bosyu li{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
clear:both;
float:left;
width:640px;
}

dl#ghost_bosyu li span{
margin:15px 0px 0px 0px;
padding:0px 15px 0px 15px;

clear:both;
float:left;
font-size:14px;
color:#ff7807;
font-weight:bold;
line-height:15px;
}



dl#ghost_bosyu li img{
margin:0px 0px 0px 0px;
padding:5px 0px 0px 10px;
position:top;
float:left;
}

dl#ghost_bosyu li p{
margin:0px 0px 0px 0px;
padding:5px 15px 0px 15px;
clear:both;
float:left;
font-size:10px;
color:#333333;
font-weight:normal;
width:610px;
}

dl#ghost_bosyu li p span{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
clear:both;
float:left;
font-size:10px;
color:#ff0000;
font-weight:normal;
}


dl#ghost_bosyu li#ghost_kaku{
margin:0px 0px 0px 0px;
padding:5px 15px 0px 15px;
width:610px;
line-height:18px;
clear:both;
float:left;
}

/*-----------------------------------------------------------
体験談募集ページ 投稿フォーム　区切り線
-----------------------------------------------------------*/
dl#ghost_form_line {
	border-bottom:1px dotted #fca04c;
	width:660px;
	padding:0px 0px 0px 0px;
	margin:20px 10px 15px 10px;
	clear:both;
}


/*-----------------------------------------------------------
体験談募集ページ 投稿フォーム確認『修正する』『送信』
-----------------------------------------------------------*/
ul.ghost-btn_check {
margin:10px 20px 0px 200px;
width:640px;
	text-align:left;
	float:left;
	_padding-left:30px;　/*for winIE6*/
	_margin-bottom:30px;　/*for winIE6*/
}

ul.ghost-btn_check li {
	margin:10px 5px 20px 5px;
	display:inline-block;
	_float:left;　/*for winIE6*/
}

*:first-child+html ul.ghost-btn_check {　/*for winIE7*/
	padding-left:30px;
	margin-bottom:30px;
}

*:first-child+html ul.ghost-btn_check li {　/*for winIE7*/
	float:left;
}

/*-----------------------------------------------------------
体験談募集ページ 投稿フォーム　『完了』
-----------------------------------------------------------*/

p#ghost-complete {
	margin-bottom:30px;
	font-size:14px;
	line-height:40px;
	text-align:center;
	color:#333333;
}




/*-----------------------------------------------------------
確認　クリアボタン
-----------------------------------------------------------*/
dl#ghost_btn_all{
margin:0 auto;
text-align:center

}

dl#ghost_btn_all dt img{
padding:10px 0px 0px 10px;

}



/*-----------------------------------------------------------
おすすめ店舗
-----------------------------------------------------------*/
ul.recommend_shop {
	margin:0px 10px 30px 10px;
	width:660px;
	float:left;
}

ul.recommend_shop li {
	padding-bottom:5px;
	width:330px;
	float:left;
}
/*-----------------------------------------------------------
おすすめ店舗：右線のみ
-----------------------------------------------------------*/
ul.recommend_shop li.right-line {
	width:329px;
	border-right:1px dotted #FFA1D4;
}
/*-----------------------------------------------------------
おすすめ店舗：右線・下線
-----------------------------------------------------------*/
ul.recommend_shop li.right_bottom-line {
	width:329px;
	border-right:1px dotted #FFA1D4;
	border-bottom:1px dotted #FFA1D4;
}

/*-----------------------------------------------------------
おすすめ店舗：下線のみ
-----------------------------------------------------------*/
ul.recommend_shop li.bottom-line {
	width:329px;
	border-bottom:1px dotted #FFA1D4;
}

ul.recommend_shop li img {
margin:5px 0 5px 10px;
	width:50px;
	height:50px;
	border:1px solid #FF43B2;
	float:left;
}


ul.recommend_shop li dl {
	width:247px;
	float:left;
}

ul.recommend_shop li dl dt {
	margin-top:10px;
	width:120px;
	line-height:16px;
	text-align:center;
	float:left;
}

ul.recommend_shop li dl dt a {
	color:#B3166A;
}

ul.recommend_shop li dl dd {
	margin-top:12px;
	width:122px;
	color:#FB6FB4;
	float:left;
}
