@charset "utf-8";

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}


h1{
margin:0;
padding:5px 15px 0px 0px;
font-size:80%;
font-weight:bold;
text-align:right;
background: #ffffff;

}
/**
 * 
 */

html {
	background: #fbfafa;
}

body {
	text-align: center;
	font-family:"ヒラギノ角ゴ pro W3","Hiragino Kaku Gothic pro",Osaka,"メイリオ",Meiryo,"ＭＳＰゴシック",sans-serif;
}
#page {

}
#page-sub {
	background: #fbfafa url(./img/bg-body.png)  repeat-x 0 -650px;
}

/* Link */
a:link {
}
a:hover {
}
a:visited {
}
textarea:focus,
input:focus {
}

/* Clearfix */
.clearfix {zoom:1;}
.clearfix:after{
	content: ""; 
	display: block; 
	clear: both;
}

/* Hide text */
.hide-text {
	font-size: 1px !important;
	line-height: 1px !important;
	text-indent: -9999px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}

/* Visually hidden */
.visuallyhidden {
    position: absolute;
    width: 1px; /* 0にしてしまうとダメ */
    height: 1px; /* 0にしてしまうとダメ */
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;   
}

/**
 * Container
 */
#container {
	width: 870px;
	background: transparent url(./img/bg-container.png)  repeat-y center top fixed;
	margin: 0 auto 0;
}

/**
 * Header
 */
#header {
	width: 850px;
	margin: 0 auto 0;
	position: relative;
	background: #FBFAFA;
}

/**
 * Main area
 */
#main {
	width: 850px;
	margin: 0 auto 0;
	padding: 0px 0px 20px 0px;
	background: url(./img/top.jpg);
	background-repeat:no-repeat;
}
#main p {
	color:#fff;
	font-size: 14px;

	text-align: left;
	margin: 0 0 1em;
	padding: 320px 50px 10px 50px;
}
	#main p.fig {
		text-align: center;
		margin: 35px 0 35px;
	}
	#main p.fig img {
		padding: 20px;
		border-top: 1px #e6e6e6 solid;
			-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
				  border-radius: 7px;
			-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.75);
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.75);
				  box-shadow: 0 1px 2px rgba(0,0,0,0.75);
	}
	#main p.big-imgtext {
		text-align: center;
		margin: 50px -100px 50px;
	}
	#main p.note {
		margin: 15px 0 18px 40px;
		line-height: 1.5;
		font-size: 13px;
	}
	#main p.sign {
		text-align: left;
		margin: 0em 0em;
		height: 240px;
	}

#main ul {
	list-style-type:disc;
	margin: 15px 0 18px 40px;
	padding: 0;
}
#main ol {
	list-style-type: decimal;
	margin: 15px 0 18px 40px;
	padding: 0;
}
#main li {
	font-size: 16px;
	line-height: 1.7;
	text-align: left;
	margin: 0 0 1px;
	padding: 0;
}


/* 見出し */
.subhead {
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	margin: 40px auto;
	padding: 0;
}

/* 強調文字 */
strong {
	font-weight: bold;
}
.em-bold {
	font-weight: bold;
}
.em-big {
	font-size: 18px;
}
.em-big1 {
	font-size: 22px;
}
.em-big2 {
	font-size: 26px;
}
.em-marker {
	padding: 2px;
	background: yellow;
}
.em-red {
	color: #cc0000;
}
.em-underline {
	text-decoration: underline;
}
.em-reader-impression {
	color: #036;
	font-size: 18px;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

/* Image right */
.img-right {
	float: right;
	margin: 5px 0 20px 20px;
	display: inline;
}

/* イメージカット */
.img-cut {
	float: right;
	margin: 0 -50px 10px 10px;
	display: inline;
}

/* Image with caption width240 */
.img-cap240 {
	float: right;
	text-align: left;
	width: 250px;
	margin: 5px 0 20px 20px;
}
.img-cap240 .cap {
	color: #666;
	font-size: 12px;
	line-height: 1.5;
	text-align: left;
	margin: 5px 0 0;
}

/* お客様の声 */
#voice1,
#voice2,
#voice3 {
}
.voice {
	width: 748px;
	margin: 5px -4px;
	background: transparent url(./img/voice-bg-body.jpg)  repeat-y center center;
}
.voice .head {
	background: transparent url(./img/voice-bg-head.jpg)  no-repeat center top;
}
.voice .foot {
	padding:36px 36px 66px;
	background: transparent url(./img/voice-bg-foot.jpg)  no-repeat center bottom;
}
.voice-head {
	text-align: left;
	margin: 0 0 40px;
}
#main .voice-catch {
	border-bottom: 1px #ccc dotted;
	margin: 0 0 25px;
	padding: 0 0 5px;
}
#main .voice p {
	color: #192E42;
	font-size: 14.2px;
	line-height: 35px;
	background: url("./img/bg-noteline.gif") ;
	margin: 0px;
	padding: 0;
}
#main .voice p.voice-fig {
	margin:20px;
	padding: 20px;
	text-align:center;
	border:1px solid #ccc;
	background: #fff;
}

/* プロフィール */
.profile {
	width: 748px;
	margin: 20px -4px 20px;
	background: transparent url(./img/profile-bg-body.jpg)  repeat-y center center;
}
.profile .head {
	background: transparent url(./img/profile-bg-head.jpg)  no-repeat center top;
}
.profile .foot {
	padding: 74px 44px 24px;
	background: transparent url(./img/profile-bg-foot.jpg)  no-repeat center bottom;
}
.profile h4 {
	text-align: left;
	margin: 0 0 30px 110px;
}
.profile h5 {
	color:#222;
	font-size:16px;
	font-weight:bold;
	text-align: left;
	margin: 0 0 10px 110px;
	border-bottom: 1px #ccc solid;
}
#main .profile p {
	color:#222;
	font-size:15px;
	line-height:1.7;
	text-align: left;
	margin: 0 0 1em 110px;
}
.profile-image {
	float:left;
}
#main .profile p.profile-fig {
	margin-bottom: 40px;
}

/* 商品概要 */
#product {
	margin: 50px -50px 0 ;
	padding:150px 50px 40px;
	background: #436888 url(./img/product-bg-image.jpg) no-repeat center top;
}
#product .section {
	margin: 20px auto 20px;
	padding: 0 40px 10px;
	background: #fff;
	   -moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	        border-radius: 7px;
	   -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.75);
	        box-shadow: 0 2px 6px rgba(0,0,0,0.75);
}
.product-section-head {
	margin: 0 -40px 40px;
}

.section h4 {
	margin: 0 0 20px;
}
.p-image {
	position:relative;
	top:-90px;
}
.p-image img {
	float:right;
	margin:0 10px -90px 20px;
}
.p-bullet {
	background:#f3f3f3 url(./img/bg-p-bullet.gif)  repeat;
	margin: 30px auto;
	padding:25px 25px 10px;
	   -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.4) inset;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.4) inset;
	        box-shadow: 0 1px 1px rgba(0,0,0,0.4) inset;
}
#main .p-bullet h5 {
	color:#000;
	font-size:16px;
	font-weight:bold;
	line-height:1.5;
	text-align: left;
	text-shadow : 0px 1px 0px rgba(255,255,255,1) ;
	margin: 0 0 2px;
	padding-left: 22px;
}
#section1 .p-bullet h5 {background: transparent url(./img/product-bullet1.jpg)  no-repeat 0 2px;}
#section2 .p-bullet h5 {background: transparent url(./img/product-bullet2.jpg)  no-repeat 0 2px;}
#section3 .p-bullet h5 {background: transparent url(./img/product-bullet3.jpg)  no-repeat 0 2px;}
#section4 .p-bullet h5 {background: transparent url(./img/product-bullet4.jpg)  no-repeat 0 2px;}
#main .p-bullet p {
	color:#444;
	font-size:14px;
	line-height:1.7;
	text-align: left;
	margin: 0 0 20px 22px;
}
#main .p-bullet ul {
	list-style-type:disc;
	margin: 0 0 10px 30px;
	padding:0;
}
#main .p-bullet ul.p {
	list-style-type:disc;
	margin: -15px 0 10px 60px;
	padding:0;
}
#main .p-bullet li {
	color:#444;
	font-size:14px;
	line-height:1.7;
	text-align: left;
}

/* メッセージ */
.message-wrapper {
	margin: 0 -50px 50px;
	padding: 10px 0 25px;
	background: #D0D9E1;
}
.message-wrapper-head {
	text-align: left;
	margin: 25px 50px;
	padding: 0;
}
.message-head {
	text-align: left;
	margin: 0 0 35px;
	padding: 0;
}
.message {
	width: 748px;
	margin: 0 auto;
	background: transparent url(./img/message-bg-body.jpg)  repeat-y center center;
}
.message .head {
	background: transparent url(./img/message-bg-head.jpg)  no-repeat center top;
}
.message .foot {
	padding:50px 50px 70px;
	background: transparent url(./img/message-bg-foot.jpg)  no-repeat center bottom;
}
#main .message p {
	color: #192E42;
	font-size: 16px;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	line-height: 35px;
	background: url("./img/bg-noteline.gif") ;
	margin: 0px;
	padding: 0;
}
.message-image {
	float:right;
	margin: 50px -90px 20px 0px;
}

/* 申し込み */
#order {
	margin: 50px auto 50px;
}

.order-list {
	width: 740px;
	margin: 0 auto 10px;
	background: transparent url(./img/order-bg-body.jpg)  repeat-y center center;
}
.order-list .head {
	background: transparent url(./img/order-bg-head.jpg)  no-repeat center top;
}
.order-list .foot {
	padding:30px 100px 5px;
	background: transparent url(./img/order-bg-foot.jpg)  no-repeat center bottom;
}
.order-list-head {
	width: 930px;
	margin: 0 -95px 10px;
	background: transparent url(./img/order-bg-body.jpg)  repeat-y center center;
}
.order-list-head .head {
	background: transparent url(./img/order-bg-head-title.png)  no-repeat center top;
}
.order-list-head .foot {
	padding: 395px 195px 5px;
	background: transparent url(./img/order-bg-foot.jpg)  no-repeat center bottom;
}
.order-list h4 {
	text-align:left;
	margin:0 0 20px;
}
.order-list table {
	width: 540px;
	border-top: 1px #999 dotted;
	margin:0 0 30px;
}
.order-list th,
.order-list td {
	color:#333;
	border-bottom: 1px #999 dotted;
	padding:5px 0;
}
.order-list th {
	font-size:13px;
	text-align:left;
}
.order-list td {
	font-size:12px;
	font-weight:bold;
	text-align:right;
}
.price {
	text-align:center;
	margin: 30px auto 30px;
}
.btn-order {
}
.btn-order a {
	display:block;
	width: 660px;
	height:73px;
	margin: 0 auto 30px;
	padding:0;
	border:0;
	background:url(./img/btn-order.png) no-repeat left top;
	text-indent:-9999px;
	font-size: 0px;
	line-height: 0px;
	cursor:pointer;
}
.btn-order a:hover,
.btn-order a:focus {
	background-position:left -80px;
}
.payment {
}

/* よくあるご質問 */
#faq  {
	margin: 30px -50px;
	padding: 50px 50px 40px;
	background: #e1e1e1;
}
.faq-head {
	text-align: left;
	margin: 0 0 40px;
	padding: 0;
}
#main #faq h4 {
	color: #333333;
	font-size: 19px;
	font-weight: bold;
	line-height: 1.4;
	text-align: left;
	margin: -1px 0 0;
	padding: 0;
}
#main #faq p {
	font-size: 16px;
	line-height: 1.7;
	text-align: left;
	margin: 3px 0 12px;
}
.qa-q {
	padding: 20px 20px 15px 55px;
	     -moz-border-radius-topleft: 5px;
	 -webkit-border-top-left-radius: 5px;
            border-top-left-radius: 5px;
	    -moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	        border-top-right-radius: 5px;
	background: #e6e6e6 url(./img/faq-q.png)  no-repeat 20px 20px;
	   -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.6) inset;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.6) inset;
	        box-shadow: 0 1px 1px rgba(0,0,0,0.6) inset;
}
.qa-a {
	margin: 0 auto 20px;
	padding: 15px 20px 5px 55px;
	     -moz-border-radius-bottomleft: 5px;
	 -webkit-border-bottom-left-radius: 5px;
	         border-bottom-left-radius: 5px;
	    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	        border-bottom-right-radius: 5px;
	background: #f3f3f3 url(./img/faq-a.png)  no-repeat 20px 20px;
	   -moz-box-shadow: 0 0 1px rgba(0,0,0,0.6) inset;
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.6) inset;
	        box-shadow: 0 0 1px rgba(0,0,0,0.6) inset;
}

/* P.S. */
#main .ps {
	font-size: 30px;
	font-weight: normal;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	line-height: 1;
	letter-spacing:30px;
	border-top: none;
	border-bottom: 1px #999 dotted;;
	margin: 50px 0 30px;
	padding: 0 0 20px;
}

/**
 * Footer
 */
#footer {

	background: #333;
	margin: 0;
	padding-top: 40px;
	padding-bottom: 40px;
	   -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.25) inset;
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.25) inset;
	        box-shadow: 0 3px 3px rgba(0,0,0,0.25) inset;
}
#footer p {
	color: #ccc;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	line-height: 100%;
	margin: 0 auto;
	padding: 0;
}
#footer a {
	color: #ccc;
}



/**
 * Sub page
 */
#sub {
	width: 700px;
	margin: 0 auto;
	padding: 35px 0;
	}
#sub h1 {
	font-size:22px;
	font-weight:bold;
	line-height:150%;
	text-align:left;
	margin:0 0 44px 0;
	padding:0 0 5px;
	border-bottom:#cccccc solid 2px;
	}
#sub h2 {
	font-size:16px;
	font-weight:bold;
	line-height:150%;
	text-align:left;
	background:#f0f0f0;
	margin:3em 0 1em 0;
	padding:5px 10px;
	}
#sub h3 {
	font-size:14px;
	font-weight:bold;
	line-height:150%;
	text-align:left;
	border-bottom:#cccccc solid 1px;
	margin:2em 0 1em 0;
	padding:0 0 5px 0;
	}
#sub h4 {
	font-size:14px;
	font-weight:bold;
	line-height:150%;
	text-align:left;
	margin:0 0 5px 0;
	}
#sub h5 {
	color:#454545;
	font-size:13px;
	font-weight:bold;
	line-height:170%;
	text-align:left;
	margin:0 0 5px 0;
}
#sub p {
	font-size:13px;
	line-height:170%;
	text-align:justify;
	text-justify:inter-ideograph;
	line-break:strict;
	text-indent:0em;
	margin:0 0 1em 0;
	}
#sub ul,
#sub ol {
	margin:0 0 2em 2em;
	padding: 0;
	}
#sub li {
	list-style-type: disc;
	font-size:13px;
	line-height:170%;
	text-align:left;
	}
#sub table {
	border-collapse: collapse;
	border-spacing: 0px;
	width:700px;
	margin:10px 0 20px 0;
	border-bottom:#cccccc solid 1px;
}
#sub th,
#sub td {
	vertical-align:top;
}
#sub th {
	font-size:13px;
	font-weight:bold;
	line-height:170%;
	text-align:left;
	white-space: nowrap;
	padding:12px 15px;
	background:#eeeeee;
	border-top:#cccccc solid 1px;
}
#sub td {
	font-size:13px;
	line-height:170%;
	text-align:left;
	padding:12px 15px;
	border-top:#cccccc solid 1px;
}

.access {
	float:right;
	margin-right:10px;
}