@charset "utf-8";

/*------------------------------------------------------------------------------
HAIR STUDIO Olive - CSS Modules Import
URL: http://
Date: 2009-10-19
Copyright (C) Olive All Rights Reserved.
------------------------------------------------------------------------------*/


/* ----------------------------------------

Container

---------------------------------------- */

/* ----------------------------------------

Main

---------------------------------------- */

/* ---- MV ----*/
div#MainVisual {
	width: 948px;
	margin: 0 auto 17px auto;
}

/* Concept */
div#Main div#Concept {
	background:url(../../img/top/inbox_btm_01.png) 0 100% no-repeat;
	margin-bottom: 15px;
	padding: 10px;
	width:660px;
}

div#Main div#Concept p {
	
}


/* HairCatalogue */

div#Main div#HairCatalogue {
	background:url(../../img/top/inbox_btm_01.png) 0 100% no-repeat;
	margin-bottom: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
	width:660px;
}

div#Main div#Search ul {
	
}

div#Main div#HairCatalogue ul li {
	float: left;
	width: 120px;
	padding-left: 10px;
	text-align: center;
}

div#Main div#HairCatalogue ul li img {
	margin-bottom: 3px;
}

div#Main div#HairCatalogue ul li span {
	text-align: center;
	/*margin-left: 10px;*/
	font-size: 83.4%;
	display: block;
}

/* Search */

div#Main div#Search {
	background:url(../../img/top/inbox_btm_01.png) 0 100% no-repeat;
	margin-bottom: 15px;
	padding-bottom: 10px;
	width:660px;
}

div#Main div#Search ul li {
	float: left;
	width: 120px;
	margin-bottom: 5px;
	padding-left: 10px;
	text-align: center;
}


/* InfoArea */

div#InfoArea div#top_left_box {
	float: left;
	width: 217px;
}


div#InfoArea {
	width: 660px;
}

div#InfoArea div#Blog {
	background:url(../img/top/inbox_btm_02.png) 0 100% no-repeat;
	width: 217px;
}

div#InfoArea div#Blog div.Inbox {
	padding: 5px 10px 10px 10px;
}

div#InfoArea div#Blog div.BlogCat {
	clear: both;
	font-size: 83.4%;
	background: url(../img/common/line_dotted_01.png) 0 100% repeat-x;
	padding-bottom: 5px;
}

div#InfoArea div#Blog div.BlogCatFst {
	font-size: 83.4%;
	padding-bottom: 5px;
}

div#InfoArea div#Blog div.BlogCatLst {
	padding-bottom: 0;
	font-size: 83.4%;
}

div#InfoArea div#Blog h3,
div#InfoArea div#Blog h3 {
	padding-bottom: 12px;
}

div#InfoArea div#Blog ul.ThumbNail,
div#InfoArea div#Blog div.BlogCat ul.ThumbNail {
	float: left;
	width: 50px;
}

div#InfoArea div#Blog div.EntryBody,
div#InfoArea div#Blog div.EntryBody {
	float: left;
	width: 200px;
}

div#InfoArea div#Blog div.EntryBody a,
div#InfoArea div#Blog div.EntryBody a {
	font-weight: bold;
	color: #f60065;
	line-height: 1.334;
}

div#InfoArea div#Blog h4.Author {
	margin-bottom: 5px;
	margin-top: 5px;
	font-weight: normal;
	font-size: 83.4%;
	background: url(../img/top/blog_date_bg.jpg) 0 0 repeat;
	text-align: right;
	padding-right: 3px;
	height: 13px;
}

div#InfoArea div#Blog h4.Author span {
	display: block;
	line-height: 1.0;

}

div#InfoArea div#Blog ul.ThumbNail img,
div#InfoArea div#Blog div.BlogCat ul.ThumbNail img {
	border: 2px solid #d8dad9;
}

div#InfoArea div#Blog h4 img {
	/*color: #fff;
	text-align: center;*/
	float: left;
	width: 77px;
	margin-right: 3px;
	/*padding: 0 5px;*/
	text-align: left;
	vertical-align: top;
}


/* ----------------------------------------

追加分 09/11/30

---------------------------------------- */

.submenu {
	width:217px;
	font-size:12px;
	margin-top:10px;
}


.submenu li {
	background: url(../img/top/icon.jpg) 0 4px no-repeat;
	padding-left:15px;
}












/* MediaArea */
div#InfoArea div#MediaArea {
	float: right;
	width: 426px;
}


/* Media */
div#InfoArea div#MediaArea div#Media div.Inbox {
	background: url(../img/top/inbox_btm_03.png) 0 100% no-repeat;
	padding: 10px;
	margin-bottom: 10px;
	width: 410px;
}

*html div#InfoArea div#MediaArea div#Media div.Inbox {
	width: 426px;
}

div#InfoArea div#MediaArea div#Media div.Inbox img {
	float: left;
	width: 95px;
}

div#InfoArea div#MediaArea div#Media div.Inbox p {
	float: right;
	width: 300px;
}

/* News */

div#InfoArea div#MediaArea div#News div.Inbox {
	background: url(../img/top/inbox_btm_03.png) 0 100% no-repeat;
	padding: 5px 10px 10px 10px;
	margin-bottom: 10px;
	width: 406px;
}

*html div#InfoArea div#MediaArea div#News div.Inbox {
	width: 426px;
}

div#InfoArea div#MediaArea div#News ul li {
	background: url(../img/common/line_dotted_01.png) 0 0 repeat-x;
	font-size: 83.4%;
}

div#InfoArea div#MediaArea div#News ul li div.DateCol {
	float: left;
	width: 85px;
	padding: 10px 0.5em 5px 0;
}

div#InfoArea div#MediaArea div#News li div.TxtCol  {
	margin-left: 0;
	padding: 10px 0.5em 5px 0.5em;
	line-height: 1.334;
}

div#InfoArea div#MediaArea div#News ul li.Fst {
	background: none;
}


div#InfoArea div#MediaArea div#News ul li p {
	text-align: center;
}

div#InfoArea div#MediaArea div#News ul li p.News01 {
	background-color: #98bf06;	
	color: #fff;
	font-size: 83.4%;
}

div#InfoArea div#MediaArea div#News ul li p.News02 {
	background-color: #258de0;	
	color: #fff;
	font-size: 83.4%;
}

div#InfoArea div#MediaArea div#News ul li p.News03 {
	background-color: #c62c12;
	color: #fff;
	font-size: 83.4%;
}

div#InfoArea div#MediaArea div#News ul li p.News04 {
	background-color: #631dcc;
	color: #fff;
	font-size: 83.4%;	
}

div#InfoArea div#MediaArea div#News ul li p.News05 {
	background-color: #db0085;
	color: #fff;
	font-size: 83.4%;
}

/* ----------------------------------------

ClearFix (必要なければ消す)

---------------------------------------- */

/* -- Modern Browsers -- */

div#InfoArea div#MediaArea div#News ul li:after,
div#InfoArea div#MediaArea div#Media div.Inbox:after,
div#InfoArea:after,
div#InfoArea div#Blog div.BlogCatLst:after,
div#InfoArea div#Blog div.BlogCat:after,
div#Main div#Search ul:after,
div#Main div#HairCatalogue ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* -- IE7 -- */
*:first-child+html div#InfoArea div#MediaArea div#News ul li,
*:first-child+html div#InfoArea div#MediaArea div#Media div.Inbox,
*:first-child+html div#InfoArea,
*:first-child+html div#InfoArea div#Blog div.BlogCatLst,
*:first-child+html div#InfoArea div#Blog div.BlogCat,
*:first-child+html div#Main div#Search ul,
*:first-child+html div#Main div#HairCatalogue ul {
	display: inline-block;
}

/*  -- Legacy IE -- */
* html div#InfoArea div#MediaArea div#News ul li,
* html div#InfoArea div#MediaArea div#Media div.Inbox,
* html div#InfoArea,
* html div#InfoArea div#Blog div.BlogCatLst,
* html div#InfoArea div#Blog div.BlogCat,
* html div#Main div#Search ul,
* html div#Main div#HairCatalogue ul {
	height: 1%;
}