<style type="text/css">

@charset "utf-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a,  address, cite, code,
em, img, ins,  q, s, 
small, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
footer, header, 
nav,section, mark,  {
	margin: 0 auto;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
footer, header, menu, nav, section {
	display: block;
}

html{overflow: auto;
}

body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 24px;
	height: 100%;
	margin:0 auto;
}


img {
   vertical-align:bottom;
   border:none;
}


header {
	width: 960px;
	height: 96px;
	position: relative;
	margin: 0 auto;
	background-image: url(img/header1.gif);
	background-repeat: no-repeat;
}

header a:hover img {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}


a#logo {
	display: block;
	width: 316px;
	height: 51px;
	padding-bottom: 0px;
	background-image: url(img/logo.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;	
}  
a#logo span {  
    display: none;  
}  



#b_mail {
	position: absolute;
	top: 0px;
	right: 0px;
	float: right;
}

#oya {
	position: relative;
	float: right;
}

.ko1 {
	position: absolute;
	top: 20px;
	right: 0px;
}

.ko2 {
	position: absolute;
	top: 20px;
	right: 260px;
}

#contents {
	width: 960px;
	color: #666;
	margin:0 auto;
}



#imageContainer {
	height: 479px;
	width: 960px;
	background-color: #FFFFFF;
	position: block;
	margin:0 auto;
	padding-top: 10px;
}


#imageContainer img {
	display:none;
	position: absolute;

}



.tit_inner {
	width: 960px;
	height: 238px;
	text-align: center;
	background-image: url(img/tit_about.png);
	position: relative;
	margin: 0 auto;
	padding: 0;
}



/*menu
----------------------------------------------------------- */
#menu_waku{
	width: 100%;
	height: 49px;
	background-image: url(img/menu_bg.png);
	background-repeat: repeat-x;
	margin:0 auto;
	padding: 0;
}


#menu_tit{
	width: 100%;
	height: 245px;
	background-image: url(img/menutit_bg.png);
	background-repeat: repeat-x;
	margin-bottom: 30px;
	margin:0 auto;
}

*#menu img	{
	border: 0;
	padding-top:0;
}

#menu, #menu ul {	
	margin:0;
	padding:0;
	list-style-type:none;
	z-index: 1;
	
} 
#menu	{
	width: 960px;
	text-align:center;
	position: relative;
	margin: 0 auto;
	padding: 0;
}

#menu li	{
	float:left;
	position:relative;
}


/*  メニュー横幅・*/
.menu1{
	width:120px;
}

.menu2{
	width:120px;
}

.menu3{
	width:120px;
}
.menu4{
	width:120px;
}
.menu5{
	width:120px;
}
.menu6{
	width:120px;
}
.menu7{
	width:120px;
}
.menu8{
	width:120px;
}



/*  メニュー　sub */
.menu3_sub{
	width:120px;
	margin:0px;
	display: none;
	position: absolute;
	top:45px;
	left:0px;
}

.menu3_sub li {
    float:none;
}

.menu3_sub li a {
	display: block;
	width:120px;
}

/* fin menu
----------------------------------------------------------- */




#update {
	width: 960px;
	background-image: url(img/update_bg.gif);
	height: 179px;
}


#main {
	width: 960px;
}



#button {
	width: 960px;
	background-image: url(img/update_bg.gif);
	height: 179px;
}

.container {
	width: 980px;/*boxが横に並ぶだけの幅を確保*/
	overflow: hidden;/*wrapperからはみ出る部分を非表示にする*/
	padding-top: 50px;
	padding-bottom: 30px;
	margin: 0 auto;

}
.box {
	width: 308px;/*内容領域の幅。下の左右のpaddingを合わせてボックスが200pxになります。*/
	float: left;/*横並びにしています*/
	margin-right: 18px;/*各ボックスの右側に20pxの外余白*/
	background: #fff;
}

.clear {
	clear: both;
	font-size: 0px;
}


.about {
	width: 960px;
	height: 515px;
	background-image: url(img/about_bg.gif);
	background-repeat: no-repeat;
}

p.about {
	color: #333;
	font-size: 16px;
	line-height: 30px;
	font-family: "Hiragino Mincho ProN", serif;
	padding-left: 80px;
	padding-top: 130px;
}

#access {
	text-align: center;
	margin: auto;
	padding-top: 20px;
}


.accesslogo {
	width: 324px;
	background-image: url(img/designshow2.png);
	background-repeat: no-repeat;
	height: 60px;
	float: left;
	margin-right: 10px;
	margin-left: 100px;
}

ul.access {
	list-style-type: none;
	color: #333;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	margin-top: 0px;
}

#access_map{
	width:800px;
	height:800px;
	margin:20px auto 0px;
	border:solid 1px #111;
}




.faq_q {
	background-image: url(img/Q.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	color: #C15F7A;
	background-position: 0px;
	text-align: left;
	width: 800px;
	margin-left: 70px;
	padding-bottom: 10px;
	padding-top: 5px;
	font-size: 14px;
}

.faq_a {
	background-image: url(img/A.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	text-align: left;
	width: 800px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 30px;
	margin-left: 70px;
	font-size: 14px;
	color: #333;
}


#reforma{
	width: 555px;
	float:left;
	text-align: center;
}

#reformb{
	float:right;
}

p.reform {
	color: #333;
	font-size: 16px;
	line-height: 30px;
	font-family: "Hiragino Mincho ProN", serif;
	text-align: left;
	padding-top: 0;
}

#jirei{
	border: 1px solid #E7B2C6;
	width: 960px;
	height:auto
	padding: 10px 0;
}

#handmade{
	width: 960px;
	height:329px;
	background-image: url(img/handmade_02.jpg);
	background-repeat: no-repeat;
}

#handtext{
	width: 555px;
	float:left;
	text-align: center;
}


.U5 {
	margin-bottom: 5px;
}


.U10 {
	margin-bottom: 10px;
}

.U15 {
	margin-bottom: 15px;
}

.U20 {
	margin-bottom: 20px;
}



.U30 {
	margin-bottom: 30px;
}


.U40 {
	margin-bottom: 40px;
}


.U50 {
	margin-bottom: 50px;
}


.U60 {
	margin-bottom: 60px;
}






h1 {
	font-size: 12px;
	font-weight: normal;
	color: #333;
	text-align: left;
	padding-top: 5px;
	line-height: 1px;
}




.hr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c9ecff;
} 


.hr1{
	height: 3px;
	border-style: none;
	background-image: url(img/line1.png);
	background-repeat: repeat-x;
	width: 960px;
	margin-bottom: 30px;
}

.hr1_800{
	height: 3px;
	border-style: none;
	background-image: url(img/line1.png);
	background-repeat: repeat-x;
	width: 800px;
	margin-bottom: 30px;
	text-align: center;
}

#pinkbox{
	background-color: #FFEEF5;
	width: 740px;
	text-align: left;
	padding-left: 30px;
	padding-top: 14px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 30px;
	padding-bottom: 14px;
}


.hr1_800t{
	height: 3px;
	border-style: none;
	background-image: url(img/line1.png);
	background-repeat: repeat-x;
	width: 800px;
	text-align: center;
	margin-top: 50px;
}

p.pinkbox {
	color: #333;
	font-size: 14px;
	line-height: 26px;
}



.hr2{
	height: 5px;
	border: 0px none;
	background-image: url(img/line2.png);
	background-repeat: repeat-x;
	margin-bottom: 0px;
	width: 100%;
	margin-top: 50px;
}


.hr_dot {
	border-top: 1px dotted #bbb;
	margin-bottom: 1px;
}

.hr_dot80 {
	border-top: 1px dotted #bbb;
	border-bottom: none;
	border-left: none;
	border-right: none;
	color: #fff;
	margin-bottom: 5px;
	margin-top: 2px;
	width: 85%;
	text-align: center;
}

.hr_top {
	border-top: 6px solid #F5E1E4;
	border-style: none;
	margin-top:0;
	width: 100%;
	height:6px;
} 



a:link {
	color: #E65D7F;
	text-decoration: none;
}
a:visited {
	color: #E65D7F;
	text-decoration: none;
}
a:hover {
	color: #EA9AB2;
	text-decoration: none;
}
a:active {
	text-decoration: #EA9AB2;
}

p {
	color: #333;
	font-size: 14px;
}


p.bold {
	color: #333;
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
}


span.red { color: #F00; }

p.small {
	line-height: 18px;
	margin: 0px;
	padding: 0px;
	color: #635C56;
	font-size: 80%;
}

p.button {
	color: #333;
	font-size: 14px;
}


p.text {
	line-height: 18px;
	margin: 0px;
	color: #333;
	padding-left: 10px;
	font-size: 90%;
}


p.link {
	color: #FF6699;
	font-size: 13px;
	line-height: 1px;
	font-weight: bold;
}

p.pink {
	color: #D03360;
	font-size: 13px;
	font-weight: bold;
	background-image: url(img/hr2.png);
	background-repeat: repeat-x;
	width: 960px;
	height: 21px;
	line-height: 15px;
}

p.pink2 {
	color: #D03360;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
}

#tel {
	color: #D03360;
	font-size: 24px;
	font-weight: bold;
}

ul.text {
	color: #333;
	font-size: 12px;
	line-height: 17px;
	text-align: left;
	width: 940px;
	padding-left: 15px;
}

li.text {
	color: #333;
	font-size: 12px;
	line-height: 17px;
	text-align: left;
	padding-left: 5px;
	font-weight: bold;
	list-style-type: none;
}


#payment{
	color: #FF6699;
	font-size: 13px;
	line-height: 1px;
	font-weight: bold;
	background-color: #FFEEF5;
	width: 820px;
	height: 100px;
	text-align: left;
	padding-left: 140px;
	padding-top: 14px;
	margin-bottom: 40px;
}




.container2 {
	width: 1032px;/*boxが横に並ぶだけの幅を確保*/
	overflow: hidden;/*wrapperからはみ出る部分を非表示にする*/
	padding-top: 50px;
	padding-bottom: 5px;
	margin: 0 auto;

}
.pbox {
	width: 184px;/*内容領域の幅。下の左右のpaddingを合わせてボックスが200pxになります。*/
	float: left;/*横並びにしています*/
	margin-right: 74px;/*各ボックスの右側に20pxの外余白*/
	background: #fff;
}



/* table1
----------------------------------------------------------- */

table.table1 {
	margin-top: 0.1em;
	margin-bottom: 4em;
	text-align: center;
}


table.table1 caption {
	width: 6em;
	caption-side: left;
}



table.table1 th,
table.table1 td {
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}



table.table1 td.en {
	background-color: #F4E6DF;
	color: #333;
	text-align: center;
	font-size: 12px;
}



table.table1 td.entr {
	background-color: #E4C2BC;
	text-align: center;
	color: #333;
	font-size: 12px;
}



table.table1 tr.stone {
	background-color: #D2938A;
	color: #fff;
	text-align: center;
	font-size: 12px;
}

hr.table {
	height: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #b7b7b7;
}


/* table2
----------------------------------------------------------- */
div.table2	{
	width: 960px;
	margin-bottom: 20px;
}

table.table2 {
	width: 960px;
	background-color: #F08FA8;
}


.table2_left {
	width: 200px;
	background-color: #fef0f7;
	font-size: 12px;
	color: #D03360;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #F08FA8;
	border-right: 1px solid #FFF6FC;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
}


.table2_right {
	width: 720px;
	background-color: #FFFFFF;
	font-size: 80%;
	color: #635C56;
	border-top-width: 1px;
	border-bottom: 1px solid #F08FA8;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
}


.contactb	{
	width: 960px;
	margin-bottom: 20px;
}





/* table consultation
----------------------------------------------------------- */
#consultation{
	width: 960;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 80px;
}



table.consultation {
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

table.consultation .td1 {
	font-size: 12px;
	line-height: 18px;
	text-align: right;
	padding-left: 10px;
}

table.consultation .td2 {
	font-size: 12px;
	line-height: 18px;
	padding: 10px;
	text-align: left;
}

.box2 {
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	width: 600px;
}




/* mokutekibetsu
----------------------------------------------------------- */
img.mokuteki {
	vertical-align: middle;
	margin-right: 30px;
	margin-bottom: 1px;
	margin-top: 1px;
}

p.mokuteki {
	color: #333;
	font-size: 14px;
}


/* info
----------------------------------------------------------- */
#info {
	width: 100%;
	height: 210px;
	background-image: url(img/info_bg.png);
	background-repeat: repeat-x;
	margin: 0 auto;
	padding: 0;
}


.info_inner {
	width: 960px;
	height: 147px;
	text-align: center;
	background-image: url(img/info_m.png);
	position: relative;
	margin: 0 auto;
	padding: 0;
}



ul.info {
	list-style-type: none;
	float: left;
	color: #333;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	padding-left: 420px;
}

li.infotit {
	font-weight: normal;
	line-height: 1px;
	margin-bottom: 4px;
}


.tel-link {
	font-size: 17px;
	font-weight: normal;
	margin-top: 8px;
	margin-bottom: 2px;
	color: #333;
}


li a{
	color:333;
	text-decoration:none;
}

li a:link{
	color: #333;
	text-decoration:none;
}

#b_mailinfo {
	width: 200px;
	height: 50px;
	position: absolute;
	margin-top: 74px;
	background-image: url(img/info_mail.png);
	margin-left: 640px;
	background-repeat: no-repeat;
}



a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}


a:hover img{
  opacity:0.6;
  filter: alpha(opacity=60);
}



/* footer
----------------------------------------------------------- */
footer {
	width: 100%;
	height: 129px;
	background: url("img/footer_bg.png") repeat-x;
	position: absolute;
	padding-bottom: 0;
}



#footer_nav {
	width: 780px;
	font-size: 75%;
	line-height: 20px;
	text-align: center;
	height: 129px;
	position: relative;
	margin: 0 auto;
	padding: 0;
}

ul.foot {
	list-style-type: none;
	float: left;
	width: auto;/*4分割した横幅margin等計算して下さい*/
	margin: 0;
	text-align: left;
	color: #FFF;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;	
}

li.footl a {
	color:fff;
	text-decoration:none;
}

li.footl a:link{
	color: #fff;
}

li.footl a:visited{
	color: #fff;
}

li.footl a:hover{/*マウスをのせたとき*/
	color: #FCC;
}


.copyright {
	color: #FFF;
	font-size: 9px;
	text-align: right;
	padding-right: 20px;
}
