@import url(plugin.css);

/*++++++++++++++++++++++++++++++++++++++++
css reset
++++++++++++++++++++++++++++++++++++++++*/
body {
	margin		:0;
	padding		:0;
	font-size	:12px !important; 
	font-family	:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height	:1.5;
}
* html body {font-size:62.5%;} /* IE6 */
*:first-child+html body {font-size:62.5%;} /* IE7 */
html>/**/body body {font-size:62.5%;} /* IE8 */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, span, pre, blockquote, th, td {
	margin		:0;
	padding		:0;
}
h1, h2, h3, h4, h5, h6 {
	font-size	:100%;
	font-weight	:normal;
}
img {
	border		:0;
}
address, th {
	font-style	:normal;
	font-weight	:normal;
}
table {
	border-collapse	:collapse;
	border-spacing	:0;
	font-size	:100%;
}
th {
	white-space	:nowrap;
	text-align	:left;
}
pre {
	font-family	:monospace;
}
textarea {
	font-size	:100%;
}
ol, ul {
	list-style-type	:none;
}
q:before, q:after {
	content		:'';  
}
form, input, label, select, textarea {
	margin		:0;
	padding		:0;
	font-size	:100%;
	vertical-align	:baseline;
}
/* clearfix */
.clearfix:after {
	visibility	:hidden;
	display		:block;
	font-size	:0;
	content		:" ";
	clear		:both;
	height		:0;
}
*:first-child+html .clearfix {zoom:1;} /* IE7 */
.mB05	{margin-bottom:5px !important;}
.mB10	{margin-bottom:10px !important;}


/*++++++++++++++++++++++++++++++++++++++++
全体設定
++++++++++++++++++++++++++++++++++++++++*/
html {
	background	:url(http://bistro-le-soleil.com/ameblo/html_bg.jpg) repeat 0 0;/*メイン背景*/
}
body {
	color		:#333;
	background	:url(http://bistro-le-soleil.com/ameblo/body_bg.jpg) repeat-x 0 0;/*メイン背景*/
}
#frame {
	background	:url(http://bistro-le-soleil.com/ameblo/frame_bg.jpg) no-repeat center 0;/*メイン背景*/
}
#subFrame {
	position	:relative;
	width		:940px;
	margin		:0 auto;
}


/*++++++++++++++++++++++++++++++++++++++++
リンクの設定
++++++++++++++++++++++++++++++++++++++++*/
/* ■全体のリンク■ */
a {
	color		:#09c;
	text-decoration	:underline;
}
a:visited {
	color		:#09c;
	text-decoration	:underline;
}
a:hover {
	color		:#09c;
	text-decoration	:none;
}
#header a {
	color		:#fc0;
	text-decoration	:none;
}
#header a:visited {
	text-decoration	:none;
}
#header a:hover {
	text-decoration	:underline;
}
#sub_a a {
	text-decoration	:none;
}
#sub_a a:visited {
	text-decoration	:none;
}
#sub_a a:hover {
	text-decoration	:underline;
}


/*++++++++++++++++++++++++++++++++++++++++
ヘッダー
++++++++++++++++++++++++++++++++++++++++*/
/* ■ヘッダー■ */
#header {
	height		:470px;
}
#header h1 {
	padding		:10px 0 0;
}

/* ■ロゴ■ */
#logo {
	position	:absolute;
	left		:0;
	top		:30px;
}
#logo a {
	display		:block;
	width		:284px;
	height		:73px;
	background	:url(http://bistro-le-soleil.com/ameblo/header_h1_logo.png) no-repeat;
}
#logo a span {
	display		:none;
}

/* ■ヘッダーメニュー■ */
ul#gmenu {
	position	:absolute;
	right		:0;
	top		:36px;
	width		:513px;
}
ul#gmenu:after {
	visibility	:hidden;
	display		:block;
	font-size	:0;
	content		:" ";
	clear		:both;
	height		:0;
}
*:first-child+html ul#gmenu {zoom:1;} /* IE7 */
ul#gmenu li {
	float		:left;
}
ul#gmenu li a {
	display		:block;
	width		:171px;
	height		:68px;
	background	:url(http://bistro-le-soleil.com/ameblo/header_gmenu.png) no-repeat;
}
ul#gmenu li a span {
	display		:none;
}
ul#gmenu li.menu01 a {background-position:0 0;}
ul#gmenu li.menu01 a:hover {background-position:0 -68px;}
ul#gmenu li.menu02 a {background-position:-171px 0;}
ul#gmenu li.menu02 a:hover {background-position:-171px -68px;}
ul#gmenu li.menu03 a {background-position:-342px 0;}
ul#gmenu li.menu03 a:hover {background-position:-342px -68px;}

/* ■プレゼンエリア■ */
#presen {
	position	:absolute;
	left		:0;
	top		:120px;
	width		:900px;
	height		:300px;
	padding		:0 20px;
	background	:#fff url(http://bistro-le-soleil.com/ameblo/header_presen.jpg) no-repeat center top;
}
#presen span {
	display		:none;
}

/* ■グローバルナビ■ */
#gnavi ul {
	position	:absolute;
	left		:0;
	top		:420px;
	width		:800px;
	height		:50px;
	padding		:0 20px 0 120px;
	background	:#fff url(http://bistro-le-soleil.com/ameblo/header_gnavi.png) no-repeat 20px top;
}
#gnavi ul:after {
	visibility	:hidden;
	display		:block;
	font-size	:0;
	content		:" ";
	clear		:both;
	height		:0;
}
*:first-child+html #gnavi ul {zoom:1;} /* IE7 */
#gnavi ul li {
	float		:left;
}
#gnavi ul li a {
	display		:block;
	width		:154px;
	height		:40px;
	line-height	:40px;
	padding-left	:2px;
	color		:#8d6f50;
	text-align	:center;
	font-weight	:bold;
	background	:url(http://bistro-le-soleil.com/ameblo/header_gnavi02.png) no-repeat;
}
#gnavi ul li:first-child a {
	width		:154px;
	padding-left	:22px;
	background	:url(http://bistro-le-soleil.com/ameblo/header_gnavi01.png) no-repeat;
}
#gnavi ul li a:hover {
	background-position:0 -40px;
}
#gnavi ul li a span {
	display		:none;
}


/*++++++++++++++++++++++++++++++++++++++++
wrap
++++++++++++++++++++++++++++++++++++++++*/
#wrap {
	padding		:25px 20px 30px;
	background	:#fff;
}
#wrap:after {/* 回り込み解除 */
	visibility	:hidden;
	display		:block;
	font-size	:0;
	content		:" ";
	clear		:both;
	height		:0;
}
*:first-child+html #wrap {zoom:1;}/* 回り込み解除IE7 */


/*++++++++++++++++++++++++++++++++++++++++
firstContentsArea / subFirstContentsArea
++++++++++++++++++++++++++++++++++++++++*/
#firstContentsArea:after {/* 回り込み解除 */
	visibility	:hidden;
	display		:block;
	font-size	:0;
	content		:" ";
	clear		:both;
	height		:0;
}
*:first-child+html #firstContentsArea {zoom:1;}/* 回り込み解除IE7 */


/*++++++++++++++++++++++++++++++++++++++++
メイン（main） / subFirstContentsArea内
++++++++++++++++++++++++++++++++++++++++*/
#main {
	float		:left;
	width		:630px;
	padding-right	:19px;
	padding-bottom	:20px;
	font-size	:13px;
	border-right	:1px solid #f1ede9;
}
#main h2 {
	margin		:0 0 15px;
}
#main p {
	margin-bottom	:1em !important;
}

/*++++++++++++++++++++++++++++++++++++++++
サブ（sub_a）
++++++++++++++++++++++++++++++++++++++++*/
#sub_a {
	float		:right;
	width		:230px;
	padding-bottom	:20px;
	font-size	:12px;
}

/* タイトル */
.mainMenu h4.menu_title {
	width		:230px;
	height		:24px;
	margin		:0 0 10px;
	background	:url(http://bistro-le-soleil.com/ameblo/side_title.png) no-repeat center top;
	text-indent	:-9999px;
}
#reader h4.menu_title		{background-position:0 -240px;}
#freespace h4.menu_title	{background:none; margin-bottom:0;height:0;}

/* サイﾄﾞ本文 */
.mainMenu .menu_frame {
	padding		:0 10px 25px;
}

/* フリースペース */
#freespace .menu_frame {
	margin-bottom	:25px;
	padding		:0 0;
}
dl#sideMenu dd {
	margin-bottom	:10px;
}
dl#sideMenu dd a {
	display		:block;
	width		:230px;
	background	:url(http://bistro-le-soleil.com/ameblo/side_menu.jpg) no-repeat;
}
dl#sideMenu dd a span {
	display		:none;
}
dl#sideMenu dd.menu01 a {height:196px;background-position:0 0;}
dl#sideMenu dd.menu02 a {height:91px;background-position:0 -196px;}
dl#sideMenu dd.menu02 a:hover {background-position:-230px -196px;}
dl#sideMenu dd.menu03 a {height:81px;background-position:0 -287px;}
dl#sideMenu dd.menu03 a:hover {background-position:-230px -287px;}

/* プラグイン */
.plugin {
	margin-bottom	:25px;
}

/* 読者一覧 */
#reader .menu_frame {
	padding		:0 0 25px;
}
#reader .menu_frame p {
	display		:inline;
}
#reader .menu_frame dt {
	margin		:0 0 5px;
}
#reader .menu_frame dt a {
	display		:block;
	width		:230px;
	height		:81px;
	text-indent	:-9999px;
	background	:url(http://bistro-le-soleil.com/ameblo/side_reader.jpg) no-repeat;
}
#reader .menu_frame dt a:hover {
	background-position:0 -81px;
}
#reader .menu_frame dd {
	display		:none;
}


/*++++++++++++++++++++++++++++++++++++++++
フッター（フリースペース）
++++++++++++++++++++++++++++++++++++++++*/
#footer {
}
#copyright {
	height		:38px;
	background	:url(http://bistro-le-soleil.com/ameblo/footer_bg.jpg) no-repeat center bottom;
}
#copyright p {
	display		:none;
}


/*++++++++++++++++++++++++++++++++++++++++
common.css
++++++++++++++++++++++++++++++++++++++++*/
blockquote {
padding-left:.3em;
border-left:4px solid #666;
margin:1em 2em;
}

span.handline {
padding-bottom:0.2em;
background	:url(line.gif) repeat-x left bottom;
}

span.noexists {
color:#33F;
background-color:#FFFACC;
}

span.noexists a {
color:#33F;
}

span.size1 {
font-size:xx-small;
}

span.size2 {
font-size:x-small;
}

span.size3 {
font-size:small;
}

span.size4 {
font-size:medium;
}

span.size5 {
font-size:large;
}

span.size6 {
font-size:x-large;
}

span.size7 {
font-size:xx-large;
}

strong {
font-weight:700;
}

tfoot td.style_td {
color:inherit;
background-color:#eee;
border-color:#333;
}

tfoot th.style_th {
color:inherit;
background-color:#eee;
border-color:#333;
}

thead td.style_td {
color:inherit;
background-color:#eee;
border-color:#333;
}

thead th.style_th {
color:inherit;
background-color:#eee;
border-color:#333;
}

#lastmodified {
text-align:right;
color:#777;
font-size:12px;
margin:10px 0 0;
}

#note {
padding-bottom:5px;
border-bottom:solid 1px #999;
}

#summary {
clear:both;
padding-left:5px;
color:#666;
border-left:solid 4px #999;
margin:45px 0 0;
}

#toolbar {
text-align:center;
font-size:11px;
padding:3px 0;
}

table.style_table {
	width		:100%;
	margin		:0 0 15px;
}

table.style_table .style_td {
	padding		:10px;
	border		:1px solid #dbd2c8;
}

table.style_table .style_th {
	padding		:10px;
	width		:100px;
	font-weight	:bold;
	background	:#fcfaf8;
	border		:1px solid #dbd2c8;
}