@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.Blog {
	width: 940px;
	height:110px;
	margin: 0 auto 20px auto;
	background:url(../img/blog/h2_image_blog.png) no-repeat 0 0;
	text-indent:-9999px;
}

*html h2.Blog {
margin: 3px auto 20px auto;
}

div#Blog {
width:660px;
}


div.ComingSoon {
background:url(../img/blog/comingsoon.png) no-repeat 0 0;
width:660px;
height:401px;
margin-bottom:3px;
}

div.ComingSoon p {
position:absolute;
left:-9999px;
}

/*ブログトップページ------------------------------------*/

div#Blog div.BlogBg {
background:url(../img/blog/blog_flame_bg.png) repeat-y 0 0;
margin-bottom:15px;
}




div#Blog div.BlogTop {
background:url(../img/blog/blog_flame_top.png) no-repeat 0 0;
padding-top:50px;
}

div#Blog div.BlogBottom {
background:url(../img/blog/blog_flame_bottom.png) no-repeat left bottom;
padding-bottom:0px;
}

div#Blog div.BlogContents {
width:555px;
margin:0 0 0 50px;
padding-bottom:50px;
}

div#Blog div.BlogContents img {
margin:7px 0;
}

div#Blog div.BlogTitle {
background:#e7eedb url(../img/blog/blog_title_bottom.png) repeat-x left bottom;
padding:10px 0;
width:437px;
margin:0 0 17px 0;
}

div#Blog div.BlogTitle div.BlogIcon {
background:url(../img/blog/icn_blog_title.png) no-repeat 0 5px;
margin:0 0 0 12px;
width:390px;
padding-left:25px;
}

* html div#Blog div.BlogTitle div.BlogIcon {
width:415px;
}


div#Blog div.BlogTitle p.Date {
font-size:90%;
float:left;
width:100px;
}

div#Blog div.BlogTitle p.Name {
text-align:right;
font-size:90%;
float:right;
width:255px;
}

div#Blog div.BlogTitle h3 {
font-size:120%;
font-weight:bold;
clear:both;
}

div#Blog div.BlogContents div.BlogText {
margin:0 0 20px 0;
}

div#Blog div.BlogContents div.BlogEnd {
background:url(../img/blog/blog_dotline.png) no-repeat 0 0;
padding:15px 0 0 0;
}

div#Blog div.BlogContents div.BlogEnd p.Category {
float:left;
width:50%;
}

div#Blog div.BlogContents div.BlogEnd p.CommentNum {
float:right;
width:35%;
text-align:right;
}

div#Blog div.BlogContents div.NoDotLine {
background:none !important;
padding:0;
}

/*ブログ詳細画面---------------------------*/
div#Blog div.CommentContents {
background-color:#e7eedb;
padding:15px 0;
margin:0 0 20px 0
}

div#Blog div.CommentContents div.CommentNum {
font-weight:bold;
margin:0 0 0 15px;
background:url(../img/blog/blog_comment_icn.png) no-repeat 0 0;
padding-left:22px;
}

div#Blog div.CommentContents div.CommentHead {
border-top:1px solid #5a4a09;
padding-top:5px;
width:520px;
margin:5px 0 0 15px;
}

div#Blog div.CommentContents p.CommentName {
float:left;
width:40%;
color:#cc003d;
margin:0 0 5px 0;
}

div#Blog div.CommentContents p.CommentDate {
float:right;
width:40%;
text-align:right;
font-size:84.3%;
margin:0 0 5px 0;
}

div#Blog div.CommentContents div.CemmentText {
margin:0 0 0 15px;
clear:both;
background:url(../img/blog/blog_comment_dotline.png) repeat-x 0 0;
padding:7px 0 15px 0;
width:520px;
font-size:84.3%;
}

div#Blog div.CommentContents table.CommentForm {

}

div#Blog div.CommentContents table.CommentForm th {
font-size:84.3%;
width:100px;
}

div#Blog div.CommentContents table.CommentForm th, 
div#Blog div.CommentContents table.CommentForm td {
padding:5px;
}

div#Blog div.CommentContents table.CommentForm th span.required {
color:#cc003d;
}

div#Blog div.CommentContents table.CommentForm td input.TextField1 {
width:180px;
}

div#Blog div.CommentContents table.CommentForm td input.TextField2 {
width:300px;
}

div#Blog div.CommentContents table.CommentForm td input.TextField3 {
width:370px;
}

div#Blog div.CommentContents table.CommentForm td textarea.TextField4 {
width:340px;
height:100px;
}


div#Blog div.CommentContents div.SendBtn {
text-align:center;
margin:10px 0;
}

/*ページ送り---------------------*/
div.AlignCenter {
text-align:center;
}

table#Pager{
margin:0 auto;
}

table#Pager td{
padding:5px 15px 5px 15px;
background-color:#f2f2d9;
text-align:left;
}

table#Pager td p.AllNumber {
font-size:83%;
margin:0 0 0 0;
}

table#Pager td ul.Pages {
margin:4px 0 0 0;
}

table#Pager td ul.Pages li {
margin:0 2px;
}

table#Pager td ul.Pages li.Now {
background-color:#fffebc;
border:1px solid #c4bb99;
line-height:100%;
text-align:center;
float:left;
}

table#Pager td ul.Pages li.Page {
background-color:#FFFFFF;
border:1px solid #c4bb99;
line-height:100%;
text-align:center;
float:left;
}


table#Pager td ul.Pages li a {
display:block;
padding:4px 8px 4px 8px;
}


div#PagerBg{
margin:0 auto;
background-color:#f2f2d9;
}

/* 右メニュー------------------------*/

div.BlogSide {
border:1px solid #dccf9e;
width: 228px;
margin:12px 0;
}

* html div.BlogSide {
width: 229px;
}

div.BlogSide div.BlogSideTit {
background:url(../img/blog/blog_sidetitle_bg.png) repeat-x left bottom;
padding:6px 0;
border-bottom:1px solid #dccf9e;
text-align:center;
color:#5a4a09;
font-weight:bold;
}

div.BlogSide ul.BlogSideUl li {
padding:7px 0 7px 0;
background:#FFF url(../img/blog/blog_side_dotline.png) repeat-x left bottom;
}

div.BlogSide ul.BlogSideUl li.Nodotline {
background:none;
background-color:#FFF;
}

div.BlogSide ul.BlogSideUl li p.BlogSideMenu {
background:url(../img/blog/blog_side_allow.png) no-repeat 0 7px;
margin:0 0 0 20px;
padding-left:10px;
}

div.BlogSideUl ul.BlogSideUl2 {
margin:0 0 0 30px;
}

ul.BlogSideUl2 {
margin:0 0 0 30px;
}

div.BlogSide ul.BlogSideUl2 li.StaffName {
background:url(../img/blog/blog_side_allow.png) no-repeat 0 7px;
padding:0 0 0 10px;
}


/* トップへ戻るボタン -------------------*/

div#Blog div.PageTopSub {
background:url(../img/blog/allow_top.png) no-repeat 0 4px;
padding-left:10px;
font-size:84.3%;
margin:0 0 0 570px;
width:90px;
}

*+html div#Blog div.PageTopSub {
background:url(../img/blog/allow_top.png) no-repeat 0 7px;
}

* html div#Blog div.PageTopSub {
background:url(../img/blog/allow_top.png) no-repeat 0 7px;
}


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

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


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

ClearFix (必要なければ消す)

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

/* -- Modern Browsers -- */

div#Blog div.BlogContents div.BlogEnd:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}



/*  -- Legacy IE -- */
* html div#Blog div.BlogContents div.BlogEnd {
	height: 1%;
}

.clear{
clear:both;
font-size:1px;
line-height: 0;
}