@charset "utf-8";

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


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

Container

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

div#Wrapper{
background: url(../../img/common/contents_bg2.jpg) 50% 0 repeat-y;
}

div#Content {
	width: 984px;
	margin: 0 auto;
	background:none;
	text-align: left;
}

div#Footer {
	background: url(../../img/common/footer2.jpg) 50% 0 no-repeat;
}

*html div#Footer {
	background: url(../../img/common/footer2.jpg) 50% 0 no-repeat;
}


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

Main

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

/*--2階層目トップイメージの高さ調整----------*/
div#Header {
height: 104px;
}

/* ---- MV ----*/
h2.Media {
	width: 940px;
	height:110px;
	margin: 0 auto 30px auto;
	background:url(../img/media/h2_image_media.jpg) no-repeat 0 0;
	text-indent:-9999px;
}

*html h2.Media {
margin: 3px auto 30px auto;
}

div#Media {
width:660px;
background:url(../img/media/media_bg.png) repeat-y 0 0;
}

div#Media div.MediaContents {
background:url(../img/media/media_bg_top.png) no-repeat 0 0;
padding-top:0px;
}

div#Media div.Section {
width:620px;
margin:0 0 15px 20px;
position:relative;
top:15px;
background:url(../img/media/dotline.png) repeat-x left bottom;
padding-bottom:20px;
_zoom: 1;
}

div#Media div.Section div.Photo {
width:262px;
float:left;
font-size:83.4%;
margin-top: 4px;
}

div#Media div.Section h3 {
background:url(../img/media/media_title_bg.png) no-repeat 0 100%;
min-height: 30px;
height: auto !important;
height:30px;
margin:0 0 4px 0;
color:#FF0078;
text-align:left;
padding:5px 0 0 32px;
font-weight:bold;
font-size:120%;
}


*html div#Media div.Section h3 {
	width:620px;
}

div#Media div.Section div.Photo div.PhotoFrame{
background:url(../img/media/photo_frame.png) no-repeat 0 0;
width:262px;
height:173px;
text-align:center;
margin:-3px 0 7px 0;
}

* html div#Media div.Section div.Photo div.PhotoFrame{
margin:0 0 7px 0;
}

div#Media div.Section div.Photo div.PhotoFrame img{
margin-top:8px;
}

div#Media div.Section div.Photo img.BtnEnlarge{
width:91px;
float:right;
height:18px;
margin:0 0 0 8px;
}

div#Media div.Section div.Photo p.FeatureTitle{
width:153px;
float:left;
}


div#Media div.Section div.Text{
width:330px;
float:right;
margin:5px 0 0 0;
text-align:left;
}

*html div#Media div.Section div.Text{
width:310px;
}

div#Media div.Section div.Text p.MediaTitle {
margin:0 0 28px 0;
}

div#Main div.MediaBottom{
width:660px;
background:url(../img/media/media_bg_bottom.png) no-repeat left bottom;
padding-bottom:20px;
}

div#Main div.MediaBottom p.MediaPageTop {
background:url(../img/media/allow_pagetop.png) no-repeat 0 4px;
padding-left:10px;
font-size:84.3%;
margin:9px 0 0 550px;
width:90px;
}

*+html div#Main div.MediaBottom p.MediaPageTop {
background:url(../img/media/allow_pagetop.png) no-repeat 0 7px;
}

* html div#Main div.MediaBottom p.MediaPageTop {
background:url(../img/media/allow_pagetop.png) no-repeat 0 7px;
}


/* -- 2階層目右メニュー高さ調整 ------------ */

div#Sub ul.FirstChild {
	margin-top: -10px;
}


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

ClearFix (必要なければ消す)

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

/* -- Modern Browsers -- */

div#Media div.Section:after, 
div#Media div.MediaContents:after, 
div#Main div.MediaBottom p.MediaPageTop:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}



/*  -- Legacy IE -- */
* html div#Media div.Section, 
* html div#Media div.MediaContents {
	height: 1%;
}