@charset "EUC-JP";
/*////////////////////////////////////////////////////////////
MYLOHAS - home.css
------------------------------------------------------------

[Home]
	0. Import
[Layout]
	1. Index
	2. Article


////////////////////////////////////////////////////////////*/

/* ################################################################################
	[Home] home styles
  ################################################################################ */
/* ------------------------------------------------------------
	0. Import
  ------------------------------------------------------------ */
@import url(base.css);


/* ################################################################################
	[Layout] home layout
  ################################################################################ */
/* ------------------------------------------------------------
	1. Index
  ------------------------------------------------------------ */
div#right #magazine {
	width: 811px;
}
div#right #magazine #main {
	width: 500px;
}
div#right #magazine #main h3 {
	width: 500px;
	height: 40px;
}

div#right #magazine #main #latest {
	width: 450px;
	margin: 20px 25px;
}
div#right #magazine #main #latest .block {
	width: 430px;
	margin: 10px;
	border-bottom: 1px dashed #E6E6E6;
}
div#right #magazine #main #latest .setPage {
	width: 430px;
	margin: 30px 10px;
}
div#right #magazine #main #latest .setPage .page {
	color: #CCC;
}


div#right #magazine #main #latest .ad {
	width: 430px;
	padding: 10px 0;
	overflow:hidden;
}
div#right #magazine #main #latest .photo {
	width: 157px !important;
	width: 171px;
	height: 78px !important;
	height: 92px;
	padding: 7px;
	background: #FFF url(../images/frame_157.gif) no-repeat;
	float: left;
}
div#right #magazine #main #latest .text {
	width: 246px !important;
	width: 256px;
	padding: 7px 0 7px 10px;
	float: right;
}
/* ------------------------------------------------------------
	2. Article
  ------------------------------------------------------------ */
div#content #article #flash {
	width: 602px;
	height: 300px;
	margin: 0 0 5px 30px;
}
div#content #article #functions {
	width: 602px;
	height: 33px;
	margin: 0 0 5px 30px;
	background: transparent url(../images/bg_article_functions.gif) repeat-x;
}
div#content #article #date {
	padding: 10px;
	float: left;
}
div#content #article #myclip {
	padding: 10px;
	float: right;
}
div#content #article #otherclips {
	padding: 10px;
	float: right;
}
div#content #article #otherclips ul {
	height: 12px;
}
div#content #article #otherclips li {
	height: 12px;
	display: inline;
}
div#content #article #otherclips li a {
	height: 12px;
	padding-left: 5px;
	border: 0;
}
div#content #article h2.article_beauty {
	margin: 0 0 5px 40px;
	height: 42px;
	background: transparent url(../images/cat_beauty.gif) no-repeat;
}
div#content #article h2.article_food {
	margin: 0 0 5px 40px;
	height: 42px;
	background: transparent url(../images/cat_food.gif) no-repeat;
}
div#content #article h2.article_eco {
	margin: 0 0 5px 40px;
	height: 42px;
	background: transparent url(../images/cat_eco.gif) no-repeat;
}
div#content #article h2.article_study {
	margin: 0 0 5px 40px;
	height: 42px;
	background: transparent url(../images/cat_study.gif) no-repeat;
}
div#content #article h2.article_lifestyle {
	margin: 0 0 5px 40px;
	height: 42px;
	background: transparent url(../images/cat_lifestyle.gif) no-repeat;
}
div#content #article h2.article_others {
	margin: 0 0 5px 40px;
	height: 42px;
	background: transparent url(../images/cat_others.gif) no-repeat;
}
div#content #article h2.article_campaign {
	margin: 0 0 5px 40px;
	height: 42px;
	background: transparent url(../images/cat_campaign.gif) no-repeat;
}
div#content #article h3 {
	width: 562px;
	margin: 0 0 20px 40px;
	font-size: 140%;
	line-height: 150%;
	/* color: #FF6101; */
	color: #B8860B;
}
div#content #article #article_body {
	width: 582px;
	margin: 0 0 5px 30px;
}
div#content #article #article_text {
	width: 400px;
	float: left;
	font-size: 108%;
	line-height: 1.6em;
}
html:first-child #article_text {
	overflow: hidden;
}

div#content .article_credit_orange {
	width: 380px !important;
	width: 400px;
	padding: 10px;
	border: 1px solid #FFDD9F;
	background-color: #FFEECF;
}
*+html div#content .article_credit_orange {
	width: 380px;
}
div#content .article_credit_orange_title {
	padding-bottom: 5px;
	/* color: #FF6101; */
	color: #B8860B;
}
div#content .article_credit_orange_text {
	color : #400;
}
div#content .article_credit_orange_text a {
}
div#content .article_credit {
	width: 380px !important;
	width: 400px;
	padding: 10px;
	border: 1px solid #E3E3E3;
	background-color: #F6F6F6;
}
*+html div#content .article_credit {
	width: 380px;
}
div#content .article_credit_title {
	padding-bottom: 5px;
	/* color: #FF6101; */
	color: #B8860B;
}
div#content .article_credit_text {
	color : #400;
}
div#content .article_credit_text a {
}
div#content .article_credit_green {
	width: 380px !important;
	width: 400px;
	padding: 10px;
	border: 1px solid #BAFDE6;
	background-color: #E7FFF7;
}
*+html div#content .article_credit_green {
	width: 380px;
}
div#content .article_credit_green2 {
	width: 395px !important;
	width: 400px;
	padding: 5px;
	border: 1px solid #BAFDE6;
	background-color: #E7FFF7;
}
*+html div#content .article_credit_green2 {
	width: 380px;
}
div#content .article_credit_green_title {
	padding-bottom: 5px;
	/* color: #FF6101; */
	color: #B8860B;
}
div#content .article_credit_green_text {
	color : #400;
}
div#content .article_credit_green_text a {
}
div#content .article_credit_earth {
	width: 380px !important;
	width: 400px;
	padding: 10px;
	border: 1px solid #DBDBBB;
	background-color: #F6F6E1;
}
*+html div#content .article_credit_earth {
	width: 380px;
}
div#content .article_credit_earth2 {
	width: 450px !important;
	width: 455px;
	padding: 10px;
	border: 1px solid #DBDBBB;
	background-color: #F6F6E1;
}
*+html div#content .article_credit_earth2 {
	width: 380px;
}
div#content .article_credit_earth_title {
	padding-bottom: 5px;
	/* color: #FF6101; */
	color: #B8860B;
}
div#content .article_credit_earth_text {
	color : #400;
}
div#content .article_credit_earth_text a {
}
div#content #article_sub {
	width: 167px;
	float: right;
}
div#content #article_sub .photo {
	width: 167px;
	padding-bottom: 5px;
	text-align: center;
	margin: 0 auto;
}
div#content #article_sub .text {
	width: 167px;
	padding-bottom: 15px;
	font-size: 85%;
	color : #FF6101;
}
div#content #article #set_link {
	width: 582px;
	margin: 0 0 5px 30px;
	padding-top: 20px;
}

div#content #article #article_others {
	width: 602px;
	margin: 0 0 5px 30px;
}


div#content #article .sub_credit {
	width: 147px !important;
	width: 167px;
	padding: 10px;
	border: 1px solid #E3E3E3;
	background-color: #F6F6F6;
}
*+html div#content #article .sub_credit {
	width: 147px;
}
div#content #article .sub_credit_title {
	padding-bottom: 5px;
	font-size: 15px;
	/* color: #FF6101; */
	color: #B8860B;
}
div#content #article .sub_credit_text {
	font-size: 15px;
	line-height: 17px;
	color : #400;
}
div#content #article .sub_credit_text a {
	font-size: 15px;
	line-height: 17px;
}
div#content #article .sub_credit_green {
	width: 147px !important;
	width: 167px;
	padding: 10px;
	border: 1px solid #BAFDE6;
	background-color: #E7FFF7;
}
*+html div#content #article .sub_credit_green {
	width: 147px;
}
div#content #article .sub_credit_green_title {
	padding-bottom: 5px;
	/* color: #FF6101; */
	color: #B8860B;
}
div#content #article .sub_credit_green_text {
	color : #400;
}
div#content #article .sub_credit_green_text a {
}
div#content #article .sub_credit_orange {
	width: 147px !important;
	width: 167px;
	padding: 10px;
	border: 1px solid #FFDD9F;
	background-color: #FFEECF;
}
*+html div#content #article .sub_credit_orange {
	width: 147px;
}
div#content #article .sub_credit_orange_title {
	padding-bottom: 5px;
	/* color: #FF6101; */
	color: #B8860B;
}
div#content #article .sub_credit_orange_text {
	color : #400;
}
div#content #article .sub_credit_orange_text a {
}
div#content #article .sub_credit_earth {
	width: 147px !important;
	width: 167px;
	padding: 10px;
	border: 1px solid #DBDBBB;
	background-color: #F6F6E1;
}
*+html div#content #article .sub_credit_earth {
	width: 147px;
}
div#content #article .sub_credit_earth_title {
	padding-bottom: 5px;
	/* color: #FF6101; */
	color: #B8860B;
}
div#content #article .sub_credit_earth_text {
	color : #400;
}
div#content #article .sub_credit_earth_text a {
}
#article_others_title {
	width: 602px;
	height: 27px;
	background-image: url(../images/title_article_others.gif);
	background-repeat:  no-repeat;
}
#article_others_list {
	width: 592px !important;
	width: 600px;
	padding: 5px 4px 4px;
	border-left: 1px solid #E3E3E3;
	border-right: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
}
*+html #article_others_list {
	width: 592px;
}
.article_others_block {
	width: 148px;
	float: left;
}
.article_others_photo {
	width: 134px !important;
	width: 148px;
	height: 68px !important;
	height: 82px;
	padding: 7px;
	background: #FFF url(../common_files_200908/images/frame_134.gif) no-repeat;
	overflow: hidden;
}
*+html .article_others_photo {
	width: 134px;
	height: 68px;
}
.article_others_title {
	width: 134px !important;
	width: 148px;
	padding: 0 7px;
	font-size: 12px;
	line-height: 14px;
}
*+html .article_others_title {
	width: 134px;
}
.article_others_title a {
	font-size: 12px;
}
.article_others_text {
	width: 134px !important;
	width: 148px;
	padding: 0 7px;
	font-size: 10px;
}
*+html .article_others_text {
	width: 134px;
}


  /* Special Flash
---------------------------------------------------------------------------------------- */
#flash_contents {
	width:962px;
	height:560px;
	margin:0 2px 10px 2px;
}
#flash_contents_links {
	width:942px;
	margin:0 0 10px 10px;
}
.flash_contents_links_box {
	width:940px;
	border:solid 1px #e3e3e3;
	background-color:#f6f6f6;
	margin:0 0 2px 0;
}
.flash_contents_links_box_left {
	width:151px;
	float:left;
	padding:8px 0 8px 8px;
}
#contents .flash_contents_links_box_left p {
	color:#b8860b;
}
.flash_contents_links_box_right {
	width:763px;
	float:right;
	padding:8px 8px 8px 0;
}
#contents .flash_contents_links_box_right p,
#contents .flash_contents_links_box_right p a {
	font-size:14px;
}
.area_195_block_title_flash_contents {
	width:195px;
	height:32px;
}
.area_195_block_flash_contents_bg01 {
	width:195px;
	background:transparent url(../common_files_200908/images/list_information_bg01.gif) top left repeat-y;
}
.area_195_block_flash_contents_bg02 {
	width:170px !important;
	width:195px;
	background:transparent url(../common_files_200908/images/list_information_bg02.gif) bottom left no-repeat;
	padding:11px 0 1px 25px;
}
*+html .area_195_block_flash_contents_bg02 {
	width: 170px;
}
#flash_contents_banners {
	width:942px;
	margin:0 0 10px 10px;
}

#flash_contents_banners2_left {
	width:468px;
	height:60px;
	float:left;
}
#flash_contents_banners2_right {
	width:468px;
	height:60px;
	float:right;
}

#flash_contents_banners3_left {
	width:310px !important;
	width:316px;
	height:60px;
	padding-right: 6px;
	float:left;
}
#flash_contents_banners3_right {
	width:310px;
	height:60px;
	float:right;
}


/* ################################################################################
	[Clearfix] Clearfix CSS Hack
   ################################################################################ */
div#right #magazine #main #latest .block:after,
div#content #article_sub:after,
div#content #article #article_body:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

div#right #magazine #main #latest .block,
div#content #article_sub,
div#content #article #article_body {
	display:inline-block;
}

/* exclude MacIE5 [start] \*/
* html div#right #magazine #main #latest .block,
* html div#content #article_sub,
* html div#content #article #article_body {
	height:1%;
}
div#right #magazine #main #latest,
div#content #article_sub,
div#content #article #article_body {
	display:block;
}
/* exclude MacIE5 [end] */