@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:none;
}

a:focus { outline:none;}

/* -- 左寄せ -- */
.left{ float:left;clear:left; }
/* -- 右寄せ -- */
.right{ float:right;clear:right; }
/* -- 中央寄せ -- */
.center{
  margin:10px auto;
  text-align:center;
}

.rightTxt{ width:340px;float:right; }
.leftTxt{ width:340px;float:right; }

/* -- 画像装飾 -- */
img.onborder{ margin:6px;padding:4px;border:1px solid #FFD379; }
span.red{ color:#ff0000; }

.clear{ clear:both; }

p.pageup{
  display:block;
  width:570px;
  height:32px;
  line-height:32px;
  border-bottom:1px dashed #999999;
  text-align:right;
  clear:both;
}

/************************************************
*	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: transparent;
  background-image:url(http://charme-salon.sakura.ne.jp/img/common/body_bg.jpg);
  background-position:left top;
  background-repeat:repeat-x;
	text-align: center;
	margin-top: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}
body#contentbody{
		font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana, "ヒラギノ角ゴ Pro W3", Osaka, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	color: #333333;
	background-color: transparent;
  background-image:url(http://charme-salon.sakura.ne.jp/img/common/body2_bg.jpg);
  background-position:left top;
  background-repeat:repeat-x;
	text-align: center;
	margin-top: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}
div#banner{
  height:154px;
}
img.top-img{
  display:block;
  position:relative;
  top:10px;
  float:left;
}
img.top-img2{
  display:block;
  position:relative;
  right:10px;
  float:right;
}


/* --- トップナビゲーション --- */
div#top-menu{
  width:810px;
  height:42px;
  background-color:transparent;
  margin:0px auto;
  position:relative;
  top:19px;
  clear:both;
  text-indent:-9999px;
}
div#top-menu ul{
  display:block;
  list-style:none;
}
div#top-menu ul li{
  display:block;
  width:158px;
  height:35px;
  float:left;
  margin-right:3px;
}
div#top-menu ul li a{
  display:block;
  width:158px;
  height:35px;
  margin:0px auto;
}
div#top-menu ul li.navi01 a{ background-image:url(http://charme-salon.sakura.ne.jp/img/common/navi01_bg.jpg); }
div#top-menu ul li.navi01 a:hover{ background-image:url(http://charme-salon.sakura.ne.jp/img/common/navi01_bg_hover.jpg); }
div#top-menu ul li.navi02 a{ background-image:url(http://charme-salon.sakura.ne.jp/img/common/navi02_bg.jpg); }
div#top-menu ul li.navi02 a:hover{ background-image:url(http://charme-salon.sakura.ne.jp/img/common/navi02_bg_hover.jpg); }
div#top-menu ul li.navi03 a{ background-image:url(http://charme-salon.sakura.ne.jp/img/common/navi03_bg.jpg); }
div#top-menu ul li.navi03 a:hover{ background-image:url(http://charme-salon.sakura.ne.jp/img/common/navi03_bg_hover.jpg); }
div#top-menu ul li.navi04 a{ background-image:url(http://charme-salon.sakura.ne.jp/img/common/navi04_bg.jpg); }
div#top-menu ul li.navi04 a:hover{ background-image:url(http://charme-salon.sakura.ne.jp/img/common/navi04_bg_hover.jpg); }
div#top-menu ul li.navi05 a{ background-image:url(http://charme-salon.sakura.ne.jp/img/common/navi05_bg.jpg); }
div#top-menu ul li.navi05 a:hover{ background-image:url(http://charme-salon.sakura.ne.jp/img/common/navi05_bg_hover.jpg); }

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

div#header {
  color: #333333;
  background-color: transparent;
  text-align: left;
  width:1200px;
  height:295px;
  margin:6px auto;
  padding: 0px;
  overflow: hidden;
}


div#content {
	font-size: 100%;
	color: #333333;
	background-color:transparent;
  background-image:url(http://charme-salon.sakura.ne.jp/img/common/content_bg.png);
  background-position:left top;
  background-repeat:no-repeat;
	text-align: center;
  margin:0px auto;
	padding: 0px;
	width: 830px;
}
div#content-inner{
  width:810px;
  margin:0px auto;
}


div#main {
	font-size: 80%;
	color: #333333;
	text-align: left;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	width: 580px;
	float: 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: 230px;
	float: left;
}


div#footer {
  width:100%;
  height:150px;
	font-size: 100%;
	color: #333333;
	background-color: #ffffff;
  background-image:url(http://charme-salon.sakura.ne.jp/img/common/footer_bg.jpg);
  background-position:left bottom;
  background-repeat:repeat-x;
	text-align: center;
  margin:0px auto;
	clear: both;
}
/* ---
banner
----------------------------------------------- */
div#banner .inner{
  width:810px;
  margin:0px auto;
  height:154px;
  text-align:left;
}
div#banner h1{
 text-align:left;
  height:28px;
  line-height:28px;
  font-size:12px;
}
div#banner h1 a{
  color:#131313;
  text-decoration:none;
}
div#banner h1 a:hover{
  text-decoration:underline;
}

/************************************************
*	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#main .inner {
  margin:0px auto;
}

/* 見出し */
div#main h2 {
  display:block;
  width:566px;
  height:36px;
  line-height:36px;
  font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
  font-size: 120%;
  font-weight: bold;
  color: #ffffff;
  background-image:url(http://charme-salon.sakura.ne.jp/img/common/h2.jpg);
  background-position:left top;
  margin:10px auto;
  clear: both;
  text-indent:26px;
}
div#main h3 {
  display:block;
  width:551px;
  height:27px;
  line-height:27px;
  font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
  font-size: 120%;
  font-weight: bold;
  color: #b26604;
  background-image:url(http://charme-salon.sakura.ne.jp/img/common/h3.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  margin:10px auto;
  text-indent:40px;
  clear: both;
}
div#main h4 {
  font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
  font-size: 120%;
  font-weight: bold;
  color: #CC8904;
  background-image:url(http://charme-salon.sakura.ne.jp/img/common/h4.jpg);
  background-repeat:no-repeat;
  margin:10px auto;
  text-indent:20px;
  clear: both;
}
div#main h4 a{ color: #CC8904; }
div#main h4 a:hover{ color: #CC8904; }

div#main h5 {
  font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
  font-size:90%;
  font-weight: bold;
  color: #7C2F05;
  background-image:url(http://charme-salon.sakura.ne.jp/img/common/h5.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  margin:10px auto;
  text-indent:56px;
  clear: both;
}

/* ハイパーリンク */
div#main a {
	text-decoration: none;
	color: #363636;
}

div#main a:hover {
	text-decoration: none;
	color: #f80643;
}


/* リスト */
div#main ol,div#main ul {
	margin-top: 0;
	margin-left: 25px;
	margin-right: 0;
	margin-bottom: 10px;
	padding: 0;
  list-style:none;
}

div#main ol li,div#main ul li {
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}

/* 箇条書き（定義リスト） */
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;
}

div#main .posted img {
	border: none;
	margin-bottom: -5px;
}

div#main label {
	margin-bottom: 0.8em;
	width: 11em;
	float: left;
	clear: both;
	white-space: nowrap;
}



/************************************************
*	 Sidebar 					     	    * 
************************************************/

div#sub .inner {
  margin:10px auto;
  text-align:center;
}
div#sub .inner a img{
  margin-bottom:6px;
}

/* サイドバーリスト */
div#sub dl {
	clear:both;
  margin-bottom:10px;
}
div#sub dl.dl02{
  height:160px;
  background-image:url(http://charme-salon.sakura.ne.jp/img/common/dl2_bg.jpg);
  background-position:center top;
  background-repeat:no-repeat;
  margin:0px auto 10px auto;
}
div#sub dl.dl03{
  height:170px;
  background-image:url(http://charme-salon.sakura.ne.jp/img/common/dl3_bg.jpg);
  background-position:center top;
  background-repeat:no-repeat;
  margin:10px auto;
}
div#sub dl.dl02 dd{
  position:relative;
  top:5px;
}
div#sub dl.dl03 dd{
  position:relative;
  top:12px;
}


div#sub dt {
  height:36px;
  text-indent:-9999px;
}

div#sub dt.dt01{ background-image:url(http://charme-salon.sakura.ne.jp/img/common/dt_bg01.jpg); }

div#sub dt.dt03{
  height:0px;
}


div#sub dd {
	font-size: 100%;
}

div#sub ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div#sub ul li {
  display:block;
  width:198px;
  height:33px;
  text-align:left;
  margin:3px auto;
}
	
div#sub ul li a {
  font-size:80%;
  font-weight:bold;
  display:block;
  width:198px;
  height:33px;
  background-image:url(http://charme-salon.sakura.ne.jp/img/common/menuIcon.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  text-decoration:none;
  line-height:33px;
  text-indent:20px;
  color:#ffffff;
}
div#sub ul li a:hover{
  display:block;
  width:198px;
  height:33px;
  background-image:url(http://charme-salon.sakura.ne.jp/img/common/menuIcon_hover.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  text-decoration:none;
  color:#ffffff;
}
/* サイドバー段落 */
div#sub p{
	line-height: 20px;
	margin: 0;
	padding-top: 3px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

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 .inner{
  width:830px;
  height:150px;
  background-image:url(http://charme-salon.sakura.ne.jp/img/common/footer_inner_bg.jpg);
  background-position:left bottom;
  background-repeat:no-repeat;
  margin:0px auto;
}
div.footerLinkBox{
  font-size:12px;
  color:#9c5803;
  position:relative;
  top:50px;
}
div.footerLinkBox a{
  color:#9c5803;
  text-decoration:none;
}
div.footerLinkBox a:hover{
  text-decoration:underline;
}
/* 文責 */
div#footer address {
  color:#9c5803;
  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 p {
	font-size: 70%;
}