@charset "utf-8";
/* CSS Document */

/*特集全体
------------------------*/

.feature_wrap {
	width: 662px;
	margin-bottom: 15px;
	margin-left: 14px;
}

.feature_title {
	background: url(../images/index/feature_title.gif) no-repeat;
	text-indent: -9999px;
	height: 38px;
	width: 548px;
	margin-bottom: 5px;
}
.hed_img {
	margin-bottom: 10px;
	height: 301px;
	width: 677px;
}
.hed_img a {
	background: url(../images/index/hed_img.jpg) no-repeat;
	height: 301px;
	width: 677px;
	text-indent: -9999px;
	display:block;
}

.food_btn_read {
	background: url(../images/index/icon_read.gif) no-repeat left center;
	height: 12px;
	width: 100px;
	margin-left: 205px;
	padding-left: 15px;
	margin-top: 5px;
}
.food_btn_read02 {
	height: 12px;
	width: 75px;
	background: url(../images/index/icon_read.gif) no-repeat left center;
	margin-left: 90px;
	padding-left: 15px;
	margin-top: 10px;
}
.mono_btn_read {
	background: url(../images/index/icon_read.gif) no-repeat left center;
	height: 12px;
	width: 100px;
	margin-left: 205px;
	padding-left: 15px;
	margin-top: 5px;
}
.mono_btn_read02 {
	height: 12px;
	width: 75px;
	background: url(../images/index/icon_read.gif) no-repeat left center;
	margin-left: 90px;
	padding-left: 15px;
	margin-top: 10px;
}
.beauty_btn_read {
	background: url(../images/index/icon_read.gif) no-repeat left center;
	height: 12px;
	width: 100px;
	margin-left: 205px;
	padding-left: 15px;
	margin-top: 5px;
}
.beauty_btn_read02 {
	height: 12px;
	width: 75px;
	background: url(../images/index/icon_read.gif) no-repeat left center;
	margin-left: 90px;
	padding-left: 15px;
	margin-top: 10px;
}

.feature_l h3 {
	font-size: 1.2em;
	margin-bottom: 5px;
}
.feature_r h3 {
	font-size: 1em;
	margin-bottom: 5px;
}

/*feature_l
------------------------*/

.feature_l {
	float: left;
	width: 320px;
}
.feature_main_img {
	height: 224px;
	width: 320px;
	margin-bottom: 5px;
}
.feature_main_img a {
	background: url(../images/index/feature_main_img.jpg) no-repeat;
	height: 224px;
	width: 320px;
	text-indent: -9999px;
	margin-bottom: 5px;
	display: block;
}

/*feature_r
------------------------*/

.feature_r {
	float: right;
	width: 327px;
}
.feature_side_img01 {
	height: 76px;
	width: 131px;
	float: left;
}
.feature_side_img01 a {
	background: url(../images/index/feature_side_img01.jpg) no-repeat;
	height: 76px;
	width: 131px;
	text-indent: -9999px;
	display: block;
}
.feature_side_img02 {
	height: 76px;
	width: 131px;
	float: left;
}
.feature_side_img02 a {
	background: url(../images/index/feature_side_img02.jpg) no-repeat;
	height: 76px;
	width: 131px;
	text-indent: -9999px;
	display: block;
}
.feature_side_img03 {
	height: 76px;
	width: 131px;
	float: left;
}
.feature_side_img03 a {
	background: url(../images/index/feature_side_img03.jpg) no-repeat;
	height: 76px;
	width: 131px;
	text-indent: -9999px;
	display: block;
}

/*feature_sub_box
------------------------*/

.feature_sub_box {
	width: 327px;
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
}
.feature_sub_r {
	float: right;
	width: 186px;
}
.feature_sub_title {
	font-size: 0.9em;
}
.feature_detail {
	background: #EAEAEA;
	width: 662px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*feature_detail
------------------------*/

.feature_detail_l01 {
	float: left;
	width: 90px;
	background: url(../images/index/feature_title02.gif) no-repeat center top;
	height: 33px;
	text-indent: -9999px;
}
.feature_detail_l02 {
	float: left;
	width: 90px;
	background: url(../images/index/feature_title03.gif) no-repeat center top;
	height: 33px;
	text-indent: -9999px;
}
.feature_detail_l03 {
	float: left;
	width: 90px;
	background: url(../images/index/feature_title04.gif) no-repeat center top;
	height: 33px;
	text-indent: -9999px;
}
.feature_detail_r {
	float: right;
	width: 570px;
	border-left: 1px dotted #5D5D5D;
}
.feature_detail_r ul {
	margin: 0px;
	padding: 0px;
}
.feature_detail_r li {
	float: left;
	list-style: none;
	width: 280px;
	padding-left: 5px;
	font-size: 0.9em;
	line-height: 1.5em;
}

/*article_wrap
------------------------*/

.article_wrap_br {
	width: 662px;
	padding-bottom: 15px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 15px;
	margin-left: 14px;
}
.article_wrap {
	width: 662px;
	padding-left: 14px;
	margin-bottom: 15px;
}

/*sns_side_article
------------------------*/

.sns_side_article_title {
	font-size: 1.2em;
	height: 15px;
	padding: 0px;
	margin: 5px 0px 8px;
	font-weight:bold;
}
.sns_side_article_photo {
	width: 250px;
	margin-bottom: 10px;
}
.sns_side_article {
	float: left;
	width: 250px;
	padding-right: 10px;
	margin-bottom: 10px;
	height: 270px;
}
.sns_side_article p {
	margin-bottom: 5px;
}

.sns_side_article_read {
	background: url(../images/index/btn_read.gif) no-repeat;
	height: 12px;
	width: 88px;
	margin-left: 162px;
	text-indent: -9999px;
	display: block;
	margin-top: 10px;
}

/*new_article
------------------------*/

#new_article_wrap {
	width: 660px;
	margin-left: 14px;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#new_article_title {
	background: url(../images/index/title_new_article.gif) no-repeat;
	height: 20px;
	width: 200px;
	text-indent: -9999px;
}

.new_article_title_r {
	font-size: 1.2em;
	padding: 0px;
	margin: 0px 0px 15px;
}
.new_article {
	float: left;
	width: 320px;
	height: 160px;
	padding-right: 10px;
	padding-bottom: 10px;
}
.new_article p {
	margin-bottom: 15px;
}
.new_btn_read {
	background: url(../images/index/icon_read.gif) no-repeat left center;
	height: 12px;
	width: 100px;
	margin-left: 205px;
	padding-left: 15px;
	margin-top: 5px;
}

/*food_article
------------------------*/

.food_article_title {
	font-size: 1.2em;
	height: 15px;
	padding: 0px;
	margin: 0px 0px 10px;
}
.food_article_photo {
	width: 320px;
	margin-bottom: 10px;
}
.food_article {
	float: left;
	width: 320px;
	padding-right: 10px;
	margin-bottom: 10px;
	height: 270px;
}
.food_article p {
	margin-bottom: 5px;
}

/*mono_article
------------------------*/

.mono_article_title {
	font-size: 1.2em;
	height: 15px;
	padding: 0px;
	margin: 0px 0px 10px;
}
.mono_article_photo {
	width: 320px;
	margin-bottom: 10px;
}
.mono_article {
	float: left;
	width: 320px;
	padding-right: 10px;
	margin-bottom: 10px;
	height: 270px;
}
.mono_article p {
	margin-bottom: 5px;
}

/*beauty_article
------------------------*/

.beauty_article_title {
	font-size: 1.2em;
	height: 25px;
	padding: 0px;
	margin: 0px 0px 10px;
}
.beauty_article_photo {
	width: 320px;
	margin-bottom: 10px;
}
.beauty_article {
	float: left;
	width: 320px;
	padding-right: 10px;
	margin-bottom: 10px;
	height: 270px;
}
.beauty_article p {
	margin-bottom: 5px;
}
/*travel_article
------------------------*/

.travel_article_title {
	font-size: 1.2em;
	height: 15px;
	padding: 0px;
	margin: 0px 0px 10px;
}
.travel_article_photo {
	width: 320px;
	margin-bottom: 10px;
}
.travel_article {
	float: left;
	width: 650px;
	padding-right: 10px;
	margin-bottom: 10px;
	height: 270px;
}
.travel_article p {
	margin-bottom: 5px;
}
.other_article {
	float: left;
	width: 320px;
	padding-right: 10px;
	margin-bottom: 10px;
	height: 135px;
}

.other_article_title {
	font-size: 1.2em;
	height: 15px;
	padding: 0px;
	margin: 0px 0px 10px;
}
.article_title_l {
	float: left;
	width: 200px;
	margin-bottom: 20px;
}
.article_title_r {
	float: right;
	width: 82px;
	height: 20px;
}
.article_title_r ul {
	margin: 0px;
	padding: 0px;
}
.article_title_r li {
	list-style: none;
	float: left;
}
.article_text_box {
	float: left;
	width: 180px;
}
.article_text_title {
	font-size: 1em;
	margin-bottom: 5px;
}
#rss a {
	background: url(../images/index/btn_rss.gif) no-repeat 0px 0px;
	height: 20px;
	width: 50px;
	text-indent: -9999px;
	display: block;
}
.list a {
	background: url(../images/index/btn_rss.gif) no-repeat -50px 0px;
	height: 20px;
	width: 82px;
	text-indent: -9999px;
	display: block;
}
/*food
------------------------*/
#food_title {
	background: url(../images/index/title_food.gif) no-repeat;
	height: 20px;
	width: 100px;
	text-indent: -9999px;
}

/*mono
------------------------*/
#mono_title {
	background: url(../images/index/title_mono.gif) no-repeat;
	height: 20px;
	width: 100px;
	text-indent: -9999px;
}
/*beauty
------------------------*/
#beauty_title {
	background: url(../images/index/title_beauty.gif) no-repeat;
	height: 20px;
	width: 100px;
	text-indent: -9999px;
}
/*travel
------------------------*/
#travel_title {
	background: url(../images/index/title_travel.gif) no-repeat;
	height: 20px;
	width: 100px;
	text-indent: -9999px;
}

/*other
------------------------*/
#other_title {
	background: url(../images/index/title_other.gif) no-repeat;
	height: 20px;
	width: 100px;
	text-indent: -9999px;
}

/*school
------------------------*/
#school_title {
	background: url(../images/index/title_school.gif) no-repeat;
	height: 20px;
	width: 100px;
	text-indent: -9999px;
}
/*bridal
------------------------*/
#bridal_title {
	background: url(../images/index/title_bridal.gif) no-repeat;
	height: 20px;
	width: 100px;
	text-indent: -9999px;
}


/*school・other・travel共通
-----------------------------------------------*/
.btn_read02 {
	height: 12px;
	width: 80px;
	background: url(../images/index/icon_read.gif) no-repeat left center;
	margin-left: 85px;
	padding-left: 15px;
	margin-top: 10px;
}

.photo_r {
	height: 75px;
	width: 130px;
	margin-bottom: 10px;
	float: right;
}

/*アイコン・ボタン
------------------------*/

.h_icon {
	padding: 0px;
	height: 18px;
	width: 40px;
	margin: 0px 0px 0px 5px;
}
.btn_category01 {
	height: 50px;
	width: 300px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
}
.btn_category01 a {
	background: url(../images/index/btn_category.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 300px;
}
.btn_category01 a:hover {
	background: url(../images/index/btn_category.gif) no-repeat 0 -50px;
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 300px;
}
.btn_category02 {
	height: 50px;
	width: 300px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
}
.btn_category02 a {
	background: url(../images/index/btn_category.gif) no-repeat -300px 0;
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 300px;
}
.btn_category02 a:hover {
	background: url(../images/index/btn_category.gif) no-repeat -300px -50px;
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 300px;
}
.btn_category03 {
	height: 50px;
	width: 300px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
}
.btn_category03 a {
	background: url(../images/index/btn_category.gif) no-repeat -600px 0;
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 300px;
}
.btn_category03 a:hover {
	background: url(../images/index/btn_category.gif) no-repeat -600px -50px;
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 300px;
}

/*pickup
------------------------*/

#pickup_article {
	float: left;
	width: 320px;
	margin-bottom: 10px;
	height: 550px;
	padding-right: 10px;
}
#pickup_article_photo {
	width: 250px;
	margin-bottom: 10px;
	height: 318px;
	background: url(../images/category/food/bg_pickup_img.gif) no-repeat;
	padding: 80px 30px 42px;
}
.btn_pickup_read {
	background: url(../images/index/icon_read.gif) no-repeat left center;
	height: 12px;
	width: 100px;
	margin-left: 205px;
	padding-left: 15px;
	margin-top: 5px;
}
.food_btn_read {
	background: url(../images/index/icon_read.gif) no-repeat left center;
	height: 12px;
	width: 100px;
	margin-left: 205px;
	padding-left: 15px;
	margin-top: 5px;
}
.bridal_btn_read {
	background: url(../images/index/icon_read.gif) no-repeat left center;
	height: 12px;
	width: 100px;
	margin-left: 205px;
	padding-left: 15px;
	margin-top: 5px;
}