/*
-----------------------------------------------------
ameblo CSS Skin Settings
FileName:  mei-color.css
Version:   2010.08.28 ver1.00
Skin for:  mei-color
-----------------------------------------------------
*/


/*++++++++++++++++++++++++++++++++++++++++
CSSリセット
++++++++++++++++++++++++++++++++++++++++*/
body {
	margin		:0;
	padding		:0;
	font-size	:12px !important; 
	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;
}


/*++++++++++++++++++++++++++++++++++++++++
Common Settings
++++++++++++++++++++++++++++++++++++++++*/
.bold	{font-weight:bold;}
.right	{text-align:right;}
.mL45	{margin-left:45px;}
.mB1em	{margin-bottom:1em;}


/*++++++++++++++++++++++++++++++++++++++++
カラムの設定
++++++++++++++++++++++++++++++++++++++++*/
/* ■全体■ */
body {
	color		:#444;
	background	:#ffda6d url(http://mei-color.com/ameblo/html_bg.jpg) repeat-x;
}
#frame {
	background	:url(http://mei-color.com/ameblo/body_bg.jpg) no-repeat center 0;
}
/* ■全体幅■ */
#subFrame {
	position	:relative;
	width		:890px;
	margin		:0 auto;
}
/* ■wrapカラム■ */
#wrap {
	margin		:0 19px;
	padding		:0 16px;
	background	:#fff url(http://mei-color.com/ameblo/wrapper_bg.jpg) no-repeat center 0;
}
#wrap:after { /* wrapの回り込み解除 */
	visibility	:hidden;
	display		:block;
	font-size	:0;
	content		:" ";
	clear		:both;
	height		:0;
}
* html #wrap {zoom:1;} /* IE6 */
*:first-child+html #wrap {zoom:1;} /* IE7 */
#firstContentsArea:after { /* firstContentsAreaの回り込み解除 */
	visibility	:hidden;
	display		:block;
	font-size	:0;
	content		:" ";
	clear		:both;
	height		:0;
}
* html #firstContentsArea {zoom:1;} /* IE6 */
*:first-child+html #firstContentsArea {zoom:1;} /* IE7 */

/* ■mainカラム■ */
#main {
	float		:left;
	width		:540px;
	padding-top	:24px; /* サイドとの開始位置調整 */
}
/* ■sub_aカラム■ */
#sub_a {
	float		:right;
	width		:250px;
}
/* ■sub_bカラム■ */
#sub_b {
	display		:none;
}


/*++++++++++++++++++++++++++++++++++++++++
リンクの設定
++++++++++++++++++++++++++++++++++++++++*/
/* ■全体のリンク■ */
a {
	color		:#312d8e;
	text-decoration	:underline;
}
a:visited {
	color		:#312d8e;
	text-decoration	:underline;
}
a:hover {
	color		:#ff6600;
	text-decoration	:underline;
}
/* ■サイドバーのリンク■ */
#sub_a a,
#sub_b a {
}
#sub_a a:visited,
#sub_b a:visited {
}
#sub_a a:hover,
#sub_b a:hover {
}


/*++++++++++++++++++++++++++++++++++++++++
ヘッダー
++++++++++++++++++++++++++++++++++++++++*/
/* ■ヘッダー■ */
#header {
	height		:318px;
	padding-bottom	:71px;
}
#header h1 {
	position	:absolute;
	top		:66px;
	left		:170px;
	z-index		:10;
}
#header h1 a {
	color		:#4e4899;
	text-decoration	:none;
}
#header h1 a:visited {
	color		:#4e4899;
	text-decoration	:none;
}
#header h1 a:hover {
	color		:#4e4899;
	text-decoration	:underline;
}
#header h2 {
	display		:none;
}

/* ■プレゼンエリア■（フリースペース） */
#headimg {
	position	:absolute;
	width		:852px;
	height		:318px;
	top		:0;
	left		:19px;
	z-index		:5;
	background	:url(http://mei-color.com/ameblo/header.jpg) no-repeat center 0;
}
#headimg a {
	display		:block;
	width		:852px;
	height		:318px;
}
#headimg span {
	display		:none;
}

/* ■グローバルメニュー■（フリースペース） */
ul#gnavi {
	position	:absolute;
	top		:318px;
	left		:0;
	width		:890px;
}
ul#gnavi:after {
	visibility	:hidden;
	display		:block;
	font-size	:0;
	content		:" ";
	clear		:both;
	height		:0;
}
* html ul#gnavi {zoom:1;} /* IE6 */
*:first-child+html ul#gnavi {zoom:1;} /* IE7 */
ul#gnavi li {
	float		:left;
}
ul#gnavi li a {
	display		:block;
	height		:70px;
	background	:url(http://mei-color.com/ameblo/gnavi.png) no-repeat;
}
ul#gnavi li a span	{display:none;}
ul#gnavi li.menu1 a	{width:182px;background-position:0 0;}
ul#gnavi li.menu1 a:hover{background-position:0 -70px;}
ul#gnavi li.menu2 a	{width:143px;background-position:-182px 0;}
ul#gnavi li.menu2 a:hover{background-position:-182px -70px;}
ul#gnavi li.menu3 a	{width:118px;background-position:-325px 0;}
ul#gnavi li.menu3 a:hover{background-position:-325px -70px;}
ul#gnavi li.menu4 a	{width:103px;background-position:-443px 0;}
ul#gnavi li.menu4 a:hover{background-position:-443px -70px;}
ul#gnavi li.menu5 a	{width	:115px;background-position:-546px 0;}
ul#gnavi li.menu5 a:hover{background-position:-546px -70px;}
ul#gnavi li.menu6 a	{width:116px;background-position:-661px 0;}
ul#gnavi li.menu6 a:hover{background-position:-661px -70px;}
ul#gnavi li.menu7 a	{width:113px;background-position:-777px 0;}
ul#gnavi li.menu7 a:hover{background-position:-777px -70px;}


/*++++++++++++++++++++++++++++++++++++++++
メイン（main）
++++++++++++++++++++++++++++++++++++++++*/
/* ■エントリ全体■ */
#main .entry {
	position	:relative;
	margin		:0 0 30px;
}
#main .entry #cheader {
	height		:79px;
	margin-bottom	:15px;
	background	:url(/contact/img/title.png) no-repeat 0 0;
}
#main .entry #cheader span {
	display		:none;
}


/*++++++++++++++++++++++++++++++++++++++++
サイド（sub_a, sub_b）
++++++++++++++++++++++++++++++++++++++++*/
#sub_a,
#sub_b {
	line-height	:1.4;
}

/* ■サイド共通■ */
/* タイトル */
.mainMenu h4.menu_title,
#freespace h4.showcase {
	width		:250px;
	height		:24px;
	margin		:0 0 10px;
	background	:url(http://mei-color.com/ameblo/side_title.png) no-repeat;
	text-indent	:-9999px;
}
#reader h4.menu_title		{background-position:0 -264px;}
#freespace h4.showcase		{background-position:0 -288px;}
/* サイﾄﾞ本文 */
.mainMenu .menu_frame {
	margin		:0 0 25px;
}
.showcase ul li {
	margin-bottom 	:2px;
	padding-left	:20px;
	background	:url(http://mei-color.com/ameblo/side_arrow.png) no-repeat 0 2px;
}

/* ■フリースペース■ */
#freespace h4.menu_title {
	margin		:0 0;
	height		:0px;
}
#freespace .menu_frame {
	margin		:15px 0 25px;
}
ul#icon {
	margin-bottom	:25px;
}
ul#icon li {
	margin-bottom	:4px;
	height		:44px;
}
ul#icon li.menu1 {
	height		:94px;
}
ul#icon li a {
	display		:block;
	width		:250px;
	height		:44px;
	background	:url(http://mei-color.com/ameblo/side_link.png) no-repeat;
}
ul#icon li a span 	{display:none;}
ul#icon li.menu1 a 	{height:94px;background-position:0 0;}
ul#icon li.menu1 a:hover{background-position:-250px 0;}
ul#icon li.menu2 a 	{background-position:0 -94px;}
ul#icon li.menu2 a:hover{background-position:-250px -94px;}
ul#icon li.menu3 a 	{background-position:0 -138px;}
ul#icon li.menu3 a:hover{background-position:-250px -138px;}
ul#icon li.menu4 a 	{background-position:0 -182px;}
ul#icon li.menu4 a:hover{background-position:-250px -182px;}
ul#icon li.menu5 a 	{background-position:0 -226px;}
ul#icon li.menu5 a:hover{background-position:-250px -226px;}
ul#icon li.menu6 a 	{background-position:0 -270px;}
ul#icon li.menu6 a:hover{background-position:-250px -270px;}
ul#icon li.menu7 a 	{background-position:0 -314px;}
ul#icon li.menu7 a:hover{background-position:-250px -314px;}

/* ■読者一覧■ */
#reader .menu_frame p {
	display		:inline;
}
#reader .menu_frame dt {
	margin		:0 0 5px;
}
#reader .menu_frame dt a {
	display		:block;
	width		:250px;
	height		:94px;
	text-indent	:-9999px;
	background	:url(http://mei-color.com/ameblo/side_link.png) no-repeat 0 -358px;
}
#reader .menu_frame dt a:hover {
	background-position:-250px -358px;
}
#reader .menu_frame dd {
	display		:none;
}


/*++++++++++++++++++++++++++++++++++++++++
フッター（フリースペース）
++++++++++++++++++++++++++++++++++++++++*/
/* ■フッター位置調整■ */
/* sub_bを使う場合はsub_bもプラス */
#main,
#sub_a {
	padding-bottom	:166px; /* フッターの高さ＋間隔分*/
}
#footer {
	position	:absolute;
	height		:166px;
	left		:0px;
	bottom		:0px;
}
* html #footer {bottom:-48px;} /* IE6 */

#footimg {
	width		:890px;
	height		:166px;
	background	:#ffda6d url(http://mei-color.com/ameblo/footer_bg.jpg) no-repeat center bottom;
}
#footimg span {
	display		:none;
}