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

body{
	background-color:#FFF;
	background:url(../images/body_bg.jpg) repeat;
	color:#333333;
	margin:0;
	padding:0;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
	font-size:small;
	letter-spacing:0.1em;
	line-height:1.7em;
}

a:link{
	color:#333333;	
	text-decoration:underline;
}

a:visited {
	color:#333333;
	text-decoration:none;
}

a:active {
	color:#009EA0;
	text-decoration:none;
}

a:hover {
	color:#009EA0;
	text-decoration:underline;
}

img {
   border:0 !important;
   vertical-align:middle;
}


h1,h2,h3,h4,h5,h6,div,p,ul,li,dl,dt,dd{
	margin:0;
	padding:0;
}

/* ヘッダー */
header{
	background: url(../images/header_bg.jpg) repeat-x;
	height:52px;	
}

#header-in{
	width:960px;	
	margin:0 auto;
}

#header-in h1{
	padding:12px 0 0 0;
}

@media (max-width:640px){

#header-in{
	width:100%;	
}

#header-in h1{
	text-align:center;
}	

#header-in h1 img{
	width:100%;
	height:auto;
	max-width:166px;
}

}

/* コンテンツ */
#Wrapper{
	width:960px;
	margin:30px auto 0;
}

.main_visual{
	margin-bottom:30px;
}

.info_area{
	width:960px;
	padding-bottom:50px;
}

.info_txt img{
	float:left;
	margin-right:10px;
}

.info_txt dl{
	float:left;
	width:365px;
}

.info_txt dt,dd{
	margin-bottom:1em;
}

.info_movie{
	float:right;
}

#Wrapper h3{
	background:#000000;
	border:1px #CCCCCC solid;
	padding:12px 0 12px 20px;
	margin-bottom:20px;
}

.dvd_content{
	padding-bottom:30px;
}

.dvd_content p{
	width:50%;
	float:left;
}

.dvd_content p span{
	font-weight:bold;
	font-size:medium;
}

.howtobuy{
	width:960px;
	padding-bottom:1em;
}

.howtobuy ol{
	width:800px;
	float:left;
	margin:0;
	padding:0 0 0 2em;
}

.howtobuy li{
	margin-bottom:0.5em;
}

.howtobuy .icon_shipping{
	float:right;
}

.note{
	margin-bottom:30px;
}

.note ul{
	width:790px;
	margin-left:1em;	
}

.note li{
	list-style:none;
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:0.5em;
}

.cam_bnr{
	margin-bottom:30px;
}

.policy{
	font-size:large;
	font-weight:bold;
	margin-bottom:5px;
}

.policy_check{
	text-align:center;
	margin-bottom:10px;
}

.btn{
	text-align:center;
	margin-bottom:50px;
}

.btn_am{
	text-align:center;
	margin-bottom:7px;
}

.btn_note{
	text-align:center;
	margin-bottom:10px;
	font-size:x-small;
}

.contact{
	padding-bottom:15px;
}

.contact p{
	width:50%;
	float:left;
}

.totop{
	text-align:right;
	margin-bottom:10px;
}


@media (max-width:640px){

#Wrapper{
	width:96%;
	margin:5% auto 0;
}

.main_visual img{
	width:100%;
	height:auto;
}

.info_area{
	width:100%;
}

.info_txt img{
	float:left;
	margin-right:3%;
	width:20%;
	height:auto;
}

.info_txt dl{
	float:left;
	width:77%;
}

.info_txt dt,dd{
	margin-bottom:1em;
}

.info_movie{
	clear:both;
	float:none;
}

.info_movie img{
	width:100%;
	height:auto;
}

/* youtube埋め込み */
.youtube {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
	

#Wrapper h3{
	padding:12px 20px 12px 20px;
}

#Wrapper h3 img{
	width:70%;
	height:auto;
	max-width:326px;
}

.dvd_content{
	padding-bottom:20px;
}

.dvd_content p{
	width:100%;
	float:none;
	margin-bottom:10px;
}

.howtobuy{
	width:100%;
	padding-bottom:1em;
}

.howtobuy ol{
	width:90%;
	float:none;
	margin:0 0 20px 0;
	padding:0 0 0 2em;
}

.howtobuy .icon_shipping{
	float:none;
	width:100%;
	max-width:127px;
	height:auto;
	margin:0 auto;	
}

.howtobuy .icon_shipping img{
	width:100%;
	height:auto;
}

.note ul{
	width:95%;
	margin-left:1em;
	margin-top:-5em;	
}

.cam_bnr{
	margin-bottom:30px;
}

.cam_bnr img{
	width:100%;
	height:auto;
}

.btn{
	text-align:center;
	margin-bottom:50px;
}

.btn img{
	width:100%;
	height:auto;
	max-width:628px;
}

.btn_am{
	text-align:center;
	margin-bottom:7px;
}

.btn_am img{
	width:70%;
	height:auto;
	max-width:354px;
}

.btn_note{
	text-align:left;
	margin-bottom:10px;
	font-size:x-small;
}

.contact{
	padding-bottom:15px;
}

.contact p{
	width:100%;
	float:none;
	margin-bottom:1em;
}

.totop{
	text-align:right;
	margin-bottom:10px;
}

}



/* フッター */
#footer-nav{
	margin-top:100px;
	border-top:1px solid #C9C9C9;
	padding-top:20px;
	width:960px;
	padding-bottom:20px;
	margin:0 auto;
}

#footer-nav li{
	float:left;
	padding:0 10px;
	border-right:1px solid #CCC;
	list-style:none;
}

#footer-nav li#navend{
	border-right:none;	
}

#footer-nav .inner{
	margin:0 auto;
	width:960px;	
}

#footer-nav a:link{
	color:#333333;
	margin:0 10px;	
	text-decoration:none;
}

#footer-nav a:visited {
	color:#333333;
	text-decoration:none;
}

#footer-nav a:active {
	color:#009EA0;
	text-decoration:none;
}

#footer-nav a:hover {
	color:#009EA0;
	text-decoration:underline;
}


#sns{
	width:300px;
	height:22px;
	float:left;
}

#sns p{
	float:left;
	padding:0 0 0;
}

#twt{
	margin-right:20px;
}

#footer{
	color:#EEE;
	font-size:10px;
	padding:20px 0 40px;
	background-color:#000;	
}

#footer .inner{
	margin:0 auto;
	width:960px;	
}

#copy{
	float:right;
	font-size:smaller;
	font-family:Verdana, sans-serif;
	color:#FFF;
}

#footer-logo{
	float:right;	
}

@media (max-width:640px){

#footer-nav{
	width:100%;	
}

#footer-nav .inner{
	margin:0 auto;
	width:100%;
}
#footer-nav ul{
	width:100%;
}

#footer-nav a:link{
	margin:0 8px;	
}

#sns{
	width:300px;
	height:22px;
	float:none !important;
}


#footer{
	padding:20px 0 30px;
	font-size:9px;
}

#footer .inner{
	margin:0 auto;
	width:90%;	
}

#copy{
	clear:both;
	float:none !important;
	position:relative;
	top:15px;
	left:0;
	font-size:9px;
}

#footer-logo{
	float:none;

}

}


/* 共通 */
.alignRight{text-align:right;}
.alignCenter{text-align:center;}
.mb5{margin-bottom:5px;}
.mb6{margin-bottom:6px;}
.mb7{margin-bottom:7px;}
.mb8{margin-bottom:8px;}
.mb9{margin-bottom:9px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}

.clearfix:after {
	content: ".";  /* Vvf */
	display: block;  /* ubNxvf */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* 特定商取引に関する表示 */
#tokusyo{
	width:960px;
	margin:30px auto 0;
}

#tokusyo h2{
	font-size:x-large;
	margin-bottom:0.5em;
	
}

#tokusyo h3{
	font-size:large;
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:7px;
	border-bottom:1px dotted #000000;
}

@media (max-width:640px){

#tokusyo{
	width:98%;
	margin:30px auto 0;
}

}