/*
Theme Name: cs-style
Description: C'sスタイルテーマ
Author: msy
*/

/* ==================== レイアウト ==================== */
:focus {
	outline: 0;
}

body	{
	color: #EEEEEE;
	margin: 0;
	background:url(images/pbl-bg-page.jpg);
	
	font-size: 12px;
	line-height: 1.5;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

#page	{
	width:1060px;
	margin:0 auto;
	}
	
#container	{
 width:1000px;
	margin: 0 30px;
	background-color: #301301;
	}

#content	{
	min-height: 425px;
	margin: 0;
	padding-top: 70px;
	padding-bottom: 30px;
	overflow: hidden;
	clear: both;
	background:url(images/content-bg.gif) no-repeat;
	background-position: bottom;
	}

.home #content {
	min-height: 460px;
	padding-top: 30px;
	background-image: none;
}

#leftcontent	{
	float: left;
	width: 350px;
	background: none;
	}

#rightcontent	{
	float: right;
	width: 350px;
	background: none;
	}
	
.clearcont {
	clear:both;
}
.clearcont hr {
	display:none;
}

/* ==================== テキストリンク ==================== */
a	{
 color: #999999;
	text-decoration: none;}

a img	{border: none;}

/* ==================== ヘッダー ==================== */
#head	{
	margin: 0;
	background: none;
	height: 465px;
	background:url(images/gallery-bg-head.jpg) no-repeat;
	background-color: #000000;
	}
.page-id-229 #head ,
.new #head {
	background:url(images/new-bg-head.jpg) no-repeat;
}
.home #head {
	background:url(images/home-bg-head.jpg) no-repeat;
}
.page-id-129 #head {
	background:url(images/salon-bg-head.jpg) no-repeat;
}
.page-id-131 #head {
	background:url(images/menu-bg-head.jpg) no-repeat;
}
.page-id-14 #head ,
.tag #head {
	background:url(images/gallery-bg-head.jpg) no-repeat;
}
.page-id-19 #head ,
.parent-pageid-19 #head {
	background:url(images/staff-bg-head.jpg) no-repeat;
}
.page-id-133 #head {
	background:url(images/company-bg-head.jpg) no-repeat;
}
.page-id-135 #head {
	background:url(images/recruit-bg-head.jpg) no-repeat;
}
.page-id-137 #head {
	background:url(images/link-bg-head.jpg) no-repeat;
}
.page-id-415 #head {
	display: none;
}
.page-id-421 #head {
	background:url(images/event-bg-head.jpg) no-repeat;
}

#head h1	{
	padding: 0;
	margin: 0;
	}
#head h1 a	{
	width: 395px;
	height: 130px;
	display: inline-block;
	font-size: 0;
	text-indent: -9999px;
	}


/* ==================== フッター ==================== */
#foot	{
 clear:both;
	border-top: 1px solid #FFFFFF;
	}

#foot p	{
 margin: 0;
	padding: 15px 25px;
	font-size: 11px;
	text-align: right;
	}

/* ==================== ナビゲーションメニュー ==================== */
#menu-mainmenu {
 margin: 0;
	margin-top: 300px;
	padding: 0;
 list-style-type: none;
}

#menu-mainmenu li {
 float: left;
}

#menu-mainmenu li a {
	display:block;
	width: 111px;
	height: 35px;
	font-size: 0;
	text-indent: -9999px;
}

#menu-item-233 a {
	background-image:url(images/nav_but01.jpg);
}
#menu-item-145 a {
	background-image:url(images/nav_but02.jpg);
}
#menu-item-143 a {
	background-image:url(images/nav_but03.jpg);
}
#menu-item-141 a {
	background-image:url(images/nav_but04.jpg);
}
#menu-item-180 a {
	background-image:url(images/nav_but05.jpg);
}
#menu-item-148 a {
	background-image:url(images/nav_but06.jpg);
}
#menu-item-140 a {
	background-image:url(images/nav_but07.jpg);
}
#menu-item-144 a {
	background-image:url(images/nav_but08.jpg);
}
#menu-item-142 a {
	background-image:url(images/nav_but09.jpg);
}

#menu-mainmenu li a:hover ,
.new #menu-item-233 a ,
.tag #menu-item-141 a ,
.parent-pageid-19 #menu-item-180 a,
.current-menu-item a {
	background-position: 0 -35px;
}

/* ==================== コンテンツ ==================== */
#content th,
#content td {
 font-size: 12px;
	line-height: 1.5;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

#content .postdate	{color: #aaaaaa;
	margin-top: 8px;}

/* ==================== 固定ページ ==================== */
.page-title {
	width: 816px;
	height: 30px;
	margin: auto;
	margin-bottom: 40px;
	font-size: 0;
	text-indent: -9999px;
	}

.home .page-title {
	background:url(images/home-title01.jpg) no-repeat;
}
.page-id-229 .page-title ,
.new .page-title {
	background:url(images/new-title01.jpg) no-repeat;
}
.page-id-129 .page-title {
	background:url(images/salon-title01.jpg) no-repeat;
}
.page-id-131 .page-title {
	background:url(images/menu-title01.jpg) no-repeat;
}
.page-id-14 .page-title ,
.gallery .page-title ,
.tag .page-title {
	background:url(images/gallery-title01.jpg) no-repeat;
}
.page-id-19 .page-title {
	background:url(images/staff-title01.jpg) no-repeat;
}
.parent-pageid-19 .page-title {
	background:url(images/staff-title01.jpg) no-repeat;
}
.page-id-133 .page-title {
	background:url(images/company-title01.jpg) no-repeat;
}
.page-id-135 .page-title {
	background:url(images/recruit-title01.jpg) no-repeat;
}
.page-id-137 .page-title {
	background:url(images/link-title01.jpg) no-repeat;
}
.page-id-415 .page-title {
	background:url(images/campaign-title01.jpg) no-repeat;
}
	
.page-content {
	width: 736px;
	margin: auto;
	}

/* ==================== ホーム ==================== */
.home #leftcontent	{
	width: 725px;
	margin-left:20px;
	position: absolute;
	}
.home #rightcontent	{
	width: 205px;
	margin-right:20px;
	}
.home #rightcontent p	{
	margin:0;
	margin-bottom:4px;
	padding:0;
	}
	
.home #box01 {
	float:left;
	width: 346px;
	margin-bottom:20px;
}
.home #box01 h2 {
	margin:0;
	margin-bottom: 10px;
	padding:0;
	height:30px;
	font-size: 0;
	text-indent: -9999px;
	background:url(images/home-title01.jpg) no-repeat;
}

.home #box02 {
	float:right;
	width: 345px;
	margin-bottom:20px;
}
.home #box02 h2 {
	margin:0;
	margin-bottom: 10px;
	padding:0;
	height:30px;
	font-size: 0;
	text-indent: -9999px;
	background:url(images/home-title02.jpg) no-repeat;
}

.home #box03 {
	margin-bottom:20px;
}
.home #box03 h2 {
	margin:0;
	margin-bottom: 10px;
	padding:0;
	height:30px;
	font-size: 0;
	text-indent: -9999px;
	background:url(images/home-title03.jpg) no-repeat;
}

.home .home-box {
	min-height: 65px;
	margin-bottom:5px;
	padding: 0 3px;
	border-bottom: 1px dotted #7b4d29;
}
.home .home-rss {
	min-height: 36px;
	margin-bottom:5px;
	padding: 0 3px;
	border-bottom: 1px dotted #7b4d29;
}
.home .home-txt {
	font-size:11px;
	}
.home .home-img img {
	float: right;
	margin-left: 10px;
	border:2px solid #FFFFFF;
}

/* ==================== salon ==================== */
.page-id-129 h3 {
	margin-top: 30px;
	padding:3px 0;
	border-top:1px solid #dccaa4;
	font-size:17px;
	color: #dccaa4;
}

.page-id-129 table {
	margin-bottom: 24px;
}

.page-id-129 td {
	padding-left: 10px;
}

.page-id-129 .salon-td01 {
	width: 60px;
	border: 1px solid #634d3f;
	padding: 5px;
}

.page-id-129 .salon-td02 {
	border-bottom: 1px solid #634d3f;
	padding: 5px 2px 0 10px;
}

/* ==================== menu ==================== */
.page-id-131 h3 {
	margin-top: 30px;
	padding:3px 0;
	border-top:1px solid #dccaa4;
	font-size:17px;
	color: #dccaa4;
}

.page-id-131 .page-content {
	width: 816px;
	margin: auto;
	}

.page-id-131 #leftcontent	{
	width: 395px;
	}

.page-id-131 #rightcontent	{
	width: 395px;
	}
	
.page-id-131 .page-title {
	margin-bottom: 10px;
	}
	
.page-id-131 table {
	margin-left: 15px;
	}

.page-id-131 td {
	padding-right: 15px;
	padding-bottom: 10px;
}

.page-id-131 .menu-td01 {
	color: #956235;
	padding-right: 5px;
}
.page-id-131 .menu-td02 {
	width: 200px;
}

.page-id-131 p {
	margin: 15px;
	font-size: 11px;
	}
	
.page-id-131 hr {
	margin: 20px 0;
	border-bottom: 1px dashed  #956235;
	}

/* ==================== grallery ==================== */
.page-id-14 .page-content {
	width: 816px;
	margin: auto;
	}
	
.page-id-14 #leftcontent	{
	width: 145px;
	}
.page-id-14 #rightcontent	{
	width: 665px;
	}

.page-id-14 .wp-tag-cloud {
	 width: 145px;
		list-style-type: none;
		margin: 0;
		padding: 0;
}
.page-id-14 .wp-tag-cloud li {
	margin-bottom: 8px;
	padding-left: 5px;
	border-bottom:2px dotted #ede4d2;
}
.page-id-14 #rightcontent #main-ph	{
	float: left;
	text-align: center;
	width: 280px;
	}
.page-id-14 #rightcontent #ph-box	{
	float: right;
	width: 384px;
	}
.page-id-14 #rightcontent #ph-box img	{
	border: 5px solid #FFFFFF;
	margin-left: 6px;
	margin-bottom: 5px;
	}

/* ==================== grallery:個別ページ ==================== */
.single .page-content {
	width: 610px;
	background-color: #FFFFFF;
}

.single  #leftcontent	{
	width: 310px;
	background-color: #301301;
	text-align: center;
	}
.single  #rightcontent	{
	width: 280px;
	margin-right: 10px;
	color: #666666;
}

.single .galley-date {
	margin-top: 10px;
	font-size: 10px;
	color: #999999;
}
.single .galley-title {
	font-size: 18px;
	color: #333333;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #bfbfbf;
}
.single .galley-txt {
}
.single .galley-staff {
	margin-top: 10px;
	font-size: 10px;
	color: #624f40;
	border-top: 1px solid #624f40;
}
.single .galley-wph img {
	margin: 0;
	margin-left:7px;
}
.single .prevnext {
	margin: 5px auto;
	width: 104px;
	background-image:url(images/single-but-bg.jpg);
}
.single .back a	{
	display: block;
	float: left;
	width: 52px;
	height: 19px;
	margin: 0;
	background-image:url(images/single-back.jpg);
	font-size: 0;
	text-indent: -9999px;
	}
.single .next a	{
	display: block;
	float: right;
	width: 52px;
	height: 19px;
	margin: 0;
	background-image:url(images/single-next.jpg);
	font-size: 0;
	text-indent: -9999px;
	}

/* ==================== grallery:同じスタイルのページ ==================== */
.tag .page-content {
	width: 700px;
	margin: 0 auto;
}

.tag img 	{
	border:4px solid #FFFFFF;
	margin-left: 5px;
	margin-bottom: 5px;
	}

.tag h3 {
	margin-top: 30px;
	padding:3px 12px;
	background-color: #000000;
	color: #FFFFFF;
	font-weight: normal;
}
.tag h3 span {
	color: #966336;
}
	
	/* ==================== staff ==================== */
.page-id-19 .page-content ul {
	list-style-type: none;
	}

.page-id-19 .page-content li	{
	float: left;
	margin-right: 5px;
	margin-bottom: 15px;
	padding:0;
	text-align: center;
	font-size: 11px;
	}
	
.page-id-19 .page-content li img	{
	margin-bottom: 3px;
	}

.parent-pageid-19 .page-content {
	width: 610px;
	background-color: #FFFFFF;
}

.parent-pageid-19  #leftcontent	{
	width: 310px;
	}
.parent-pageid-19  #rightcontent	{
	width: 280px;
	margin-right: 10px;
	color: #666666;
	}
.parent-pageid-19 .staff-class {
	margin-top: 10px;
	font-size: 10px;
	color: #999999;
}
.parent-pageid-19 .staff-name {
	font-size: 18px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #333333;
}
.parent-pageid-19 .staff-rj {
	margin: 0;
	padding: 0;
	line-height: 0.8;
	text-align: right;
	font-size: 14px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #e4e4e4;
	border-bottom: 1px solid #bfbfbf;
}
.parent-pageid-19 .staff-txt {
	min-height: 270px;
}
.parent-pageid-19 .staff-work {
	font-size: 10px;
	color: #624f40;
	border-top: 1px solid #624f40;
}
.parent-pageid-19 .staff-wph img {
	margin: 0;
	margin-left:7px;
}

.parent-pageid-19 .page-content2 {
	width: 730px;
	margin: 30px auto;
}

.parent-pageid-19 .page-content2 a {
	float:left;
	margin-right: 5px;
	margin-bottom: 5px;
}

/* ==================== company ==================== */
.page-id-133 .page-content {
	width: 796px;
	margin: auto;
	}
.page-id-133 table {
	width: 796px;
	}

.page-id-133 td {
	padding-right: 15px;
	padding-bottom: 10px;
}

.page-id-133 .company-td01 {
	color: #956235;
	padding-right: 5px;
}

/* ==================== recruit ==================== */
.page-id-135 .page-content {
	width: 796px;
	margin: auto;
	}

.page-id-135 table {
	width: 796px;
	}

.page-id-135 td {
	padding-right: 15px;
	padding-bottom: 10px;
}

.page-id-135 .recruit-td01 {
	color: #956235;
	padding-right: 5px;
}

/* ==================== link ==================== */
.page-id-137 #content {
	background-image: none;
}
.page-id-137 #leftcontent ,
.page-id-137 #rightcontent {
	text-align:center;
	}

.page-id-137 .link01 {
	margin: 0 15px;
	margin-bottom: 29px;
	}
.page-id-137 .link02 {
	margin: 0 15px;
	margin-bottom: 29px;
}
.page-id-137 .link03 {
	margin: 17px 15px;
	}
.page-id-137 .link04 {
	margin: 45px 15px;
}
.page-id-137 .link05 {
	margin: 31px 15px;
	}
.page-id-137 .link06 {
	margin: 19px 15px;
	}
.page-id-137 .link07 {
	margin: 47px 15px;
	}
.page-id-137 .link08 {
	margin: 18px 15px;
	}

/* ==================== new ==================== */
.page-id-229 h3 ,
.new h3 {
	margin-top: 30px;
	padding:3px 12px;
	background-color: #000000;
	color: #FFFFFF;
	font-weight: normal;
}

.page-id-229 h3 span ,
.new h3 span{
 color: #966336;
}

.page-id-229 .page-content ,
.new .page-content {
	width: 736px;
	margin: auto;
	background: none;
	}

.page-id-229 .page-content p ,
.new .page-content p {
 margin:auto 20px;
}

.page-id-229 .new-img {
	float:left;
	margin-right: 15px;
	border: 2px solid #FFFFFF;
}
.page-id-229 .new-more {
	text-align:right;
	border-bottom: 1px dashed #7b4d29;
	}
/* ==================== new:個別ページ ==================== */
.new .topic-img {
	text-align: center;
	margin-bottom: 15px;
}

/* ==================== campaign ==================== */
.page-id-415 img ,
.page-id-421 img {
	margin-right: 10px;
}
.page-id-415 .campaign-img ,
.page-id-421 .campaign-img {
	text-align: center;
	margin-bottom: 15px;
}

/* ==================== Event ==================== */
.page-id-421 .page-title01 ,
.page-id-421 .page-title02 ,
.page-id-421 .page-title03 ,
.page-id-421 .page-title04 {
	clear: both;
	font-size: 0;
	text-indent: -9999px;
	height:25px;
	margin-bottom: 20px;
}

.page-id-421 .page-title01 {
	background:url(images/event-title01.gif) no-repeat;
}
.page-id-421 .page-title02 {
	background:url(images/event-title02.gif) no-repeat;
}
.page-id-421 .page-title03 {
	background:url(images/event-title03.gif) no-repeat;
}
.page-id-421 .page-title04 {
	background:url(images/event-title04.gif) no-repeat;
}

.page-id-421 dl ,
.page-id-421 dt ,
.page-id-421 dd {
	margin: 0;
	padding: 0;
}

.page-id-421 .page-content {
	width: 820px;
	margin: auto;
	background: none;
	}
	
.page-id-421 .photo-box {
	float:left;
	width: 500px;
}
.page-id-421 .txt-box {
	float:right;
	width: 320px;
	margin-bottom: 40px;
}
.page-id-421 .txt-subbox {
	margin-top: 10px;
	padding-left:55px;
	min-height: 55px;
	border:1px solid #eddeb6;
	background:url(images/event-img01.jpg) repeat-y;
}
.page-id-421 p {
	margin: 0;
	padding: 0;
}
.page-id-421 .txt-subbox p {
	padding-top: 10px;
	font-size:11px;
}

.page-id-421 .size-event-photo {
	border: 4px solid #FFFFFF;
	margin: 0;
	padding: 0;
	margin-right: 6px;
}

.page-id-421 table {
	width: 320px;
	border-collapse : collapse;
}
.page-id-421 .event-td01 {
	color: #956235;
	width:15px;
	padding-right: 5px;
}
.page-id-421 .event-td03 {
	text-align:right;
	width:150px;
}
.page-id-421 .event-td04 {
	width:19%;
	border-top:1px solid #eddeb6;
	border-bottom:1px solid #eddeb6;
}
.page-id-421 .event-td05 ,
.page-id-421 .event-td06 ,
.page-id-421 .event-td07 {
	width:27%;
	padding-left: 8px;
	border-top:1px solid #eddeb6;
	border-bottom:1px solid #eddeb6;
	border-left:1px dashed #eddeb6;
}


.page-id-421 hr {
	clear:both;
}


/* test */
.page-id-1297 #head {
 background:url(images/menu-bg-head.jpg) no-repeat;
}
.page-id-1297 .page-title {
	background:url(images/menu-title01.jpg) no-repeat;
}
.page-id-1297 h3 {
	margin-top: 30px;
	padding:3px 0;
	border-top:1px solid #dccaa4;
	font-size:17px;
	color: #dccaa4;
}

.page-id-1297 .page-content {
	width: 816px;
	margin: auto;
	}

.page-id-1297 #leftcontent	{
	width: 395px;
	}

.page-id-1297 #rightcontent	{
	width: 395px;
	}
	
.page-id-1297 .page-title {
	margin-bottom: 10px;
	}
	
.page-id-1297 table {
	margin-left: 15px;
	}

.page-id-1297 td {
	padding-right: 15px;
	padding-bottom: 10px;
}

.page-id-1297 .menu-td01 {
	color: #956235;
	padding-right: 5px;
}
.page-id-1297 .menu-td02 {
	width: 200px;
}

.page-id-1297 p {
	margin: 15px;
	font-size: 11px;
	}
	
.page-id-1297 hr {
	margin: 20px 0;
	border-bottom: 1px dashed  #956235;
	}


.page-id-1290 #head {
 background:url(images/event-bg-head.jpg) no-repeat;
}
.page-id-1290 .page-title01 ,
.page-id-1290 .page-title02 ,
.page-id-1290 .page-title03 ,
.page-id-1290 .page-title04 {
	clear: both;
	font-size: 0;
	text-indent: -9999px;
	height:25px;
	margin-bottom: 20px;
}

.page-id-1290 .page-title01 {
	background:url(images/event-title01.gif) no-repeat;
}
.page-id-1290 .page-title02 {
	background:url(images/event-title02.gif) no-repeat;
}
.page-id-1290 .page-title03 {
	background:url(images/event-title03.gif) no-repeat;
}
.page-id-1290 .page-title04 {
	background:url(images/event-title04.gif) no-repeat;
}

.page-id-1290 dl ,
.page-id-1290 dt ,
.page-id-1290 dd {
	margin: 0;
	padding: 0;
}

.page-id-1290 .page-content {
	width: 820px;
	margin: auto;
	background: none;
	}
	
.page-id-1290 .photo-box {
	float:left;
	width: 500px;
}
.page-id-1290 .txt-box {
	float:right;
	width: 320px;
	margin-bottom: 40px;
}
.page-id-1290 .txt-subbox {
	margin-top: 10px;
	padding-left:55px;
	min-height: 55px;
	border:1px solid #eddeb6;
	background:url(images/event-img01.jpg) repeat-y;
}
.page-id-1290 p {
	margin: 0;
	padding: 0;
}
.page-id-421 .txt-subbox p {
	padding-top: 10px;
	font-size:11px;
}

.page-id-1290 .size-event-photo {
	border: 4px solid #FFFFFF;
	margin: 0;
	padding: 0;
	margin-right: 6px;
}

.page-id-1290 table {
	width: 320px;
	border-collapse : collapse;
}
.page-id-1290 .event-td01 {
	color: #956235;
	width:15px;
	padding-right: 5px;
}
.page-id-1290 .event-td03 {
	text-align:right;
	width:150px;
}
.page-id-1290 .event-td04 {
	width:19%;
	border-top:1px solid #eddeb6;
	border-bottom:1px solid #eddeb6;
}
.page-id-1290 .event-td05 ,
.page-id-1290 .event-td06 ,
.page-id-1290 .event-td07 {
	width:27%;
	padding-left: 8px;
	border-top:1px solid #eddeb6;
	border-bottom:1px solid #eddeb6;
	border-left:1px dashed #eddeb6;
}
.page-id-1290 hr {
	clear:both;
}