/*  
Theme Name: HP-SHOP 77
Theme URI: http://wordpress.org/
Description: 縮毛矯正.comのデザインテーマです。
Version: 1.6
Author: Atsushi Araki
Author URI: http://www.hp-shop77.com

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


* {
	margin:0px;
	padding:0px;
	}

html {
	height:100%;
	}

body {
	font-size: 0.8em; /* Resets 1em to 10px */;
	line-height:1.4em;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
	color: #555;
	height:100%;
	background:#f7f7f7;
	}

h1 {
	margin:10px auto;
	line-height:1.2em;
	width:550px;
	}
	
h2 {
	background:url("images/bk_h2.png") left top no-repeat;
	padding:19px 0px 0px 30px;
	width:542px;
	height:38px;
	display:block;
	margin:0px 0px 10px;
	font-size:1.3em;
	color:#333;
	}
	
h3 {
	background:url("images/bk_h3.png") left top no-repeat;
	padding:7px 0 7px 15px;
	color:#fff;
	margin:30px 0px 15px;
	font-size:1.3em;
	}
	
a:hover {
	text-decoration:underline;
	}
	
h3 a {
	color:#fff;
	}
	
h4 {
	font-size:1.1em;
	margin:25px 0 5px;
	}
	
	
p {
	margin:15px 0;
	}
	
ul {
	margin-left:30px;
	}
	
ol {
	margin-left:30px;
	}
	
a {
	text-decoration:none;
	}
	
a:hover {
	text-decoration:none;
	}
	
table {
	border:1px solid #999;
	border-collapse:collapse;
	font-size:1em;
	width:597px !important;
	margin:0px !important;
	}
	
table th{
	border:1px dotted #999;
	background:#ffffcc;
	border-collapse:collapse;
	padding:3px;
	width:25% !important;
	}
	
table td{
	border:1px dotted #999;
	border-collapse:collapse;
	padding:3px;
	
	}
	
textarea {
	width:350px;
	}
	
#contents {
	width:758px;
	margin:0 auto;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#fff;
	}
	
.section {
	width:597px;
	margin:40px auto;
	border:0px solid #333;
	}
	
.clear {
	clear:both;
	}
	
#pagetop {
	background:url("images/bt_pagetop.png") left center no-repeat;
	text-indent:-9999px;
	width:80px;
	height:12px;
	display:block;
	margin:15px 15px 15px auto;
	}
	
#pagetop a{
	width:100%;
	height:100%;
	display:block;
	}
	
#header {
	position:relative;
	width:758px;
	height:408px !important;
	border:0px solid #333;
	}
	
#logo {
	background:url("images/logo.png") no-repeat;
	text-indent:-9999px;
	width:302px;
	height:63px;
	position:absolute;
	top:8px;
	left:17px;
	}
	
#logo a{
	width:100%;
	height:100%;
	display:block;
	}
	
#mn_app {
	background:url("images/bt_app.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:193px;
	height:27px;
	padding:0px;
	margin:0px;
	position:absolute;
	top:0px;
	right:17px;
	}
	
#mn_app a{
	width:100%;
	height:100%;
	display:block;
	}
	
#image {
	background:url("images/img_header.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:758px;
	height:279px;
	position:absolute;
	top:71px;
	left:0px;
	}
	
#tel {
	background:url("images/tel.png") no-repeat;
	text-indent:-9999px;
	width:193px;
	height:33px;
	position:absolute;
	top:33px;
	right:17px;
	}
	
#bread {
	font-size:0.8em;
	margin:5px 10px;
	}
	
ul#menu {
	width:758px;
	position:absolute;
	top:365px;
	right:0px;
	}
	
ul#menu li {
	list-style-type:none;
	float:left;
	margin:0;
	}
	
li#mn_home a{
	background:url("images/mn_home.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:108px;
	height:44px;
	margin:0px;
	display:block;
	}
	
li#mn_home a:hover{
	background:url("images/mn_home2.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:108px;
	height:44px;
	margin:0px;
	display:block;
	}
	
li#mn_service a{
	background:url("images/mn_service.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:109px;
	height:44px;
	margin:0px;
	display:block;
	}
	
li#mn_service a:hover{
	background:url("images/mn_service2.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:109px;
	height:44px;
	margin:0px;
	display:block;
	}
	
li#mn_price a{
	background:url("images/mn_price.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:108px;
	height:44px;
	margin:0px;
	display:block;
	}
	
li#mn_price a:hover{
	background:url("images/mn_price2.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:108px;
	height:44px;
	margin:0px;
	display:block;
	}
	
li#mn_flow a{
	background:url("images/mn_flow.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:108px;
	height:44px;
	margin:0px;
	display:block;
	}
	
li#mn_flow a:hover{
	background:url("images/mn_flow2.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:108px;
	height:44px;
	margin:0px;
	display:block;
	}
	
li#mn_faq a{
	background:url("images/mn_faq.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:108px;
	height:44px;
	margin:0px;
	display:block;
	}
	
li#mn_faq a:hover{
	background:url("images/mn_faq2.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:108px;
	height:44px;
	margin:0px;
	display:block;
	}
	
li#mn_contact a{
	background:url("images/mn_contact.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:108px;
	height:44px;
	margin:0px;
	display:block;
	}
	
li#mn_contact a:hover{
	background:url("images/mn_contact2.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:108px;
	height:44px;
	margin:0px;
	display:block;
	}
	
li#mn_sample a{
	background:url("images/mn_sample.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:109px;
	height:44px;
	margin:0px;
	display:block;
	}
	
li#mn_sample a:hover{
	background:url("images/mn_sample2.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:109px;
	height:44px;
	margin:0px;
	display:block;
	}
	
#footer {
	width:758px;
	border-top:1px solid #999;
	background:#e5e5e5;
	}
	
#footer ul {
	width:290px;
	margin:0px 0px 0px auto;
	}

#footer li{
	float:left;
	margin:10px 6px;
	font-size:0.8em;
	}
	
#footer li a{
	display:block;
	width:100%;
	height:100%;
	}

#mn_unei {
	background:url("images/mn_unei.gif") no-repeat;
	text-indent:-9999px;
	width:45px;
	height:9px;
	display:block;
	}
	
#mn_sitemap {
	background:url("images/mn_sitemap.gif") no-repeat;
	text-indent:-9999px;
	width:54px;
	height:9px;
	display:block;
	}
	
#mn_privacy {
	background:url("images/mn_privacy.gif") no-repeat;
	text-indent:-9999px;
	width:89px;
	height:9px;
	display:block;
	}
	
#mn_link {
	background:url("images/mn_link.gif") no-repeat;
	text-indent:-9999px;
	width:35px;
	height:9px;
	display:block;
	}
	
#copyright {
	font-size:0.8em;
	color:#999;
	margin-left:10px;
	}
	
#app {
	background:url("images/app.png") no-repeat;
	text-indent:-9999px;
	width:266px;
	height:51px;
	margin:15px auto;
	}
	
#app a{
	display:block;
	width:100%;
	height:100%;
	}
	
h2#h2_home1 {
	background:url("images/h2_home1.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:597px;
	height:145px;
	margin:0px;
	display:block;
	}
	
h2#h2_home2 {
	background:url("images/h2_point.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:597px;
	height:26px;
	margin:60px 0 0 !important;
	display:block;
	}
	
h2#h2_about {
	background:url("images/h2_about.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:597px;
	height:26px;
	margin:0px;
	display:block;
	}
	
h2#h2_point {
	background:url("images/h2_point.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:597px;
	height:26px;
	margin:0px;
	display:block;
	}
	
h2#h2_service {
	background:url("images/h2_service.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:597px;
	height:26px;
	margin:0px;
	display:block;
	}
	
h2#h2_price {
	background:url("images/h2_price.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:597px;
	height:26px;
	margin:0px;
	display:block;
	}
	
h2#h2_flow {
	background:url("images/h2_flow.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:597px;
	height:26px;
	margin:0px;
	display:block;
	}
	
h2#h2_faq {
	background:url("images/h2_faq.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:597px;
	height:26px;
	margin:0px;
	display:block;
	}
	
h2#h2_sample {
	background:url("images/h2_sample.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:597px;
	height:26px;
	margin:0px;
	display:block;
	}
	
h2#h2_unei {
	background:url("images/h2_unei.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:597px;
	height:26px;
	margin:0px;
	display:block;
	}
	
h2#h2_link {
	background:url("images/h2_link.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:597px;
	height:26px;
	margin:0px;
	display:block;
	}
	
h2#h2_sitemap {
	background:url("images/h2_sitemap.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:597px;
	height:26px;
	margin:0px;
	display:block;
	}
	
h2#h2_privacy {
	background:url("images/h2_privacy.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:597px;
	height:26px;
	margin:0px;
	display:block;
	}
	
h2#h2_contact {
	background:url("images/h2_contact.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:597px;
	height:26px;
	margin:0px;
	display:block;
	}
	
h2#h2_app {
	background:url("images/h2_app.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:597px;
	height:26px;
	margin:0px;
	display:block;
	}
	
h2#h2_manual {
	background:url("images/h2_manual.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:597px;
	height:26px;
	margin:0px;
	display:block;
	}
	
h2#h2_campaign {
	background:url("images/h2_campaign.png") no-repeat;
	border:0px solid #333;
	text-indent:-9999px;
	width:597px;
	height:26px;
	margin:0px;
	display:block;
	}
	
.button {
	text-align:center;
	margin:10px 0;
	}
	
.error {
	font-weight:bold;
	color:#ff0000;
	}

.bl_top {
	width:286px;
	height:260px;
	float:left;
	margin:15px 0px 5px;
	border:1px solid #669933;
	
	}
	
.bl_top p {
	font-size:0.9em;
	line-height:1.3em;
	margin:15px;
	}
	
.bl_top h3 {
	margin-bottom:0 !important;
	padding:0;
	}
	
.bl_top h3 a {
	display:block;
	width:100%;
	height:100%;
	}

	
.bl_top h3 a:hover{
	color:#ffff00;
	}
	
.ic_point_s {
	background:url("images/ic_point_s.gif") left center no-repeat;
	padding:0 0 0 17px;
	margin-left:3px;
	font-weight:bold;
	}
	
h3#h3_home1 {
	background:url("images/h3_home1.png") no-repeat;
	text-indent:-9999px;
	width:287px;
	height:55px;
	margin:0px;
	}
	
h3#h3_home2 {
	background:url("images/h3_home2.png") no-repeat;
	text-indent:-9999px;
	width:287px;
	height:55px;
	margin:0px;
	}
	
h3#h3_home3 {
	background:url("images/h3_home3.png") no-repeat;
	text-indent:-9999px;
	width:287px;
	height:55px;
	margin:0px;
	}
	
h3#h3_home4 {
	background:url("images/h3_home4.png") no-repeat;
	text-indent:-9999px;
	width:287px;
	height:55px;
	margin:0px;
	}
	
h3#h3_home5 {
	background:url("images/h3_home5.png") no-repeat;
	text-indent:-9999px;
	width:287px;
	height:55px;
	margin:0px;
	}
	
h3#h3_home6 {
	background:url("images/h3_home6.png") no-repeat;
	text-indent:-9999px;
	width:287px;
	height:55px;
	margin:0px;
	}
	
h3#h3_home7 {
	background:url("images/h3_home7.png") no-repeat;
	text-indent:-9999px;
	width:287px;
	height:55px;
	margin:0px;
	}
	
h3#h3_home8 {
	background:url("images/h3_home8.png") no-repeat;
	text-indent:-9999px;
	width:287px;
	height:55px;
	margin:0px;
	}
	
strong {
	color:#669933;
	}
	
.pr {
	border-top:1px dotted #999;
	width:700px;
	margin:10px auto;
	}
	
.pr li{
	list-style-type:none;
	width:220px;
	float:left;
	margin:25px 5px;
	}