@charset "utf-8";

/* 基本設定 ---------------------------------------------*/

* {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
list-style: none;
}

body{
text-align: center;
font-size: 75%;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
line-height: 1.5;
color: #666;
background:#f4f4f4 url(images/bodyBg.jpg) top left repeat-x;
}

.h{
display:none;
}

img{
border:none;
vertical-align:top;
}

a{
color: #6699ff;
text-decoration:none;
}

a:hover{
color: #ff7000;
text-decoration:underline;
}
a.noUnderLine:hover{text-decoration:none;}

.mb20{
	margin-bottom:20px;
}

.mb30{
	margin-bottom:30px;
}

.mt10{
	margin-top:10px;
}

.mt20{
	margin-top:20px;
}

.mt30{
	margin-top:30px;
}






/* ヘッダレイアウト ---------------------------------------------*/

#wrapper{
	width:968px;
	margin:0 auto;
	text-align:left;
}

#header-upper{
	color:#FFF;
	height:30px;
	font-size:12px;
	background:url(images/upperBg.jpg) top left no-repeat;
}

#header-upper p#shopName{
	padding-top:5px;
	padding-left:4px;
	float:left;
	width:480px !important;
	width /**/:484px;
}

#header-upper ul#methodNavi{
	padding-top:5px;
	float:right;
	width:484px;
	text-align:right;
}

#header-upper ul#methodNavi li{
	display:inline;
	}
	
#header-upper ul#methodNavi li a{
	padding:0 10px;
	border-left:1px solid #FFF;
	color:#FFF;
	}
	
#header-upper ul#methodNavi li a.borderNone{
	border-left:none;
	}

#header{
	clear:both;
	height:138px;
	background:url(images/middleBg.jpg) top left no-repeat;
	position:relative;
}

#header #logo{
	float:left;
	width:296px !important;
	width /**/:300px;
	padding-top:9px;
	padding-left:4px;
}

#header #logo a{
	display:block;
	overflow:hidden;
	padding-top:109px;
	background:url(images/logo.png) top left no-repeat;
	height:0 !important;
	height /**/:109px;
	width:214px;
}

#header #catch{
	float:right;
	width:664px !important;
	width /**/:668px;
	padding-top:9px;
	padding-right:4px;
	text-align:right;
}

#header #catch #cart{
	width:120px;
	margin:12px 0 0 540px;
}

#header #catch #cart a{
	display:block;
	overflow:hidden;
	background:url(images/cartButton.png) top left no-repeat;
	padding-top:28px;
	height:0 !important;
	height /**/:28px;
	width:100%;
}

#header #catch #cart a:hover{
	background-position: top right;
}

.homeBackBtn{ display:inline-block; position:absolute; top:48px; left:240px; padding:0 1rem; width:70px; height:70px; border-radius:50%; color:#fff; font-weight:bold; box-sizing:border-box;
background: rgba(80,143,201,0.8); line-height:70px; border:1px solid #fff; text-align:center;
}

.homeBackBtn:hover{ text-decoration:none; color:#fff; opacity:0.8;}


/* ナビ ---------------------------------------------*/
ul#navi{
	margin:0;
	padding:0;
}

ul#navi li{
	float:left;
	width:192px;
	position:relative;
}

ul#navi li a{
	display:block;
	overflow:hidden;
	padding-top:55px;
	height:0;
	background-image:url(images/navi.png);
}

ul#navi li a#marching{
	background-position:0 0;
}

ul#navi li a#marching:hover{
	background-position:0 -55px;
}

ul#navi li a#windmusic{
	background-position:-192px 0;
}

ul#navi li a#windmusic:hover{
	background-position:-192px -55px;
}

ul#navi li a#training{
	background-position:-384px 0;
}

ul#navi li a#training:hover{
	background-position:-384px -55px;
}

ul#navi li a#freemusic{
	background-position:-576px 0;
}

ul#navi li a#freemusic:hover{
	background-position:-576px -55px;
}

ul#navi li a#freemusic{
	background-position:-576px 0;
}

ul#navi li a#freemusic:hover{
	background-position:-576px -55px;
}

ul#navi li a#book{
	background-position:-768px 0;
}

ul#navi li a#book:hover{
	background-position:-768px -55px;
}


ul#navi li > ul{ position:absolute; top:55px; left:0; display:none; line-height:1; border-bottom:1px solid #d0d0d0;}
ul#navi li > ul li{ float:none; position:static; height:auto; border:1px solid #d0d0d0; width:190px;}
ul#navi li > ul li a{ display:block; text-align: center;
	overflow:auto;
	padding:20px 0 20px;
	height:auto;
	background:rgba(255,255,255,0.95);
	color:#333;
}
ul#navi li > ul li a:hover{ 
	background:rgba(239,239,239,0.95);
	text-decoration: none;
}




/* コンテンツレイアウト ---------------------------------------------*/

#contentWrapper{
	width:100%;
	clear:both;
	background:url(images/contentBg.png) top left repeat-y;
	padding-bottom:40px;
	overflow:hidden;
}

#contentWrapper #baseContent{
	width:960px;
	margin:0 4px;
}


/* 検索 ---------------------------------------------*/

#searchWrapper{
	clear:both;
	background:url(images/naviBottom.png) left top no-repeat;
	padding-top:50px;
}

#search{
	background:url(images/serchBg.jpg) bottom left no-repeat;
	width:940px;
	margin:0 auto;
}

#searchUp{
	background:url(images/serchBgUp.jpg) left top no-repeat;
	padding:10px 0;
	text-align:center;
}


/* 3段組み ---------------------------------------------*/

#secondary{
	float:left;
	width:180px;
	padding-top:20px;
}

#primary{
	 float:left;
	 width:600px;
	 padding-top:20px;
}

#thirdly{
	float:right;
	width:180px;
	padding-top:20px;
}


#primary .itemArea{
	margin:0 20px 40px;
	clear:both;
}

#primary .itemArea ul#new{
	margin:20px 5px 0;
}

#primary .itemArea ul#new li{
	margin-bottom:10px;
}


#primary .itemArea ul#itemList{
	margin:20px 0 0;
}

#primary .itemArea ul#itemList li{
	float:left;
	width:140px;
	text-align:center;
	margin:0 0 20px;
}

#primary .itemArea ul#itemList li p{
	margin-top:10px;
}


#primary .itemArea ul.itemList{
	margin:20px 0 0;
}

#primary .itemArea ul.itemList li{
	float:left;
	width:140px;
	text-align:center;
	margin:0 0 20px;
}

#primary .itemArea ul.itemList li p{
	margin-top:10px;
}

h2.defaultTitle{
background:url(images/nextPrimaryTitle.png) left top no-repeat;
height:24px;
width:560px;
margin:0;
padding:2px 0 0 35px;
font-size:14px;
font-weight:bold;
color:#FFF;
letter-spacing:1.2px; box-sizing:border-box;
}




#nextPrimary{
width:780px;
float:right;
}

#nextPrimary h2{
background:url(images/nextPrimaryTitle.png) left top no-repeat;
height:24px;
width:740px;
margin:20px 20px 20px;
padding:2px 0 0 35px;
font-size:14px;
font-weight:bold;
color:#FFF;
letter-spacing:1.2px;
}

#nextPrimary  ul#itemList{
	margin:20px 40px 0;
}

#nextPrimary  ul#itemList li{
	float:left;
	width:140px;
	text-align:center;
	margin:0 0 20px;
}


#nextPrimary  ul.itemList{
	margin:20px 40px 0;
}

#nextPrimary  ul.itemList li{
	float:left;
	width:140px;
	text-align:center;
	margin:0 0 20px;
}


#nextPrimary .searchArea{
	margin:0 20px 40px;
}


#nextPage{
width:780px;
float:right;
}

#nextPage h2{
background:url(images/nextPageTitle.png) left top no-repeat;
height:24px;
width:740px;
margin:20px 20px 20px;
padding:2px 0 0 35px;
font-size:14px;
font-weight:bold;
color:#FFF;
letter-spacing:1.2px;
}


#nextPage .pageContent{
	margin:20px 30px 0;
	}

#nextPage .pageContent p{
	margin:0 0 20px;
	}

#nextPage .pageContent table {
	font-size: 1.2em;
	color: #454545;
	background-color: #cac9c9;
	width:100%;
}

#nextPage .pageContent tr {
	background-color: #fff;
}

#nextPage .pageContent tr.header {
	background-color: #F7F7F7;
}

#nextPage .pageContent tr.odd {
	background-color: #fff;
}

#nextPage .pageContent tr.even {
	background-color: #F7F7F7;
}


#nextPage .pageContent td {
	padding: 10px 10px 20px 10px;
	border: solid 1px #fff;
	vertical-align:top;
}

#nextPage .pageContent td.leftSide {
width:20%;
background-color: #F7F7F7;
}


#otherDvd{
	clear:both;
	padding:60px 0 20px 0;
	text-align:center;
　width:100%;
}

#otherDvd a{
display:block;
overflow:hidden;
width:308px;
height:0 !important;
height /**/:50px;
padding-top:50px;
background:url(images/otherDvdButton.png) left top no-repeat;
margin:0 auto;
}

#otherDvd a:hover{
background:url(images/otherDvdButton.png) right top no-repeat;
}

#pageNaviArea{
	clear:both;
	padding:60px 0 0 40px;
}
	





.sidebox{
	margin-bottom:20px;
}

.sideContent{
	background:url(images/sideBoxBg.jpg) left bottom no-repeat;
	padding:0 0 30px;
	margin-bottom:20px;
}

.sideContent ul{
	margin:10px 10px 0 20px;
}

.sideContent ul li{
	padding-top:10px;
	list-style:disc;
	list-style-position:outside;
}

.sideContent ul li ul{
	margin:10px 0 0 0;
}

.sideContent ul li ul li{
	padding-top:10px;
	list-style:circle;
	list-style-position:outside;
}


#secondary .thumimg img{
	width:100px;
	height:140px;
	margin:0 0 10px 0;
}

#secondary .thumtitle{
	font-size:93%;
	line-height:1.2;
}


#secondary .sidebox h3{
	background:url(images/leftSideTitle.png) left top no-repeat;
	height:22px !important;
	height /**/:24px;
	color:#FFF;
	padding:2px 0 0 35px;
	font-size:14px;
	font-weight:bold;
}

#thirdly .sideContent img{
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
}

#thirdly .sideContent .besttext{
	width:140px;
	font-size:93%;
	line-height:1.2;
}

#thirdly .sidebox h3{
	background:url(images/rightSideTitle.png) left top no-repeat;
	height:22px !important;
	height /**/:24px;
	color:#FFF;
	padding:2px 0 0 35px;
	font-size:14px;
	font-weight:bold;
}


#secondary #wedget h2{
	background:url(images/leftSideTitle.jpg) left top no-repeat;
	height:22px !important;
	height /**/:24px;
	color:#FFF;
	padding:2px 0 0 35px;
	font-size:14px;
	font-weight:bold;
}




#thirdly #wedget h2{
	background:url(images/rightSideTitle.jpg) left top no-repeat;
	height:22px !important;
	height /**/:24px;
	color:#FFF;
	padding:2px 0 0 35px;
	font-size:14px;
	font-weight:bold;
}



#cartPage{
width:100%;
padding-top:20px;
margin:0 20px 40px;
}


/* フッタレイアウト ---------------------------------------------*/

#footer{
	clear:both;
	background:#454545;
	font-size:12px;
	color:#FFF;
	padding:10px 0 40px;
	width:960px;
	margin:0 auto;
}

#footer p#copyright{
	float:right;
	width:40%;
}

#footer ul#officeNavi{
	float:left;
	width:55%;
	text-align:right;
}

#footer ul#officeNavi li{
	display:inline;
	
}

#footer ul#officeNavi li a{
	padding:0 10px;
	border-left:1px solid #FFF;
	color:#FFF;
	}

#footer ul#officeNavi li a.borderNone{
	border-left:none;
	}

#nextContentWrapper{
float:right;
width:780px;
}

#nextContent{
padding:20px 40px;
}




#clinicOffer1{
margin:20px 0 40px;
text-align:center;
width:100%;
}

#clinicOffer1 a{
display:block;
width:308px;
padding-top:50px;
height:0 !important;
height /**/:50px;
background:url(img/clinic/clinic0fferBtn1.png) left top no-repeat;
overflow:hidden;
margin:0 auto;
}

#clinicOffer1 a:hover{
background:url(img/clinic/clinic0fferBtn1.png) right top no-repeat;
}

#clinicOffer2{
margin:20px 0 40px;
text-align:center;
width:100%;
}

#clinicOffer2 a{
display:block;
width:308px;
padding-top:50px;
height:0 !important;
height /**/:50px;
background:url(img/clinic/clinic0fferBtn2.png) left top no-repeat;
overflow:hidden;
margin:0 auto;
}

#clinicOffer2 a:hover{
background:url(img/clinic/clinic0fferBtn2.png) right top no-repeat;
}

#clinicOffer3{
margin:20px 0 40px;
text-align:center;
width:100%;
}

#clinicOffer3 a{
display:block;
width:308px;
padding-top:50px;
height:0 !important;
height /**/:50px;
background:url(img/clinic/clinic0fferBtn3.png) left top no-repeat;
overflow:hidden;
margin:0 auto;
}

#clinicOffer3 a:hover{
background:url(img/clinic/clinic0fferBtn3.png) right top no-repeat;
}




#customBuy{
margin:40px 0;
text-align:center;
width:100%;
}

#customBuy a{
display:block;
width:308px;
padding-top:50px;
height:0 !important;
height /**/:50px;
background:url(images/customBuyButton.png) left top no-repeat;
overflow:hidden;
margin:0 auto;
}

#customBuy a:hover{
background:url(images/customBuyButton.png) right top no-repeat;
}

#stngvideo{
width:550px;
height:50px;
position:relative;
background:url(img/startingBg.jpg) 0 0 no-repeat;
margin-top:2px;
}

#stngd{
position:absolute;
top:16px;
left:300px;
}

#stngb{
position:absolute;
top:16px;
left:415px;
}


table#itemtext th{
vertical-align:top;
width:10%;
padding:0 0 10px;
text-align:center;
}

table#itemtext td{
padding:0 0 10px;
}

table#itemtext td span{
color:#666; font-size:80%;
}

dl.itemListDl dt{ background:#fff8d9; color:#333; padding:5px 10px; margin-bottom:10px; font-size:120%; box-sizing:border-box;border:1px solid #ffd033;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
dl.itemListDl dd{ padding:5px 10px; margin-bottom:20px; font-size:120%; line-height:1.7;box-sizing:border-box;}
#itempage dl.itemListDl dd table{ width:100%; margin-left: 0; border-top:1px solid #ddd; border-left:1px solid #ddd;}
#itempage dl.itemListDl dd table th{ text-align: left; width:20%; vertical-align: top; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:5px 10px;box-sizing:border-box;}
#itempage dl.itemListDl dd table td{ text-align: left; width:30%; vertical-align: top; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:5px 10px;box-sizing:border-box;}

#clinic-header-upper{
	color:#FFF;
	height:30px;
	font-size:12px;
	background:url() top left no-repeat;
	line-height: 27px;
}

#clinic-header{
	clear:both;
	height:60px;
	background:url() top left no-repeat;
	position:relative;
}

#shikihouClinicWrapper{ padding:0 20px;}
#shikihouClinicImage{ margin-bottom:20px;}
#shikihouClinicImage img{ width:740px; height:100%;}

#shikihouClinicText{ font-size:120%; margin-bottom:20px; padding:20px 20px 0; border:1px solid #bbb;}
#shikihouClinicText h3{ font-weight: bold; margin: 40px 0 20px 0;}
#shikihouClinicText p{ margin-bottom:20px;}

.twoColumnPrimary{ width:50%; float:left; padding-right: 10px;box-sizing:border-box;}
.twoColumnSecondary{ width:50%; float:left; padding-left: 10px;box-sizing:border-box;}

dl.shikihouDetailList dt{background:#fff8d9; color:#333; padding:5px 10px; margin-bottom:10px; font-size:120%; box-sizing:border-box;border:1px solid #ffd033;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.clinicPrice{ font-size:180%;}

dl.shikihouDetailList dd{ margin-bottom:20px; color:#000000; font-size:120%; padding:5px 10px; box-sizing:border-box;}
dl.shikihouDetailList dd span{ font-size:150%;}

#shikihouDetailTable{ width:100%;}
#shikihouDetailTable th{ width:25%;box-sizing:border-box;}
#shikihouDetailTable td{ width:25%;box-sizing:border-box; padding-right:5px;}

.shikihouPriceTable{ width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; margin:10px 0 20px;}
.shikihouPriceTable th{ width:15%;box-sizing:border-box;padding:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align: center;}
.shikihouPriceTable td{ width:35%;box-sizing:border-box; padding:10px 20px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}

.numAttention{ font-size: 240%; color:#ff0000; display:inline-block; margin-right:5px;}


.clinicBuy{
margin:20px 0 40px;
text-align:center;
width:100%;
}

.clinicBuy a{
display:block;
width:308px;
padding-top:50px;
height:0 !important;
height /**/:50px;
background:url(images/customBuyButton.png) left top no-repeat;
overflow:hidden;
margin:0 auto;
}

.clinicBuy a:hover{
background:url(images/customBuyButton.png) right top no-repeat;
}

.shikihouOfferFormTable{ width:100%; border-top:2px solid #ddd; border-left:2px solid #ddd; margin:10px 0 20px;}
.shikihouOfferFormTable th{ width:30%; border-right:2px solid #ddd; border-bottom:2px solid #ddd; box-sizing:border-box; padding:10px 20px;}
#nextPage .shikihouOfferFormTable td{ width:70%; border-right:2px solid #ddd; border-bottom:2px solid #ddd; box-sizing:border-box; padding:10px 20px;}
#nextPage .shikihouOfferFormTable td input.short{ border:1px solid #ddd; background:#eee; width:20%; padding:10px;}
#nextPage .shikihouOfferFormTable td input.normal{ border:1px solid #ddd; background:#eee; width:50%; padding:10px;}
#nextPage .shikihouOfferFormTable td input.long{ border:1px solid #ddd; background:#eee; width:90%; padding:10px;}
#nextPage .shikihouOfferFormTable td textarea.frase{ border:1px solid #ddd; background:#eee; width:90%; padding:10px; height:20em;}
#nextPage .shikihouOfferFormTable td textarea.frase--s{ border:1px solid #ddd; background:#eee; width:90%; padding:10px; height:4em;}
#nextPage .shikihouOfferFormTable td span.exText{ font-size:90%; display:block; margin-bottom:10px;}

#nextPage .shikihouPagareTable{ width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; margin:10px 0 0;}
#nextPage .shikihouPagareTable th{ width:50%;box-sizing:border-box;padding:10px 20px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align: left;}
#nextPage .shikihouPagareTable td{ width:50%;box-sizing:border-box; padding:10px 20px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align: right;vertical-align:middle;}

.wpcf7-response-output{ background:#398f14 !important; color:#fff !important; font-size:120%;}
.wpcf7-submit{padding:10px 40px; color:#fff; background:#000; border:none; cursor: pointer;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.wpcf7-submit:hover{ background:#333;}
.skuquantity{padding:5px 5px; margin:0 0 0 5px;}
input#s{ height:24px;}
input#submit{ padding:5px 10px; color:#333; background:#fff; border:none; cursor: pointer; border:1px solid #d0d0d0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}

ul.ucart_login_body li{ list-style-type: none; }
#loginmailw{ margin:5px 0 10px; padding:2px 0;}
#loginpassw { margin:5px 0 10px; padding:2px 0;}
#member_loginw{padding:5px 20px;}


#shikihouClinicVol2 ul li{ float:left; width:240px; margin-bottom:10px;}
#shikihouClinicVol2 ul li:nth-child(3n+2){ margin:0 10px 10px;}
#shikihouClinicVol2 ul li:hover{ opacity:0.75;}


ul#movieList{ margin:0 10px 0;}
ul#movieList li{list-style:none;}
#thirdly .sideContent img.moviePackage{margin:0 0 10px;}


.borderBox{ margin:20px 0 30px 210px; border: 1px solid #ccc; padding:1rem;}
#itempage .borderBox > ul{ margin:1rem 0 0;}
#itempage .borderBox > p{ margin:0;}


.wpcf7-checkbox span{ display:inline-block;}
.wpcf7-list-item-label{margin-right:1rem; padding-right:0;}


.detailPhotosWrapper{ margin:20px 0 30px 210px;}
.detailPhotosWrapper img{ width:245px; height:auto;}
.detailPhotosWrapper img.sizeL{ width:490px; height:auto;}
#itempage .detailPhotosWrapper p{ margin:10px 0;}

.returnedWrapper{ background:#efefef; padding:1rem;  display:block; margin:0 0 40px 210px; width:460px; font-size:14px;}
#itempage .returnedWrapper p{ margin:0 0 20px;}
#itempage .returnedWrapper h4{ margin:0 0 20px;}

.infoOfficeWrapper{ background:#fff; padding:1rem 1rem 0.1rem;}

#itempage p span.ng{ display:inline-block; margin:0 0 0.5rem 1rem; color:#ff0000;}


.checkmarkIcon{ display:inline-block; margin:0 0 1rem 3rem;}
.bgBox{ border:1px solid #ccc; padding:1rem; display:inline-block; margin:1rem 0;}


.submit{ margin:1rem auto;}
input[type=button]{ padding:0.5rem 1rem;}
input[type=submit]{ padding:0.5rem 1rem;}


.bold{ font-weight:bold;}
.red{ color:#ff0000;}

#cart #point_table{ width:calc(50% - 1rem)!important; margin:0 1rem 1rem 0!important}
#cart #coupon_table{ width:calc(50% - 40px)!important; margin:0 0 1rem!important}
#cart #coupon_table.cp_fr{ float:none;}

#cart #coupon_table input[type=submit]{ margin:0 0.5rem;}

input[type=text]{ padding:0.5rem!important;}
input[type=password]{ padding:0.5rem!important;}
input[type=text]#s{ padding:0 0.5rem!important;}
select{ padding:0 0.5rem!important;}

div.header_explanation{padding-top:0!important;padding-bottom:0!important;}