#mainContents {
    padding: 0 !important;
}
#mainContents h3{
	line-height:1;
	font-weight:bold;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	background-color:#ffaf00;
}
#tab{
    margin:0 0 30px;
    height:60px;
    border-bottom:1px solid #c9c9c9;
}
#tab li{
    float:left;
}
.catch {
	font-weight: bold;
}
.priceWrap {
	clear: both;
}
#option.priceWrap{
	margin:0;
}
.bold{
	font-weight:bold;
}
.btn a {
	display: block;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	background-color: #ffaf00;
}
.btn a:hover {
	background-color: #807FBB;
}
#mainContents h4{
    font-weight:bold;
}
#mainContents h5.set_ttl{
	font-weight:bold;
}

.priceData {
    width: 100%;
}
.priceData th {
    color: #754C24;
    font-weight: bold;
    background-color: #fdf5e6;
    border: 1px solid #c9c9c9;
}
.priceData td {
    border: 1px solid #c9c9c9;
}
.priceData td strong{
    font-weight:bold;
}
.price{
    font-weight:bold;
}
#movie iframe{
    width:100%;
    height:100%;
}
.movieWrap{
	clear:both;
}
.movie{
	border:1px solid #c9c9c9;
}
.movie iframe{
	margin:0 auto;
}
.movie p{
	line-height:1;
	text-align:center;
}
#howtoBox{
    border-bottom:1px solid #c9c9c9;
}
.attention {
    color: #c30d23;
    font-size: 12px;
    margin: 20px 0;
    text-align: right;
}
.relationLink {
    background-color: #f2f2f2;
    border-top: 1px solid #c9c9c9;
}
.relationLink ul li a {
    background-color: #ffaf00;
    color: #fff;
    display: block;
    font-weight: bold;
    text-decoration: none;
}
.relationLink ul li a:hover {
    background-color: #807fbb;
}
#content04 .priceData {
    margin-bottom: 0;
}
#mainContents h5.nowTitle table{
    width:100%;
    border-bottom:5px solid #ffaf00;
}
#mainContents h5.nowTitle th{
    color:#808080;
    font-weight:bold;
}
.nowBox{
    display:none;
    border-left:1px solid #c9c9c9;
    border-right:1px solid #c9c9c9;
    text-align:center;
}
#content03 {
    margin: 0 0 20px;
}

@media screen and (max-width: 640px) {
#contentsWrapper {
    padding: 15px 10px 1px;
}
#sideMenu {
	display: none;
}
#tab li a{
    display:block;
    background:no-repeat url(../../price/img/tub_price_01_sp_off.gif);
    background-size:contain;
    text-indent:-999em;
}
#tab li a.active,#tab li a:hover{
    background:no-repeat url(../../price/img/tub_price_01_sp_on.gif);
    background-size:contain;
}
#tab li+li a{
    background:no-repeat url(../../price/img/tub_price_02_sp_off.gif);
    background-size:contain;
}
#tab li+li a.active,#tab li+li a:hover{
    background:no-repeat url(../../price/img/tub_price_02_sp_on.gif);
    background-size:contain;
}
#tab li+li+li a{
    background:no-repeat url(../../price/img/tub_price_03_sp_off.gif);
    background-size:contain;
}
#tab li+li+li a.active,#tab li+li+li a:hover{
    background:no-repeat url(../../price/img/tub_price_03_sp_on.gif);
    background-size:contain;
}
#tab li+li+li+li a{
    background:no-repeat url(../../price/img/tub_price_04_sp_off.gif);
    background-size:contain;
}
#tab li+li+li+li a.active,#tab li+li+li+li a:hover{
    background:no-repeat url(../../price/img/tub_price_04_sp_on.gif);
    background-size:contain;
}
#tab{
    margin:0 0 40px;
    height:74px;
}
#tab li a{
    width:70px;
    height:75px;
}
.catch {
	margin: 0 0 15px;
	font-size: 14px;
}
.priceTxt {
	margin: 0 0 25px;
}
.priceWrap {
	margin: 0 0 25px;
}
.priceBox{
	margin-bottom:45px;
}
.priceImg {
	margin:0 auto 10px;
	width: 160px;
}
#option{
	padding:25px 0 0;
	border-top:1px solid #c9c9c9;
}
.btn {
	padding: 5px 0 0;
}
.btn a {
	padding: 12px 0 10px;
	font-size: 13px;
}
.setImg{
    margin:0 auto 10px;
    width:220px;
}
.setImg2{
    margin:0 auto 30px;
    width:160px;
}
.setImg3{
    margin:0 auto 10px;
    width:100%;
}
.setImg4{
    margin:0 auto 10px;
    width:90%;
}
.exampleImg{
    margin:0 auto 30px;
    width:280px;
}
#mainContents h3{
	margin:10px 0;
	padding:9px 0 7px;
	font-size:14px;
}
#mainContents h4{
    margin:0 0 10px;
    font-size:15px;
}
#mainContents h5.set_ttl{
    margin:0 0 6px;
    font-size:12px;
}
.setTable .priceData {
    margin: 0 0 24px;
}
.priceData {
    margin: 0 0 12px;
}
.priceData th {
    padding: 5px 0 5px 5px;
    width:70px;
}
.priceData td {
    padding: 8px;
}
.price{
    font-size:15px;
}
.relationLink {
    padding: 10px;
}
.relationLink ul {
    margin: 0 auto;
    width: 100%
}
.relationLink ul li {
    text-align: center;
}
.relationLink ul li:first-child {
    margin-bottom: 8px;
}
.relationLink ul li a {
    font-size: 15px;
    line-height: 40px;
    height: 40px;
    width: 100%;
}
#movie{
    margin:0 auto 40px;
    width:270px;
    height:152px;
}
.movieWrap{
	padding:0 0 15px;
}
.movie{
	margin:0 0 10px;
	padding:5px;
}
.movie iframe{
	width:270px;
	height:155px;
}
.movie p{
	padding:5px 0 0;
}
#howtoBox{
    margin:0;
}
#howtoBox .1stImg{
    width:250px;
}
.usageImage {
    margin: 0 0 25px;
}
.usageImage li {
    border: 1px dotted #c9c9c9;
    padding: 5px 5px 30px;
    position: relative;
    height: 145px;
    width: 268px;
}
.usageImage li:first-child {
    margin-bottom: 15px;
}
.usageImage li p {
    font-size: 100%;
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.opAtt {
    margin: 6px 0 24px;
}
.nowBox{
    padding:20px 0;
}
.duble{
    margin:0;
}
}
@media print, screen and (min-width: 641px) {

}
@media screen and (min-width: 641px) and (max-width: 959px) {
#contentsWrapper {
    padding: 22.8px 22.8px 1px;
}
#tab{
    margin:0 0 31.16px;
    height:45px;
}
#tab li a{
    width:118.25px;
    height:46px;
}
#tab li {
    margin-left: 8px;
}
#tab li:first-child {
    margin: 0;
}
.catch {
	margin: 0 0 15.2px;
	font-size: 12.94px;
}
.priceTxt {
	margin: 0 0 30.4px;
}
.priceWrap {
	margin: 0 0 38px;
}
.priceImg {
	width: 209px;
}
#option{
	margin:-7.6px 0 0 ;
	padding:30.4px 0 0;
}
.btn {
	padding: 7.6px 0 0;
}
.btn a {
	padding: 9.88px 0 8.36px;
	width: 152px;
	font-size: 12.16px;
}
.setImg{
    margin:0 auto 8px;
    width:280px;
}
.setImg2{
    margin:0 auto 38px;
    width:160px;
}
.setImg3{
    margin:0px auto 10px;
    width:100%;
}
.setImg4{
    margin:0px auto 10px;
    width:380px;
}
.exampleImg{
    margin:0 auto 38px;
    width:361px;
}
#mainContents h3{
    font-size: 10.64px;
    margin: 15.2px 0;
    padding: 6.84px 0 5.32px;
}
#content04 .setImg{
    width:320px;
}
#mainContents h4{
    margin:0 0 11.4px;
    font-size:14.44px;
}
#mainContents h5.set_ttl{
    margin:0 0 6px;
    font-size:12px;
}
.priceBox{
	margin-bottom:55px;
}
.setTable .priceData {
    margin: 0 0 30px;
}
.priceData {
    margin: 0 0 15px;
}
.priceData th {
    padding: 3.8px 0 3.8px 15.2px;
    width:98.8px;
}
.priceData td {
    padding: 3.8px 0 3.8px 15.2px;
}
.price{
    font-size:14.44px;
}
.relationLink {
    padding: 15px 22.8px;
}
.relationLink ul {
    overflow: hidden;
    margin: 0 auto;
    width: 100%
}
.relationLink ul li {
    float: left;
    text-align: center;
}
.relationLink ul li:first-child {
    margin-right: 10px;
}
.relationLink ul li a {
    font-size: 12.16px;
    line-height: 31px;
    height: 31px;
    width: 243px;
}
#movie{
    margin:0 auto 30.4px;
    width:486px;
    height:274px;
}
.movieWrap{
	padding:0 0 7.6px;
}
.movie{
	margin:0 0 7.6px;
	padding:7.6px;
}
.movie iframe{
	width:481.84px;
	height:288.04px;
}
.movie p{
	padding:7.6px 0 0;
	font-size:10.64px;
}
#howtoBox{
    margin:0 0 45.6px;
}
.usageImage {
    margin: 0 0 50px;
    overflow: hidden;
}
.usageImage li {
    border: 1px dotted #c9c9c9;
    float: left;
    padding: 5px 5px 30px;
    position: relative;
    height: 150px;
    width: 231px;
}
.usageImage li:first-child {
    margin-right: 10px;
}
.usageImage li p {
    font-size: 100%;
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.opAtt {
    margin: 0 0 20px;
}
#mainContents h5.nowTitle {
    cursor: pointer;
    border: 1px solid #c9c9c9;
    background: no-repeat url(../../price/img/icon_set_arrow_open.png);
    background-size: 7.6px 4.56px;
    background-position: 474.24px center;
    font-size:14.44px;
    font-weight:bold;
}
#mainContents h5.nowTitle.open {
    background: no-repeat url(../../price/img/icon_set_arrow_close.png);
    background-size: 7.6px 4.56px;
    background-position: 474.24px center;
}
#mainContents h5.nowTitle table{
    width:100%;
    height:57px;
}
#mainContents h5.nowTitle td{
    padding:0 15.2px 0 0;
}
#mainContents h5.nowTitle th{
    width:68.4px;
    padding:0 0 0 15.2px;
}
.nowBox{
    padding:15.2px;
}
}
@media print, screen and (min-width: 960px) {
#contentsWrapper {
    padding: 30px 30px 1px;
}
#tab{
    margin:0 0 41px;
    height:60px;
}
#tab li {
    margin-left: 10px;
    width:156px;
    height:61px;
}
#tab li:first-child {
    margin: 0;
}
#tab li a{
    width:156px;
    height:61px;
}
.catch {
	margin: 0 0 20px;
	font-size: 17px;
}
.priceTxt {
	margin: 0 0 40px;
}
.priceWrap {
	margin: 0 0 50px;
}
.priceImg {
	width: 275px;
}
#option{
	margin:-10px 0 0 ;
	padding:40px 0 0;
}
.btn {
	padding: 10px 0 0;
}
.btn a {
	padding: 13px 0 11px;
	width: 200px;
	font-size: 16px;
}
.setImg{
    margin:0 auto 10px;
    width:280px;
}
.setImg2{
    margin:0 auto 10px;
    width:160px;
}
.setImg3{
    margin:0 auto 20px;
    width:645px;
}
.setImg4{
    margin:0 auto 20px;
    width:450px;
}
.exampleImg{
    margin:0 auto 50px;
    width:475px;
}
#mainContents h3{
	margin:0 0 20px;
	padding:9px 0 7px;
	font-size:14px;
	margin:20px 0;
}
#content04 .setImg{
    margin:0 auto 20px;
    width:320px;
}
#mainContents h4{
    margin:0 0 20px;
    font-size:19px;
}
#mainContents h5.set_ttl{
    margin:0 0 10px;
    font-size:15px;
}
#movie{
    margin:0 auto 40px;
    width:640px;
    height:360px;
}
.movieWrap{
	padding:0 0 10px;
}
.movie{
	margin:0 0 10px;
	padding:10px;
}
.movie iframe{
	width:634px;
	height:379px;
}
.movie p{
	padding:10px 0 0;
	font-size:14px;
}
#howtoBox{
    margin:0 0 60px;
}
.priceData {
    margin: 0 0 20px;
}

.setTable .priceData {
    margin: 0 0 40px;
}
.priceBox{
    margin: 0 0 60px;
}
.priceData th {
    padding: 5px 0 5px 20px;
    width:130px;
	height:auto;
	background-color: #fdf5e6;
}
.priceData td {
    padding: 5px 0 5px 20px;
}
.price{
    font-size:19px;
}
.relationLink {
    padding: 18px 30px;
}
.relationLink ul {
    margin: 0 auto;
    overflow: hidden;
    width: 100%
}
.relationLink ul li {
    float: left;
    text-align: center;
}
.relationLink ul li:first-child {
    margin-right: 18px;
}
.relationLink ul li a {
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    width: 318px;
}
.usageImage {
    margin: 0 0 50px;
    overflow: hidden;
}
.usageImage li {
    border: 1px dotted #c9c9c9;
    float: left;
    padding: 5px 5px 30px;
    position: relative;
    height: 200px;
    width: 306px;
}
.usageImage li:first-child {
    margin-right: 18px;
}
.usageImage li p {
    font-size: 12px;
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.opAtt {
    margin: 10px 0 20px;
}
#mainContents h5.nowTitle {
    cursor: pointer;
    border: 1px solid #c9c9c9;
    background: no-repeat url(../../price/img/icon_set_arrow_open.png);
    background-size: 10px 6px;
    background-position: 624px center;
    font-size:19px;
    font-weight:bold;
}
#mainContents h5.nowTitle.open {
    background: no-repeat url(../../price/img/icon_set_arrow_close.png);
    background-size: 10px 6px;
    background-position: 624px center;
}
#mainContents h5.nowTitle table{
    width:100%;
    height:75px;
}
#mainContents h5.nowTitle td{
    padding:0 20px 0 0;
}
#mainContents h5.nowTitle th{
    width:90px;
    padding:0 0 0 20px;
}
.nowBox{
    padding:20px 0;
}
}