@charset "utf-8";

/* =========================================================
	1.main
	2.今月の特集
		3.エリア限定特集
		4.freeBox
	5.SNS
========================================================= */

/*----------------------------------------------------------
	01.main
--------------------------------------------------------- */

.contentBox{
	padding-bottom: 30px;
	padding-top: 5px;
}

.titleBar {
	background: url(../img/title_back01.gif) no-repeat 0 0;
	height: 29px;
	margin: 10px 0 15px;
	overflow: hidden;
	width: 100%;
}

.titleBar h1 {
	color: #595959;
	float: left;
	font-weight: bold;
	line-height: 2.23;
	padding-left: 20px;
}

.titleBar .date {
	color: #e53030;
	float: right;
	font-size: 77%;
	line-height: 2.9;
	padding-right: 10px;
}

.textBox {
	 width: 450px;
}

.textBox p {
	margin-bottom: 15px;
	color: #999;
}

#headword h1 {
	background: url(../img/ttl_pic01.gif) no-repeat 0 0;
	color: #5f5f5f;
	font-size: 108%;
	font-weight: bold;
	height: 29px;
	padding-left: 36px;
	padding-top: 18px;
}

/*----------------------------------------------------------
	02.今月の特集
--------------------------------------------------------- */

.monthInbox {
	background-image: none;
	border-bottom: dotted 1px #ccc;
	margin: 0;
	padding: 20px 10px 10px;
	position: relative;
	width: 690px;
}

.monthInbox:hover {
	background-color: #ffe8e8;
}

.monthInbox:hover h1 {
	color: #FD6262;
}

.monthInbox h1 {
	color: #333;
	font-size: 24px;
	line-height: 1.5;
	padding-bottom: 10px;
}

.monthInbox h1 span {
	display: block;
	font-size: 15px;
	font-weight: normal;
}

.monthInbox .thum {
	float: right;
	width: 216px;
}

.areaLink {
	display: block;
	float: left;
	padding: 10px 10px 10px 0;
}

.areaLink li {
	float: left;
	margin: 0 10px 10px 0;
}

.areaLink a {
	background-color: #FFF4F4;
	border-radius: 3px;
	border: solid 1px #F9D8D8;
	color: #fd7878;
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	min-width: 4em;
	padding: 12px 15px;
	text-align: center;
	text-decoration: none;
}

.areaLink a:hover {
	background-color: #FFD9D9;
	border: solid 1px #F99D9D;
	color: #FD6262;
}

/*----------------------------------------------------------
	03.エリア限定特集
--------------------------------------------------------- */

.limitedArea {
	float: left;
	padding-bottom: 0;
	padding-top: 10px;
	width: 720px;
}

.limitedArea .even {
	margin-right: 0;
}

.recommendArea {
	background: url(../img/recommend_area_sp.gif) no-repeat 0 0;
	display: block;
	float: left;
	height: 96px;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 7px 0 0 7px;
	width: 342px;
}

.recommendArea:hover {
	background-position: 0 -103px;
}

.recommendArea a:hover {
	text-decoration: none;
}

.recommendArea .leftImage {
	float: left;
	margin-right: 12px;
}

.recommendArea .rightBox {
	color: #7e5238;
	float: left;
	padding: 20px 0 0;
	text-decoration: none;
}

.recommendArea .rightBox .area {
	color: #f06464;
	font-size: 153%;
	padding-top: 5px;
}

/*----------------------------------------------------------
	03.freeBox
--------------------------------------------------------- */

.freeBox {
	clear: both;
	margin-left: -10px;
	overflow: hidden;
	position: relative;
}

.freeBox .freeInbox {
	background-image: url(../img/reco_contents.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	float: left;
	height: 86px;
	margin: 0 0 8px 10px !important;
	overflow: hidden;
	padding: 8px;
	width: 213px;
}

.freeBox .freeInbox:hover {
	background-image: url(../img/reco_contents.gif);
	background-position: 0 -102px;
	text-decoration: none;
}

.freeBox .freeInbox a {
	text-decoration: none;
}

.freeInbox .thum {
	display: block;
	float: left;
	padding-right: 7px;
	width: 93px;
}

.freeInbox .textBox {
	float: left;
	width: 110px;
}

.freeInbox .textBox h1 {
	color: #7e5238;
	cursor: pointer;
	font-size: 93%;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 2px;
	text-decoration: underline;
}

.freeBox .freeInbox:hover .textBox h1 {
	text-decoration: none;
}

.freeInbox .textBox p {
	color: #666;
	cursor: pointer;
	font-size: 77%;
	font-weight: normal;
	line-height: 1.3;
}

/*----------------------------------------------------------
	05.SNS
--------------------------------------------------------- */

#snsInr { clear: both; margin: 20px auto 0; width: 950px;}
#snsInr a { text-decoration: underline; }
#snsInr a:hover { text-decoration: none; }
#snsInr .left { width: 409px;}
#snsInr .useful, #snsInr .spSite { padding-left: 60px;}
#snsInr .ttl { background: #EEEEEE; font-size: 93%; font-weight: bold; padding: 8px 10px 6px;}
#snsInr .left .ttl { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-bottom: 10px;}
#snsInr .left .text { line-height: 120%; font-size: 93%;}
#snsInr .useful { background: url(/wedding/img/bg_book.jpg) 12px top no-repeat;}
#snsInr .spSite { background: url(/wedding/img/bg_sp.jpg) 8px top no-repeat; margin-top: 20px;}
#snsInr .twitter { margin-top: 20px;}
.twitter .ttl p { float: left; margin-top: 3px;}
.twitter .follow { float: right;}
#snsInr .right { width: 530px;}
#snsInr .right .ttl { font-size: 100%;}
#snsInr .right .ttl h1 { font-weight: bold; float: left; font-size: 93%;}
#snsInr .right .ttl p { float: right; font-weight: normal; color: #666666; font-size: 77%;}
#apiBox { border: #D9D9D9 1px solid; border-top: none; clear: both;}
.snsList { margin-top: 10px;}
.snsList li { line-height: 100%; float: right; margin-left: 10px;}
.snsList li.tweet { width: 96px; overflow: hidden;}
.snsList li.plus { width: 74px; overflow: hidden;}


/*----------------------------------------------------------
	06.プロポーズ特集
--------------------------------------------------------- */
/*.propose ul.areaLink {
	width: 468px;
}
*/