@charset "UTF-8";

/* =================================================================================

 Common style of this site 

================================================================================= */

/* ///////////////////////////////////////////////// title style */

/* タイトル横の一覧ボタン */

.relative{
	position:relative;
}

.btn-list{
	position:absolute;
	right:13px;
	top:11px;
	z-index:2;
}

/* 角丸ボックスとセットのタイトル */

.curvyttl{
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	behavior: url(/common/css/PIE.htc);
	background:#FFF url(img/curvy_ttl.gif) repeat-x left bottom;
	border-bottom:1px solid #eee8e1;
	font-size:138.5%;
	font-weight:bold;
	margin-bottom:25px;
	padding:12px 0 13px 14px;
	position:relative;
}

#main p.curvyttl{ line-height:1.23; }

/* 2番目のタイトル */

.sttl01{
	background-color:#fbf9f7;
	border-top:2px solid #d22a37;
	border-bottom:1px solid #e8e1da;
	font-size:108%;
	font-weight:bold;
	line-height:1.4;
	margin-bottom:15px;
	padding:6px 9px  ;
}

/* 3番目のタイトル */

.sttl02{
	border-bottom:1px solid #e8e1da;
	background-color:#fbf9f7;
	font-weight:bold;
	margin-bottom:20px;
	margin-top:20px;
	padding:8px 5px 6px;
}

/* タイトルセット01 */

#main-ttl{
	background:#FFF url(img/headcopy.gif) no-repeat left bottom;
	margin-bottom:10px;
	padding-bottom:8px;
}

#main-ttl h2{
	position:relative;
	z-index:10;
}
#main-ttl h2 p{
	position:absolute;
	font-size:12px;
	z-index:15;
	left: 24px;
	top: 95px;
	width: 309px;
	line-height: 135%;
}
#main-ttl h2 p.datas{
	margin-top:-15px;
}
.main-copy{
	padding:23px 23px 24px;
}

/* タイトルセット02 */

#main-imgttl{
	background:#FFF url(img/headcopy.gif) no-repeat left bottom;
	margin-bottom:10px;
	padding-bottom:8px;
	position:relative;
}

	#imgttl-in{
		position:absolute;
		top:10px;
		left:23px;
	}

/* サイドの角丸タイトル */

.side-cttl{
	font-size:93%;
}

.side-message p{
	font-size:85%;
	line-height:1.45;
}

/* 質問アイコン付きタイトル */

.question-ttl{
	background:#fbf9f7 url(/common/css/img/icon_q.gif) no-repeat 6px 8px;
	border-bottom:1px solid #e8e1da;
	font-weight:bold;
	margin-bottom:20px;
	margin-top:20px;
	padding:8px 0 6px 32px;
}


/* ///////////////////////////////////////////////// box style */

.curvy-box{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/common/css/PIE.htc);
	background-color:#FFF;
	border:1px solid #e8e1da;
	position:relative;
	padding-bottom:46px;
	padding-top:30px;
}
#side .curvy-box{ margin-bottom:10px; }
#main .pdb40{ padding-bottom:40px; }
#main .pdb35{ padding-bottom:35px; }
#main .pdb30{ padding-bottom:30px; }
#main .pdb20,
#side .pdb20{ padding-bottom:20px; }
#main .pdb0{ padding-bottom:0; }
#main .pdt0,
#side .pdt0{ padding-top:0;}

.w180{
	margin:0 auto;
	width:180px;
}
.w610{
	margin:0 auto;
	width:610px;
}
.w620{
	margin:0 auto;
	width:620px;
}
.w630{
	margin:0 auto;
	width:630px;
}
.w640{
	margin:0 auto;
	width:640px;
}
.w660{
	margin:0 auto;
	width:660px;
}
.w880{
	margin:0 auto;
	width:880px;
}

/* シャドウ */

.shadow{
	-moz-box-shadow: 5px 5px 15px #ebe8e3; /* Firefox */
	-webkit-box-shadow: 5px 5px 15px #ebe8e3; /* Safari and Chrome */
	box-shadow: 5px 5px 15px #ebe8e3; /* Opera 10.5+, IE */
	behavior: url(/common/css/PIE.htc);
}

/* sbox set */
.section-sbox{
	background:#FFF url(img/sbox_btm.jpg) no-repeat left bottom;
	padding-bottom:20px;
}
.sec-ttl{
	margin-bottom:-4px;
	position:relative;
	z-index:2;
}
#main .sbox{
	border:1px solid #eee8e1;
	padding-bottom:20px;
}
/* end */

/* ボタンエリア */

.btnarea{
	text-align:center;
}

	.btnarea li{
		display:inline;
	}

/* end */

/* 角丸ボックス　2カラム設定 */

.column2-box{
	margin-right:-10px;
	overflow:hidden;
	width:710px;
}

	.column2-in{
		float:left;
		margin-right:10px;
		width:345px;
	}
	#main .column2-in .curvy-box{
		padding:0;
	}
	.column2-in .curvyttl{
		margin-bottom:0;
	}
	.list-btn{
		position:absolute;
		right:8px;
		top:10px;
	}
	
	.column2-in .curvy-column2in{
		padding:10px 18px;
	}
	
	.inq-notes{
		margin-top:5px;
		padding-left:32px;
	}
	
/* トップページ：他社乗りかえ・ペア割バナー用　角丸ボックス　2カラム設定 */

.column2-boxbnr{
	margin-right:-10px;
	overflow:hidden;
	width:710px;
}

	.column2-inbnr{
		float:left;
		margin-right:10px;
		width:325px;
		/*width:345px;*/
	}
/*
	#main .column2-inbnr .curvy-box{
		padding:0;
	}
	.column2-inbnr .curvyttl{
		margin-bottom:0;
	}
*/
/*	.list-btn{
		position:absolute;
		right:8px;
		top:10px;
	}
*/
/*
	.column2-inbnr .curvy-column2in{
		padding:10px 18px;
	}
*/
/*	.inq-notes{
		margin-top:5px;
		padding-left:32px;
	}
*/

/* 画像の下にテキストが回り込まないボックス */

.item-wrap,
.item-txt,
.item-img{
	overflow:hidden;
	zoom:1;
}

	.item-img.fr{
		margin-left:7px;
	}

	.item-img.fl{
		margin-right:7px;
	}

/* ニュース、プレスリリースの記事 */

#article-wrap .item-img,
#article-wrap .item-txt p,
#release-wrap .item-img,
#release-wrap .item-txt p{
	padding-left:20px;
	padding-right:20px;
}

#article-wrap .w660{
	margin-top:20px;
	margin-bottom:20px;
}

#release-wrap .w660{
	margin-top:20px;
	margin-bottom:35px;
}

/* 日付の位置（雑誌・本掲載） */

#release-wrap .item-wrap{
	position:relative;
}

	#release-wrap .press-date{
		position:absolute;
		bottom:10px;
		right:0;
	}

/* 動画・テレビ放映 */

.movie-img{
	text-align:center;
}

/* プレスリリース */

#prsdetail-wrap p{
	margin-bottom:20px;
	overflow:hidden;
	zoom:1;
}

#prsdetail-wrap .article-img{
	margin-left:20px;
	margin-right:20px;
}

/* お問い合わせはこちらから */

.price-inquiry{
	position:relative;
	margin:25px auto 0;
	width:541px;
}

	#btn-inquiry{
		position:absolute;
		top:22px;
		right:10px;
	}

/* ///////////////////////////////////////////////// ul style */

/* テキストリンクリスト */
.arrow01 li a{
	background:url(img/arrow01.gif) no-repeat left center;
	padding-left:6px;
}

/* ストライプ */

.stripe li{
	border-bottom:1px solid #e8e1da;
}

.stripe li.odd{
	background-color:#fbf9f7;
}

/* ニュースリスト */

.news-list{
	margin-top:15px;
}
	.news-list li{
		position:relative;
		padding:6px 6px 5px 115px;
		min-height:16px;
		zoom:1;
	}
	
	.news-list .date{
		font-weight:bold;
		font-family:Helvetica, Arial, sans-serif;
		position:absolute;
		left:41px;
	}

		.inner-icon{
			position:absolute;
			left:6px;
			top:7px;
		}

/* リリースリスト */

.release-list{
	margin-top:15px;
	margin-bottom:30px;
}
	.release-list li{
		position:relative;
		padding:6px 6px 5px 80px;
		min-height:16px;
		zoom:1;
	}
	
	.release-list .date{
		font-weight:bold;
		font-family:Helvetica, Arial, sans-serif;
		position:absolute;
		left:6px;
	}

/* ページ内リンクリスト */

.anchor-list{
	text-align:right;
	margin-bottom:20px;
	letter-spacing:-.40em;
}

	.anchor-list li{
		display:inline-block;
		/display:inline;
		/vertical-align:top;
		zoom:1;
		letter-spacing:normal;
		margin-left:8px;
	}
	
	.mlarge li{
		margin-left:16px;
	}


/* ショートカットバナーリスト */

.sbnr-list{
	margin-bottom:20px;
}
	.sbnr-list li{
		background-color:#FFF;
		margin-top:30px;
		margin-left:10px;
	}

/* ノーマルリスト */

.normal-list{
	margin-left:15px;
}

	.normal-list li{
		list-style-type:disc;
	}

/* 注意事項リスト */

.notes li{  
	margin-left: 1em;
	margin-top:5px;
	text-indent: -1em;
}

/* よくあるご質問 */

.question-list{
	margin-top:15px;
	margin-bottom:30px;
}
	.question-list li{
		position:relative;
		padding:6px 6px 5px 32px;
		min-height:16px;
		zoom:1;
	}

/* ナンバーリスト */

.decimal-list{
	margin-left:30px;
	/*margin-left:20px;*/
}

	.decimal-list li{
		list-style-type:decimal;
		margin-top:5px;
	}

/* ///////////////////////////////////////////////// table style */

/* ストライプ */

.stripe th,
.stripe td{
	border-bottom:1px solid #e8e1da;
	padding:15px 12px 8px;
}
.stripe .odd th,
.stripe .odd td{
	background-color:#fbf9f7;
}

.default-tbl{
	margin-top:15px;
	margin-bottom:30px;
	width:100%;
}

	.default-tbl th,
	.default-tbl td{
		border-bottom:1px solid #e8e1da;
	}
	.default-tbl th{
		color:#fd6f7e;
		font-weight:bold;
	}

.default-tbl-line{
	margin-top:15px;
	margin-bottom:30px;
	width:100%;
}

	.default-tbl-line th,
	.default-tbl-line td{
		border-bottom:1px solid #e8e1da;
		border-left:1px solid #e8e1da;
	}
	.default-tbl-line th.left-th{
		border-left:none;
	}
	.default-tbl-line th{
		font-weight:bold;
	}

.default-tbl-noline{
	margin-top:15px;
	margin-bottom:30px;
	width:100%;
}

	.default-tbl-noline th,
	.default-tbl-noline td{
		border-bottom:1px solid #e8e1da;
	}
	.default-tbl-noline th{
		font-weight:bold;
	}
	
.th70 th{
	width:70px;
}
.th80 th{
	width:80px;
}
.th120 th{
	width:120px;
}

/* thが2つ */

.thmulti-tbl{
	width:100%;
}

	#main .th-head{
		background-color:#593f36;
		border-right:1px solid #6e574e;
		color:#FFF;
		font-size:108%;
		padding: 8px 12px 8px;
		text-align:center;
	}
	
	#main .th-area{
		background-color:#FFF;
		font-size:123.1%;
		text-align:center;
	}
	
	#main .th-normal{
		padding: 8px 12px 8px;
		border-left:none;
		text-align:center;
	}
	

/* 恋愛コラム11話の一覧表 */

.thmulti-tbl_column{
	width:610px;
	/*width:100%;*/
}

	#main .th-head_column{
		background-color:#593f36;
		border-right:1px solid #6e574e;
		color:#FFF;
		font-size:100%;
		/*font-size:108%;*/
		padding: 8px 12px 8px;
		text-align:center;
	}
	
	#main .th-area_column{
		background-color:#FFF;
		font-size:100%;
		/*font-size:123.1%;*/
		text-align:center;
	}
	
	#main .th-normal_column{
		padding: 8px 12px 8px;
		border-left:none;
		text-align:center;
	}



/* ///////////////////////////////////////////////// display style */

.block{
	display:block;
}

div.in-block{
	display:inline-block;
	/display:inline;
	/vertical-align:top;
	zoom:1;
}

ul.in-block,
dl.in-block{
	letter-spacing:-.40em;
}
	.in-block li,
	dl.in-block dt,
	dl.in-block dd{
		display:inline-block;
		/display:inline;
		/vertical-align:top;
		zoom:1;
		letter-spacing:normal;
	}

#main .rt-none .last{
	border:none ;
}

img.vmiddle{
	vertical-align:middle;
}

.border{
	border: 1px solid #ccc;
}

/* ///////////////////////////////////////////////// text style */

.notes-color{
	color:#fd6f7e;
	font-weight:bold;
}
.gold-color{
	color:#a6812a;
	font-weight:bold;
}
.blue-color{
	color:#246ad2;
	font-weight:bold; 
}
.pink-color{
	color:#e05392;
	font-weight:bold;
}
/* ///////////////////////////////////////////////// icon style */

.icon{
	margin-right:4px;
}

a.link-arrow{
	background:url(img/icon_arrow01.gif) no-repeat left 2px;
	padding-left:15px;
}

/* ///////////////////////////////////////////////// form style */

/* 検索結果 */

.result-wrap{
	letter-spacing:-.40em;
	margin-bottom:10px;
	position:relative;
	/z-index:10;
}

	.result-wrap .result-txt,
	.result-wrap .result-pager{
		display:inline-block;
		letter-spacing:normal;
		/display:inline;
		/zoom:1;
		vertical-align:middle;
		_vertical-align:auto;
	}

.result-pager{
	padding-left:18px;
}
	.result-pager li{
		margin-right:5px;
	}
	.result-pager li span,
	.result-pager li a{
		display:block;
		/display:inline;
		/zoom:1;
	}
	.result-pager li span {
		padding: 2px 7px 4px;
		background-color: #c1b3a4;
		border: 1px solid #c1b3a4;
		color:#fbf9f7;
	}
	
	#main .result-pager li a {
		background-color:#f2eeea;
		border: 1px solid #e8e1da;
		color:#593f36;
		padding: 2px 7px 4px;
		text-decoration:none !important;
	}
	.result-pager li a span{
		border:none;
		background-color:transparent;
		color:#593f36;
		padding:0;
	}
		#main .result-pager li a:hover {
			background-color: #c1b3a4;
			border: 1px solid #c1b3a4;
			color:#fbf9f7;
		}
		#main .result-pager li a:hover span{
			color:#fbf9f7;
		}


/* ///////////////////////////////////////////////// sitemap style */

#main #sitemap li{
	line-height:1.23;
}
.smp-box{
	margin-left:17px;
	width:210px;
}
#sitemap h2 a{
	display:block;
	background-position:left center;
}
#sitemap .smp-list li a{
	background:url(img/icon_arrow01.gif) no-repeat 10px 10px;
	border:none;
	display:inline-block;
	/display:block;
	/zoom:1;
	padding:8px 8px 8px 25px;
	zoom:1;
}

#sitemap a{
	color:#593f36;
	text-decoration:none;
	zoom:1;
}
	#sitemap a:visited{
		color:#593f36;
	}
	#sitemap a:hover{
		color:#baac9d;
		min-height: 1em; /* Mac Firefox */
	}

#sitemap .smpin li a{
	background:none;
	/*color:#d22a37;*/
	padding:2px 8px 4px 25px;
	text-decoration:underline;
	display:block;
}


#sitemap .snav-sttl{
	padding:10px 10px 0;
}
/* ///////////////////////////////////////////////// ご成婚カップルインタビューbox */
.curvy-box2{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/common/css/PIE.htc);
	background-color:#FFF;
	border:1px solid #e8e1da;
	position:relative;
	padding-bottom:46px;
	padding-top:5px;
}