@charset "UTF-8";

/* ---------------------------------------------------------------

  Base setting

--------------------------------------------------------------- */

/*  base style
------------------------------------------ */

html {
	height:100%;
}

body {
	position:relative;
	margin:0 auto;
	padding:0;
	width:100%;
	min-width:320px;
	height: auto !important;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#fff;
	background:#000;
	overflow:hidden;
}

:root * {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*  Anchor default
------------------------------------------ */
a{
    background-color:transparent;
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

.touchstyle {
	background-color:#ccc;
}

.notouchstyle {
	background-color:transparent;
}

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

a:visited {
	color:#333;
}

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

p, li {
	font-size:12px;
	text-align:left;
}

/*  header
------------------------------------------ */

header {
	margin:0 auto;
	padding:0;
	width:100%;
	min-width:320px;
	height:auto;
	z-index:4;
}	
h1 {
	margin:0 auto;
	padding:0;
	width:100%;
	min-width:320px;
	text-align:center;
}
h1 img.h1ttl {
	margin:0 auto;
	padding:0;
	width:100%;
	min-width:320px;
	max-width:950px;
	height:auto;
}

/*  section
------------------------------------------ */
h2 {
	margin:0 auto;
	padding:0;
	width:100%;
	min-width:320px;
	height:auto;
	text-align:center;
}
h2 img {
	margin:0 auto;
	padding:0;
	width:100%;
	max-width:950px;
	min-width:320px;
	height:auto;
}
section {
	margin:50px auto 0;
	padding:0;
	min-width:320px;
	max-width:1000px;
	height:auto;
	text-align:center;
	overflow:hidden;
	zoom:1;
}
section p {
	text-align:center;
	font-size:14px;
}
ul.topbtn {
	margin:50px auto;
	padding:0;
	width:100%;
	max-width:1000px;
	min-width:320px;
	height:auto;
	list-style-type:none;
	overflow:hidden;
	zoom:1;
}
ul.topbtn li {
	float:left;
	margin:0 20px 0 0;
	padding:0;
	width:100%;
	max-width:320px;
	min-width:320px;
	height:auto;
}

ul.topbtn li.last {
	margin:0;
}
ul.topbtn li img {
	margin:0 auto;
	padding:0;
	width:100%;
	max-width:320px;
	min-width:320px;
	height:auto;
}
section.s02 {
	padding-top:10px;
	width:100%;
	max-width:1500px;
	background-color:#fff;
	background:url(../images/priceback01.png) repeat-x left top, 
	url(../images/priceback02.png) repeat-x left bottom;
	background-color:#fff;
}
section.s02 .price {
	margin:0 auto 50px;
	padding:0;
	width:100%;
	max-width:700px;
	min-width:320px;
	height:auto;
	text-align:center;
	background-color:#fff;
}
h3.pricettl {
	margin:0 auto;
	padding:30px 0 0;
	width:100%;
	max-width:900px;
	min-width:320px;
	text-align:left;
	background-color:#fff;
	font-size:24px;
	color:#666;
	font-weight:normal;
}
section.s02 .price table, 
section.s02 .price tr, 
section.s02 .price th,
section.s02 .price td {
	background-color:#fff;
	color:#000;
}
section.s02 .price table {
	margin:0 auto 50px;
	padding:10px;
	width:100%;
	max-width:700px;
	min-width:320px;
	height:auto;
}
section.s02 .price tr {
	margin:0 auto;
	padding:10px;
	width:100%;
	height:auto;
	
}
section.s02 .price th {
	margin:0 auto;
	padding:10px 10px 0 80px;
	width:100%;
	height:auto;
	font-weight:normal;
	color:#886b00;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	border-top:thin solid #ccc;
}
section.s02 .price td {
	margin:0 auto;
	padding:10px;
	width:100%;
	height:auto;
	text-align:left;
	border-bottom:thin solid #ccc;
}
section.s02 .price td .pricetd {
	margin:0 auto;
	padding:0;
	width:100%;
	max-width:450px;
	min-width:320px;
	height:auto;
}
section.s02 .price p {
	background:#fff;
	color:#000;
	text-align:left;
}
h3.sample, h3.staff {
	margin:0 auto;
	padding:10px 0 0;
	width:100%;
	max-width:900px;
	min-width:320px;
	text-align:left;
	font-size:24px;
	color:#fff;
	font-weight:normal;
}
ul.movie {
	margin:50px auto 0;
	padding:0;
	width:100%;
	max-width:700px;
	min-width:320px;
	height:auto;
	list-style-type:none;
	overflow:hidden;
	zoom:1;
}
ul.movie li {
	float:left;
	margin:0 50px 0 0;
	padding:8px 0 0;
	width:320px;
	height:240px;
	text-align:center;
	vertical-align:middle;
	background:url(../images/moviebg.jpg) no-repeat center top;
}
ul.movie li.last {
	margin:0;
}

section.s04 {
	margin:50px auto 0;
	padding:20px 0 0;
	min-width:320px;
	max-width:1500px;
	height:auto;
	text-align:center;
	background:url(../images/samplebg.jpg) repeat-y center center;
	overflow:hidden;
	zoom:1;
}
.test {
	margin:20px auto;
	padding:0;
	width:100%;
	max-width:700px;
	min-width:320px;
	height:auto;
	overflow:hidden;
	zoom:1;
}
section.s04 p {
	text-align:left;
	color:#000;
}
.test p.fl {
	margin-right:20px;
	margin-bottom:50px;
}
section.s05 {
	padding-top:10px;
	width:100%;
	max-width:1500px;
	background:url(../images/shopbg.jpg) repeat-y center center;
}
h3.shopttl {
	margin:0 auto;
	padding:30px 0 0;
	width:100%;
	max-width:900px;
	min-width:320px;
	text-align:left;
	font-size:24px;
	color:#fff;
	font-weight:normal;
}
section.s05 .shop {
	margin:0 auto 50px;
	padding:20px;
	width:100%;
	max-width:800px;
	min-width:320px;
	height:auto;
	text-align:left;
	border:thin solid #333;
	overflow:hidden;
	zoom:1;
}
h3.shopttl {
	margin:0 auto;
	padding:30px 0 0;
	width:100%;
	max-width:900px;
	min-width:320px;
	text-align:left;
	font-size:24px;
	color:#fff;
	font-weight:normal;
}
section.s05 .shop p.shopp {
	color:#000;
	text-align:center;
}
section.s05 .shop p.fl {
	margin:0 0 0 40px;
	padding:0;
}
section.s05 .shop .gmaptxt {
	float:right;
	margin:0 40px 0 0;
	padding:0;
	width:100%;
	max-width:350px;
}
section.s05 .shop .gmaptxt p {
	margin:0;
	padding:0;
	color:#000;
	text-align:left;
}
section.s05 .shop .gmaptxt p.shopimg {
	margin-top:10px;
}
section.s05 .shop .gmaptxt p.shopimg img {
	margin-right:10px;
}
/*  footer
------------------------------------------ */

footer {
	width:100%;
	max-width:1500px;
}
footer .foot {
	margin:0 auto;
	padding:20px;
	width:100%;
	max-width:700px;
	min-width:320px;
	height:auto;
}
footer .foot p {
	text-align:center;
}
/*-----------------------------------------------------------------トップへ戻る*/
p.gotop{
    position:fixed;
	width:40px;
    hight:40px;
	right:10px;
}
p.gotop a{
    width: 50px;
    height:50px;
    display: block;
}

/*-----------------------------------------------------------------共通*/

.mb20 {margin-bottom:20px;}

.right { text-align:right;}
.mb10 {margin-bottom:10px;}
.mt05 {margin-top:5px;}
.mr07 {margin-right:07px;}
.mr15 {margin-right:15px;}
.mt50 {margin-top:50px;}
.pb15 {padding-bottom:15px;}
.red {color:#ff0000;}
.attention {font-weight:bold;text-decoration:underline;}
.center {text-align:center;}
.right {text-align:right;}
.fl {float:left;}
.fr {float:right;}
b {
	font-weight:bolder;
	font-size:18px;
}
.underline {text-decoration:underline;}
.small {
	font-size:12px;
}