@charset "utf-8";
/*リセットCSS*/
body
{margin:0px auto 0px auto;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;background:url('../image/bg.gif');
font-size:15pt;font-weight:normal;color: #161616;text-align:	left;padding:0px;}
a{border-style:none; border:0;}
a  img{	border:0px #fff none;}
a  img:hover{opacity: 0.7;}

img { max-width: 100%; height: auto; } 

.BreakPoint{display: none;}
.PointPink{color:#E967A2;}
.PointY{color: #FEF698; font-weight:bold;}
.ImgCenter{display: block;margin-left: auto;margin-right: auto;}

div.main{max-width:920px;margin:0px auto; padding:1px;}
.headcopy{ margin-top:-10px;}

.Radius{
   -moz-border-radius: 15px;/* 古いFirefox */
   -webkit-border-radius: 15px;/* 古いSafari,Chrome */
   border-radius: 15px;/* CSS3 */
   border: 0px #003922 solid; /* 枠線の装飾 */
   -moz-box-sizing: border-box;
   box-sizing: border-box; background:#003922;color:#fff;
}

div.products {width:100%; margin: 5px 0px 0px 0px ; padding:10px; font-size:0.7em; text-align: left; height:auto;}

div.Inner_P{width:95%; margin:5px auto;}
div.Inner_P_Box{white-space:nowrap;}
.Inner_P_Box img{}


div.top_movie{height:170px; width:280px; margin: -10px auto -5px auto; }

.top_movie a{ display:block; background:url('../image/move_banner.png') no-repeat;height:170px; width:280px; }
.top_movie a:hover{ display:block; background:url('../image/move_banner_on.png') no-repeat;height:170px; width:280px; }
.top_cero{ display:none;}


div.MainMenu{max-width:920px;height: auto;margin: 10px 0px 0px 0px;text-align:center;padding:1px 0px;}

.navi_btn img{padding-top:10px;}
.navi_btn {font-size:16px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;border:1.5px solid #242024;height:45px;
text-decoration:none;background:-moz-linear-gradient( center top, #d3bde6 5%, #6c5881 100% );background:-ms-linear-gradient( top, #d3bde6 5%, #6c5881 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3bde6', endColorstr='#6c5881');
background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #d3bde6), color-stop(100%, #6c5881) );
background-color:#d3bde6;color:#ffffff;display:inline-block;width:19%;/**/
text-shadow:1px 1px 0px #262626;-webkit-box-shadow:inset 1px 15px 5px 0px #e0d6e8;-moz-box-shadow:inset 1px 15px 5px 0px #e0d6e8;box-shadow:inset 1px 15px 5px 0px #e0d6e8;}
.navi_btn:hover {background:-moz-linear-gradient( center top, #6c5881 5%, #d3bde6 100% );background:-ms-linear-gradient( top, #6c5881 5%, #d3bde6 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c5881', endColorstr='#d3bde6');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #6c5881), color-stop(100%, #d3bde6) );background-color:#6c5881;}
.navi_btn:active {position:relative;top:1px;}



div.contents {padding:20px;margin:auto 0px 15px 0px;  }

div.Inner{display:table; width:96%; margin:5px auto;}
div.InnerL{display: table-cell; min-width:100px; height:auto; vertical-align:top;}


div.contents_2{text-align:center;}

.oder{width:412px; height:53px;  background:url('../image/oder_on.png') no-repeat ; margin:5px auto;}
.oder a{display:block;}
.oder a:hover{ background:none;}
.oder a:hover img{visibility:hidden;}

.MobileHidden{ display:none;}
div.M_Hidden{
	display:none;
}



/*TOP戻るボタン*/


.page_top {
	position:fixed;
	bottom:10px;
	right:10px;
	width:67px;
	height:67px;
	background: url('../image/up.png');
	opacity: 0.8;
}
.page_top:hover {}



/*タブレット専用　レイアウト*/
@media all and (min-width: 768px) {
.top_movie a{ display:block; background:url('../image/move_banner.png') no-repeat;height:170px; width:280px; }
.top_movie a:hover{ display:block; background:url('../image/move_banner_on.png') no-repeat;height:170px; width:280px; }
div.Inner_P{ display:table;}
div.Inner_P_Box{display: table-cell;vertical-align:top; white-space:nowrap;}
.Inner_P_Box img{}


.InnerL img{ max-width:120px; margin:5px;}

}

@media all and (max-width: 780px) {
.BreakPoint{display:block;}
.navi_btn {	width:40%; margin:0px; padding:0px 5px;}

div.Inner_P{ display:table;}
div.Inner_P_Box{display: table-cell;vertical-align:top; white-space:nowrap;font-size:13px; letter-spacing:-0.1em;}
.Inner_P_Box img{ display:none;}

.InnerL img{width:100px; margin:5px;}

}


@media all and (max-width: 480px) {
body{font-size:14px;}
.headcopy{position:relative; width:100%; padding-top:5px;}

div.Inner_P{ display:block; max-width:320px; margin:0 auto; letter-spacing:0.2em;}
div.Inner_P_Box{ display:block;}
.Inner_P_Box img{}


.MobileHidden{ display:none;}
.InnerL img{ max-width:100px; margin:0px;}
div.InnerL{display: block; width:100px; text-align:center; margin:5px auto;}
div.InnerR{display: block; width:auto; vertical-align:middle; padding:10px;}

}


/*PC専用　レイアウト*/
@media all and (min-width: 900px) {
.MobileHidden{ display: inline-block;}


.headcopy{position:relative; width:100%;}
div.top_movie{position:absolute;left: 5px; bottom:0px; float:none;}


.top_movie a{ display:block; background:url('../image/move_banner.png') no-repeat;height:170px; width:280px; }
.top_movie a:hover{ display:block; background:url('../image/move_banner_on.png') no-repeat;height:170px; width:280px; }

.top_cero{ display:block; position:absolute;left:286px;top:555px;}

.Radius{
   -moz-border-radius: 20px;/* 古いFirefox */
   -webkit-border-radius: 20px;/* 古いSafari,Chrome */
   border-radius: 20px;/* CSS3 */
   border: 0px #003922 solid; /* 枠線の装飾 */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background:#003922;
   color:#fff;
}

div.Inner_P{ display:table;}
div.Inner_P_Box{display: table-cell;vertical-align:top; white-space:nowrap;}
.Inner_P_Box img{}

div.Inner{ display:table; width:96%; margin:5px auto;}
div.InnerL{display: table-cell; max-width:180px; vertical-align:top;}
.InnerL img{ max-width:180px; margin:5px;}

}


#nav03{ width:95%; height:auto;}


/*アンケート*/

.AnkeTxt{width:90%; height:250px; display: block; margin:30px auto; border:0px;}
.Title{	margin:10px;}
.AnkeNenrei{width:200px;height:30px;font-size:25px;margin:10px auto;}
Q1.{display: inline-table;width:220px;height:100px;margin:10px;font-size:18px;}
input.radio + label {background: linear-gradient(#068250, #014d2e);border:1px #014d2e solid;}
input.radio:checked + label {background: linear-gradient(#fddb00, #b77600);border:1px #b77600 solid;}
.Q1{width:200px;height:60px;padding:15px 20px;font-size:18px;}
.Q3{width:200px;height:100px;padding:15px 20px;font-size:18px;}
.AnkeCheck{text-align:center;font-weight:bold;color:#fff;border-radius: 10px; -webkit-border-radius: 10px;   -moz-border-radius: 10px;   /* Firefox用 */  display: table-cell;vertical-align:middle;}
.AnkeBox p{display: inline-block;margin:5px;}
input.checkbox + label {background: linear-gradient(#068250, #014d2e);border:1px #014d2e solid;}
input.checkbox:checked + label {background: linear-gradient(#fddb00, #b77600);border:1px #b77600 solid;}
input.checkbox{display:none;}
.AnkeQ3{text-align:center;}
.AnkeSubmi{border:0px; background:url('../image/AnkeSub02.png')left top no-repeat;width:145px;height:146px;}
.AnkeSubmi:hover{border:0px; background:url('../image/AnkeSub01.png')left top no-repeat;}
.Anked{padding:10px; margin:10px; font-weight:bold; }
.AnkeBack a{ display:block; border:0px; background:url('../image/AnkeBack02.png')left top no-repeat;width:145px;height:146px;}
.AnkeBack a:hover{border:0px; background:url('../image/AnkeBack01.png')left top no-repeat;}