@charset "utf-8";
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 150%;
	background-color: #000;
}
#header {
	text-align: center;
	margin: 0px auto 0px;
	padding: 0px;
	height: 15px;
	width: 800px;
}
#banner {
	height: 600px;
	background-image: url(img/header_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	clip: rect(auto,auto,auto,auto);
	text-align: center;
}
#order {
	height: 600px;
	background-image: url(img/header_bg3.jpg);
	background-position: center;
	background-repeat: no-repeat;
	clip: rect(auto,auto,auto,auto);
	text-align: center;
}
#wrapper_top {
	height: 700px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
	margin-top: 15px;
	padding-right: 0px;
}
#wrapper {
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/bg.gif);
	background-repeat: repeat-y;
	background-position: center;
}
#wrapper_under {
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/bg_under.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#contents {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 50px;
}
#contents1 {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 70px;
	padding-left: 120px;
}
#contents2 {
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 250px;
	background-image: url(img/bg2.gif);
	background-repeat: repeat-y;
	background-position: center;
	color: #FFF;
}
#news {
	width: 900px;
	padding-left: 85px;
	background-image: url(img/sinbun.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 700px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
}
#text {
	width: 680px;
	padding: 0px;
	margin-top: 50px;
}
#sengen {
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/sengen.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 900px;
	}
#topic0 {
	height: 350px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/h2-1.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#topic {
	margin-right: auto;
	margin-left: auto;
	height: 150px;
	text-align: center;
}
#topic2 {
	margin-right: auto;
	margin-left: auto;
	height: 300px;
	text-align: center;
}
#topic3 {
	margin-right: auto;
	margin-left: auto;
	height: 200px;
	background-image: url(img/worst.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#topic4 {
	margin-right: auto;
	margin-left: auto;
	height: 200px;
	background-image: url(img/kaihatsu.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#topic5 {
	margin-right: auto;
	margin-left: auto;
	height: 300px;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
}
#kubikiri {
	margin-right: auto;
	margin-left: auto;
	height: 700px;
	text-align: center;
}
#top_link {
	height: 200px;
	clear: both;
	font-size: 12px;
	text-align: center;
	clip: rect(auto,auto,auto,auto);
	margin-right: auto;
	margin-left: auto;
	padding-right: 150px;
	background-image: url(img/wapper_under1.gif);
	background-position: center top;
}
#footer_menu {
	height: 50px;
	clear: both;
	font-size: 12px;
	text-align: right;
	clip: rect(auto,auto,auto,auto);
	margin-right: auto;
	margin-left: auto;
	width: 680px;
}
#footer {
	clear: both;
	text-align: center;
	color: #333;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
	background-image: url(img/wapper_under3.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#coment {
	height: 75px;
	clear: both;
	font-size: 10px;
	text-align: center;
	clip: rect(auto,auto,auto,auto);
	margin-right: auto;
	margin-left: auto;
	width: 680px;
	background-color: #CCC;
	margin-bottom: 20px;
}
#banner2 {
	height: 120px;
	width: 640px;
	background: #FFF;
}
a:link {
	text-decoration: underline;
	color: #900;
}
a:visited {
	text-decoration: none;
	color: #900;
}
a:hover {
	text-decoration: underline;
	color: #F00;
}
a:active {
	text-decoration: none;
	color: #F00;
}
h1 {
	color: #FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	text-align: left;
}
h2 {
	clip: rect(0px,auto,0px,auto);
	font-size: 21px;
	padding-left: 40px;
	color: #C00;
	font-weight: bold;
	font-style: normal;
	background-image: url(img/mark.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
h3 {
	font-size: 21px;
	font-weight: bold;
	color: #930;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 30px;
	border-bottom-width: 2px;
	border-left-width: 15px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #960;
	border-bottom-color: #960;
	border-left-color: #960;
	border-top-width: 2px;
	margin-right: 150px;
	margin-top: 20px;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}
h4 {
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	background-color: #C00;
	text-decoration: underline;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 30px;
	margin-left: 0px;
}
h5 {
	color: #FFF;
	font-size: 21px;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color: #960;
	margin-bottom: 30px;
	margin-right: 20px;
	text-align:center;
}
h6 {
	font-size: 18px;
	font-weight: bold;
}
.bl12 {
	font-size: 12px;
	color: #000;
}
.bl15 {
	font-size: 15px;
	color: #000;
}
.bu15 {
	text-decoration: underline;
}
.bu18 {
	text-decoration: underline;
}
.bl18 {
	font-size: 18px;
	color: #000;
}
.rb12 {
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
}
.rb15 {
	font-size: 15px;
	font-weight: bold;
	color: #CC0000;
}
.rbu15 {
	font-size: 15px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}
.rbu18 {
	font-size: 18px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}
.rb {
	font-weight: bold;
	height: auto;
	color: #C00;
}
.rb18 {
	font-size: 18px;
	font-weight: bold;
	color: #CC0000;
}
.rb21 {
	font-size: 21px;
	font-weight: bold;
	color: #CC0000;
}
.bb15 {
	font-size: 15px;
	font-weight: bold;
	color: #00C;
}
.bb18 {
	font-weight: bold;
	color: #00C;
}
.bb21 {
	font-size: 21px;
	font-weight: bold;
	color: #00C;
}
.yb15 {
	font-size: 15px;
	background: #FF0 no-repeat;
	font-weight: bold;
	text-decoration: underline;
	height: auto;
}
.yb18 {
	font-size: 18px;
	background: #FF0;
	font-weight: bold;
	text-decoration: underline;
	height: auto;
}
.yb21 {
	font-size: 21px;
	background: #FF0;
	font-weight: bold;
	text-decoration: underline;
	height: auto;
}
.ybr15 {
	font-size: 15px;
	background: #FF0;
	font-weight: bold;
	text-decoration: underline;
	color: #CC0000;
}
.ybr18 {
	font-size: 18px;
	background: #FF0;
	font-weight: bold;
	text-decoration: underline;
	color: #CC0000;
}
.ybr21 {
	font-size: 21px;
	background: #FF0;
	font-weight: bold;
	text-decoration: underline;
	color: #CC0000;
}
.text_right {
	text-align: right;
	margin-right: 15px;
	margin-bottom: 50px;
}
.text_center {
	text-align: center;
}
.prof {
	clip: rect(0px,0px,0px,0px);
	width: 580px;
	padding: 0px;
	margin: 0px;
	height: auto;
	font-size: 11px;
	background: #F4F4F4;
	display: inherit;
}
.book_left {
	clip: rect(0px,0px,0px,0px);
	padding: 10px;
	margin: 0px;
	background: #060;
	border: 1px dotted #FFF;
	color: #FFF;
	font-weight: bold;
}
.book_right {
	clip: rect(0px,0px,0px,0px);
	padding: 10px 10px 10px 20px;
	margin: 0px;
	border: 1px dotted #060;
}
.mail {
	background-image: url(img/mail.gif);
	background-repeat: no-repeat;
	height: 120px;
	width: 580px;
	margin-left: 50px;
	padding-top: 270px;
	margin-bottom: 30px;
	margin-top: 20px;
}
.box1 {
	margin-right: 20px;
	margin-bottom: 50px;
	margin-left: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #900;
	border-bottom-color: #900;
	border-left-color: #900;
	padding-top: 20px;
}
.box2 {
	border: 10px solid #900;
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding: 15px;
}
.box3 {
	clip: rect(0px,0px,0px,0px);
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-top: 30px;
	margin-right: 120px;
	margin-bottom: 20px;
	margin-left: 0px;
	border: 5px solid #FFCD44;
}
.box4 {
	border: 3px dashed #CC0000;
	clip: rect(0px,0px,0px,0px);
	padding: 10px 20px;
	margin: 30px;
}
.box5 {
	border: 3px dashed #C00;
	clip: rect(0px,0px,0px,0px);
	margin-top: 30px;
	margin-right: 120px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.box6 {
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-top: 10px;
	border: 3px dashed #900;
}
.name1 {
	clip: rect(0px,0px,0px,0px);
	border-top-width: 0px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #33CCFA;
	border-bottom-color: #33CCFA;
	border-left-color: #33CCFA;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
}
.name2 {
	clip: rect(0px,0px,0px,0px);
	border-top-width: 0px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FC3;
	border-bottom-color: #FC3;
	border-left-color: #FC3;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
}
.name3 {
	clip: rect(0px,0px,0px,0px);
	border-top-width: 0px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #093;
	border-bottom-color: #093;
	border-left-color: #093;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
}
.name4 {
	clip: rect(0px,0px,0px,0px);
	border-top-width: 0px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #C00;
	border-bottom-color: #C00;
	border-left-color: #C00;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
}
.bread {
	clip: rect(0px,0px,0px,0px);
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 40px;
}
.present {
	clip: rect(0px,0px,0px,0px);
	padding: 30px 30px 0px;
	margin: 0px;
	border-top: 0px solid #C00;
	border-right: 2px solid #C00;
	border-bottom: 2px solid #C00;
	border-left: 2px solid #C00;
}
.kessai {
	background: url(img/check2.gif) no-repeat left top;
	padding: 0px 0px 0px 30px;
	font-size: 14px;
	margin-left: 10px;
}
img {
	border-width: 0px;
	border-style: none;
	padding: 0px;
}
.img2 {
	border-width: 0px;
	border-style: none;
	padding: 0px 20px 0px 10px;
}
.q {
	background: url(img/q.gif) no-repeat left center;
	font-size: 16px;
	height: auto;
	border: 3px solid #C00;
	margin-top: 20px;
	margin-right: 130px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 60px;
}
.a {
	background: url(img/a.gif) no-repeat left center;
	font-size: 15px;
	height: auto;
	border: 2px solid #039;
	margin-top: 20px;
	margin-right: 130px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 60px;
}
table.t1{
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.t1 th{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:#FFFFFF;
    background-color:#996633;
    background-image:url(img/table-back.gif);
    background-position:left top;
    padding:1.5em 1em;
    text-align:center;
}
.t1 td{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.3em 1em;
}


@media screen and (min-width:640px){
.smp{ display:none;}
}

@media screen and (max-width:640px){
body{ padding:0px; margin:0px; font-size:15px; word-break:break-all;}
img.full{ width:100%; height:auto;}
img.nanago{ width:75%; height:auto;}
img.half{ width:50%; height:auto;}
img.nigo{ width:25%; height:auto;}
.pc{ display:none;}
h1{ line-height:1.4em}
#header {
	text-align: center;
	margin: 0px auto 0px;
	padding:5px;
	height: auto;
	width: 100%;
	background-color:#000;
	box-sizing:border-box;
}
#banner {
	height: auto;
	background-image: url(img/header_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	clip: rect(auto,auto,auto,auto);
	text-align: center;
}
#wrapper_top { height: auto; margin:10px auto; padding:0px; width:96%}
#news { width: 100%; height:auto; background:none; margin:0px; padding: 0px; }
#news span{ display:block;}
.news_text{ font-size:12px; border-bottom:1px dashed #fff; margin-bottom:8px; text-align:center;}

.smp_mail{ border:3px solid #a42020; margin-bottom:20px;}
.smp_mail p{ margin:10px auto; font-size:12px; line-height:2.0em;}
.smp_mail dl{ margin:3%; background: url(img/mail_arrow.png) no-repeat top right; background-size:contain;}
.smp_mail dt{ text-align:left; margin:0px; padding:0px; font-family: Lucida Grande,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif; font-size:15px; color:#323232; font-weight:bold;}
.smp_mail dd{ text-align:left; margin:0px auto 10px; padding:0px;}
.smp_mail input[type=text]{ width:60%; padding:3%; box-sizing:border-box;}
.smp_mail input[type=submit]{ width:50%; padding:3%; box-sizing:border-box; font-weight:bold; font-family: Lucida Grande,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif; font-size:16px; color:#323232;}
.bold{ font-weight:bold;}
.center{ text-align:center;}

#wrapper {	margi:0px auto;}
#contents {	width:100%; margin: 0px auto; padding: 0px;}
p {	width:96%; margin:20px 2%; padding:0px; }
p#text { width:96%; margin:20px 2%; padding:0px; }

#coment { height: auto; width: 100%; padding:3%; box-sizing:border-box; margin:20px auto;}
#banner2 { height: auto; width: 100%;}
#topic0 { height: auto;}
#topic { height: auto;}
#topic2 { height: auto;}
#topic3 { height: auto;}
#topic4 { height: auto;}
#topic5 { height: auto;}

#footer_menu { height: auto; font-size: 12px; width: 100%; padding:5px; box-sizing:border-box;}
#footer { height:auto;}



#contents {background-color:#fff;}
#contents1 {background-color:#fff;}
#contents2 {background-color:#fff;}

h5 {
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
	background-color: #960;
	margin:0px 0px 20px;
	text-align:center;
}
table.t1{ width:96%; margin:0px auto 20px;}
table.t1 th{ width:100%; display:block; background-image:none; box-sizing:border-box; padding:5px;}
table.t1 td{ width:100%; display:block; box-sizing:border-box; padding:5px;}
}