@charset "utf-8";

/* =============================================
	base
============================================= */
	
body,div,
pre,
p,
blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
table,th,td,
embed,object {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	}

body {
	background-color:#faf6cf;
	overflow-y:scroll;
	}	

	/*forIe6*/
	*html body {
	   overflow-y:auto;
		}
	/*forIe7*/
	*+html body {
	   overflow-y:auto;
		}
	
ul,li {
	list-style-type: none;
	}

a img { 
	border:0;
	}
	
a:focus	{
	outline:none;
	}
	
.fRight {
	float: right;
	}
	
.fLeft {
	float: left;
	}
	
.clear {
	height:0px;
	clear:both;
	display: hidden;
	line-height:0;
	font-size:0px;
	zoom:1;
	}

/* =============================================
	baseText
============================================= */

body,th {
	font-size:14px;
	line-height:1.7em;
	color:#696969;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-style:normal;
	text-align: justify;
	}

strong {
	font-size:14px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-weight:normal;
	}	

h1,h2,h3 {
	font-size:16px;
	line-height:1.7em;
	color:#555555;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-style:bold;
	}

h4,h5,h6 {
	font-size:14px;
	line-height:2em;
	color:#555555;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-style:bold;
	}
	
h1 span, h2 span, h3 span, h4 span {
	display: block;
	text-indent:-999em;
	}

/* =============================================
	body
============================================= */

body {
	text-align: center;
	}

/* =============================================
	wrapper
============================================= */

#wrapper {
	margin:0 auto;
	width:814px;
	height:100%;
	text-align: left;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	}

/* =============================================
	header
============================================= */

#header {
	margin:0 auto;
	text-align: left;
	width:800px;
	height:77px;
	}

#header .remakeLogo {
	width:266px;
	height:77px;
	float:left;
	}

#header .headerBg {
	width:426px;
	height:77px;
	float:left;
	background-image: url(../images/header_bg.gif);
	background-repeat: no-repeat;
	}

#header .kyowaLogo {
	width:108px;
	height:77px;
	float:right;
	}

/* =============================================
	title
============================================= */
/* ---------------------------------------------
	titlek
--------------------------------------------- */
#titlek {
	margin:0 auto;
	text-align: left;
	width:800px;
	height:440px;
	margin-bottom:40px;
	}

#titlek h1 {
	width:800px;
	height:182px;
	background-image: url(../images/title_k.jpg);
	background-repeat: no-repeat;
}

#titlek .left {
	width:315px;
	height:257px;
	float:left;
	padding-left:25px;
	background-image: url(../images/title_k_text.jpg);
	background-repeat: no-repeat;
	font-size:16px;
	line-height:1.7em;
	}

#titlek .left h3 {
	font-size:22px;
	color:#333333;
	line-height:1.2em;
	margin: 55px 0 10px 0;
	}
		
#titlek .right {
	width:460px;
	height:257px;
	float:left;
	background-image: url(../images/title_k_right.jpg);
	background-repeat: no-repeat;
	}

/* ---------------------------------------------
	titles
--------------------------------------------- */
#titles {
	margin:0 auto;
	text-align: left;
	width:800px;
	height:577px;
	margin-bottom:40px;
	}

#titles h1 {
	width:800px;
	height:172px;
	background-image: url(../images/title_s.jpg);
	background-repeat: no-repeat;
}

#titles .left {
	width:410px;
	height:405px;
	float:left;
	}
		
#titles .right {
	width:390px;
	height:405px;
	float:left;
	}
	
/* =============================================
	price
============================================= */

#price {
	width: 750px;
	height:66px;
	margin: 0 auto 40px auto;
	}

/* =============================================
	title02
============================================= */

#title02 {
	margin:0 auto;
	text-align: left;
	width:800px;
	height:450px;
	}

#title02 .titlek {
	width:800px;
	height:115px;
	background-image: url(../images/title02_k.gif);
	background-repeat: no-repeat;
}

#title02 .titles {
	width:800px;
	height:115px;
	background-image: url(../images/title02_s.gif);
	background-repeat: no-repeat;
}

#title02 .pack {
	width:800px;
	height:335px;
}

/* =============================================
	people
============================================= */

#people {
	width: 750px;
	height:275px;
	margin: 0 auto 25px auto;
	}

#people .pattern {
	width:750px;
	height:218px;
	background-image: url(../images/people_bg.gif);
	background-repeat: no-repeat;
}

#people ul {
	margin:0 30px 0 40px;
	}
	
#people ul li {
	float:left;
	margin-right:6px;
	}

#people ul li .last {
	margin:0;
	}

/* =============================================
	explain
============================================= */

#explain {
	width: 750px;
	height:100%;
	margin: 0 auto 20px auto;
	}

#explain .para01 div.title {
	width:750px;
	height:51px;
	background-image: url(../images/explain01.gif);
	background-repeat: no-repeat;
	}	

#explain .para01 div.text {
	width:425px;
	height:131px;
	padding:10px 285px 0 40px; 
	background-image: url(../images/explain_p01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}

#explain .para02 div.title {
	width:750px;
	height:51px;
	background-image: url(../images/explain02.gif);
	background-repeat: no-repeat;
	clear:both;
	}	

#explain .para03 div.title {
	width:750px;
	height:51px;
	background-image: url(../images/explain03.gif);
	background-repeat: no-repeat;
	clear:both;
	}	

#explain .para04 div.title {
	width:750px;
	height:51px;
	background-image: url(../images/explain04.gif);
	background-repeat: no-repeat;
	clear:both;
	}	

#explain div.cont {
	height:140px;
	margin:0 40px;
	}

.photoLeft {
	width:195px;
	height:110px;
	margin:0px 20px 0 0;
	float:left;
	}
	
.textRight {
	width:455px;
	float:right;
	}
	
.photoRight {
	width:195px;
	height:110px;
	margin:0px 0px 0 20px;
	float:right;
	}
	
.textLeft {
	width:455px;
	float:left;
	}

/* =============================================
	voice
============================================= */

#voice {
	width: 750px;
	height:580px;
	margin: 0 auto 40px auto;
	color:#000;
	}

#voice .left {
	width:373px;
	height:581px;
	float:left;
	}
	
#voice .left .voice01 {
	width:273px;
	height:228px;
	background-image: url(../images/voice_bg01.gif);
	background-repeat: no-repeat;
	padding:105px 30px 0px 70px;
}	

#voice .left .voice03 {
	width:273px;
	height:200px;
	background-image: url(../images/voice_bg03.gif);
	background-repeat: no-repeat;
	padding:48px 30px 0px 70px;
}	

#voice .right {
	width:377px;
	height:581px;
	float:right;
	}
	
#voice .right .voice02 {
	width:277px;
	height:238px;
	background-image: url(../images/voice_bg02.gif);
	background-repeat: no-repeat;
	padding:58px 30px 0px 70px;
}	

#voice .right .voice04 {
	width:277px;
	height:236px;
	background-image: url(../images/voice_bg04.gif);
	background-repeat: no-repeat;
	padding:49px 30px 0px 70px;
}	

#voice span.tar {
	display:block;
	text-align:right;
	}

/* =============================================
	kyowa
============================================= */

#kyowa {
	width: 748px;
	height:240px;
	margin: 0 auto 40px auto;
	border: 1px solid #009933;
	}

#kyowa .cont {
	margin:15px 15px;
	}
	
#kyowa .text {
	width:483px;
	font-size:12px;
	line-height:1.6em;
	float:left;
	}

#kyowa .photo {
	width:220px;
	float:right;
	}

/* =============================================
	last
============================================= */

#last {
	width: 750px;
	height:222px;
	margin: 0 auto 30px auto;
	}

#last .hyo table {
 	width:363px;
	margin:0;
	padding:0;
	border: 1px solid #514fa1;
	font-size:12px;
	line-height:1.3em;
	float:left;
	}
	
#last .hyo th {
	margin:0;
	padding-left: 5px;
	border-bottom: 1px solid #514fa1;
	}

#last .hyo tr.bold {
	font-weight:bold;
	}
	
#last .hyo tr.bold td.wide {
	width:90px;
	}
	
#last .hyo tr.color {
	background-color:#514fa1;
	color:#fff;
	font-weight:bold;
	}
	
#last .hyo td {
	padding: 3px 0 3px 5px;
	border-bottom: 1px solid #514fa1;
	}

#last .hyo td.end {
	border-bottom: 0px;
	}

#last .price {
	float:right;
	margin-left:20px;
	}

/* =============================================
	footer
============================================= */

#footer {
	height:50px;
	text-align:center;
	font-size:10px;
	}
