@charset "utf-8";
/* CSS Document */

/**\*/
@import url("reset.css");
@import url("style-base.css");

#content{
	width:660px;
	background:url(../../img/content-bg.png) repeat-y center top;
	padding:0 5px 30px 5px;
	min-height:1400px;
}

#content p{
	color:#291d0d;
	text-align:left;
	line-height:170%;
	font-size:12px;
}

#content p .green{
	color:#8cb155 !important;
}

.inner{
	padding:20px 25px;
	overflow:hidden;
}

#pan{
	overflow:hidden;
	list-style:none;
	margin:10px 20px;
}

#pan li{
	float:left;
	font-size:10px;
	margin-right:10px;
}

#pan li a:link,
#pan li a:visited{
	color:#000;
}

#pan li a:active,
#pan li a:hover{
	color:#000;
}

#content .ttl{
	color:#7f5d33;
	font-size:16px;
	font-weight:normal;
	margin:15px 5px 0 5px;
	text-align:left;
	background:url(../../img/beginner/ttl-bg.png) no-repeat right center #f6efe6;
	padding:11px 20px;
	
}

#content .sub-ttl{
	color:#4f412f;
	text-align:left;
	background:url(../../img/line.png) no-repeat left bottom;
	margin-bottom:10px;
	padding-bottom:5px;
	font-size:14px;
}

.contact-bana a:link {
	display: block;
	width:565px;
	margin:30px auto;
	height:113px;
	background:url(../../img/contact-bana-on.png) no-repeat left top;
}

/********beginner*********/

.experience{
	background:#faf7f3;
	width:560px;
	margin:15px 10px;
	padding:20px;
	border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;	
}

.experience h3{
	color:#fe8888;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	margin-bottom:10px;
}

.experience ul li{
	text-align:left;
	color:#5f524f;
	list-style:none;
	font-size:11px;
	padding:5px;
}

.point{
	width:540px;
	height:190px;
	position:relative;
	border:1px solid #cbb89d;
	padding:10px;
	margin:30px 0 20px 35px;
}

.point h3{
	position:absolute;
	top:-10px;
	left:-20px;
}

.point ul{
	width:500px;
	position:absolute;
	top:15px;
	left:40px;
	list-style:outside;
}

.point ul li{
	color:#5f524f;
	font-size:11px;
	text-align:left;
	padding:5px 0;
	line-height:150%;
}

.price a:link {
	display: block;
	width:240px;
	margin:15px auto;
	height:32px;
	background:url(../../img/beginner/price-on.png) no-repeat left top;
}

.demand h3{
	color:#fe8888;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	margin:20px 0 0 0;
}

.demand ul{
	list-style:none;
	margin-bottom:20px;
}
.demand ul li{
color:#5f524f;
font-size:11px;
text-align:left;
padding:5px 0 5px 15px;
line-height:150%;
background:url(../../img/ico02.png) no-repeat left 10px;
}

.company-img{
	list-style:none;
	overflow:hidden;
	margin-bottom:20px;
}

.company-img li{
	float:left;
	margin:0 10px;	
}

/********exhibition*********/
.kakejiku-bana a:link {
	display: block;
	width:432px;
	margin:10px auto 30px auto;
	height:117px;
	background:url(../../img/exhibition/kakejiku-on.png) no-repeat left top;
}

.type{
	overflow:hidden;
	list-style:none;
}

.type li{
	width:48%;
	min-height:148px;
	margin:0 1% 15px 1%;
	float:left;
	overflow:hidden;
}

.type-img{
	width:100px;
	float:left;
	margin-right:15px;
}

.type-img a:hover,.type-img a:active{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

.type dl dt{
	color:#8cb155;
	font-size:12px;
	text-align:left;
	margin-bottom:10px;
}

.type dl dd{
	font-size:12px;
	text-align:left;
}

.zoom{
	background:url(../../img/ico03.png) no-repeat left center;
	font-size:10px !important;
	margin-bottom:15px;
	padding-left:15px;
}

.works{
	color:#7e6257;
	text-align:left;
	font-weight:normal;
	background:url(../../img/ico05.png) no-repeat left center;
	padding:5px 0 5px 26px;
	margin-top:7px;
}

.work-img{
	background:url(../../img/voice/voice-bg.jpg) center top;
	padding:3%;
	overflow:hidden;
}

.work-img ul{
	list-style:none;
}

.work-img li{
	width:19%;
	float:left;
	margin-right:1%;
}

.work-img li img{
	width:100%;
}

/***************************/
.caution{
	width:560px;
	margin:40px auto 20px auto;
	border:1px solid #FF0000;
	padding:10px;	
}

.caution ul{
	list-style:none;
	text-align:left;	
}

.caution ul li{
	font-size:11px;
}

.option-price{
	color:#fff;
	background:#8cb155;
	font-weight:normal;
	font-size:11px;
	padding:3px 7px;
	border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
float:right;
margin-right:20px;
}

.option dt{
	color:#8cb155;
	text-align:left;
	background:url(../../img/ico04.png) no-repeat left center;
	margin:10px 0;
	padding:5px 0 0 30px;
	font-size:12px;
}

.option dd{
	border-bottom:1px dotted #8cb155;
	font-size:12px;
	text-align:left;
	margin-bottom:15px;
	padding-bottom:7px;
}

.sub-option{
	margin-left:30px;
}

.sub-option dt{
	color:#9a8972;
	text-align:left;
	background:none;
	margin:0;
	padding:0;
	font-size:12px;
}

.sub-option dd{
	color:#000;
	border-bottom:none;
	font-size:12px;
	text-align:left;
	margin-bottom:5px;
	margin-left:12px;
	padding-bottom:0;
}

/************flow**************/
.flow-bg{
	background:url(../../img/flow/flow-bg.png) no-repeat center bottom;
	padding-bottom:34px;
}

.flow{
	border:1px solid #cbb89d;
	padding:15px;
	overflow:hidden;
}

.flow-img{
	width:170px;
	margin-right:15px;
	float:left;
}

.flow dl{
	width:390px;
	float:right;
	text-align:left;
}

.flow dl dt{
	color:#a38964;
	font-size:14px;
	margin-bottom:10px;
	padding:5px 0 10px 40px;
	border-bottom:1px dotted #cbb89d;
}

.flow dl .flow01{background:url(../../img/flow/01.gif) no-repeat left top;}
.flow dl .flow02{background:url(../../img/flow/02.gif) no-repeat left top;}
.flow dl .flow03{background:url(../../img/flow/03.gif) no-repeat left top;}
.flow dl .flow04{background:url(../../img/flow/04.gif) no-repeat left top;}
.flow dl .flow05{background:url(../../img/flow/05.gif) no-repeat left top;}
.flow dl .flow06{background:url(../../img/flow/06.gif) no-repeat left top;}
.flow dl .flow07{background:url(../../img/flow/07.gif) no-repeat left top;}
.flow dl .flow08{background:url(../../img/flow/08.gif) no-repeat left top;}
.flow dl .flow09{background:url(../../img/flow/09.gif) no-repeat left top;}
.flow dl .flow10{background:url(../../img/flow/10.gif) no-repeat left top;}
.flow dl .flow11{background:url(../../img/flow/11.gif) no-repeat left top;}


.flow dl dd{
	font-size:12px;
}

.flow-box{
	color:#fff !important;
	background:#CBB89D;
	padding:0 3px;
}

.flow-txt{
	color:#A38964 !important;
}

/************company**************/
.company-read{
	color:#fe7575;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:18px;
	margin-top:15px;
	font-weight:bold;
}

.read{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:11px;
	text-align:center !important;
	margin-bottom:30px;
}

.outline01{
	width:550px;
	margin:0 auto;
	overflow:hidden;
	background:#ededed;
	padding:7px 10px;
}

.outline01 dt{
	width:120px;
	float:left;
	text-align:left;
	font-size:12px;
}

.outline01 dd{
	width:380px;
	float:left;
	text-align:left;
	font-size:12px;
}

.outline02{
	width:550px;
	margin:0 auto;
	overflow:hidden;
	padding:7px 10px;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}

.outline02 dt{
	width:120px;
	float:left;
	text-align:left;
	font-size:12px;
}

.outline02 dd{
	width:380px;
	float:left;
	text-align:left;
	font-size:12px;
}

.history{
	width:570px;
	margin:0 auto;
	overflow:hidden;
	padding:8px 10px;
	border-bottom:1px dotted #ccc;
}

.history dt{
	width:180px;
	float:left;
	font-size:12px;
	text-align:left;
}

.history dd{
	width:390px;
	float:left;
	font-size:12px;
	text-align:left;
}

.calendar{
	width:100%;
	list-style:none;
	margin:0 auto;
  overflow: hidden;
}

.calendar li{
	width:40%;
	margin:0 4%;
	float:left;
}

.calendar li img{
}

/************voice**************/
.first{
	margin-top:40px !important;
}
.voice{
	width:580px;
	margin:15px auto 0 auto;
	/*background:url(../../img/voice/voice-bg.jpg) repeat center top;*/
	padding:15px 20px;
}

.voice h2{
	color:#302311;
	background:url(../../img/voice/mail.png) no-repeat left center;
	padding:10px 0 7px 50px;
	text-align:left;
	font-weight:normal;
}

.voiceIn{
	overflow:hidden;
	margin:15px 0 0 0;
}

.voice-img{
	width:210px;
	float:left;
	margin-right:10px;
	background:url(../../img/voice/voice-bg.jpg) repeat left top;
	padding:14px;
}

.voice-txt{
	width:330px;
	float:right;
	background:url(../../img/voice/line.png) repeat left top;
	padding-bottom:5px;
	line-height:30px !important;
}


/***************faq**************/
#acMenu dt{
    display:block;
    width:580px;
    text-align:left;
    cursor:pointer;
	background:url(../../img/faq/q.png) no-repeat 10px center;
	padding:8px 0 8px 30px;
	border:1px dotted #cbb89d;
	margin-bottom:7px;
	border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
    }
#acMenu dd{
	color:#967c58;
	font-size:12px;
    background:url(../../img/faq/a.png) no-repeat 6px 18px !important;
    width:565px;
	line-height:170%;
    text-align:left;
    display:none;
	padding:7px 15px 25px 30px;
    }
	
	#acMenu dd a:link{
		color:#fe7575 !important;
	}

/***************back****************/
.back{
	width:605px;
	background:url(../../img/back/back-bg.png) no-repeat right -30px;
}
.backprice{
	width:600px;
	margin:0 auto 20px auto;
	border:1px solid #d9e6c6;
	font-size:12px;
}

.backprice th{
	color:#48503c;
	background:	#f2f6eb;
	padding:7px 10px;
	font-weight:normal;
	border:1px solid #d9e6c6;
	text-align:left;
}

.backprice td{
	background:	#fff;
	padding:7px 10px;
	border:1px solid #d9e6c6;
	text-align:center;
}

.tax{
	color:#727272;
	text-align:right !important;
	margin-top:20px;
}

/***************cloth****************/

.clothBox{
	overflow:hidden;
	margin-left:3%;
}
.cloth{
	width:23%;
	margin:0 0 20px 1%;
	float:left;
}

.cloth a:active,.cloth a:hover{
	opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

.cloth-name{
	color:#5f524f !important;
	text-align:center !important;
	font-size:16px !important;
	padding:3px 0 0 0;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.syu{
	font-size:14px !important;
}

.select{
	color:#fff;
	width:130px;
	display:block;
	padding:5px 10px;
	background:#8cb155;
	text-align:center;
	font-weight:normal;
	font-size:12px;
}

.art{
	text-align:left;
	list-style:none;
}

.art li{
	font-size:12px;
	text-align:left;
	line-height:250% !important;
}

.art span{
	color:#9d835d;
	width:80px;
	text-align:center;
	padding:1px 5px;
	border:1px dotted #cbb89d;
	margin-right:10px;
}

.chart{
	width:600px;
	margin:0 auto;
	background:url(../../img/cloth/chart-bg.png) no-repeat left bottom;
	padding:0 25px 70px 25px;
	margin-top:30px;
}

.chart-list{
	text-align:left;
	list-style:none;
	overflow:hidden;
}

.chart-list li{
	float:left;
	padding:0 10px;
}

.nuno{
	text-align:left;
	list-style:none;
	overflow:hidden;
	margin-bottom:10px;
}

.nuno dt{
	width:150px;
	font-size:12px;
	float:left;
	background:url(../../img/ico01.png) no-repeat left center;
	padding-left:10px;
}

.nuno dd{
	font-size:12px;
	float:left;
	width:440px;
}

/************fun**************/
.fun{
	width:650px;
	margin:0 auto;
	background:url(../../img/fun/fun-bg.jpg) repeat-y left center;
	position:relative;
	height:630px;
}

.fun-top{
	background:url(../../img/fun/fun-bg-top.png) no-repeat center top;
	padding-top:10px;
}

.fun-bottom{
	background:url(../../img/fun/fun-bg-bottom.png) no-repeat center bottom;
	padding-bottom:10px;
}

.fun ul{
	list-style:none !important; 
}

.fun01{
	position:absolute;
	top:20px;
	left:70px;
}

.fun01 a:link {
	display: block;
	width:155px;
	height:195px;
	background:url(../../img/fun/fun01-on.png) no-repeat left top;
}

.fun02{
	position:absolute;
	top:20px;
	left:250px;
}

.fun02 a:link {
	display: block;
	width:155px;
	height:195px;
	background:url(../../img/fun/fun02-on.png) no-repeat left top;
}

.fun03{
	position:absolute;
	top:20px;
	left:440px;
}

.fun03 a:link {
	display: block;
	width:169px;
	height:195px;
	background:url(../../img/fun/fun03-on.png) no-repeat left top;
}

.fun04{
	position:absolute;
	top:220px;
	left:150px;
}

.fun04 a:link {
	display: block;
	width:153px;
	height:188px;
	background:url(../../img/fun/fun04-on.png) no-repeat left top;
}

.fun05{
	position:absolute;
	top:220px;
	left:360px;
}

.fun05 a:link {
	display: block;
	width:174px;
	height:188px;
	background:url(../../img/fun/fun05-on.png) no-repeat left top;
}

.fun06{
	position:absolute;
	top:410px;
	left:70px;
}

.fun06 a:link {
	display: block;
	width:155px;
	height:185px;
	background:url(../../img/fun/fun06-on.png) no-repeat left top;
}

.fun07{
	position:absolute;
	top:410px;
	left:250px;
}

.fun07 a:link {
	display: block;
	width:155px;
	height:185px;
	background:url(../../img/fun/fun07-on.png) no-repeat left top;
}

.fun08{
	position:absolute;
	top:410px;
	left:450px;
}

.fun08 a:link {
	display: block;
	width:169px;
	height:185px;
	background:url(../../img/fun/fun08-on.png) no-repeat left top;
}

/**********news***********/
.date{
	display:block;
	font-size:11px !important;
	font-weight:normal;
}

.news-ttl{
	text-align:left;
	font-size:16px;
}
.newsIn{
	overflow:hidden;
}

.news-img{
	width:170px;
	float:left;
	margin-right:15px;
}

.img_left2{
	width:32% !important;
	float:left;
}

.img_left2 img{
	width:100%;
}


.detail a:link,
.detail a:visited{
	text-align:center !important;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	display:block;
	width:100px;
	padding:1px 5px;
	margin-top:10px;
	background:#8cb155;
	float:right;
	text-decoration:none;
	border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.detail a:active,
.detail a:hover{
	text-align:center !important;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	display:block;
	width:100px;
	background:#d6c6af;
	padding:1px 5px;
	margin-top:10px;
	float:right;
	text-decoration:none;
	border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.detail:after{
	content: "."; 
  display: block; 
  height: 0;
  clear: both; 
  visibility:hidden;
}

.pagination{
	margin:30px auto 50px auto;
}

.current{
	background:#EFEFEF !important;
}

.page-numbers{
	border:1px solid #E1E1E1;
	background:#fff;
	padding:3px 5px;
}

.next,.prev{
	border:none;
}

/**********access***********/
.access{
	width:570px;
	margin:0 auto;
	overflow:hidden;
	padding:8px 10px;
	border-bottom:1px dotted #ccc;
}

.access dt{
	width:100px;
	float:left;
	font-size:12px;
	text-align:left;
}

.access dd{
	width:470px;
	float:left;
	font-size:12px;
	text-align:left;
}

.bn-access:link,
.bn-access:visited{
	color:#fff;
	background:#ccc;
	text-decoration:none;
	padding:1px 5px;
	font-size:10px !important;
}

.bn-access:active,
.bn-access:hover{
	background:#ddd;
	text-decoration:none;
	padding:1px 5px;
	font-size:10px !important;
}

/*************contact***************/
.tel-number{
	color:#fe7575 !important;
	text-align:center !important;
	font-size:30px !important;
	line-height:110% !important;
}

.form{
	width:600px;
	margin:0 auto;
	overflow:hidden;
	padding:10px 0;
	text-align:left !important;
}

.form dt.must{
	width:127px;
	float:left;
	background:url(../../img/contact/must.png) no-repeat left center;
	padding-left:58px;
	margin-right:15px;
}

.form dt.optional{
	width:127px;
	float:left;
	background:url(../../img/contact/option.png) no-repeat left center;
	padding-left:58px;
	margin-right:15px;
}

.form dd{
	width:390px;
	float:left;
	font-size:12px !important;
}

.form dd .form01{
	width:200px;
	padding:5px;
	font-size:14px;
}

.form dd .form02{
	width:378px;
	padding:3px 5px;
	font-size:14px;
}

.form dd .form03{
	width:50px;
	padding:3px 5px;
	font-size:14px;
}

.heading{
	color:#D90003;
	font-size:14px;
}

.error_messe{
	padding:0 0 7px 30px;
}

.formTable{
	width:600px;
	margin:20px auto;
	border:#CBB89D 1px solid;
	text-align:left;
	font-size:12px;
}

.formTable th{
	width:150px;
	padding:10px 15px;
	background:#F6EFE6;
	border:#CBB89D 1px solid;
}

.formTable td{
	padding:10px 15px;
	background:#FFF;
	border:#CBB89D 1px solid;
}

.submit-button{
	color:#fff;
	background:#fe7575;
	padding:10px 20px;
	font-size:16px;
	border:none;
}

.back-button{
	color:#fff;
	background:#8CB155;
	padding:10px;
	font-size:16px;
	border:none;
}
/*************sitemap***************/
.sitemap{
	width:235px;
	list-style:none;
	text-align:left;
	margin:20px 30px;
	float:left;
}

.sitemap li{
}

.sitemap li a:link,
.sitemap li a:visited{
	display:block;
	width:200px;
	padding:7px 0 7px 20px;
	text-decoration:none !important;
	background:url(../../img/ico01.png) no-repeat 10px center;
	border:1px dotted #cbb89d;
	border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom:10px;
}

.sitemap li a:active,
.sitemap li a:hover{
	color:#fff;
	background:#cbb89d;
	display:block;
	width:200px;
	padding:7px 0 7px 20px;
	text-decoration:none !important;
	border:1px dotted #cbb89d;
	margin-bottom:10px;
	
}

/***************privacy**************/

.privacy{
	width:650px;
	margin:0 5px;
}
.privacy dt{
	text-align:left;
	background:#f6efe6;
	padding:10px 20px;
}

.privacy dd{
	text-align:left;
	padding:7px 15px 15px 20px;
	font-size:12px;
}

.privacyIn{
	margin:15px 0 0 30px;
	list-style:none;
}

.privacyIn li{
	padding:3px 0;
}

.page-top {
    position: fixed;
    bottom: 40px;
    right: 50px;
}

.table-style{
	width:100% !important;
}
.table-style tr td{
	padding:5px 1% !important;
	font-size:12px;
}

.table-style tr td img{
	width:100% !important;
}

.choose {
	width: 97% !important;
	margin: 0 1% !important;
	font-size: 0.9rem !important;
	padding: .5rem !important;
}