@charset "shift_jis";
/* ----------------------------------------- 
絵本ナビ セグメントページに関わる設定 
----------------------------------------- */

.segment { width: 950px; margin: 0 auto; text-align:left; }

.segment img { border:none; }
.segment a:hover img{ opacity:0.65; filter: alpha(opacity=65); }

.segment div.m_recommend_check div.right table img { border:none; }
.segment div.m_recommend_check div.right table a:hover img{ opacity:1; filter: alpha(opacity=100); }

.segment #mainContent { margin-bottom: 40px; color: #666; margin-top: 20px; }
.segment #mainContent a { color: #643519; }
.segment #mainContent a:hover { color: #ff6600; text-decolation: underline; }

.segment #mainContent .content h2{ padding-bottom:5px; margin-bottom:10px; border-bottom:#630 1px dotted; }
/* ---------- segment common ---------- */

/* .segmentHeader */
.segment #mainContent .segmentHeader{
	position : relative ;
	min-height : 168px ;
	background : url("../_img/ehonnavi_segment/bg_segment_header.png") right bottom no-repeat;
}
.segment #mainContent .segmentHeader h1{
	position : absolute ;
	left : 0 ;
	top : 0 ;
}
.segment #mainContent .segmentHeader p{
	margin : 0 175px 0 113px ;
	color : #630 ;
}
.segment #mainContent .segmentHeader p.title{
	padding : 25px 0 0;
	margin-bottom : 10px ;
	font-size : 133.3% ;
	font-weight : bold ;
}

/* .socialButton */
.segment #mainContent .socialButton{
	margin:0 auto 10px ;
	padding :0px;
	text-align:right;
	position: relative;
	height: 35px;
}
.segment #mainContent .socialButton ul.inlineList{
	float:right;
}
.segment #mainContent .socialButton ul.inlineList li{
	float:left;
	margin: 0 0 0 10px ;
}

/* .innerlink */
.segment #mainContent .innerlink{
	padding : 10px 0 ;
	margin : 0 0 20px ;
	background : url("../_img/ehonnavi_segment/bg_segment_innerlink.gif") left top repeat ;
}
.segment #mainContent .innerlink ul{
	text-align : center ;
}
.segment #mainContent .innerlink ul li{
	display : inline ;
	padding : 0 18px 0 13px ;
	border-right : #630 1px solid ;
}
.segment #mainContent .innerlink ul li.last{
	padding-right : 0 ;
	border-right : none ;
}
.segment #mainContent .innerlink ul li span{
	margin : 0 10px 0 0 ;
	color : #630 ;
	font-size : 83.3% ;
}
.segment #mainContent .innerlink ul li a{
	font-weight : bold ;
}

/* .select */
.segment #mainContent .select{
	position : relative ;
	padding : 5px ;
	margin : 0 0 30px ;
	background : url("../_img/ehonnavi_segment/bg_segment_select.gif") left top repeat ;
	border-radius : 12px ;
}
.segment #mainContent .select h2{
	position : absolute ;
	width : 350px ;
	left : 130px ;
	top : -10px ;
	padding : 5px ;
	margin : 0 auto ;
	background : #fff ;
	text-align : center ;
	color : #630 ;
	font-size : 120% ;
	font-weight : bold ;
}
.segment #mainContent .select .inner{
	padding : 30px 0 15px 35px ;
	background : #fff ;
	border-radius : 10px ;
}
.segment #mainContent .select .inner dl{
	float : left ;
	text-align : center ;
}
.segment #mainContent .select .inner dl dt{
	margin : 0 0 10px ;
}
.segment #mainContent .select .inner ul{
	float : left ;
	padding : 5px 0 0 ;
}
.segment #mainContent .select .inner ul li{
	float : left ;
	width : 100px ;
	margin : 0 0 0 30px ;
}
.segment #mainContent .select .inner ul li .thumbnail{
	display : table ;
	width : 100px ;
	height : 100px ;
	margin : 0 0 10px ;
}
.segment #mainContent .select .inner ul li .thumbnail a{
	display : table-cell ;
	width : 100px ;
	height : 100px ;
	text-align : center ;
	vertical-align : middle ;
}
.segment #mainContent .select .inner ul li .title{
	display : block ;
}

/* editorContent */
.segment #mainContent .editorContent{
	position: relative;
	margin-bottom: 40px;
}
.segment #mainContent .editorContent ul.ind{
}
.segment #mainContent .editorContent ul.ind li{
	display: inline;
}
.segment #mainContent .editorContent ul.ind li.red{
	color: #f60;
}
.segment #mainContent .editorContent ul.ind li.blue{
	color: #39c;
}
.segment #mainContent .editorContent div.inner{
	margin: 0 auto;
}
.segment #mainContent .editorContent div.editorInner{
	margin: 0 auto;
	padding-top: 16px;
}
.segment #mainContent .editorContent ul.editorList{
	margin-bottom: 10px;
}
.segment #mainContent .editorContent ul.editorList li{
	width: 110px;
	float: left;
	margin-right: 20px;
}
.segment #mainContent .editorContent ul.editorList li.last{
	margin-right: 0px;
}
.segment #mainContent .editorContent ul.editorList li .thumbnail{
	display : table ;
	border : #ccc 1px solid ;
	width : 108px ;
	height : 108px ;
	margin : 0 0 5px ;
}
.segment #mainContent .editorContent ul.editorList li .thumbnail a{
	display : table-cell ;
	width : 108px ;
	height : 108px ;
	text-align : center ;
	vertical-align : middle ;
}
.segment #mainContent .editorContent ul.editorList li .title{
	display: block;
	margin-bottom: 4px;
	text-align: left;
}
.segment #mainContent .editorContent ul.editorList li .icon{
	display: block;
	text-align: left;
}
.segment #mainContent .editorContent ul.editorList li .icon img{
	padding-right: 4px;
	vertical-align: baseline;
}
.segment #mainContent .editorContent ul.editorList li .category{
	height : 14px ;
	margin : 0 0 5px ;
	overflow : hidden ;
}
.segment #mainContent .editorContent ul.editorList li .category ul li{
	float : left ;
	width : auto ;
	margin : 0 5px 0 0 ;
	line-height : 14px ;
}
.segment #mainContent .editorContent ul.editorList li .category ul li img{
	vertical-align : bottom ;
}
.segment #mainContent .editorContent .btn{
	padding : 20px ;
	border-top : #630 1px dotted ;
	text-align : center ;
}

/* .theme */
.segment #mainContent .theme{
	margin-bottom: 40px;
}
.segment #mainContent .theme ul.themeList{
	padding : 5px 0 0 10px ;
	margin : 0 0 15px ;
}
.segment #mainContent .theme ul.themeList li{
	float : left ;
	margin : 0 30px 10px 0 ;
	padding : 0 0 0 14px ;
	background : url("../_img/ehonnavi_segment/ico_segment_theme_list.gif") left center no-repeat ;
}
.segment #mainContent .theme .box{
	width : auto ;
	background : none ;
	border : #EFE5D8 2px solid ;
	border-radius : 10px ;
	padding : 10px ;
}
.segment #mainContent .theme .box .inner{
	padding : 10px 0 ;
}
.segment #mainContent .theme .box .inner .box1{
	float : left ;
}
.segment #mainContent .theme .box .inner .box2{
	float : right ;
}
.segment #mainContent .theme .box .inner p{
	margin : 0 ;
}
.segment #mainContent .theme .box .inner p.title{
	height : 50px ;
	margin : 0 ;
	font-size : 114.7% ;
	font-weight : bold ;
	color : #630 ;
}
.segment #mainContent .theme .box .inner p.m_banner01{
	margin : 0 0 14px ;;
}

/* ranking */
.segment #mainContent .rankingList{
	margin-bottom : 40px ;
}
.segment #mainContent .rankingList .header{
	background-image : none ;
}
.segment #mainContent .rankingList .tab{
}
.segment #mainContent .rankingList .tab li{ float:left; margin:0 3px 0 0; }
.segment #mainContent .rankingList .tab li.last{ margin:0; }
.segment #mainContent .rankingList .tab li a{ display:block; width:208px; height:48px;background:url("../img/tab_ranking_evaluation.gif") center top no-repeat;text-indent:-314px; overflow:hidden; }
.segment #mainContent .rankingList .tab li a:hover{ opacity:0.65; }
.segment #mainContent .rankingList .tab li a.review{ background-image:url("../img/tab_ranking_review.gif") }
.segment #mainContent .rankingList .tab li a.popularity{ background-image:url("../img/tab_ranking_popularity.gif") }
.segment #mainContent .rankingList .tab li.current a{ background-image:url("../img/tab_ranking_evaluation_on.gif") }
.segment #mainContent .rankingList .tab li.current a.review{ background-image:url("../img/tab_ranking_review_on.gif") }
.segment #mainContent .rankingList .tab li.current a.popularity{ background-image:url("../img/tab_ranking_popularity_on.gif") }
.segment #mainContent .rankingList .btn{
	margin : 30px 0 0 ;
	text-align : center ;
}
.segment #mainContent .rankingList table td.review{
	border-left : none ;
}
.segment #mainContent .rankingList .ranking{
	display : none ;
}
.segment #mainContent .rankingList .ranking.current{
	display : block ;
}
.segment #mainContent .rankingList .premiumYet div h2{
	border : #f60 2px solid ;
}
/* updates */
.segment #mainContent .updates{
	margin-bottom : 40px ;
}
.segment #mainContent .updates h2{
	margin-bottom : 20px ;
}
.segment #mainContent .updates .header{
	min-height : 1px ;
	padding : 0 0 5px ;
	margin : 0 0 10px ;
	background-image : none ;
	border-bottom : #960 2px dotted ;
}
.segment #mainContent .updates .header h3{
	float : left ;
}
.segment #mainContent .updates .header p{
	float : right ;
	margin : 0 ;
	padding : 0 0 0 10px ;
	background : url("../_img/ehonnavi_segment/ico_segment_updates_header.gif") left center no-repeat ;
}
.segment #mainContent .updates div.inner{
	margin: 0 auto 20px ;
}
.segment #mainContent .updates div.editorInner{
	margin: 0 auto;
	padding-top: 16px;
}
.segment #mainContent .updates ul.editorList{
	margin-bottom: 10px;
}
.segment #mainContent .updates ul.editorList li{
	width: 110px;
	float: left;
	margin-right: 20px;
}
.segment #mainContent .updates ul.editorList li.last{
	margin-right: 0px;
}
.segment #mainContent .updates ul.editorList li .thumbnail{
	display : table ;
	border : #ccc 1px solid ;
	width : 108px ;
	height : 108px ;
	margin : 0 0 5px ;
}
.segment #mainContent .updates ul.editorList li .thumbnail a{
	display : table-cell ;
	width : 108px ;
	height : 108px ;
	text-align : center ;
	vertical-align : middle ;
}
.segment #mainContent .updates ul.editorList li .title{
	display: block;
	margin-bottom: 4px;
	text-align: left;
}
.segment #mainContent .updates ul.editorList li .icon{
	display: block;
	text-align: left;
}
.segment #mainContent .updates ul.editorList li .icon img{
	padding-right: 4px;
	vertical-align: baseline;
}
.segment #mainContent .updates #defaultReviewList{
	margin-top : -10px ;
}
.segment #mainContent .updates #defaultReviewList .header{
	padding : 0 ;
	margin : 0 ;
	border-bottom : none ;
}
.segment #mainContent .updates #defaultReviewList .header h3,
.segment #mainContent .updates #defaultReviewList .header p{
	float : none ;
	background : none ;
	padding : 0 ;
}



.segment div.m_rankingContent#rankingTab .ranking .premiumYet{
	width : 590px ;
	padding : 20px ;
	margin : 30px auto 0 ;
	background : url("../img/bg_premiumyet.gif") left top repeat ;
	_width : 630px ;
	_margin : 0 ;
}
.segment div.m_rankingContent#rankingTab .ranking .premiumYet div{
	padding : 20px 25px ;
	background : #fff ;
}
.segment div.m_rankingContent#rankingTab .ranking .premiumYet div p{
	margin : 13px 0 ;
}
.segment div.m_rankingContent#rankingTab .ranking .premiumYet div h2{
	padding : 5px ;
	border : #f60 2px solid ;
	border-radius : 5px ;
	font-size : 150% ;
	line-height : 140% ;
	color : #630 ;
	font-weight : bold ;
	text-align : center ;
}
.segment div.m_rankingContent#rankingTab .ranking .premiumYet div h2 a{
	color : #f60 ;
}
.segment div.m_rankingContent#rankingTab .ranking .premiumYet div p{
	color : #630 ;
}
.segment div.m_rankingContent#rankingTab .ranking .premiumYet div p.btn{
	text-align : center ;
}
.segment div.m_rankingContent#rankingTab .ranking .premiumYet div .list{
	padding : 15px 25px 5px 17px ;
	background : url("../img/bg_premiumyet_list.gif") left top repeat ;
	border-radius : 10px ;
	text-align : center ;
}
.segment div.m_rankingContent#rankingTab .ranking .premiumYet div ul{
	margin : 0 0 10px ;
}
.segment div.m_rankingContent#rankingTab .ranking .premiumYet div ul li{
	display : inline ;
	margin : 0 2px ;
}



.segment div.reviewBlock div.left,
.segment div.reviewBlock div.right { position: relative; width: 450px; height: 164px; background: url(../_img/ehonnavi_segment/bg_frame_review_updates.gif) no-repeat top center; }

.segment div.reviewBlock div.left div.reviewInner a.cover50 { position: absolute; top: 15px; left: 15px; display: block; width: 69px; height: 69px; border: 1px solid #ccc; text-align: center; }
.segment div.reviewBlock div.left div.reviewInner a.title { position: absolute; top: 90px; left: 15px; display: block; width: 70px; height: 70px; text-align: left; }
.segment div.reviewBlock div.left div.reviewInner dl.m_reviewer { position: absolute; top: 15px; left: 110px; width: 320px; height: 128px; text-align: left; }
.segment div.reviewBlock div.left div.reviewInner dl.m_reviewer a.reviewTitle { display: block; font-weight: bold; margin-bottom: 4px; }
.segment div.reviewBlock div.left div.reviewInner dl.m_reviewer span.user { display: block; font-size: 11px; color: #643519; margin-bottom: 4px; }
.segment div.reviewBlock div.left div.reviewInner dl.m_reviewer span.reviewSummery { clear: both; display: block; margin-top: 4px; }

.segment div.reviewBlock div.right div.reviewInner a.cover50 { position: absolute; top: 15px; left: 15px; display: block; width: 69px; height: 69px; border: 1px solid #ccc; text-align: center; }
.segment div.reviewBlock div.right div.reviewInner a.title { position: absolute; top: 90px; left: 15px; display: block; width: 70px; height: 70px; text-align: left; }
.segment div.reviewBlock div.right div.reviewInner dl.m_reviewer { position: absolute; top: 15px; left: 110px; width: 320px; height: 128px; text-align: left; }
.segment div.reviewBlock div.right div.reviewInner dl.m_reviewer a.reviewTitle { display: block; font-weight: bold; margin-bottom: 4px; }
.segment div.reviewBlock div.right div.reviewInner dl.m_reviewer span.user { display: block; font-size: 11px; color: #643519; margin-bottom: 4px; }
.segment div.reviewBlock div.right div.reviewInner dl.m_reviewer span.reviewSummery { display: block; margin-top: 4px; }

.segment .m_stars01_block { text-indent: 0px; font-weight: bold; color: #f60; font-family: Verdana; vertical-align: baseline; margin-bottom: 8px; } /* 既存パーツ流用 */

/* special */
.segment div.m_specialContent { position: relative; width: 950px; text-align: center; margin-bottom: 40px; }
.segment div.m_specialContent div.inner { width: 914px; margin: 0 auto; }
.segment div.m_specialContent ul.m_specialBanner li { float: left; margin-right: 21px; }
.segment div.m_specialContent ul.m_specialBanner li.last { margin-right: 0px; }

/* publisher */
.segment div.m_publisherContent { position: relative; width: 950px; text-align: center; margin-bottom: 30px; }
.segment div.m_publisherContent div.inner { width: 914px; margin: 0 auto; }
.segment div.m_publisherContent p.title { margin-bottom: 10px; text-align: left; }

.segment div.m_publisherContent ul.recommendList { width: 914px; margin-bottom: 10px; }
.segment div.m_publisherContent ul.recommendList li { width: 110px; float: left; margin-right: 24px; }
.segment div.m_publisherContent ul.recommendList li.last { margin-right: 0px; }
.segment div.m_publisherContent ul.recommendList li a.cover100 { position: relative; display: block; float: left; width: 108px; height: 108px; border: 1px solid #ccc; text-align: center; margin-bottom: 4px; }
.segment div.m_publisherContent ul.recommendList li a.title { display: block; margin-bottom: 4px; text-align: left; }
.segment div.m_publisherContent ul.recommendList li span.pubName { display: block; text-align: left; font-size: 11px; color: #643519; }
.segment div.m_publisherContent ul.recommendList li span.pubName a { font-size: 11px; color: #643519; }

/* calendar */
.segment div.m_calendar { position: relative; width: 950px; text-align: center; margin-bottom: 40px; }
.segment div.m_calendar div.inner { width: 914px; margin: 0 auto; text-align: left; }
.segment div.m_calendar div.inner p.title { padding-bottom: 8px; border-bottom: 3px solid #ffc58a; }

.segment div.m_calendar div.inner dl { margin-bottom: 20px; }
.segment div.m_calendar div.inner dt { clear:left; float: left; width: 100px; padding-top: 10px; padding-bottom: 10px; }
.segment div.m_calendar div.inner dt span { padding-right: 16px; }
.segment div.m_calendar div.inner dt .date { color: #666; }
.segment div.m_calendar div.inner dt .pub { color: #ff6699; }
.segment div.m_calendar div.inner dt .sun { color: #ff6699; }
.segment div.m_calendar div.inner dt .sat { color: #0099cc; }
.segment div.m_calendar div.inner dd { padding-left: 100px; border-bottom: 1px dotted #ffc58a;  padding-top: 10px; padding-bottom: 10px;}
.segment div.m_calendar div.inner dd.same { border-bottom: none;}

/* navi select - club */

.segment div.m_wireToClub { position: relative;  background: url(../_img/ehonnavi_segment/bg_frame_club_top.gif) no-repeat top center; padding-top: 10px; margin-bottom: 30px;  }
.segment div.m_wireToClub div.inner { background: url(../_img/ehonnavi_segment/bg_frame_club_rep.gif) repeat-y top center; padding-left: 15px; padding-right: 12px; padding-bottom: 10px; } 
.segment div.m_wireToClub div.inner div.left { width: 515px; float: left; }
.segment div.m_wireToClub div.inner div.left div.wireTo { width: 515px; }
.segment div.m_wireToClub p.btn { width: 184px; height: 33px; float: right; }
.segment div.m_wireToClub p.price { float: left; width: 280px; color: #f60; font-size: 15px; }
.segment div.m_wireToClub p.price span { font-weight: bold; }

.segment div.m_wireToClub p.segmentText { display: block; position: absolute; top: 1px; right: 12px; text-align: center; width: 380px; height: 27px; color: #643519; font-size: 16px; font-weight: bold; background: url(../_img/ehonnavi_segment/bg_frame_distribute.gif) no-repeat top center; line-height: 27px; }
/*.segment div.m_wireToClub p.logo { position: absolute; top: 16px; left: 438px; }*/
.segment div.m_wireToClub p.title { margin-bottom: 14px; margin-top: 6px; }
.segment div.m_wireToClub p.caption { margin-bottom: 20px; }


.segment div.m_wireToClub ul.distributeList { margin-top: 30px; width: 380px; float: right; }
.segment div.m_wireToClub ul.distributeList li { width: 110px; float: left; margin-right: 24px; }
.segment div.m_wireToClub ul.distributeList li.last { margin-right: 0px; }
.segment div.m_wireToClub ul.distributeList li a.cover100 { position: relative; display: block; float: left; width: 108px; height: 108px; border: 1px solid #ccc; text-align: center; margin-bottom: 4px; }
.segment div.m_wireToClub ul.distributeList li a.title { display: block; margin-bottom: 4px; text-align: left; }






/* ---------- editors' recommend by segment ---------- */
.segment ul.m_wireToEachSegment { width: 950px; background: url(../_img/ehonnavi_segment/bg_link_segment.gif) no-repeat top center; height: 52px; text-align: center; }
.segment ul.m_wireToEachSegment li { display: inline; /*width: 50px;*/ padding-left: 10px; padding-right: 10px; } 
.segment ul.m_wireToEachSegment li a { line-height: 32px; }
.segment ul.m_wireToEachSegment li.current { font-weight: bold; color: #f60; }
.segment .m_headline01 a.m_headline01_link { position: absolute; top: 12px; right: 12px; }

/* pager */
/*CF*/.segment .fruitingCaptionBoundary { min-height: 1px; padding: 0 0 0 0; zoom:100%; width:950px; clear:both; }
/*CF*/.segment .fruitingCaptionBoundary:after {content: ""; clear: both; height: 0; display: block; visibility: hidden; }
.segment .fruitingCaptionBoundary .pageSending { float: right; font-size: 85%; margin: 2px 12px 0 0; }
.segment div.m_editorContent .noPager { padding-top: 32px !important; }






.segment .segmentRelationShop{
	padding : 32px 0 0 32px ;
	margin : 0 0 50px ;
	background : url("../_img/ehonnavi_segment/bg_segmentrelationshop.gif") left top no-repeat ;
}
.segment .segmentRelationShop dl{
}
.segment .segmentRelationShop dl dt{
	float : left ;
	width : 240px ;
}
.segment .segmentRelationShop dl dd{
	float : left ;
	display : table ;
	width : 302px ;
	height : 66px ;
	margin : 0 0 0 27px ;
}
.segment .segmentRelationShop dl dd a{
	display : table-cell ;
	width : 300px ;
	height : 64px ;
	border : #ccc 1px solid ;
	text-align : center ;
	vertical-align : middle ;
}
.segment .segmentRelationShop dl dd a img{
	max-width : 300px ;
	max-height : 64px ;
}


/*******************************************
	0sai renewal
*******************************************/
/* .segmentHeader */
.segment #mainContent .segmentHeader.newLayout{
	position : relative ;
	min-height : 235px ;
	padding : 0 0 15px ;
	background : url("../_img/ehonnavi_segment/bg_segment_header_0.png") right bottom no-repeat;
}
.segment #mainContent .segmentHeader.newLayout .title{
	position : static ;
	margin : 0 0 10px ;
	line-height : 50px ;
	font-size : 18px ;
	font-weight : bold ;
	color : #630 ;
}
.segment #mainContent .segmentHeader.newLayout .title h1{
	float : left ;
	position : static ;
	margin : 0 0 10px ;
	line-height : 50px ;
	font-size : 18px ;
	font-weight : bold ;
	color : #630 ;
}
.segment #mainContent .segmentHeader.newLayout .title p{
	float : left ;
	margin : 0 ;
}
.segment #mainContent .segmentHeader.newLayout p.caption{
	margin : 0 260px 20px 0 ;
	color : #630 ;
	font-size : 14px ;
	line-height : 180% ;
}
.segment #mainContent .segmentHeader.newLayout ul li{
	position : relative ;
	float : left ;
	margin : 0 10px 0 0 ;
	padding : 0 0 0 18px ;
	font-size : 14px ;
}
.segment #mainContent .segmentHeader.newLayout ul li:last-child{
	margin : 0 ;
}
.segment #mainContent .segmentHeader.newLayout ul li span{
	position : absolute ;
	left : 0 ;
	top : 50% ;
	margin-top : -7px ;
	width : 14px ;
	height : 14px ;
	background : #f90 ;
	border-radius : 7px ;
}
.segment #mainContent .segmentHeader.newLayout ul li span:before{
	position : absolute ;
	content : " ";
	width: 0;
	height: 0;
	left : 50% ;
	top : 6px ;
	margin-left : -4px ;
	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: #ffffff transparent transparent transparent;
}
.segment #mainContent .segmentHeader.newLayout ul li span:after{
	position : absolute ;
	content : " ";
	width: 0;
	height: 0;
	left : 50% ;
	top : 4px ;
	margin-left : -4px ;
	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: #f90 transparent transparent transparent;
}
.segment #mainContent .segmentHeader.newLayout ul li a{
	text-decoration : none ;
}
/* .stylelink */
.segment #mainContent .stylelink{
	display : table ;
	margin : 0 0 20px ;
	width : 100% ;
	background-image : url("../_img/ehonnavi_segment/dotline_stylelink.png"),url("../_img/ehonnavi_segment/dotline_stylelink.png") ;
	background-position : left top,left bottom ;
	background-repeat : no-repeat,no-repeat ;
}
.segment #mainContent .stylelink h2{
	display : table-cell ;
	width : 240px ;
	text-align : center ;
	vertical-align : middle ;
}
.segment #mainContent .stylelink ul{
	display : table-cell ;
	padding : 15px 0 ;
}
.segment #mainContent .stylelink ul li{
	position : relative ;
	border-bottom : #ff9a48 1px dotted ;
	padding : 7px 0 7px 14px ;
	font-size : 14px ;
}
.segment #mainContent .stylelink ul li:last-child{
	border-bottom : none ;
}
.segment #mainContent .stylelink ul li:before{
	position : absolute ;
	content : " ";
	width: 0;
	height: 0;
	left : 1px ;
	top : 50% ;
	margin-top : -5px ;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 6px;
	border-color: transparent transparent transparent #ff9900;
}
.segment #mainContent .stylelink ul li:after{
	position : absolute ;
	content : " ";
	width: 0;
	height: 0;
	left : -1px ;
	top : 50% ;
	margin-top : -5px ;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 6px;
	border-color: transparent transparent transparent #fff;
}
/* .editorRecommend */
.segment #mainContent .editorRecommend h2{
	margin : 0 0 15px ;
}
.segment #mainContent .editorRecommend h3{
	margin : 20px 0 ;
}
.segment #mainContent .editorRecommend h4{
	margin : 0 0 5px ;
}
.segment #mainContent .editorRecommend p{
	font-size : 14px ;
	color : #630 ;
	line-height : 160% ;
}
.segment #mainContent .editorRecommend ul{
	margin : 0 0 15px ;
}
.segment #mainContent .editorRecommend ul li{
	position : relative ;
	float : left ;
	width : 110px ;
	padding : 0 0 65px ;
	margin : 0 20px 20px 0 ;
}
.segment #mainContent .editorRecommend ul li:nth-of-type(5n){
	margin-right : 0 ;
}
.segment #mainContent .editorRecommend ul li span.thumbnail{
	display : table ;
	width : 108px ;
	height : 108px ;
	margin : 0 0 5px ;
	border : #ccc 1px solid ;
}
.segment #mainContent .editorRecommend ul li span.thumbnail a{
	display : table-cell ;
	width : 108px ;
	height : 108px ;
	text-align : center ;
	vertical-align : middle ;
}
.segment #mainContent .editorRecommend ul li span.title{
	display : block ;
	margin : 0 0 5px ;
}
.segment #mainContent .editorRecommend ul li span.balloon{
	position : absolute ;
	left : 0 ;
	bottom : 0 ;
	height : 36px ;
	padding : 7px 10px ;
	background : #fef5cc ;
	border-radius : 5px ;
	color : #630 ;
}
.segment #mainContent .editorRecommend ul li span.balloon:after{
	content : " ";
	position : absolute ;
	left : 50px ;
	top : -9px ;
	width : 11px ;
	height : 9px ;
	background : url("../_img/ehonnavi_segment/ico_editorrecommend_balloon.png") center center no-repeat;
}
/* .theme */
.segment #mainContent .theme.newLayout{
	margin-top : 40px ;
}
.segment #mainContent .theme.newLayout h2{
	padding : 0 ;
	margin : 0 0 5px ;
	border : none ;
}
.segment #mainContent .theme.newLayout ul.themeList{
	padding : 0 0 0 40px ;
	margin : 0 ;
}
.segment #mainContent .theme.newLayout ul.themeList li{
	float : left ;
	margin : 15px 40px 0 0 ;
	padding : 0 ;
	background : none ;
}
/* .select */
.segment #mainContent .select.newLayout{
	position : relative ;
	padding : 0 ;
	margin : 0 0 40px ;
	background : none ;
	border-radius : 0 ;
}
.segment #mainContent .select.newLayout h2{
	position : static ;
	width : auto ;
	padding : 0 ;
	margin : 0 auto 20px ;
}
.segment #mainContent .select.newLayout h3{
	margin : 0 auto 5px ;
	text-align : center ;
	color : #ff5400 ;
	font-size : 18px ;
	font-weight : bold ;
}
.segment #mainContent .select.newLayout ul{
	margin : 0 0 20px ;
}
.segment #mainContent .select.newLayout ul li{
	float : left ;
	width : 198px ;
	margin : 0 15px 0 0 ;
	padding : 20px 0 ;
	border : #cdb9a7 1px solid ;
}
.segment #mainContent .select.newLayout ul li:last-child{
	margin : 0 ;
}
.segment #mainContent .select.newLayout ul li span.thumbnail{
	display : table ;
	width : 100px ;
	height : 100px ;
	margin : 0 auto 10px ;
}
.segment #mainContent .select.newLayout ul li span.thumbnail a{
	display : table-cell ;
	width : 100px ;
	height : 100px ;
	text-align : center ;
	vertical-align : middle ;
}
.segment #mainContent .select.newLayout ul li span.title{
	display : block ;
	margin : 0 5px ;
	font-size : 14px ;
	text-align : center ;
}
.segment #mainContent .select.newLayout p.btn{
	width : 290px ;
	margin : 0 auto ;
}
.segment #mainContent .select.newLayout p.btn a{
	display : block ;
	background : #613118 ;
	border-radius : 5px ;
	line-height : 40px ;
	color : #fff ;
	text-align : center ;
	font-size : 18px ;
	font-weight : bold ;
	text-decoration : none ;
}
.segment #mainContent .select.newLayout p.btn a:hover{
	opacity : 0.7 ;
}
/* .box */
.segment #mainContent .box.newLayout{
	width  : auto ;
	padding : 25px 15px ;
	margin : 0 0 35px ;
	background : none ;
	border : #efe5d8 2px solid ;
	border-radius : 10px ;
}
.segment #mainContent .box.newLayout .box1{
	float : left ;
}
.segment #mainContent .box.newLayout .box2{
	float : right ;
}
.segment #mainContent .box.newLayout .box1 p.title,
.segment #mainContent .box.newLayout .box2 p.title{
	height : 45px ;
	font-size : 14px ;
	font-weight : bold ;
	color : #630 ;
}
.segment #mainContent .box.newLayout .box1 p.m_banner01{
	margin-bottom : 5px ;
}
/* ranking */
.segment #mainContent .rankingList.newLayout h2{
	padding : 0 ;
	border : none ;
}
/* updates */
.segment #mainContent .updates.newLayout h2{
	padding : 0 ;
	border : none ;
}