@charset "utf-8";

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}
input,
textarea {
	margin: 0;
}
table {
	font-size: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
fieldset,
img {
	border: 0;
	vertical-align:bottom;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: normal;
}
ol,
ul {
	list-style: none;
}
caption,
th {
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}
abbr,
acronym {
	border: 0;
}
a {
/* \*/
	overflow: hidden;
/* */
}
a{
	color:#333;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
body,
input,
select,
textarea,
button{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height:1.5;
}
* html body {
	font-size: small; /* for IE6 */
}
*:first-child+html body {
	font-size: small; /* for IE7 */
}
* html table {
	font-size: 100%; /* for IE6 table */
}
.mt-5{ margin-top:5px; }
.px10 {
	font-size: 77%;
}
.px11,
.xs,.xs2 {
	font-size: 85%;
}
.px12,
.s {
	font-size: 93%;
}
.px13,
.m {
	font-size: 100%;
}
.px14 {
	font-size: 108%;
}
.px15,
.l {
	font-size: 116%;
}
.px16,
.xl {
	font-size: 123%;
}
.blue{ color:#316194; }
.b{ font-weight:bold; }
.center{ text-align:center !important; }
.right{ text-align:right !important; }
.red{ color:#f00; }
.rem{ color:#fe6151; }
.small{ font-size:77%; }
.large{ font-size:123%; }
.fl-lt{ float:left;}
.fl-rt{ float:right;}
.clear{ clear:both; }
.kome{
	text-indent:-1em;
	padding-left:1em;
}
.font-m{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif !important;
}
.clfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
*:first-child+html .clfix {
	display: inline-block;
	min-height: 1%;
}
/* Hides from IE6/IE Mac \*/
* html .clfix {
	height: 1%;
}
.clfix {
	display: block;
}
/* End hide from IE6/IE Mac */
/* 余白
------------------------------------*/
.mb-0 { margin-bottom:0 !important; }
.mb-5 { margin-bottom:5px !important; }
.mb-10{ margin-bottom:10px !important; }
.mb-15{ margin-bottom:15px !important; }
.mb-20{ margin-bottom:20px !important; }
.mb-25{ margin-bottom:25px !important; }
.mb-30{ margin-bottom:30px !important; }
.mb-35{ margin-bottom:35px !important; }
.mb-40{ margin-bottom:40px !important; }
.mb-60{ margin-bottom:60px !important; }
.mt-0 { margin-top:0 !important; }
.mt-5 { margin-top:5px !important; }
.mt-10{ margin-top:10px !important; }
.mt-15{ margin-top:15px !important; }
.mt-20{ margin-top:20px !important; }
.mt-25{ margin-top:25px !important; }
.mt-30{ margin-top:30px !important; }
.mt-40{ margin-top:40px !important; }
.mt-60{ margin-top:60px !important; }
.ml-0 { margin-left:0 !important; }
.ml-5 { margin-left:5px !important; }
.ml-10{ margin-left:10px !important; }
.ml-15{ margin-left:15px !important; }
.ml-20{ margin-left:20px !important; }
.ml-30{ margin-left:30px !important; }
.mr-0 { margin-right:0 !important; }
.mr-5 { margin-right:5px !important; }
.mr-10{ margin-right:10px !important; }
.mr-15{ margin-right:15px !important; }
.mr-20{ margin-right:20px !important; }
.mr-30{ margin-right:30px !important; }

.w10p { width: 10% !important; }
.w15p { width: 15% !important; }
.w20p { width: 20% !important; }
.w25p { width: 25% !important; }
.w30p { width: 30% !important; }
.w33p { width: 33% !important; }
.w35p { width: 35% !important; }
.w40p { width: 40% !important; }
.w49p { width: 49% !important; }
.w50p { width: 50% !important; }
.w55p { width: 55% !important; }
.w60p { width: 60% !important; }
.w70p { width: 70% !important; }
.w75p { width: 75% !important; }
.w80p { width: 80% !important; }
.wauto { width: auto !important; }


/* Layout
------------------------------------*/

html {
	overflow-y: scroll; /* CSS3 */
}
body{
	text-align:center;
	color:#333;
	background:#F1EEE3 url(/images/common/header-bg1.png) repeat-x top;
}
.wrapper{
	text-align:center;
}
/*body.toppage .wrapper{
  background-image:
    url(/images/common/bg-body-top2.png),
	url(/images/common/bg-body-top3.png),
	url(/images/common/bg-body-top.jpg);

  background-repeat:
    no-repeat,
	repeat-x,
	no-repeat;

  background-position:
    top center,
	top,
	top center;

  background-size:
    auto,
	auto,
	100% auto;
}*/


/* <HEADER> */
.header-outer{
	position:relative;
	z-index:9;
	background:url(/images/common/header-bg1-top.png) repeat-x top;
}
.header{
	width:1020px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
}
.header .logo{
	float:left;
	padding:0 17px 0 0;
}
.header .subnavi{
	float:left;
	margin-top:15px;
	width:362px;
}
.header .subnavi div{ float:left; }
.header .subnavi .list1{ margin-right:20px; }
.header .header-navi{
	clear:both;
	width:1020px;
	height:35px;
	background:url(/images/common/header-navi.png) no-repeat left top;
}
.header .header-navi div{ display:inline; }
.header .header-navi div a{
	height:35px;
	display:block;
	float:left;
	text-indent:-7123px;
	text-decoration:none;
	overflow:hidden;
}
.header .header-navi div.list1 a{ width:243px; }
.header .header-navi div.list2 a{ width:269px; }
.header .header-navi div.list3 a{ width:230px; }
.header .header-navi div.list4 a{ width:278px; }
/* </ HEADER> */


/* <WIREFRAME> */
.container{
	width:1020px;
	margin:0 auto 50px;
	text-align:left;
}
/* </ WIREFRAME> */


/* <FOOTER> */
.footer{
	background:url(/images/common/footer-bg1.png) repeat-x top;
	height:80px;
}
.footer .footer-inner{
	width:1020px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
	height:80px;
}
.footer .footer-navi{
	clear:both;
	width:1020px;
	height:50px;
	background:url(/images/common/footer-navi.png) no-repeat left top;
}
.footer .footer-navi li{ display:inline; }
.footer .footer-navi li a{
	height:50px;
	display:block;
	float:left;
	text-indent:-7123px;
	text-decoration:none;
	overflow:hidden;
}
.footer .footer-navi li.list1 a{ width:213px; }
.footer .footer-navi li.list2 a{ width:228px; }
.footer .footer-navi li.list3 a{ width:186px; }
.footer .footer-navi li.list4 a{ width:221px; }
.footer .footer-navi li.list5 a{ width:172px; }
.footer .copy{
	color:#fff;
	text-align:center;
	line-height:30px;
}
/* </ FOOTER> */


/* <TOP CONTENT> */

/* </TOP CONTENT> */


/* <STATIC PAGE CONTENT> */

/* common */
a.sbtn{
	position: relative;
	display:inline-block;
	padding:12px 34px 12px 22px;/*56px*/
	color:#fff;
	text-decoration:none;
	background-color:#42602D;
	box-shadow:rgba(51, 51, 51, 0.33) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(51, 51, 51, 0.33) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(51, 51, 51, 0.33) 0px 0px 6px 3px;
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
}
a.sbtn:hover{
	text-decoration:underline;
}
a.sbtn:after{
	position: absolute;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
    content: "";
    display: block;
    height: 8px;
    right: 18px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    width: 8px;
}
a.sbtn2{
	color:#fff;
	background-color:#C74A58;
}
a.sbtn3{
	border:solid 2px #42602D;
	color:#42602D;
	background-color:#fff;
}
a.sbtn3:after{
    border-right: 1px solid #42602D;
    border-top: 1px solid #42602D;
}

/* point */
.static-intro{
	width:1000px;
	margin:0 10px 60px;
}
.static-intro h1{
	margin:0 0 15px;
}
.point-list1{
	width:945px;
	margin-left:55px;
	margin-bottom:60px;
	overflow:hidden;
	padding:10px;
}
.point-list1 li{
	display:inline;
}
.point-list1 li a{
	width:354px;
	float:left;
	margin-right:50px;
}
.point-list2{
	width:1000px;
	margin-top:30px;
	margin-bottom:60px;
	overflow:hidden;
	padding:10px;
}
.point-list2 li{
	display:inline;
}
.point-list2 li a{
	width:124px;
	float:left;
	margin-right:20px;
	background-color:#77AC51;
}
.point-list2 li:last-child a{
	margin-right:0;
}
.point-box1{
	width:870px;
	margin:0 65px 60px;
}
.point-box1 dl{
	width:870px;
	overflow:hidden;
}
.point-box1 dl dt{
	float:left;
}
.point-box1 dl dd{
	margin-left:170px;
	font-size:1.15em;
	color:#1E452D;
}
.point-box1 dl dd span{
	display:block;
	font-size:1.3em;
	color:#333;
	background:url(/images/common/icon-ini.gif) no-repeat left center;
	padding:10px 10px 10px 34px;
}
.point-box1 h3{
	margin-top:20px;
	margin-bottom:10px;
	font-size:1.3em;
	color:#42602D;
}
.point-box2{
	width:870px;
	margin:0 65px 60px;
}
.point-box2 h3{
	margin-top:20px;
	margin-bottom:10px;
	padding-bottom:8px;
	background:url(/images/common/line.gif) no-repeat left bottom;
}
.point-box2 h3 span{
	font-size:1.4em;
	background-position:left center;
	background-repeat:no-repeat;
	padding:10px 10px 10px 30px;
}
.point-box2 p{
	margin-bottom:10px;
}
#pb2-1 h3 span{ background-image:url(/images/common/intro-icon1.png); }
#pb2-2 h3 span{ background-image:url(/images/common/intro-icon2.png); }
#pb2-3 h3 span{ background-image:url(/images/common/intro-icon3.png); }
#pb2-4 h3 span{ background-image:url(/images/common/intro-icon4.png); }
#pb2-5 h3 span{ background-image:url(/images/common/intro-icon5.png); }
.point-box2 h4{
	margin-top:20px;
	margin-bottom:10px;
	font-size:1.3em;
	color:#42602D;
}

/* tool */
.tool-list1{
	width:945px;
	margin-left:55px;
	margin-bottom:60px;
	overflow:hidden;
	padding:10px;
}
.tool-list1 li{
	display:inline;
}
.tool-list1 li a{
	width:204px;
	float:left;
	margin-right:50px;
}
.tool-box1{
	width:870px;
	margin:45px 65px 60px;
}
.tool-box1 dl{
	width:870px;
	overflow:hidden;
}
.tool-box1 dl dt{
	float:left;
}
.tool-box1 dl dd{
	margin-left:360px;
}
.tool-box1 dl dd ul{
	margin-bottom:20px;
}
.tool-box1 dl dd li a{
	margin-top:10px;
	margin-right:15px;
}
.tool-box1 p.link{
	padding-top:10px;
	padding-bottom:10px;
}

/* method */
.method-list1{
	width:935px;
	margin:0 0 0 75px;
	padding:30px 0 40px;
	overflow:hidden;
}
.method-list1 li{
	float:left;
	width:275px;
	margin:0 20px 0 0;
	text-align:left;
}
.method-list1 li img{
	margin-bottom:8px;
}
.method-box1{
	width:870px;
	margin:0 85px;
	padding:30px 0 60px;
	overflow:hidden;
}
.method-box1 h3{
	margin-top:20px;
	margin-bottom:10px;
	padding-bottom:8px;
	background:url(/images/common/line.gif) no-repeat left bottom;
}
.method-box1 h3 span{
	font-size:1.4em;
	font-weight:bold;
	background-position:left center;
	background-repeat:no-repeat;
	padding:10px 10px 10px 30px;
}
#mb2-1 h3 span{ background-image:url(/images/common/intro-icon1.png); }
#mb2-2 h3 span{ background-image:url(/images/common/intro-icon2.png); }
#mb2-3 h3 span{ background-image:url(/images/common/intro-icon3.png); }
#mb2-4 h3 span{ background-image:url(/images/common/intro-icon4.png); }
.method-box1 h4{
	margin-top:20px;
	margin-bottom:10px;
	font-size:1.3em;
	font-weight:bold;
	color:#42602D;
}
.method-list2{
	width:870px;
	overflow:hidden;
}
.method-list2 li{
	width:420px;
}
.method-box2{
	width:870px;
	margin:0 85px;
	padding:30px 0 40px;
	overflow:hidden;
}
.method-box2 p{
	margin-bottom:30px;
}
.method-box3{
	width:870px;
	margin:0 85px;
	padding:30px 10px 40px;
	overflow:hidden;
}
.method-box3-topic{
	width:410px;
}
.method-box3 h3{
	margin:0 0 10px;
}
.method-box3 .sbtn{
	width:354px;
}
.method-box3 .info{
	height:120px;
	line-height:24px;
}
.method-box3 .photo{
	margin:20px 0;
	text-align:center;
}
.method-rem{
	background:#FFF0B3;
	padding:30px;
	margin:30px 0;
}
.method-rem .title{
	margin-bottom:10px;
	font-size:1.3em;
	font-weight:bold;
	color:#E60212;
}
.method-howto{
	margin:0 0 20px;
	overflow:hidden;
	text-align:left;
}
.method-howto p.photo{
	float:left;
}
.method-howto .info{
	float:right;
	width:420px;
}
.method-howto .info ol{
	list-style:decimal outside;
	margin-left:30px;
}
.method-howto h5{
	margin-bottom:10px;
	font-size:1.1em;
	font-weight:bold;
}
/* </STATIC PAGE CONTENT> */

/* <DYNAMIC PAGE CONTENT> */

/*top*/
/*写真スライダー*/
.wideslider{
	height:400px;
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
	z-index:2;
}
.wideslider p.cover{
	bottom:0;
	left:50%;
	margin-left:-720px;
	text-align:center;
	position:absolute;
	z-index:999;
}
.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}
.wideslider ul li img {
	width: 100%;
	display: none;
}
.wideslider_base {
	top: 0;
	/*left:0 !important;*/
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;
}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff url(/images/index/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(/images/index/next.jpg) no-repeat left center;}
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.wideslider ul {
	display: inline-block;
	overflow: hidden;
}
.pagination { display:none; }
.index-container{
	width:1000px;
	margin:0 auto;
	padding:40px 0 0;
	text-align:left;
	overflow:hidden;
}
.index-contents{
	width:660px;
	float:left;
}
.index-menu{
	width:320px;
	float:right;
}
.index-box1{
	margin:0 0 10px;
}
.index-box1 h2{
	margin-bottom:15px;
}
.index-box1 .info{
	width:665px;
	height:297px;
	margin:0 -5px 0 0;
	background:url(/images/index/bg1.png) no-repeat left top;
	position:relative;
}
.index-box1 .info .intro{
	padding-right:215px;
}
.index-box1 .info .btn{
	position:absolute;
	bottom:10px;
	left:0;
	width:320px;
	height:44px;
}
.index-box1 .info .btn a{
	position: relative;
	display:inline-block;
	width:310px;
	text-align:center;
	margin:0 0 0 10px;
	padding:8px 0;
	color:#fff;
	font-size:1.4em;
	font-weight:bold;
	text-decoration:none;
	background-color:#C74A58;
	box-shadow:rgba(51, 51, 51, 0.33) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(51, 51, 51, 0.33) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(51, 51, 51, 0.33) 0px 0px 6px 3px;
}
.index-box1 .info .btn a:hover{
	text-decoration:underline;
}
.index-box1 .info .btn a:after{
	position: absolute;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
    content: "";
    display: block;
    height: 8px;
    right: 18px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    width: 8px;
}
.index-box2{
	width:660px;
	height:373px;
	background:url(/images/index/bg2.gif) no-repeat left top;
}
.index-box2 h2{
	height:70px;
	text-indent:-9999px;
}
.index-box2 ul{
	width:620px;
	margin:0 auto;
	overflow:hidden;
	background:url(/images/index/arrow.png) no-repeat 50% 50%;
}
.index-box2 ul li{
	float:left;
	width:290px;
	margin-right:40px;
}
.index-box2 ul li.t2{
	margin-right:0;
}
.index-box2 h3{
	font-size:1.2em;
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 0 0 30px;
	margin:0 0 10px;
}
.index-box2 li.t1 h3{ background-image:url(/images/common/intro-icon1.png); }
.index-box2 li.t2 h3{ background-image:url(/images/common/intro-icon2.png); }
.index-box2 img{
	margin-bottom:5px;
}
.index-box2 .btn{
	text-align:center;
	margin-top:15px;
}
.index-box2 .btn a{
	position: relative;
	display:inline-block;
	width:420px;
	text-align:center;
	margin:0 auto;
	padding:8px 0;
	color:#fff;
	font-size:1.4em;
	font-weight:bold;
	text-decoration:none;
	background-color:#42602D;
	box-shadow:rgba(51, 51, 51, 0.33) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(51, 51, 51, 0.33) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(51, 51, 51, 0.33) 0px 0px 6px 3px;
}
.index-box2 .btn a:hover{
	text-decoration:underline;
}
.index-box2 .btn a:after{
	position: absolute;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
    content: "";
    display: block;
    height: 8px;
    right: 18px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    width: 8px;
}
.index-dl{
	background:url(/images/index/bg3.gif) no-repeat left top;
	width:320px;
	height:310px;
	margin:0 0 15px;
}
.index-dl h2{
	height:40px;
	text-indent:-9999px;
}
.index-dl dl{
	width:300px;
	margin:0 10px;
	padding:10px 0 0;
	overflow:hidden;
}
.index-dl dt{
	float:right;
}
.index-dl dd{
	padding-top:10px;
}
.index-dl .btn{
	text-align:center;
	margin-top:5px;
}
.index-dl .btn a{
	position: relative;
	display:inline-block;
	width:280px;
	text-align:center;
	margin:0 auto;
	padding:4px 0;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	border:solid 2px #77AC51;
	background:#EBE9DA;
}
.index-dl .btn a:hover{
	text-decoration:underline;
}
.index-dl .btn a:after{
	position: absolute;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
    content: "";
    display: block;
    height: 8px;
    right: 18px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    width: 8px;
}
.index-menu-banner li{
	margin-bottom:10px;
}
.intro-box{
	width:900px;
	margin:40px auto;
	padding-bottom:20px;
	background:url(/images/common/intro-bg1.png) no-repeat left bottom;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:14px;
}
.intro-box .title{
	background:url(/images/common/intro-bg1.png) no-repeat left top;
	height:65px;
	text-indent:-9999px;
}
.intro-box li h2{
	font-size:1.2em;
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 0 0 30px;
	margin:0 0 10px;
	font-weight:bold;
}
.intro-box li.t1 h2{ background-image:url(/images/common/intro-icon1.png); }
.intro-box li.t2 h2{ background-image:url(/images/common/intro-icon2.png); }
.intro-box li.t3 h2{ background-image:url(/images/common/intro-icon3.png); }
.intro-box li.t4 h2{ background-image:url(/images/common/intro-icon4.png); }
.intro-box li.t5 h2{ background-image:url(/images/common/intro-icon5.png); }
.intro-box li.t6 h2{ background-image:url(/images/common/intro-icon6.png); }
.intro-box li.t7 h2{ background-image:url(/images/common/intro-icon7.png); }
.intro-box li.t8 h2{ background-image:url(/images/common/intro-icon8.png); }
.intro-box p.right{
	margin:20px 20px 0 0;
}
.intro-box p.right a.btn{
	position: relative;
	display:inline-block;
	padding:8px 34px 8px 22px;
	color:#fff;
	text-decoration:none;
	background-color:#42602D;

	box-shadow:rgba(51, 51, 51, 0.33) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(51, 51, 51, 0.33) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(51, 51, 51, 0.33) 0px 0px 6px 3px;
}
.intro-box p.right a.btn:hover{
	text-decoration:underline;
}
.intro-box p.right a.btn:after{
	position: absolute;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
    content: "";
    display: block;
    height: 8px;
    right: 18px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    width: 8px;
}
.intro-box .box-inner{
	margin:0 50px;
}
.intro-box .intro-top{
	width:100%;
	overflow:hidden;
	margin:25px 0 0;
}
.intro-box .intro-top li{
	width:47%;
	float:left;
}
.intro-box .intro-top li.t2{ float:right; }

.top-box1{
	width:1000px;
	margin:0 auto;
}
.top-box1 .title{
	margin:0 0 30px;
}
.top-box1 .box-inner{
	width:900px;
	margin:0 50px;
	background:#fff;
	padding-bottom:50px;
}
.top-box1 h2,.top-box2 h2{
	color:#ffffff;
	font-size:1.2em;
	margin:15px 0 10px;
	padding:5px 0 5px 10px;
	background-color:#E6be62;
}
.top-box1 ul{
	overflow:hidden;
	margin:0 10px;
}
.top-box1 ul li{
	float:left;
	width:33%;
	line-height:2.5;
}
.top-box1 ul li input{ margin-right:3px; }
.top-box1 p.search{
	margin:30px 0;
	text-align:center;
}
.top-box1 p.search input{
	width:300px;
	padding:6px;
}
.top-box1 p.send{
	text-align:center;
}
.top-box1 p.send button{
	margin:0 15px;
}
.btn1{
	-webkit-box-shadow: 0px 1px 5px #666666;
	-moz-box-shadow: 0px 1px 5px #666666;
	box-shadow: 0px 1px 5px #666666;
	color: #ffffff;
	font-size: 1.2em;
	background: #C74A58;
	padding: 10px 40px;
	text-decoration: none;
	border:none;
	font-weight:bold;
}
.btn2{
	-webkit-box-shadow: 0px 1px 5px #666666;
	-moz-box-shadow: 0px 1px 5px #666666;
	box-shadow: 0px 1px 5px #666666;
	color: #C74A58;
	font-size: 1.2em;
	background: #ffffff;
	padding: 7px 37px;
	text-decoration: none;
	border:solid 3px #C74A58;
	font-weight:bold;
}
.btn3{
	-webkit-box-shadow: 0px 1px 5px #666666;
	-moz-box-shadow: 0px 1px 5px #666666;
	box-shadow: 0px 1px 5px #666666;
	color: #666666;
	font-size: 1.2em;
	background: #ffffff;
	padding: 7px 37px;
	text-decoration: none;
	border:solid 3px #666666;
	font-weight:bold;
}
.top-box2{
	width:1000px;
	margin:60px auto 0;
	padding-bottom:50px;
}
.top-box2 .title{
	margin:0 0 20px;
}
.top-box2 .title p{
	margin:20px 50px 0;
}
.top-box2 .box-inner{
	width:900px;
	margin:0 50px;
	background:#fff;
}
.top-box2 ul{
	overflow:hidden;
	margin:0 10px;
}
.top-box2 ul li{
	float:left;
	width:25%;
	line-height:2.5;
}
.top-box2 ul li input{ margin-right:3px; }
.top-box2 p.send{
	margin:30px 0 0;
	text-align:center;
}

/*detail*/
.intro-box .box-inner2{
	margin:0 25px;
}
.intro-box .intro-detail{
	width:100%;
	overflow:hidden;
	margin:25px 0 0;
}
.intro-box .intro-detail li{
	width:31%;
	margin-right:2%;
	float:left;
}

.detail-box{
	background:#fff;
	width:900px;
	margin:0 auto;
	text-align:left;
}
.detail-box1{
	margin-bottom:40px;
}
.detail-box1 p{
	text-align:center;
	padding:30px 0;
	border:solid 3px #42602D;
	font-size:1.3em;
}
.detail-box1 p label{ margin:0 0 0 20px; }
.detail-box1 p label input{ margin-right:3px; }

.detail-box3{
	margin-bottom:40px;
}
.detail-box3 .box-inner{
	padding:30px 0;
	border:solid 3px #42602D;
	font-size:1.3em;
}

.detail-box3 p{
	text-align:center;
}
.detail-box3 p label{ margin:0 0 0 20px; }
.detail-box3 p label input{ margin-right:3px; }

.detail-box2{
	margin-bottom:40px;
	padding-top:13px;
}
.detail-box2 p.mtitle{
	text-align:center;
	padding:15px 0;
}
.detail-box2 p.mtitle input{
	width:500px;
	padding:6px;
}
.detail-info{
	padding-left:3px;
	margin-left:11px;
}
.detail-info ul{
	width:887px;
	overflow:hidden;
}
.detail-info ul li{
	float:left;
	width:426px;
	margin:0 10px 10px 0;
	border:solid 3px #42602D;
	min-height:500px;
}
.detail-info .box-inner{
	padding:10px;
}
.detail-info h2{
	font-size:1.2em;
}
.detail-info .itemname{
	margin-bottom:10px;
}
.detail-info .itemname textarea{
	width:360px;
	height:40px;
}
.detail-info .iteminfo{
	margin-bottom:10px;
}
.detail-info .iteminfo textarea{
	width:360px;
	height:40px;
}
.detail-info .note{
	min-height:160px;
	margin-bottom:10px;
	line-height:2;
	border: 1px solid #999;
	padding-left:7px;
}
.detail-info .note h3{
	line-height:1.5;
	font-size:1.1em;
	padding:5px 10px;
	/*margin:5px 0 10px;*/
	margin: 5px 0 10px -7px;
	background: -moz-linear-gradient(top center, #fff 0%, #9fa0a0 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#9fa0a0));
	background: linear-gradient(top center, #fff 0%, #9fa0a0 100%);

}
.detail-info .note label{
	margin-right:7px;
	/*margin-left:7px;*/
	white-space: nowrap;
}
.detail-info .note input{ margin-right:3px; }
.detail-info .note1,.detail-info .note2,.detail-info .note3,.detail-info .note4,.detail-info .note5{
	display:none;
	margin-bottom:10px;
}
.detail-info .pricebox{
	margin-bottom:10px;
}
.detail-info .pricebox input{
	width:160px;
}
.detail-info .previews{
	display:inline;
}
.detail-info .previews img{
	height:60px;
}

.detail-box4{
	margin-bottom:40px;
	padding:15px 0;
}
.detail-box4 .box-inner{
	margin:0 25px;
	text-align:left;
}
.detail-box4 p.fl-rt{
	width:20%;
	text-align:left;
}
.detail-box4 ul{
	overflow:hidden;
}
.detail-box4 ul li{
	width:20%;
	float:left;
	margin-bottom:15px;
}
.detail-box4 label input{ margin-right:7px; }
.detail-box4 label img{
	vertical-align:top;
}

.detail-box5{
	width:auto;
	margin:0 300px 40px;
	padding:15px 0;
	text-align:center;
}

.detail-box6{
	margin-bottom:40px;
	text-align:center;
}
.detail-box6 button{
	margin:0 15px;
}
/*preview*/
.preview-box{
	width:690px;
	margin:0 auto;
	font-size:0.833em;
	color:#564539;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.preview-box ul{
	width:660px;
	padding:0 0 0 30px;
	overflow:hidden;
}
.preview-box ul li{
	width:309px;
	height:246px;
	float:left;
	margin:0 10px 10px 0;
	border:solid 1px #C9CACA;
}
#preview-design-06 ul li,#preview-design-07 ul li,#preview-design-08 ul li,#preview-design-09 ul li,#preview-design-10 ul li{
	border:none;
	padding:1px;
}
.preview-box ul li:nth-child(7n+6),.preview-box ul li:nth-child(7n+7){
	margin-bottom:88px;
}
.preview-box ul li.title{
	width:690px;
	height:977px;
	margin:0 0 -851px -30px;
	background-size:690px 977px;
	border:none;
	clear:both;
	/*page-break-before: always;*/
	background-repeat:no-repeat;
	float:none;
}
.preview-box ul li.title:first-child{
	page-break-before:inherit;
}
.preview-box ul li.title h2{
	line-height:30px;
	padding-top:60px;
	text-align:center;
	font-size:1.6em;
	font-weight:bold;
}

#preview-design-01 ul li.title{ background-image:url(/images/preview/bg01.jpg); }
#preview-design-02 ul li.title{ background-image:url(/images/preview/bg02.jpg); }
#preview-design-03 ul li.title{ background-image:url(/images/preview/bg03.jpg); }
#preview-design-04 ul li.title{ background-image:url(/images/preview/bg04.jpg); }
#preview-design-05 ul li.title{ background-image:url(/images/preview/bg05.jpg); }
#preview-design-06 ul li.title{ background-image:url(/images/preview/bg06.jpg); }
#preview-design-07 ul li.title{ background-image:url(/images/preview/bg07.jpg); }
#preview-design-08 ul li.title{ background-image:url(/images/preview/bg08.jpg); }
#preview-design-09 ul li.title{ background-image:url(/images/preview/bg09.jpg); }
#preview-design-10 ul li.title{ background-image:url(/images/preview/bg10.jpg); }
#preview-design-11 ul li.title{ background:#fff; }

.preview-box ul li .box-inner{
	padding:5px;
}
.preview-box ul li .box-inner h2{
	line-height:18px;
	padding:0 0 5px;
	font-size:1.25em;
	font-weight:bold;
}
.preview-box ul li .box-inner p.menu{
	line-height:16px;
	padding:0 0 5px;
	margin:0 0 5px;
	border-bottom:dotted 1px #ccc;
	font-size:0.85em;
}
.preview-box ul li .box-inner p.menu2{
	line-height:14px;
	font-size:0.85em;
}
.preview-box ul li .box-inner p.menu2 img{
	float:right;
}
.preview-box ul li .box-inner p.allergy{
	line-height:14px;
	padding:0 0 5px;
	font-size:0.85em;
}
.preview-box ul li .box-inner p.price{
	line-height:18px;
	font-size:1.2em;
	font-weight:bold;
}
.preview-box ul li .box-inner p.price span{
	font-size:1.6em;
	padding-right:5px;
}
.preview-box ul li.end{
	display:none;
}
.preview-button{
	margin:30px 0;
	text-align:center;
}
.preview-button button{
	margin:0 15px;
}
.preview-button .note{
	text-align:left;
	padding-left:1em;
	text-indent:-1em;
	margin:30px 100px 0;
}

/* 15.12.14 */
.static-intro-inquiry h1{
	padding-top:40px;
}
.static-intro-inquiry table{
}
table.table-p{
	width:800px;
	margin:20px auto;
	border-collapse:collapse;
	border-spacing:0;
	border:solid 1px #999999;
}
table.table-p th{
	border:solid 1px #999999;
	background:#f6f6f6;
	padding: 12px;
	font-weight:normal;
	text-align:left;
	width:25%;
}
table.table-p th.hissu{
	background-image:url(/images/icon-hissu.png);
	background-repeat:no-repeat;
	background-position:right center;
}
table.table-p td{
    border:solid 1px #999999;
	background:#fff;
	padding:12px;
	text-align:left;
}
table.table-p td.submit{
	background:#F2F2F2;
	width:auto;
	text-align:center;
	vertical-align:middle;
	padding:15px 0;
}
table.table-p td.submit input{
	vertical-align:middle;
}
/* </DYNAMIC PAGE CONTENT> */