@charset "UTF-8";
/************************************************
*	Reset					*
************************************************/
h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,blockquote,cite,q,address
{ font-size:100%;font-weight:normal;font-style: normal;margin: 0px;padding: 0px; }
img{border-style:none;}
a:hover img{ opacity:0.6;filter:alpha(opacity=60);}
span.hidden{ color:#ffffff; }
/************************************************
*	clear										*
************************************************/
div:after {
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}
/************************************************
*	Layout 									*
************************************************/
body {
  font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana, "ヒラギノ角ゴ Pro W3", Osaka, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  color: #333333;
  background-color: #ffffff;
  background-image:url(http://www.hair-color.jp/img/common/body_bg.jpg);
  background-position:center top;
  background-repeat:repeat-x;
  text-align: center;
  margin: 0px auto;
  padding: 0px;
}
div#banner{
width:820px;
height:142px;
background-image:url(http://www.hair-color.jp/img/common/banner_bg.png);
background-position:left top;
background-repeat:no-repeat;
margin:0 auto;
}
/* ----- IEPINGFIX ---------- */
* html #banner { behavior: expression(IEPNGFIX.fix(this)); }
div#header {
	color: #333333;
	background-color: transparent;
	text-align: left;
	margin-top: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 820px;
	overflow: hidden;
}
div#content-top{
width:823px;
height:17px;
	background-color: transparent;
	background-image: url(http://www.hair-color.jp/img/common/content_top.png);
background-position:left top;
background-repeat:no-repeat;
margin:0px auto;
padding:0px;
}

div.head_bottom{
	width: 823px;
	height:10px;
	background-image:url(http://www.hair-color.jp/img/common/head_bottom.png);
_background-image:none;
	margin:0 auto;

}
/* ----- IEPINGFIX ---------- */
* html #content-top { behavior: expression(IEPNGFIX.fix(this)); }
div#content-bottom{
width:823px;
height:17px;
	background-color: transparent;
	background-image: url(http://www.hair-color.jp/img/common/content_bottom.png);
background-position:left top;
background-repeat:no-repeat;
margin:0px auto;
padding:0px;
}
/* ----- IEPINGFIX ---------- */
* html #content-bottom { behavior: expression(IEPNGFIX.fix(this)); }
div#content {
	font-size: 100%;
	color: #333333;
	background-color: transparent;
	background-image: url(http://www.hair-color.jp/img/common/content_bg.png);
background-position:left top;
background-repeat:repeat-y;
	text-align: center;
	margin-top: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 823px;
}
/* ----- IEPINGFIX ---------- */
* html #content { behavior: expression(IEPNGFIX.fix(this)); }
div#main {
  font-size: 80%;
  color: #333333;
  background-color: #ffffff;
  text-align: left;
  margin: 0px auto;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 20px;
  width:580px;
  float: right;
  clear:right;
}
div#sub {
	font-size: 100%;
	color: #333333;
	background-color: transparent;
	text-align: left;
	margin-top: 0px;
	padding: 0;
	margin-left: 0px;
	margin-right: 0;
	margin-bottom: 20px;
	width: 200px;
	float: left;
  clear:left;
}
div#footer {
	font-size: 100%;
	color: #333333;
	background-color: #ffffff;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	clear: both;
}
/************************************************
*	banner *
************************************************/
div#banner-top{
width:800px;
height:22px;
background-image:url(http://www.hair-color.jp/img/common/banner-top_bg.png);
margin:0 auto;
}
div#banner-top h1{
font-size:12px;
font-weight:bold;
text-align:left;
padding-left:10px;
padding-top:3px;
}
div#banner-top h1 a{
color:#ffffff;
text-decoration:none;
}
div#banner-top h1 a:hover{
text-decoration:underline;
}
div#banner .inner{
width:800px;
height:142px;
margin:0 auto;
overflow:hidden;
}
div.logoBox{
width:530px;
height:80px;
float:left;
}
DIV#bannerBox {
  width:270px;
  float:right;
  clear:right;
  height:80px;
}

div.bannerBox_T {
  margin-top: 10px;
  width:270px;
  FLOAT: right;
  HEIGHT: 75px;
  CLEAR: right;
  font-size:10px;
  _font-size:9px;
}
DIV.bannerBox_T UL {
	DISPLAY: block;
	FLOAT: right;
}
DIV.bannerBox_T UL LI {
	BACKGROUND-IMAGE: url(http://hair-color-e.sakura.ne.jp/img/common/ico_01-trans.png);
	TEXT-ALIGN: left;
	font-size:10px;
	WIDTH: 70px;
	DISPLAY: block;
	FLOAT: left;
	HEIGHT: 20px;
  _line-height:20px;
	padding:2px 0 0 15px;
}
DIV.bannerBox_T UL LI A {
	DISPLAY: block;
	COLOR: #007a31;
	font-size:10px;
	_font-size:9px;
	TEXT-DECORATION: none;
}
DIV.bannerBox_T UL LI A:hover {
	TEXT-DECORATION: underline;
	font-size:10px;
	_font-size:9px;
}

div.bannerBox_T ul li a:hover{
text-decoration:underline;
}
#g_navi {
	text-align:center;
	MARGIN: 0 auto;
	WIDTH: 786px;
	HEIGHT: 30px;
}
#g_navi UL {
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px;
}
#g_navi LI {
	LIST-STYLE-TYPE: none;
	DISPLAY: inline;
}
#g_navi LI A {
	TEXT-INDENT: -9877em;
	DISPLAY: block;
	FLOAT: left;
	HEIGHT: 30px;
	OVERFLOW: hidden;
	TEXT-DECORATION: none;
}
#g_navi LI.g_navi01 A {
	WIDTH: 158px;
	BACKGROUND: url(http://hair-color-e.sakura.ne.jp/img/common/g_navi.png) no-repeat 0px 0px;
}
#g_navi LI.g_navi02 A {
	WIDTH: 156px;
	BACKGROUND: url(http://hair-color-e.sakura.ne.jp/img/common/g_navi.png) no-repeat -158px 0px;
}
#g_navi LI.g_navi03 A {
	WIDTH: 156px;
	BACKGROUND: url(http://hair-color-e.sakura.ne.jp/img/common/g_navi.png) no-repeat -314px 0px;
}
#g_navi LI.g_navi04 A {
	WIDTH: 156px;
	BACKGROUND: url(http://hair-color-e.sakura.ne.jp/img/common/g_navi.png) no-repeat -470px 0px;
}
#g_navi LI.g_navi05 A {
	WIDTH: 160px;
	BACKGROUND: url(http://hair-color-e.sakura.ne.jp/img/common/g_navi.png) no-repeat -626px 0px;
}

#g_navi LI.g_navi01 A:hover {
	BACKGROUND: url(http://hair-color-e.sakura.ne.jp/img/common/g_navi.png) no-repeat -0px -30px;
}
#g_navi LI.g_navi02 A:hover {
	BACKGROUND: url(http://hair-color-e.sakura.ne.jp/img/common/g_navi.png) no-repeat -158px -30px;
}
#g_navi LI.g_navi03 A:hover {
	BACKGROUND: url(http://hair-color-e.sakura.ne.jp/img/common/g_navi.png) no-repeat  -314px -30px;
}
#g_navi LI.g_navi04 A:hover {
	BACKGROUND: url(http://hair-color-e.sakura.ne.jp/img/common/g_navi.png) no-repeat -470px -30px;
}
#g_navi LI.g_navi05 A:hover {
	BACKGROUND: url(http://hair-color-e.sakura.ne.jp/img/common/g_navi.png) no-repeat -626px -30px;
}

#g_navi LI.g_navi01_on A {
	WIDTH: 158px;
	BACKGROUND: url(http://hair-color-e.sakura.ne.jp/img/common/g_navi.png) no-repeat -0px -60px;
}
#g_navi LI.g_navi02_on A {
	WIDTH: 156px;
	BACKGROUND: url(http://hair-color-e.sakura.ne.jp/img/common/g_navi.png) no-repeat -158px -60px;
}
#g_navi LI.g_navi03_on A {
	WIDTH: 156px;
	BACKGROUND: url(http://hair-color-e.sakura.ne.jp/img/common/g_navi.png) no-repeat -314px -60px;
}
#g_navi LI.g_navi04_on A {
	WIDTH: 156px;
	BACKGROUND: url(http://hair-color-e.sakura.ne.jp/img/common/g_navi.png) no-repeat -470px -60px;
}
#g_navi LI.g_navi05_on A {
	WIDTH: 160px;
	BACKGROUND: url(http://hair-color-e.sakura.ne.jp/img/common/g_navi.png) no-repeat -626px -60px;
}


/************************************************
*	header *
************************************************/
div#header .inner {
}
div#header h1 {
	font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
	font-size: 160%;
	font-weight: bold;
	margin-top: 20px;
	padding-top: 0px;
	margin-left: 0;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
div#header h1 a {
	text-decoration: none;
	color: #333333;
	background-color: #ffffff;
}
div#header img a {
	margin: 0px;
	border: none;
}
div#header p {
	font-size: 80%;
	color: #333333;
	background-color: #ffffff;
	line-height: 140%;
	margin-top: 5px;
	padding-top: 0px;
	margin-left: 0;
	margin-bottom: 5px;
	padding-bottom: 0px;
}


/************************************************
*	Content 					 		 * 
************************************************/
div#content-inner{
width:800px;
margin:0 auto;
}

div#main .inner {
padding:0px;
width:570px;

}
/* 見出し */
div#main h2 {
	font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
	font-size: 130%;
	width:550px;
	font-weight: bold;
	color: #333333;
	background-color: #ffffff;
	margin-top: 15px;
	padding-top: 5px;
	margin-left: 0px;
	padding-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	padding-bottom: 3px;
	clear: both;
}
div#main h3 {
width:579px;
height:32px;
	font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #ffffff;
	background-color: #ffffff;
background-image:url(http://www.hair-color.jp/img/common/h3.jpg);
background-position:left top;
background-repeat:no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
line-height:220%;
text-indent:20px;
	clear: both;
}
div#main h4 {
	width:579px;
	height:30px;
	font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #31982F;
	background-color: #ffffff;
	background-image:url(http://www.hair-color.jp/img/common/h4.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height:200%;
	text-indent:30px;
	clear: both;
}
div#main h5 {
	height:21px;
	font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #F568B1;
	background:inherit;
background-image:url(http://www.hair-color.jp/img/common/h5.jpg);
background-position:left top;
background-repeat:no-repeat;
	margin-top: 5px;
	margin-bottom:5px;
	text-indent:28px;
	clear: both;
	padding-top:3px;
}
div#main h6 {
	height:25px;
	font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
	font-size:100%;
	font-weight: bold;
	color: #FE8A1A;
	background-color: #ffffff;
background-image:url(http://www.hair-color.jp/img/common/h6.jpg);
background-position:left top;
background-repeat:no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
line-height:200%;
text-indent:40px;
	clear: both;
}
/* ハイパーリンク */
div#main a {
	text-decoration: none;
	color: #F568B1;
	background-color: #ffffff;
}
div#main a:hover {
	text-decoration: underline;
	color: #363636;
	background-color: #ffffff;
}
/* 段落 */
div#main p {
	line-height: 20px;
	margin: 0px;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
}
.menu {
	padding-top: 20px;
}
/* 画像 */
div#main img {
	border: none;
	margin-bottom: 10px;
}
/* リスト */
div#main ol,div#main ul {
	margin-top: 0;
	margin-left: 25px;
	margin-right: 0;
	margin-bottom: 10px;
	padding: 0;
}
div#main ol li,div#main ul li {
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}
/* 引用 */
div#main blockquote {
	color: #333333;
	background-color: #eeeeee;
	line-height: 140%;
	margin-top: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	padding-top: 3px;
	margin-left: 0;
	padding-left: 10px;
	margin-right: 0;
	padding-right: 10px;
	margin-bottom: 5px;
	padding-bottom: 3px;
}
div#main blockquote p {
	padding-top: 3px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 3px;
}
/* 引用元情報 */
div#main cite {
	font-style: italic;
}
/* 整形済みテキスト */
div#main pre {
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 5px;
	overflow: scroll;
}
/* 箇条書き（定義リスト） */
div#main dl {
	margin-top: 5px;
	margin-bottom: 5px;
}
div#main dt {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 0;
	padding-bottom: 10px;
}
div#main dd {
	padding-left: 5px;
}
/* 画像左配置 */
.mt-image-left {
float: left;
margin: 0 20px 20px 0;
}
/* 画像中央配置 */
.mt-image-center {
display: block;
margin: 0 auto 20px;
text-align: center;
}
/* 画像右配置 */
.mt-image-right {
float: right;
margin: 0 0 20px 20px;
}
/* 画像左配置 */
div#main .imageleft{
	margin-right: 10px;
	float: left;
}
/* 画像右配置 */
div#main .imageright{
	margin-left: 10px;
	float: right;
}
/* 続き */
div#main .extended {
	margin-top: 10px;
	margin-bottom: 10px;
	float: right;
	display: block;
}
div#main .entry-tags {
margin: 10px 0 10px 10px; 
	clear: both;
}
div#main .entry-tags-header,
div#main .entry-tags-list,
div#main .entry-tag { display: inline; }
div#main .entry-tags-list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
div#main .posted img {
	border: none;
	margin-bottom: -5px;
}
div.comment-reply {
	margin-left: 20px;
}
/* コメンター画像 */
.asset-meta img {
	position: relative;
	top: 14px;
}
/* コメントフォーム */
div#main textarea{
	width: 440px;
}
/* コメントフォーム文字サイズ */
div#main input,div#main textarea {
	font-size: 100%;
}
div#main label {
	margin-bottom: 0.8em;
	width: 11em;
	float: left;
	clear: both;
	white-space: nowrap;
}
/************************************************
*	 Sidebar 					 	 * 
************************************************/
div#sub .inner {
	padding-left: 10px;
	padding-right: 10px;
}
/* サイドバーリスト */
div#sub dl {
	clear:both;
}
div#sub dl.contentsMenu01{
width:179px;
margin:10px auto 0px auto;
}
div#sub dl.contentsMenu01 dt{
width:179px;
height:49px;
background-color:transparent;
background-image:url("http://www.hair-color.jp/img/common/contentsMenu01_dt.jpg");
background-repeat:no-repeat;
background-position:left top;
}
div#sub dl.contentsMenu01 dd{
width:179px;
background-color:#ffffff;
background-color:transparent;
background-image:url("http://www.hair-color.jp/img/common/contentsMenu01_bg.jpg");
background-repeat:repeat-y;
background-position:left top;
}
div.contentsMenu01-bottom{
width:179px;
height:5px;
background-image:url("http://www.hair-color.jp/img/common/contentsMenu01_bottom.jpg");
background-position:left bottom;
background-repeat:no-repeat;
margin:0px;
padding:0px;
}
div#sub dl.contentsMenu02{
width:179px;
margin:10px auto 0px auto;
}
div#sub dl.contentsMenu02 dt{
width:179px;
height:50px;
background-color:transparent;
background-image:url("http://www.hair-color.jp/img/common/contentsMenu02_dt.jpg");
background-repeat:no-repeat;
background-position:left top;
}
div#sub dl.contentsMenu02 dd{
width:179px;
background-color:#ffffff;
background-color:transparent;
background-image:url("http://www.hair-color.jp/img/common/contentsMenu02_bg.jpg");
background-repeat:repeat-y;
background-position:left top;
}
div.contentsMenu02-bottom{
width:179px;
height:5px;
background-image:url("http://www.hair-color.jp/img/common/contentsMenu02_bottom.jpg");
background-position:left bottom;
background-repeat:no-repeat;
margin:0px;
padding:0px;
}
	
div#sub ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
div#sub ul li {
	font-size: 75%;
padding:0px;
}
div#sub ul li li {
	font-size: 100%;
	margin-left: 20px;
		
}
	
div#sub dl.contentsMenu01 ul li a {
	display:block;
	width:179px;
	height:35px;
	text-decoration: none;
	color: #5d5d5d;
	background-color: transparent;
	background-image:url(http://www.hair-color.jp/img/common/icon_topcategory.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:35px;
	line-height:250%;
	margin: 0;
}
div#sub dl.contentsMenu01 ul li a:hover{
	text-decoration: none;
	color: #007930;
	background-color: transparent;
background-image:url(http://www.hair-color.jp/img/common/icon_topcategory_hover.jpg);
background-repeat:no-repeat;
background-position:left top;
}
div#sub dl.contentsMenu02 ul li a {
display:block;
width:179px;
height:35px;
	text-decoration: none;
	color: #5d5d5d;
	background-color: transparent;
background-image:url(http://www.hair-color.jp/img/common/icon_topcategory2.jpg);
background-repeat:no-repeat;
background-position:left top;
text-indent:35px;
line-height:270%;
	margin: 0;
}
div#sub dl.contentsMenu02 ul li a:hover{
	text-decoration: none;
	color: #FF7500;
	background-color: transparent;
background-image:url(http://www.hair-color.jp/img/common/icon_topcategory2_hover.jpg);
background-repeat:no-repeat;
background-position:left top;
}
/* サイドバータグクラウド */
div#sub .module-tagcloud .module-content
	{text-align: left; }
div#sub .module-tagcloud .module-content .module-list
	{ list-style: none; }
div#sub .module-tagcloud .module-content .module-list .module-list-item
	{ display: inline; }
div#sub .module-tagcloud .module-content .module-list li.taglevel1
	{ font-size: 170%; }
div#sub .module-tagcloud .module-content .module-list li.taglevel2
	{ font-size: 150%; }
div#sub .module-tagcloud .module-content .module-list li.taglevel3
	{ font-size: 130%; }
	
div#sub .module-tagcloud .module-content .module-list li.taglevel4
	{ font-size: 110%; }
	
div#sub .module-tagcloud .module-content .module-list li.taglevel5
	{ font-size: 90%; }
	
div#sub .module-tagcloud .module-content .module-list li.taglevel6
	{ font-size: 70%; }
div#sub li.item {
	display: inline;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	width: 70px;
	height: 70px;
}
/************************************************
*	Footer 									*
************************************************/
/* 文責 */
div#footer address {
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
	font-size: 70%;
	font-weight: bold;
}
div#footer address strong{
color:#F01083;
}
/* 段落 */
div#footer p {
	font-size: 80%;
}
div#footerBox{
width:780px;
height:159px;
background-color:transparent;
background-image:url(http://www.hair-color.jp/img/common/footerBox_bg.jpg);
background-position:left top;
background-repeat:no-repeat;
margin:0px auto;
color:#14833E;
overflow:hidden;
}
div.footerBox_L{
width:420px;
float:left;
}
div.footerBox_L a{
color:#14833E;
text-decoration:none;
}
div.footerBox_L a:hover{ 
color:#FAB42E;
text-decoration:underline;
}
div.footerBox_L table{
display:block;
font-size:80%;
color:#ffffff;
padding-left:20px;
padding-top:20px;
}
div.footerBox_R{
display:block;
width:340px;
height:127px;
float:right;
clear:right;
margin-top:15px;
margin-right:10px;
background-color:#E8F4AC;
border:#C8E044 1px solid;
background-position:left top;
background-repeat:no-repeat;
position:relative;
right:20px;
}
div.footerBox_R p{
color:#14833E;
padding:5px;
text-align:left;
line-height:120%;
}
/* ------- indexBox ------------ */
div#indexBox01 .b01{
background-image:url(http://www.hair-color.jp/img/index/mainBanner01.jpg);
background-repeat:no-repeat;
margin:10px auto;
width:578px;
height:140px;
}
div#indexBox01 .b02{
background-image:url("http://www.hair-color.jp/img/index/mainBanner02.jpg");
background-repeat:no-repeat;
margin:10px auto;
width:578px;
height:140px;
}
div#indexBox01 .b03{
background-image:url("http://www.hair-color.jp/img/index/mainBanner03.jpg");
background-repeat:no-repeat;
margin:10px auto;
width:578px;
height:140px;
}
div#indexBox01 .b04{
background-image:url("http://www.hair-color.jp/img/index/mainBanner04.jpg");
background-repeat:no-repeat;
margin:10px auto;
width:578px;
height:140px;
}
div#indexBox01 .b05{
background-image:url("http://www.hair-color.jp/img/index/mainBanner05.jpg");
background-repeat:no-repeat;
margin:10px auto;
width:578px;
height:140px;
}
div#indexBox01 .b01 a{
display:block;
background-color:transparent;
line-height:150%;
color:#131313;
width:578px;
height:140px;
}
div#indexBox01 .b02 a{
display:block;
background-color:transparent;
line-height:150%;
color:#131313;
width:578px;
height:140px;
}
div#indexBox01 .b03 a{
display:block;
background-color:transparent;
line-height:150%;
color:#131313;
width:578px;
height:140px;
}
div#indexBox01 .b04 a{
display:block;
background-color:transparent;
line-height:150%;
color:#131313;
width:578px;
height:140px;
}
div#indexBox01 .b05 a{
display:block;
background-color:transparent;
line-height:150%;
color:#131313;
width:578px;
height:140px;
}
.b01 .post{
padding-top:60px;
padding-left:40px;
}
.b02 .post{
padding-top:50px;
padding-left:300px;
}
.b03 .post{
padding-top:50px;
padding-left:100px;
}
.b04 .post{
padding-top:50px;
padding-left:300px;
}
.b05 .post{
padding-top:50px;
padding-left:50px;
}
div#indexBox01 .b01 a:hover{
background-color:transparent;
color:#F2208D;
}
div#indexBox01 .b02 a:hover{
background-color:transparent;
color:#F2208D;
}
div#indexBox01 .b03 a:hover{
background-color:transparent;
color:#F2208D;
}
div#indexBox01 .b04 a:hover{ 
background-color:transparent;
color:#F2208D;
}
div#indexBox01 .b05 a:hover{ 
background-color:transparent;
color:#F2208D;
}
/* ------- subBox --------------- */
div.subBox img{
margin-top:10px;
}
/* ------ 店舗情報 -------------- */
div#lib{
width:180px;
height:356px;
background-color:transparent;
background-image:url(http://www.hair-color.jp/img/common/lib_bg.jpg);
background-position:left top;
background-repeat:no-repeat;
margin:10 auto 10px auto;
}
div#lib .inner{
width:170px;
position:relative;
top:120px;
font-size:70%;
line-height:130%;
color:#666666;
}
/* ------- 新着情報 --------------------- */
div#newsBox{
width:579px;
height:124px;
background-color:transparent;
background-image:url(http://www.hair-color.jp/img/image/newsbox_bg.jpg);
background-position:left top;
background-repeat:no-repeat;
margin:10px auto;
overflow:hidden;
}
div#newsBox .inner{
width:500px;
height:70px;
position:relative;
top:20px;
left:40px;
}
div#newsBox .inner a{
color:#F2208D;
text-decoration:none;
}
div#newsBox .inner a:hover{
text-decoration:underline;
}
/* ---------- table ---------- */
table.sample{
border-top:1px solid #ffffff;
border-left:3px solid #ffffff;
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
	color:#2b2828;
	font-size:90%;
empty-cells:show;
}
.sample th{
border-right:3px solid #ffffff;
border-bottom:1px solid #FCCCE4;
color:#ffffff;
background-color:#99CC00;
background-image:url(../img/table-back.gif);
background-position:left top;
padding:1em 1em;
text-align:center;
}
.sample td{
border-right:3px solid #ffffff;
border-bottom:1px solid #FCCCE4;
padding:1em 1em;
}
/* ---------- table2 ---------- */
table.sample2{
border-top:1px solid #666666;
border-left:1px solid #666666;
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
	color:#2b2828;
	font-size:90%;
empty-cells:show;
}
.sample2 th{
border-right:1px solid #666666;
border-bottom:1px solid #666666;
color:#ffffff;
	background-color:	;
padding:0.3em 1em;
text-align:center;
}
.sample2 td{
border-right:1px solid #666666;
border-bottom:1px solid #666666;
padding:0.3em 1em;
}
/* ---------- table3---------- */
table.sample3{
border-top:0px solid ;
border-left:0px solid ;
border-collapse:collapse;
border-spacing:0;
background-color:;
	color:#2b2828;
	font-size:90%;
empty-cells:show;
}
.sample3 th{
border-right:0px solid ;
border-bottom:0px solid ;
color:;
background-color:;
background-image:url(../img/table-back.gif);
background-position:left top;
padding:0.5em 1.2em;
text-align:center;
}
.sample3 td{
border-right:0px solid ;
border-bottom:0px solid ;
padding:0.5em 1.2em;
}
/* ---------- table4 ---------- */
table.sample4{
border-top:1px solid #006600;
border-left:1px solid #006600;
border-collapse:collapse;
border-spacing:0;
background-color:;
	color:#2b2828;
	font-size:80%;
empty-cells:show;
}
.sample4 th{
border-right:1px solid #006600;
border-bottom:1px solid #006600;
color:;
background-color:;
background-image:url(../img/table-back.gif);
background-position:left top;
padding:0.3em 1em;
text-align:center;
}
.sample4 td{
border-right:1px solid #006600;
border-bottom:1px solid #006600;
padding:0.3em 1em;
}
/* ---------- form ---------- */
input,textarea { border:1px solid #999; }
/* ---------- ボックス ---------- */
div.item-box { /* 親ボックス */ 
width: 550px; 
position: relative; 
} 
div.boxL { /* ボックス左 */ 
position: relative; 
left: 10px;
} 
div.boxR { /* ボックス右 */ 
position: relative ; 
left: 180px;
position: absolute ; 
top:0px;
} 
/* ---------- リスト ---------- */
div.entry ol li,
{	
	font-size:12px;
	font-weight:bold;
	color:#FF0000;
	background-color:inherit;
	line-height:130%;
	margin-left:40px;
	margin-bottom:5px;
	border-bottom:dotted 1px #ff0000;
	
	
}
div.entry ul li,
{	
	font-size:12px;
	color:#FF0000;
	background-color:inherit;
	line-height:130%;
	margin-left:40px;
	margin-bottom:5px;
}
/* ---------- メールフォーム ---------- */
div#form textarea{
	width: 250px;
}
/* ---------- リンクバナー ---------- */
div#link textarea{
	width: 150px;
}

/************************************************
*	Concept					 		 * 
************************************************/

div.concept_01{
	width:580px;
	height:360px;
_height:405px;
	margin:0 auto;
	background-image:url(http://hair-color-e.sakura.ne.jp/img/image/concept_01.png);
	background-repeat:no-repeat;
	padding:25px 20px 25px 30px;

}


div.concept_01 p{
	width:530px;
}



div.concept_02{
	width:500px;
	margin:0 auto;
	background:#ECEEE3;
	padding:20px;
	border:#003300 dotted 1px;
}

div.concept_02 ul li{
	font-size:12px;
	background-color:inherit;
	line-height:130%;
	margin-left:40px;
	margin-bottom:5px;
	list-style: url(http://hair-color-e.sakura.ne.jp/img/common/list_check.gif);
}

div.concept_04{
  width:520px;
  height:195px;
  margin:0 auto;
  background-image:url(http://www.hair-color.jp/img/image/concept_04.png);
  background-repeat:no-repeat;
  padding-top:10px;
  padding-left:0px;
  padding-bottom:10px;
  padding-right:0px;
}

div.concept_04 ul li{
	font-size:13px;
	font-weight:bold;
	color:#333333;
	line-height:150%;
	margin-left:40px;
	margin-bottom:5px;
	list-style:square;
}

/************************************************
*	Color			 		 * 
************************************************/
/* ---------- ボックス ---------- */
div.color_box_01{ /* 親ボックス */ 
width: 590px;
height:430px;
position: relative; 
} 

div.color_box_02{ /* 親ボックス */ 
width: 590px;
height:400px;
position: relative; 
} 

div.color_box_03{ /* 親ボックス */ 
width: 590px;
height:200px;
position: relative; 
} 

div.c01_left { /* ボックス左 */ 
position: relative;
width:285px;
left: 0px;
} 

div.c01_right { /* ボックス右 */ 
left:290px;
width:285px;
position: absolute ; 
top:0px;
} 

/* ---------- table4 ---------- */
table.menu{
    border-top:1px solid #006600;
    border-left:1px solid #006600;
    border-collapse:collapse;
    border-spacing:0;
    background-color:;
	color:#2b2828;
	font-size:80%;
    empty-cells:show;
}
.menu th{
    border-right:1px solid #006600;
    border-bottom:1px solid #006600;
    color:;
    background-color:;
    background-image:url(../img/table-back.gif);
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.menu td{
    border-right:1px solid #006600;
    border-bottom:1px solid #006600;
    padding:0.3em 1em;
}

/************************************************
*	Voice			 		 * 
************************************************/


div.voice_01{
	width:400px;
	margin:0 auto;
	background:#F4BE82;
	padding:10px;
	border:double 3px #990000;
}


div.voice_01 ul li{
	color:#990000;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-weight:bold;
	line-height:180%;
}

div.voice_02 img{
	border:#990000 solid 1px;
}

/************************************************
*	Voice			 		 * 
************************************************/

div#faq h5 {
	height:21px;
	font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #F568B1;
	background:inherit;
background-image:url(http://www.hair-color.jp/img/common/h5_q.jpg);
background-position:left top;
background-repeat:no-repeat;
	margin-top: 5px;
	margin-bottom:5px;
	text-indent:28px;
	clear: both;
	padding-top:3px;
}

div.qbox{
	width:500px;
	background:#FFFFCA;
	border:#CCCCCC dotted 1px;
	padding:10px 15px;
	margin:0px auto 20px;

}


/************************************************
*	menu		 		 * 
************************************************/

table.menu2{
    border-top:1px solid #cccccc;
    border-left:1px solid #cccccc;
    border-collapse:collapse;
    border-spacing:0;
    background-color:;
	color:#336600;
	font-size:90%;
    empty-cells:show;
	margin:20px auto;
}
.menu2 th{
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    color:#666666;
	font-weight:bold;
    background-color:#F5FAC0;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.menu2 td{
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    padding:0.3em 1em;
}
.menu2 p{
	color:#666666;
	font-size:90%;
}


/************************************************
*	staff	 		 * 
************************************************/
div.staff{ /* 親ボックス */ 
width: 590px;
height:300px;
position: relative; 
} 

div.staff img { /* ボックス左 */ 
position: relative;
left: 0px;
} 

div.staff p{ /* ボックス右 */ 
left:290px;
width:285px;
position: absolute ; 
top:0px;
} 

div.staff_0{ /* 親ボックス */ 
width: 590px;
height:700px;
position: relative; 
} 

div.staff_0 img { /* ボックス左 */ 
position: relative;
left: 0px;
} 

div.staff_0 p{ /* ボックス右 */ 
left:290px;
width:285px;
position: absolute ; 
top:0px;
} 

/************************************************
*	access	 		 * 
************************************************/

table.access{
    border-top:1px solid #cccccc;
    border-left:1px solid #cccccc;
    border-collapse:collapse;
    border-spacing:0;
    background-color:;
	color:#336600;
	font-size:90%;
    empty-cells:show;
	margin:20px auto;
}
.access th{
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    color:#666666;
	font-weight:bold;
    background-color:#F5FAC0;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.access td{
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    padding:0.3em 1em;
}