@charset "utf-8";

h1,h2,h3,h4,h5,h6,
p,li,dt,dd,td,
input,textarea,select,option {
	font-size: 12px; /* フォントサイズを1em=12pxにする */
	font-weight: normal;
}
* {
	 font-family: 'Lucida Grande',Verdana,sans-serif;
}


/*初期設定*/
body,div,pre,p,
form,fieldset,input,textarea,select,option, 
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, 
table,th,td,embed,object { 
	margin: 0px; 
	padding: 0px;
}
body {
    font-size: 12px; /* 全体のフォントサイズを1em=10pxにする */
	color:#5E3A1D;
	line-height: 167%;
	margin: 0px;
	padding: 0px; 
}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a:link {
	text-decoration: none;
	color:#5E3A1D;
}
a:visited {
	text-decoration: none;
	color:#5E3A1D;
}
a:hover {
	text-decoration: underline;
	color:#5E3A1D;
}
a:active {
	text-decoration: underline;
	color:#5E3A1D;
}

a.li {
	background:url(../pc_images/common/icon_item_li.gif) no-repeat;
	padding-left:24px;
	color:#5C381A;
	font-size:11px;
	/*letter-spacing:-2px;*/
}
table th,
table td {padding:5px;vertical-align:top;}

div.clear {
	clear: both;
}
.clearfix:after {
	content: url(../pc_images/common/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}
.clearfix {overflow:hidden;}

div#container{
	text-align:left;
	margin:0 auto;
}

div#header, div#container {width:900px;padding-right:30px;}
  	div#header {
	position: relative;
	}
	div#header h1 {
		float:left;
		line-height:80px;
		margin:0;
		padding:20px 20px 10px 10px;
		display:inline;
	}
	div#header #header_contact {
		float:right;
		text-align:right;
		display:inline;
	}
	div#header #header_contact a {
		margin-right:10px;
	}
	div#header #header_contact span{font-size:11px;}
	div#header #logo {margin-top:6px;}
	div#header #logo img {width:auto;}
	div#header p#headerBanner {
	height: 50px;
	width: 150px;
	position: absolute;
	left: 443px;
	top: 20px;
	}

div#navigation {
	display:block;
	margin-left:10px;
}
div#navigation ul{
	margin:15px 0;
	padding:0;
	list-style-type:none;
}
div#navigation li {
	line-height:100%;
	margin-bottom:5px;
}
	div#navigation li a {
		padding:8px 5px;
		display:block;
	}

div#sidebar {
	position:relative;
	float:left;
	display:inline;
	width:200px;
}

div#content {
	position:relative;
	display:inline;
	float:right;
	width:685px;
	overflow:hidden;
	margin-left:15px;
}
	div#content p{
		line-height:1.4;
	}
	div#content #social_bookmarks {
		display:block;
		margin-top:-80px;
		padding-left:330px;
		height: 157px;
	}
	div#content #social_bookmarks img#facebook {
		margin-bottom:40px;
	}
div.content {
	padding-left:20px;
}

#search {font-size:11px;}
#search select {height:30px;padding:3px;margin-left:20px;}
#search img {margin-right:20px;}
#menu select {height:20px;width:180px;}

ul.sub_navi {
	display:block;
	list-style:none;
	padding:0;
	margin:10px 0 0 262px;
}
	ul.sub_navi li {
		float:left;
		display:inline;
		position:relative;
		line-height:100%;
		text-indent:-9999px;
	}
	ul.sub_navi li a {
		display:block;
		padding:5px 8px;
		position:relative;
	}
	ul.sub_navi li.salon_info a {
		background:url(../pc_images/common/sub_navi_salon_menu_staff.gif) 0 0 no-repeat;
		width:140px;
	}
	ul.sub_navi li.menu a {
		background:url(../pc_images/common/sub_navi_salon_menu_staff.gif) -156px 0 no-repeat;
		width:110px;
	}
	ul.sub_navi li.staff a {
		background:url(../pc_images/common/sub_navi_salon_menu_staff.gif) -280px 0 no-repeat;
		width:90px;
	}
	ul.sub_navi li.salon_info_on a {
		background-position:0 -26px;
	}
	ul.sub_navi li.menu_on a {
		background-position:-156px -26px;
	}
	ul.sub_navi li.staff_on a {
		background-position:-280px -26px;
	}

#breadcrumb,#breadcrumb2 {
	display:block;
	width:100%;
	text-align:right;
	font-size:11px;
	margin-bottom:20px;
}
#breadcrumb2 {
	margin-bottom:0px;
}
#slide {
	background:url(../pc_images/salon/slide_bg.gif) no-repeat;
	width:626px;
	height:420px;
	overflow:hidden;
	display:block;
	margin-left:15px;
}
	#slide img {
		padding:16px 33px;
	}
.slide_thumb {
	position:absolute;
	right: 60px;
	bottom: 50px;
}
.slide_thumb img {padding:1px;background:#fff;border:1px solid #ccc;}

#concept {
	background:url(../pc_images/salon/bg_concept.gif) repeat-y;
	width:577px;
	overflow:hidden;
	display:block;
	margin-left:30px;
}
	#concept .top {
		background:url(../pc_images/salon/bg_concept_top.gif) no-repeat;
		width:577px;
		height:74px;
	}
	#concept .bottom {
		background:url(../pc_images/salon/bg_concept_bottom.gif) no-repeat;
		width:577px;
		height:68px;
	}
	#concept .block {
		padding:0 20px 0 50px;
		color:#8C715B;
	}

#infomation {padding-left:45px;}

.block div {padding-left:10px;}
.block.l,.block.r {float:left;display:inline;padding:10px 0 10px;}
.block.l {width:50%;}
.block.r {width:45%;}
.block h3 {margin-bottom:10px;}

.block .notice {
	background:url(../pc_images/salon/bg_notice.gif) no-repeat;
	margin:10px;padding:0;
	font-size:11px;
	/*letter-spacing:-2px;*/
	width:232px;
}
	.block .notice .notice_inner {
		padding:16px;
	}
	.block .notice .bottom {
		background:url(../pc_images/salon/bg_notice_bottom.gif) no-repeat;
		height:7px;
	}
.block a.map {padding-left:100px;}
.desc {padding:10px;}
.desc h4 {text-indent:-9999px;display:block;padding:10px 0px;}
	.desc h4.h01 {background:url(../pc_images/salon/h4_01.gif) no-repeat;}
	.desc h4.h02 {background:url(../pc_images/salon/h4_02.gif) no-repeat;}
	.desc h4.h03 {background:url(../pc_images/salon/h4_03.gif) no-repeat;}
	.desc h4.h04 {background:url(../pc_images/salon/h4_04.gif) no-repeat;}
	.desc h4.h05 {background:url(../pc_images/salon/h4_05.gif) no-repeat;}
.desc p {
	/*background:url(../pc_images/salon/bg_desc.gif) no-repeat;
	height:50px;*/
	overflow:hidden;
	border: 1px dashed #8E8E8E;
	margin-right: 100px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.title {font-size:12px;font-weight:bold;padding-bottom:10px;}
.date {font-weight:bold;}
.current,.ditto_currentpage {}
.paginate {font-size:11px;width:90%;text-align:right;display:block;clear:both;}
	.paginate .ditto_previous_link img {margin-right:120px;}
.small {font-size:11px;}
.strong {font-weight:bold;}
.center {text-align:center;}
.dashed {border:1px dashed #ccc;}
.hint {
	color:#FF6600;
	font-size:11px;
	/*letter-spacing:-1px;*/
}
.ml20 {margin-left:20px;}
.mt20 {margin-top:20px;}
.m20_0 {margin:20px 0 0;}
.m15 {margin:15px 0;}

div#extra{
	display:block;
}
	div#extra #news {
		background:url(../pc_images/common/bg_news.gif) no-repeat;
		height:330px;
	}
	div#extra #news .block {
	display:block;
	height: 180px;
	padding-top: 89px;
	padding-right: 28px;
	padding-bottom: 10px;
	padding-left: 25px;
	overflow: hidden;
	}
	div#extra #news a.li {
		display:block;
		margin:20px 0 0 80px;
	}
	div#extra #blog {
		background:url(../pc_images/common/bg_blog.gif) no-repeat;
		height:220px;
	}
	div#extra #blog .block {
	display:block;
	height: 80px;
	padding-top: 51px;
	padding-right: 28px;
	padding-bottom: 10px;
	padding-left: 25px;
	}
	div#extra #blog a.li {
		display:block;
		margin:35px 0 0 60px;
	}
	div#extra #blog {
		background:url(../pc_images/common/bg_blog.gif) no-repeat;
		height:220px;
	}
	div#extra #blog .block {
		display:block;
		padding:51px 28px 10px 25px;
	}
	div#extra #blog a.li {
		display:block;
		margin:35px 0 0 60px;
	}
	div#extra #blog_s {
		background:url(../pc_images/common/bg_blog_s.gif) no-repeat;
		margin:10px 0;
	}
		div#extra #blog_s .bottom {
			background:url(../pc_images/common/bg_blog_s_bottom.gif) no-repeat;
			height:19px;
		}
	div#extra #blog_s .block {
		display:block;
		padding:63px 28px 10px 25px;
	}
	div#extra #blog_s a.li {
		display:block;
		margin:25px 0 0 60px;
	}
	div#extra #recommend {
		text-align:right;
		padding-bottom:5px;
	}
	div#extra #links img,
	div#extra #social img {
		padding:8px 0;
	}

#closure {
	text-align:right;
	margin-top: 30px;
}
	#closure img {
		padding-bottom:10px;
	}
	#closure a img {
		padding-right:60px;
	}

div#footer{
	clear:both;
	width:100%;
	text-align:center;
	margin:20px 0 5px 20px;
}
div#footer p{
	margin:0;
	padding:5px 10px;
}
div#footer #footer_navi{
	margin:20px 0 0 0;
	padding:0;
	list-style-type:none;
}
div#footer #footer_navi li {
	float:left;
	display:inline;
	padding:0 8px 0 0;
	color:#A9A6A1;
	font-size:10px;
}
	div#footer #footer_navi li a {
		padding:0 10px;
		color:#A9A6A1;
	}

.sep {clear:both;display:block;text-align:center;width:100%;padding:15px 0 20px 0;}
	.sep img {padding-right:60px;}
	.sep p {padding:15px 0;}
a.dotted, span.dotted, .dotted a {border:none !important;padding:2px 0 5px;background:url(../pc_images/common/dot.gif) left 15px repeat-x;text-decoration:none;}
a.dotted2 {border-bottom:1px dotted #666;text-decoration:none;}
a.underline {text-decoration:underline;}

/* トップページ */
.index {width:940px;display:block;}
	.index #content {width:720px;padding:0;margin:0;}

/* メニュー＆プライス */
#menu {
	width:820px;
	margin-top:20px;
	background-image: url(../pc_images/menu/bg_content2.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#menu div#menu_outer {
	background-image: url(../pc_images/menu/bg_content.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

	#menu #menu_inner {
		margin-left: 100px;
		padding-top: 70px;
		width: 400px;
	}
	#menu #menu_inner .m20 {
		padding-left:35px;
	}
	#menu .bottom {
		background:url(../pc_images/menu/bg_content_bottom.gif) no-repeat;
		width:820px;
		height:83px;
	}
	#menu #menu_inner h4 {
	font-weight: bold;
	display: block;
	clear: both;
	padding-left: 5px;
	padding-bottom: 10px;
	}
	#menu #menu_inner dl {
		width:390px;
		padding-left:5px;
	}
	#menu #menu_inner dt,
	#menu #menu_inner dd {
	float:left;
	width:325px;
	line-height:200%;
	margin-bottom: 10px;
	}
	#menu #menu_inner dd {
		float:left;
		width:50px;
	}
	#menu #att {padding:20px 0 5px 10px;}
	#menu #att h4 {padding-bottom:5px;}
	#menu #att img {padding-bottom:5px;}

/* ニュース */
.content #news {}
	.content #news .item {padding:25px 15px;border:1px dashed #ccc;margin:0 70px 10px 30px;}
	.content #news .item div {margin-left:200px;line-height:170%;}
	.content #news .item .date img {padding-right:10px;}
	.content #news .item .title {display:block;margin:4px 0;background:none;}

/* よくあるご質問 */
.content #faq {margin-left:20px;}
	.content #faq .title {font-size:14px;padding-bottom:0;}
	.content #faq p {padding:8px 0 4px;font-weight:bold;}
	.content #faq .item {padding:20px;border:1px dashed #ccc;margin:10px 60px 20px 25px;line-height:180%;}

/* スタッフ */
.content #staff {margin-left:20px;}
	.content #staff h3 {font-weight:bold;padding-top:8px;}
	.content #staff .title {font-size:14px;}
	.content #staff p {padding:8px 0 4px;font-weight:bold;border-bottom:1px dotted #ccc;}
	.content #staff .item {padding:5px;margin:0;}
	.content #staff .item div {display:inline;float:left;text-align:center;width:122px;margin-right:25px;}
	.content #staff .item img {margin-bottom:5px;padding:4px;border:1px #ccc dashed;}

/* スタッフ詳細 */
.content #staff_in {margin:0 40px 0 20px;}
	.content #staff_in h2,.content #staff_in h3,.content #staff_in h4 {display:block;clear:both;}
	.content #staff_in h3 {padding:0 0 5px;}
	.content #staff_in h4 {font-weight:bold;}
	.content #staff_in .photo {margin-right:15px;padding:2px;float:left;display:inline;position:relative;width:200px;}
	.content #staff_in .photo img {border:1px #ccc dashed;padding:5px;}
	.content #staff_in .detail {padding:5px 10px 5px 30px;margin:0;float:left;display:inline;position:relative;width:340px;}
	.content #staff_in .detail ul {margin:10px 0 20px;list-style:none;}
	.content #staff_in .comment {padding:20px;margin-right:10px;}
	.content #staff_in .comment p {line-height:170%;}
	.content #staff_in .item {padding:0;margin:0;}
	.content #staff_in #gallery .image {padding:35px 10px 10px;background:url(../pc_images/style/bg_photo.gif) no-repeat;width:124px;height:206px;margin-right: 6px;}
	.content #staff_in #gallery2 .image {padding:37px 11px 10px;background:url(../pc_images/nail/bg_photo.gif) no-repeat;width:177px;height:146px;margin:0px 2px 0px 0px;}

/* スタイルギャラリー */
/* ネイルギャラリー */
.content #nail,.content #style {
	width:480px;
	float:left;
	display:inline;
	overflow:hidden;
	position:relative;
}
	.content #nail .title,.content #style .title {font-size:14px;}
	.content #nail p, .content #style p {padding:8px 0 4px;font-weight:bold;border-bottom:1px dotted #ccc;}
	.content #nail .item, .content #style .item {padding-top:5px;display:block;}
	
	.content #style .item .image {padding:35px 10px 10px 13px;background:url(../pc_images/style/bg_photo.gif) no-repeat;width:124px;height:206px;margin:0 10px 0 0;}
	.content #nail .item .image {padding:37px 11px 10px;background:url(../pc_images/nail/bg_photo.gif) no-repeat;width:177px;height:146px;margin:0 30px 0 0;}
	.content #style .item .last,.content #nail .item .last {margin-right:0;}

.content .item .image {margin-right:10px;float:left;display:inline;}
.content .side_menu {float:left;display:inline;width:150px;margin-top:15px;margin-right:20px;overflow:hidden;position:relative;}
	.content .side_menu h3 {padding-bottom:10px;}
	.content .side_menu ul {list-style:none;padding:10px 15px 5px 25px;background:url(../pc_images/style/bg_search.gif) repeat-y;}
	.content .side_menu ul li {height:30px;font-size:8px;}
	.content .side_menu ul li a {font-size:12px;}
	.content .side_menu .top {height:18px;background:url(../pc_images/style/bg_search_top.gif) no-repeat;}
	.content .side_menu .bottom {height:19px;background:url(../pc_images/style/bg_search_bottom.gif) no-repeat;}

/* スタイル詳細 */
.content #style_in {}
	.content #style_in h2,.content #style_in h3,.content #style_in h4 {display:block;clear:both;}
	.content #style_in h3 {padding:10px 0;}
	.content #style_in #gallery {
		float:left;
		display:inline;
		position:relative;
		margin-top:-30px;
	}
	.content #style_in #gallery .photo {
	background:url(../pc_images/style_in/bg_photo.gif) no-repeat;
	width:310px;
	padding-top: 49px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	}
	.content #style_in #gallery .thumbnail {margin:10px 0 10px 8px;}
	.content #style_in #gallery .thumbnail a {display:inline;}
	.content #style_in #detail {display:block;width:310px;height:190px;overflow:hidden;background:url(../pc_images/style_in/bg_style_detail.gif) no-repeat;}
	.content #style_in #detail ul {padding:54px 0 0 125px;list-style:none;line-height:110%;}
	.content #style_in #detail ul li {line-height:105%;height:30px;color:#C1B9AE;font-size:15px;}
	.content #style_in .detail {padding:5px;margin:0;float:left;display:inline;position:relative;width:260px;}
	.content #style_in .detail h3,.content #style_in .detail h4 {font-weight:bold;}
	.content #style_in .detail h3 {border-bottom:1px solid #ccc;padding-bottom:1px;margin-bottom:20px;}
	.content #style_in .detail h4 {clear:none;}
	.content #style_in .detail ul {margin:10px 0 20px;list-style:none;}
	.content #style_in .detail p {padding-bottom:10px;line-height:175%;display:block;}
	.content #style_in .detail img#staff_photo {border:1px solid #D7D2CC;padding:2px;margin-right:10px;}
	.content #style_in .comment {padding:10px;margin-top:35px;}
	.content #style_in .item {padding:5px;margin:0;}

/* ネイル詳細 */
.content #nail_in {margin-top:-20px;}
	.content #nail_in h2,.content #nail_in h3,.content #nail_in h4 {display:block;clear:both;}
	.content #nail_in h3 {padding:10px 0;}
	.content #nail_in #gallery {
		margin-right:15px;
		float:left;
		display:inline;
		position:relative;
	}
	.content #nail_in #gallery h3 {
	position: absolute;
	left: 40px;
	top: -40px;
	font-weight: bold;
	width: 250px;
}
	.content #nail_in #gallery .photo {
		padding:56px 10px 10px 11px;
		background:url(../pc_images/nail_in/bg_photo.gif) no-repeat;
		width:522px;
		margin-left:30px;
	}
	.content #nail_in #gallery .thumbnail {margin:10px 0 10px 48px;}
	.content #nail_in #gallery .thumbnail a {display:inline;}
	.content #nail_in .detail {padding:5px;margin:0 0 20px 48px;float:left;display:inline;position:relative;width:495px;}
	.content #nail_in .detail h3,.content #nail_in .detail h4 {font-weight:bold;}
	.content #nail_in .detail h3 {border-bottom:1px solid #ccc;padding-bottom:1px;margin-bottom:5px;}
	.content #nail_in .detail h4 {clear:none;}
	.content #nail_in .detail ul {margin:10px 0 20px;list-style:none;}
	.content #nail_in .detail p {padding-bottom:10px;line-height:175%;display:block;}
	.content #nail_in .detail img#staff_photo {border:1px solid #D7D2CC;padding:2px;margin-right:10px;}
	.content #nail_in .comment {padding:20px 20px 15px 20px;margin-top:35px;}
	.content #nail_in .item {padding:5px;margin:0;}

/* お客様の声 */
.content #voice {width:630px;}
	.content #voice .sep {margin-left:50px;}
	.content #voice .item {padding:5px;margin:20px 0 20px 40px;float:left;display:inline;position:relative;}
	.content #voice .item h4 {font-weight:bold;}
	.content #voice .item img.staff_photo {border:1px solid #D7D2CC;padding:2px;margin-right:10px;margin-left:20px;}
	.content #voice .item .detail {float:left;display:inline;width:480px;}
	.content #voice .item .detail .staff {float:left;display:inline;width:120px;}
	.content #voice .item .detail .voice {float:right;display:inline;width:350px;line-height:170%;}
	.content #voice .item .staff_comment {
	width:200px;
	height:50px;
	background:url(../pc_images/voice/bg_text.gif) 0 5px no-repeat;
	font-size:11px;
	font-weight:bold;
	padding:10px 0 0 14px;
	margin-left:15px;
	/*letter-spacing:-1px;*/
}
	.content #voice .item .comment {width:572px;background:url(../pc_images/voice/bg_voice.gif) repeat-y;margin-top:-25px;}
	.content #voice .item .comment div.comment_inner {padding:10px 20px 20px;}
	.content #voice .item .comment h4 {margin:4px 0;}
	.content #voice .item .comment .top {width:572px;height:55px;background:url(../pc_images/voice/bg_voice_top.gif) no-repeat;}
	.content #voice .item .comment .bottom {width:572px;height:18px;background:url(../pc_images/voice/bg_voice_bottom.gif) no-repeat;clear:both;display:block;position:relative;}
	.content #voice .item .comment h4 span {padding:2px 0;border-bottom:1px dotted #666;}
	.content #voice .item .comment div p {line-height:176%;}
	.content #voice .item .comment .photo {padding-right:20px;float:left;}
	.content #voice .item .comment .photo img {padding:3px;border:1px solid #ccc;}

/* 会社概要 */
.content #company,.content #recruit {padding-right:60px;margin-left:10px;}
	.content #company table,.content #recruit table {margin-left:60px;color:#8F7863;}
	.content #company table th,.content #recruit table th,
	.content #company table td,.content #recruit table td {padding:2px;}
	.content #company table th,.content #recruit table th {
	text-align:left;
	padding-right:20px;
	white-space:nowrap;
	width: 130px;
}
	.content #recruit h2 {padding-top:20px;}

/* お問い合せ */
.content #contact {padding:0 0 0 65px;}
	.content #contact table th,.content #contact table th,.content #contact table td,.content #contact table td {padding:8px 0;}
	.content #contact .dashed {padding:15px 30px;width:499px;}
	.content #contact p {padding:15px;}
	.content #contact table {width:99%;}
	.content #contact .tel {font-size:14px;}
	.content #contact textarea {width:99%;}
	.content #contact p.contact_reservationText {
	float: left;
	width: 320px;
	padding-right: 30px;
	padding-left: 0px;
}
	.content #contact p.contact_reservationQR {
	float: left;
	width: 110px;
	padding-top: 0px;
	}

/* キャンペーン */
#campaign #coupon {
	background:url(../pc_images/campaign/bg_coupon.gif) no-repeat;
	width:570px;height:270px;
	margin-left:30px;
}
	#campaign #coupon img {
		margin:60px 12px 0 30px;
		border:1px solid #fff;
		background:#fff;
	}
	#campaign #coupon div {
	padding-top: 20px;
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 50px;
	}
	#campaign #coupon div table td {
	height: 230px;
	vertical-align: middle;
	}
	#campaign #coupon div h4 {
	color: #5C381A;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
	width: 400px;
	line-height: 25px;
	}
	#campaign #detail {
		margin:20px 70px 10px 35px;
	}
	#campaign #detail div {
		padding:20px;
		border:1px dashed #ccc;
	}
	#campaign #detail div p {
		padding:10px 0;
	}
	#campaign #detail div strong {
		padding-left:20px;
		font-weight:normal;
		color:#990000;
	}
	#campaign #detail h4 {
		font-weight:bold;
		padding-bottom:10px;
	}
	#campaign #detail h4 span {
		padding-bottom:3px;
		border-bottom:1px dotted #5C381A;
	}
#products {margin:20px 0 10px 20px;}
	#products h2 img {
		margin-left:-20px;
		margin-bottom:15px;
	}
	#products .photo {
		float:left;
	}
	#products .photo img {
		border:1px solid #ccc;
		background:#fff;
		padding:5px;
	}
	#products .item {
		float:left;
		margin-left:20px;
		width:350px;
		padding: 20px;
		line-height:200%;
	}
	#products .item p {
		line-height:170%;
	}
	#products .item h4,
	#products .item h5 {
		display:block;
		font-weight:bold;
	}
	#products .item h4 span {
		border-bottom:1px dotted #5C381A;
		padding-bottom:3px;
	}
	#products .clear {
		padding: 10px;
	}

/* サービス紹介 */
#service .detail {
    background: url("../pc_images/service/bg_detail.gif") repeat-y;
    display: block;
    /*height: 245px; */
    margin-left: 30px;
    overflow: hidden;
    width: 577px;
}
	#service .detail .top {
		background:url(../pc_images/service/bg_detail_top.gif) no-repeat;
		width:577px;
		height:70px;
	}
	#service .detail .bottom {
		background:url(../pc_images/service/bg_detail_bottom.gif) no-repeat;
		width:577px;
		height:63px;
	}
	#service .detail .block {
		padding:0 25px 0 43px;
		color:#8C715B;
	}
	#service .detail .block p {
		line-height:160%;
	}
#service .step {
	margin:20px 0 0 40px;
}
	#service .step h3 {
		background: url("../pc_images/service/bg_step_title.gif") 0 5px no-repeat;
		font-size: 12px;
		font-weight: bold;
		color: #FF6600;
		height: 40px;
		padding: 10px 0 0 30px;
		width: 200px;
	}
	#service .step .detail_l,
	#service .step .detail_r,
	#service .step .detail_last {
		padding: 20px 0 0 20px;
		width: 572px;
		height: 207px;
	}
	#service .step .detail_l {
		background: url("../pc_images/service/bg_step_l.gif") no-repeat;
	}
	#service .step .detail_r {
		background: url("../pc_images/service/bg_step_r.gif") no-repeat;
	}
	#service .step .detail_last {
		background: url("../pc_images/service/bg_step_last.gif") no-repeat;
	}
	#service .step .detail_l .photo,
	#service .step .detail_r .photo,
	#service .step .detail_last .photo {
		float:left;
	}
	#service .step .comment {
		padding-left: 15px;
		width: 355px;
		float: left;
	}
	#service .step .comment p {
		line-height:170%;
	}
	#service .step .comment h4 {
		font-weight:bold;
		padding:3px 0;
		margin-bottom: 5px;
	}

/* デザインチャート */
#chart {}
	#chart h3 {margin:10px 30px;}
	#content #chart p {line-height:170%;}
	#chart .before {
		background: url("../pc_images/chart/img_before.gif") no-repeat;
		width: 281px;
		height: 176px;
		float:left;
		margin-top:60px;
		margin-left:50px;
	}
	#chart .before img {padding:30px 14px;}
	#chart .after {
		background: url("../pc_images/chart/img_after.gif") no-repeat;
		height: 272px;
		width: 262px;
		float:left;
	}
	#chart .after img {padding:55px 14px;}
	#chart .comment {margin:10px 75px 10px 30px;padding:20px;border:1px dashed #ccc;}
	#chart .item {display:block;clear:both;position:relative;margin:20px 0;height:120px;}
	#chart .item .photo {margin-left:30px;padding-right:20px;display:inline;float:left;}
	#chart .item .item_comment {margin-left:20px;width:340px;display:inline;float:left;}
	#chart .item .item_comment h4 {font-weight:bold;padding-bottom:5px;}


/* Selectbox Styles
=================================*/

a.sctble_display {
	display: inline-block;
	*display: inline;
	zoom: 1;
	color: #262626;
	text-decoration: none;
	cursor: default;
}

	a.sctble_display span {
	display: block;
	width: 120px;
	cursor: default;
	text-align: left;
	}
	
	a.m_year span,
	a.s_year span { width: 3em }
	a.m_month span,
	a.s_month span,
	a.m_day span,
	a.s_day span { width: 2em }
	a.callback span { width: 9em }

/* Pulldown Mat (Basis)
=================================*/

div.sctble_mat {
	border: solid #dfdfdf 1px;
	border-top: none;
	border-left: none;
	background: #eee;
}

	div.sctble_mat dl {
		margin: 0;
		border: solid #999 1px;
		border-top: none;
		border-left: none;
		padding: 1em 1em 0;
	}
	
		div.sctble_mat dl dt {
			float: left;
			margin: 0 0 1em 0 !important;
			border: none !important;
			padding: 0 !important;
			width: 7em;
			color: #333;
			font-weight: bold;
		}
		
		div.sctble_mat dl dd {
			margin: 0 0 1em 7em !important;
			border-left: solid #333 2px !important;
			padding: 0 0 0 1.5em !important;
		}

	div.sctble_mat a {
	padding-right: .7em;
	color: #1972ea;
	font-weight: bold;
	font-size: 10px;
	}
	
	div.sctble_mat a.selected {
		color: #333;
		text-decoration: none;
		cursor: default;
		font-size: 10px;
	}
	
/* Pulldown Mat (No Optgroups)
=================================*/
	
div.sctble_mat.nooptgroup div.body {
	padding: .5em .6em;
	line-height: 1.9;
}

/* Date (Inline)
=================================*/

div.sctble_mat.sctble.m_year div.body,
div.sctble_mat.sctble.m_month div.body {
}
		
	div.sctble_mat.sctble.m_year a,
	div.sctble_mat.sctble.m_month a {
		padding: .4em;
	}
	
	div.sctble_mat.sctble.m_day a {
		display: inline-block;
		width: 1.5em;
		text-align: center;
	}
		
/* Simple Select Box
=================================*/
	
div.sBox {
	border: solid #dfdfdf 1px;
	border-left: none;
	width: 200px;
	overflow: auto;
	overflow-x: hidden;
	background: #FFF;
}

div.sBox.s_year { width: 6em }
div.sBox.s_month,
div.sBox.s_day { width: 5em }

	div.sctble_mat.sBox div.body {
		border: none;
		padding: 0;
		line-height: 1.5;
	}

	div.sBox a {
		border: solid #dfdfdf 1px;
		border-top: none;
		border-right: none;
		padding: .3em .5em;
		display: block;
		text-decoration: none;
	}
	
	div.sBox a.last-child {
		border-bottom: none;
	}
	
	div.sBox a:hover {
		background: #eee;
	}
	
	div.sBox a.selected {
		background: #eee;
	}
	
	
/* Selectbox Styles
=================================*/

a.sctble_display {
	border: solid #ddd 1px;
}

	a.sctble_display span {
	padding: 0 22px 0 7px;
	height: 22px;
	line-height: 22px;
	background-color: #fff;
	background-image: url(../pc_images/common/icon_select.gif);
	background-repeat: no-repeat;
	background-position: right 0;
	}
	a.sctble_display:hover span { background-position: right -21px }
	a.sctble_focus span { background-position: right -42px !important }
	
/* Pulldown Mat (Basis)
=================================*/

div.sctble_mat {}

	div.sctble_mat dl {}
	
	div.sctble_mat a {
		padding-right: .7em;
		color: #1972ea;
		font-weight: bold;
	}
	
	div.sctble_mat a.selected {
		color: #333;
		text-decoration: none;
		cursor: default;
	}

/*---------------------------------------------------------------------------------
スライダー
--------------------------------------------------------------------------------- */
.jquery-slider {
    overflow: hidden;
    position: relative;
}
.jquery-slider-element {
    overflow: hidden;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.jquery-slider-control {
	overflow: hidden;
	position: absolute;
	text-align: center;
	width: 16px;
	height: 30px;
	line-height: 24px;
	font-size: 16px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	opacity: 0.33;
	cursor: pointer;
	display: none;
}
.jquery-slider-control:hover {
    opacity: 1;
}
.jquery-slider-control-prev {
    left: 25px;
    top: 215px;
}
.jquery-slider-control-next {
    right: 25px;
    top: 215px;
}
.jquery-slider-pages {
    overflow: visible;
    position: absolute;
    left: 5px;
    bottom: 20px;
    height: 20px;
    right: 30px;
	z-index: 1000;
	display: none;
}
.jquery-slider-page {
    overflow: hidden;
    position: relative;
    display: block;
    float: right;
    width: 60px;
    height: 5px;
    padding: 0;
    margin: 0;
    background: #FFFFFF;
    margin: 3px;
	display: none;
}

.jquery-slider-page-current {
    background: #928574;
}







/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/*#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}*/

/*#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000000;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	display:none;
	text-align:left;
	top:50%;
	left:50%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height: 27px;
	width: 27px;
	left: 0px;
	top: 0px;
	z-index: 105;
	position: absolute;
}

#TB_closeAjaxWindow{
	height: 27px;
	width: 27px;
	left: 0px;
	top: 0px;
	z-index: 105;
	position: absolute;
	background-color: #FFFFFF;
}

#TB_ajaxWindowTitle{
	padding:0px;
	margin: 0px;

}

#TB_title{
	background-color:#FFFFFF;
	height:10px;
}

#TB_ajaxContent{
	clear:both;
	text-align:left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0px;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}



#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}