@charset "UTF-8";

/* iPhone5 縦 */
@media only screen
	and (min-device-width:320px) 
	and (max-device-width:568px) {

/* annimation */
.list-mv{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
}
.mv{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition: 1.5s;
}

/* layout */

 article{
	width:100%;
	margin:90px auto 0 auto;
	padding:0;
	overflow:hidden;
}

section.contents{
	width:96%;
	margin:0 auto;
	padding:0 0 15px;
}


/* bread crumb */

.naviarea{
	display:none;
}

/* contents title */


section.contents h1{
	margin:5px auto 0;
	padding:0 0 20px;
	text-align:center;
	border-bottom:1px dotted #CCC;
	font-size:150%;
	font-weight:normal;
}

section.contents h1 span{
	color:#DC383B;
	font-size:60%;
}

/* contents area */

section.contents h2{
	margin:30px 0 0;
	padding:0;
	text-align:center;
	font-size:110%;
	font-weight:normal;
	line-height:170%;
}

section.contents h3{
	margin:50px auto 50px;
	padding:0;
	position:relative;
	text-align:center;
	font-size:130%;
}

section.contents h3:before,
section.contents h3:after{
  	content:"";
  	display:block;
  	position:absolute;
  	height:1px;
  	width:100%;
  	border: 0;
  	background: #ccc;
  	background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(0.7,#F39800), color-stop(0.7,#F39800), to(#fff));
	background: -moz-linear-gradient(left,#fff 0%, #F39800 30%, #F39800 70%, #fff 100%);
	background: -o-linear-gradient(left,#fff 0%, #F39800 30%, #F39800 70%, #fff 100%);
	background: -ms-linear-gradient(left,#fff 0%, #F39800 30%, #F39800 70%, #fff 100%);
	background: linear-gradient(left,#fff 0%, #F39800 30%, #F39800 70%, #fff 100%);
}
section.contents h3:before{
  	top:-20px;
}
section.contents h3:after{
  	bottom:-20px;
}

section.contents h4{
	width:94%;
	margin:45px auto;
	padding:0 10px;
	text-align:center;
	font-size:130%;
	color:#BF2628;
	border-left:5px solid #C15F61;
	border-right:5px solid #C15F61;
}





p.co_txt{
	margin:0;
	padding:10px;
	text-align:center;
	overflow: hidden;
}

p.co_txt span{
	font-weight:bold;
	font-size:120%;
	color:#006699;
}

p.caution{
	margin:10px 20px 0;
	padding:0;
	text-align:center;
	font-size:87%;
	line-height:130%;
}


p.obj_c{
	margin:25px 0 0 0;
	padding:0;
	text-align:center;
}



/* beginner FAQ */

dl.faq{
	margin:0 auto;
	padding:0;
}

dl.faq dt{
	margin:20px 0 0 20px;
	padding:0 0 0 0;
	text-align:left;
	font-weight:normal;
}

dl.faq dt:before{
	font-family: FontAwesome;
	content: 'Q.';
	font-size:120%;
	font-weight:bold;
	margin-right:10px;
	color:#CC0000;
}

dl.faq dd{
	margin:20px 20px 0 ;
	padding:0;
	text-align:left;
	overflow:hidden;
}

dl.faq dd:before{
	font-family: FontAwesome;
	content: 'A.';
	font-size:120%;
	font-weight:bold;
	margin-right:10px;
	color:#003399;
}


/* Meritt */

ul.meritt{
	margin:30px auto 0;
	padding:0;
	text-align:center;
}

ul.meritt li{
	width:230px;
	height:40px;
	margin:0 auto 5px;
	padding:8px 25px 0;
	background:-moz-linear-gradient(top,#FFDC90, #F39800 50%,#FFDC90 50%,#F39800);
    background:-webkit-gradient(linear, left top, left bottom, from(#FFDC90), color-stop(0.5,#F39800), color-stop(0.5,#F39800), to(#FFDC90));
	background:linear-gradient(to bottom, #FFDC90, #F39800);
	-pie-background:linear-gradient(#FFDC90, #F39800);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	border:1px solid #fff;
	list-style:none;
	text-align:center;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, .4) inset,
                0 0 4px rgba(100, 100, 100, .8) inset,
                2px 2px 2px rgba(100, 100, 100, .4);
}




/* Concept */

ul.concept{
	margin:60px auto 0;
	padding:0;
}

ul.concept li{
	margin:0 15px 20px 25px;
	padding:0;
	text-align:left;
	list-style:decimal outside;
	font-size:120%;
	line-height:140%;
}



/* Manual */

ul.manual{
	margin:35px auto 0;
	padding:0;
	text-align:center;
}

ul.manual li{
	margin:0 0 15px;
	padding:0;
	text-align:center;
	font-size:90%;
	line-height:110%;
	list-style:none;
}


/* Products */

div#products_wrapper{
	width:100%;
	margin:30px auto;
	padding:0;
	text-align:center;
}

div.products_box{
	width:100%;
	margin:0 0 40px;
	padding:0;
	border:1px solid #CCC;
}

p.p_img{
	margin:8px 0 0;
	padding:0;
	text-align:center;
}

p.p_name{
	margin:8px 0 0;
	padding:0;
	text-align:center;
	font-size:120%;
	font-weight:bold;
}

p.p_txt{
	margin:10px 5px 0;
	padding:0;
	text-align:center;
}

div.detail_btn{
	width:220px;
	height:24px;
	margin:10px auto;
	padding:6px 0 0;
	background:-moz-linear-gradient(top,#ccc, #999 50%,#ccc 50%,#999);
    background:-webkit-gradient(linear, left top, left bottom, from(#ccc), color-stop(0.5,#999), color-stop(0.5,#999), to(#ccc));
	background:linear-gradient(to bottom, #ccc, #999);
	-pie-background:linear-gradient(#ccc, #999);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

.detail_btn a{
	color:#FFF;
}

.detail_btn a:after{
	font-family: FontAwesome;
	content: '\f054';
	color:#FFF;
	margin-left:16px;
}

div.products_title{
	width:100%;
	margin:30px auto 0;
	padding:0;
	background-color:#FAE7E7;
	border-top:1px solid #DDD;
}

div.products_title p{
	margin:0;
	padding:7px 0 10px;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	line-height:100%;
}

div.products_title p span{
	font-size:70%;
	font-weight:normal;
	line-height:180%;
}

div.products_detail{
	width:100%;
	margin:10px auto 0;
	padding:0;
	overflow:hidden;
}

div.products_image{
	width:100%;
	margin:0 auto;
	padding:0;
}

div.products_image img{
	padding:5px;
	text-align:center;
	border:1px solid #CCC;
}

div.products_information{
	width:100%;
	margin:15px auto 0;
	padding:0;
}

div.products_information ul{
	margin:0;
	padding:0;
}

div.products_information li{
	margin:0 0 10px 0;
	padding:0;
	text-align:left;
	list-style:none;
}

div.products_information li.twoweek{
	width:100px;
	text-align:center;	
	font-size:130%;
	background-color:#CE5D5D;
	font-weight:bold;
	color:#FFF;
	padding:6px 12px;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

div.products_information li.oneday{
	width:100px;
	text-align:center;	
	font-size:130%;
	background-color:#4C72CE;
	font-weight:bold;
	color:#FFF;
	padding:6px 12px;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

div.coupon_title{
	width:600px;
	margin:0 auto;
	padding:0;
	background-color:#EFEFEF;
	border-top:1px solid #AAA;
}

div.coupon_title p{
	margin:0;
	padding:5px 0 7px 12px;
	text-align:left;
	font-weight:bold;
}

p.coupon_txt{
	margin:10px 0 0 0;
	padding:0;
	text-align:left;
}

p.coupon_txt span{
	font-size:120%;
	font-weight:bold;
	color:#FF4400;
}

div.coupon_btn{
	width:180px;
	height:28px;
	margin:10px 0 0;
	padding:3px 0 0 0;
	background:-moz-linear-gradient(top,#F3B800, #F36300 50%,#F3B800 50%,#F36300);
    background:-webkit-gradient(linear, left top, left bottom, from(#F3B800), color-stop(0.5,#F36300), color-stop(0.5,#F36300), to(#F3B800));
	background:linear-gradient(to bottom, #F3B800, #F36300);
	-pie-background:linear-gradient(#F3B800, #F36300);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	text-align:center;
}

div.coupon_btn a{
	color:#FFF;
}

div.coupon_btn a:after{
	font-family: FontAwesome;
	content: '\f08e';
	color:#FFF;
	margin-left:10px;
}

ul.products_cat{
	margin:30px auto;
	padding:0;
	text-align:center;
}

ul.products_cat li{
	width:90%;
	margin:0 20px 15px;
	padding:6px 0;
	text-align:center;
	border:1px solid #CCC;
	background-color:#F4E3B5;
	display:inline-block;
	list-style:none;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}




/* MELSPLAN */


div.melspan_wrapper{
	width:100%;
	margin:50px auto 0;
	padding:0;
	text-align:center;
	
}

div.point_box{
	width:96%;
	height:auto;
	margin:0 auto 45px;
	padding:30px 0 0;
	border:1px solid #ccc;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	position:relative;
	display:inline-block;
	vertical-align:top;
}

div.point_box ul{
	margin:0;
	padding:0;
}

div.point_box li{
	list-style:none;
}

div.point_box li.no{
	width:60px;
	height:50px;
	margin:0 0 0 -30px;
	padding:10px 0 0;
	background-color:#C18B8B;
	border-radius:100%;
	-moz-border-radius:100%;
  	-webkit-border-radius:100%;
	position:absolute;
	top:-30px;
	left:50%;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	line-height:150%;
}

div.point_box li.no span{
	font-size:170%;
	display:block;
}

div.point_box li.image{
	margin:0;
	padding:10px 0 0;
	text-align:center;
}

div.point_box li.title{
	margin:0;
	padding:10px 10px 0;
	text-align:center;
	font-size:120%;
	color:#003399;
	font-weight:bold;
}

div.point_box li.txt{
	margin:0;
	padding:10px 25px;
	text-align:left;
	line-height:150%;
}


ul.flow{
	margin:25px auto 0;
	padding:0;
}

ul.flow li{
	margin:0 10px 10px 30px;
	padding:0;
	text-align:left;
	list-style:decimal outside;
}

ul.flow li.ng{
	list-style:none;
}



ul.tab_area{
	width:96%;
    overflow:hidden;
	text-align:center;
    margin:0px auto 0 auto;
	padding:0;
    }
     
ul.tab_area li{
	width:100%;
	list-style: none;
	margin:2px 0 5px;
	padding:6px 0;
	background-color:#EFEFEF;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	border:1px solid #CCC;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
    }
	
          
.all_area div.content_area{
    /*Tabの内容を表示するエリアの装飾*/
    background:#ffffff;
    padding:15px 10px 10px;  
    border-top: 2px solid #006699;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 3px solid #ccc;
	text-align:center;
	margin-top:10px;
    }
 
.tab_area li.select{
    /*アクティブタブの装飾*/
    background-color:#006699; 
    background-image:none; 
    color:#fff;
    border-top:2px solid #006699;
    }
     
.hide{display:none;}

.all_area div.content_area h5{
	font-size:120%;
	text-align:center;
	margin:10px auto;
	padding:0 0 16px 0;
	width:90%;
	border-bottom:2px solid #006699;
}

.all_area div.content_area ul{
	margin:20px auto 0;
	padding:0;
	text-align:center;
}

.all_area div.content_area li{
	width:100%;
	margin:0 10px 10px;
	padding:0;
	text-align:center;
	font-weight:bold;
	font-size:110%;
	list-style:none;
	display:inline-block;
	vertical-align:top;
}

.all_area div.content_area div.nyukai_info{
	width:86%;
	margin:10px auto 0;
	padding:8px 10px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background-color:#B7A1EC;
	border:1px solid #B7A1EC;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	font-size:120%;
}

.all_area div.content_area div.nyukai_info2{
	width:86%;
	margin:10px auto 0;
	padding:8px 10px 0;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background-color:#5D51AF;
	border:1px solid #5D51AF;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	font-size:120%;
}

.all_area div.content_area div.nyukai_info3{
	width:86%;
	margin:10px auto 0;
	padding:8px 10px 0;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background-color:#43DA15;
	border:1px solid #43DA15;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	font-size:120%;
}

.all_area div.content_area dl.cost{
	margin:0 auto;
	padding:0;
}
	
.all_area div.content_area dl.cost dt{
	width:86%;
	margin:15px auto 0;
	padding:8px 10px;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	background-color:#999;
	border:1px solid #999;
	border-top-left-radius:5px;
	-moz-border-top-left-radius: 5px;
  	-webkit-border-top-left-radius: 5px;
	border-top-right-radius:5px;
	-moz-border-top-right-radius: 5px;
  	-webkit-border-top-right-radius: 5px;
    color: #FFF;
}

.all_area div.content_area dl.cost dd{
	width:86%;
	margin:0 auto;
	padding:8px 10px;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	background-color:#FFF;
	border:1px solid #999;
	border-bottom-left-radius:5px;
	-moz-border-bottom-left-radius: 5px;
  	-webkit-border-bottom-left-radius: 5px;
	border-bottom-right-radius:5px;
	-moz-border-bottom-right-radius: 5px;
  	-webkit-border-bottom-right-radius: 5px;
}

.all_area div.content_area dl.cost dd span{
	font-weight:normal;
}

.all_area div.content_area p.mels_info{
	margin:15px 0 0 10px;
	padding:0;
	text-align:left;
}

ul.careplus_meritt{
	margin:30px auto 0;
	padding:0;
	text-align:center;
}

ul.careplus_meritt li{
	width:120px;
	height:120px;
	margin:0 5px 10px;
	padding:10px;
	text-align:center;
	background-color:#DF8D8E;
	color:#FFF;
	border-radius:100%;
	-moz-border-radius:100%;
  	-webkit-border-radius:100%;
	display:inline-block;
	vertical-align:middle;
	list-style:none;
}

ul.careplus_meritt li p{
	position: relative;
  	top:40%;
  	transform: translateY(-50%);
	font-weight:bold;
}

ul.mutan{
	margin:0 auto;
	padding:0;
	text-align:center;
}

ul.mutan li{
	width:330px;
	margin:0 15px 0;
	padding:0;
	display:inline-block;
	text-align:center;
	font-size:140%;
	font-weight:bold;
	vertical-align:top;
}

ul.mutan li span{
	font-size:50%;
	font-weight:normal;
	line-height:100%;
}


/* Coupon */

div.coupon_wrapper{
	width:1160px;
	margin:30px auto 0;
	padding:0;
	text-align:center;
}

div.coupon_box{
	width:500px;
	height:230px;
	margin:0 10px 15px;
	padding:0;
	border:1px solid #CCC;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	display:inline-block;
	position:relative;
}

div.coupon_box ul{
	margin:0;
	padding:0;
}

div.coupon_box li{
	margin:0;
	list-style:none;
}

div.coupon_box li.c_tit{
	padding:4px 0 2px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
	background-color:#F39800;
	border-top-left-radius:6px;
	-moz-border-top-left-radius: 6px;
  	-webkit-border-top-left-radius: 6px;
	border-top-right-radius:6px;
	-moz-border-top-right-radius: 6px;
  	-webkit-border-top-right-radius: 6px;
	color:#FFF;
}

div.coupon_box li.c_txt{
	padding:0 10px 0 0;
	position:absolute;
	top:35px;
	left:10px;
	text-align:left;
}

div.coupon_box li.c_btn a{
	position:absolute;
	bottom:15px;
	left:50%;
	width:460px;
	height:24px;
	padding:3px 0 6px;
	text-align:center;
	border:1px solid #CCC;
	background:-moz-linear-gradient(top,#FFF, #EFEFEF 50%,#FFF 50%,#EFEFEF);
    background:-webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.5,#EFEFEF), color-stop(0.5,#EFEFEF), to(#FFF));
	background:linear-gradient(to bottom, #FFF, #EFEFEF);/* IE10+, W3C */
	-pie-background:linear-gradient(#FFF, #EFEFEF);
	behavior: url(../pie/PIE.htc);
    cursor: pointer;
	z-index: 2;
	text-align: center;
	text-decoration: none;
	outline: none;
	margin-left:-230px;;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

div.coupon_box li.c_btn a:hover{
	background:-moz-linear-gradient(top,#006699, #003399 50%,#006699 50%,#003399);
    background:-webkit-gradient(linear, left top, left bottom, from(#006699), color-stop(0.5,#003399), color-stop(0.5,#003399), to(#006699));
	background:linear-gradient(to bottom, #006699, #003399);/* IE10+, W3C */
	-pie-background:linear-gradient(#006699, #003399);
	behavior: url(../pie/PIE.htc);
	border-color: #003399;
	color: #FFF;
}

div.coupon_box li.c_btn a:before{
	content:"";
	font-family: FontAwesome;
	content: '\f02f';
	margin-right:8px;
	font-size:110%;
}


/* Shop */

table.outline{
	width:100%;
	margin:20px auto 0;
	padding:0;
	border-collapse:collapse;
}

table.outline th{
	width:100%;
	display:block;
	margin:0;
	padding:10px 0 10px 0;
	text-align:center;
	font-weight:normal;
	background-color:#EFEFEF;
	border:1px solid #CCC;
}

table.outline td{
	width:95%;
	display:block;
	margin:0;
	padding:10px 8px 10px 10px;
	text-align:left;
	border:1px solid #CCC;
}

#map_canvas{
	width:100%;
	height:300px;
	margin:15px auto 0 auto;
	padding:0;
	border:1px solid #CCCCCC;
}


/* Contact */

p.thanks{
	margin:40px auto;
	padding:0;
	text-align:center;
}

/* policy */

dl.policy{
	margin:0 30px;
	padding:0;
}

dl.policy dt{
	margin:30px 0 0 0;
	padding:0;
	text-align:left;
	font-size:110%;
	font-weight:bold;
}

dl.policy dd{
	margin:10px 0 10px 10px;
	padding:0;
	text-align:left;
}

/* button */

div.button_area{
	width:70%;
	margin:40px auto 0;
	padding:8px 25px;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	background-color: #3D62AD;
	text-align:center;
}

div.button_area a{
	display:block;
	color:#FFF;
}


/* Float */

.p_l{
	margin:0 auto 10px;
	padding:0;
	float:none;
	display:block;
	clear:both;
	text-align:center;
}

.p_r{
	margin:0 auto 10px;
	padding:0;
	float:none;
	display:block;
	clear:both;
	text-align:center;
}


dl.news_list {
	margin:50px 0 0;
	padding:15px 20px;
}

dl.news_list dt {
	width:210px;
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	line-height:160%;
	clear:both;
}

dl.news_list dt span{
	margin:4px 10px 0 0;
	padding:5px 10px;
	color:#FFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	line-height:160%;
	border-bottom:1px dotted #CCC;
	font-size:80%;
}

dl.news_list dt span.camp{
	background-color:#FF6600;
}

dl.news_list dt span.item{
	background-color:#59B43C;
}

dl.news_list dt span.news{
	background-color:#006699;
}

dl.news_list dt span.other{
	background-color:#CC6699;
}

dl.news_list dd {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #CCC;
	text-align:left;
}

dl.news_list dd a{
	color:#FF3300;
}

dl.news_list dd a:hover{
	color:#006699;
}


/* surgery */

table.surgery{
	width:100%;
	margin:10px auto 0 auto;
	padding:0;
	text-align:center;
}

table.surgery thead{
	width:60px;
	display:block;
	float:left;
	text-align:center;
	margin-top:-2px;
	margin-right:6px;
}

table.surgery thead th{
	width:60px;
	display:block;
	border:1px solid #CCC;
	padding:12px 0 12px;
}

table.surgery thead td{
	width:60px;
	padding:8px 0;
	border:1px solid #CCC;
	margin-bottom:-1px;
}

table.surgery tbody{
	display:block;
}

table.surgery tbody th{
	display:block;
	border:1px solid #CCC;
}

table.surgery tr.day{
	display:block;
	float:left;
}

table.surgery td{
	display:block;
	width:100px;
	text-align:center;
	padding:8px 0;
	line-height:110%;
	border:1px solid #CCC;
	margin-bottom:-1px;
}

table.surgery br{
	display:none;
}

table.surgery td.weekday{
	background-color:#E6E5A3;
}

.blue{
	color:#365ED4;
}

.red{
	color:#FF0000;
}

.water{
	color:#BFAFF5;
}

/* sitemap */

ul.sitemap{
	margin:20px auto 0;
	padding:0;
}

ul.sitemap li{
	width:80%;
	margin:0 auto 20px;
	padding:20px 0;
	border:1px solid #CCC;
	text-align:center;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	list-style:none;
}

}




	
	
/* iPhone6 縦 */
@media only screen and (min-device-width: 375px)
 and (max-device-width: 667px)
 and (orientation : portrait) { 
 
/* annimation */
.list-mv{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
}
.mv{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition: 1.5s;
}

/* layout */

 article{
	width:100%;
	margin:90px auto 0 auto;
	padding:0;
	overflow:hidden;
}

section.contents{
	width:96%;
	margin:0 auto;
	padding:0 0 15px;
}


/* bread crumb */

.naviarea{
	display:none;
}

/* contents title */


section.contents h1{
	margin:5px auto 0;
	padding:0 0 20px;
	text-align:center;
	border-bottom:1px dotted #CCC;
	font-size:150%;
	font-weight:normal;
}

section.contents h1 span{
	color:#DC383B;
	font-size:60%;
}

/* contents area */

section.contents h2{
	margin:30px 0 0;
	padding:0;
	text-align:center;
	font-size:110%;
	font-weight:normal;
	line-height:170%;
}

section.contents h3{
	margin:50px auto 50px;
	padding:0;
	position:relative;
	text-align:center;
	font-size:130%;
}

section.contents h3:before,
section.contents h3:after{
  	content:"";
  	display:block;
  	position:absolute;
  	height:1px;
  	width:100%;
  	border: 0;
  	background: #ccc;
  	background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(0.7,#F39800), color-stop(0.7,#F39800), to(#fff));
	background: -moz-linear-gradient(left,#fff 0%, #F39800 30%, #F39800 70%, #fff 100%);
	background: -o-linear-gradient(left,#fff 0%, #F39800 30%, #F39800 70%, #fff 100%);
	background: -ms-linear-gradient(left,#fff 0%, #F39800 30%, #F39800 70%, #fff 100%);
	background: linear-gradient(left,#fff 0%, #F39800 30%, #F39800 70%, #fff 100%);
}
section.contents h3:before{
  	top:-20px;
}
section.contents h3:after{
  	bottom:-20px;
}

section.contents h4{
	width:94%;
	margin:45px auto;
	padding:0 10px;
	text-align:center;
	font-size:130%;
	color:#BF2628;
	border-left:5px solid #C15F61;
	border-right:5px solid #C15F61;
}





p.co_txt{
	margin:0;
	padding:10px;
	text-align:center;
	overflow: hidden;
}

p.co_txt span{
	font-weight:bold;
	font-size:120%;
	color:#006699;
}

p.caution{
	margin:10px 20px 0;
	padding:0;
	text-align:center;
	font-size:87%;
	line-height:130%;
}


p.obj_c{
	margin:25px 0 0 0;
	padding:0;
	text-align:center;
}



/* beginner FAQ */

dl.faq{
	margin:0 auto;
	padding:0;
}

dl.faq dt{
	margin:20px 0 0 20px;
	padding:0 0 0 0;
	text-align:left;
	font-weight:normal;
}

dl.faq dt:before{
	font-family: FontAwesome;
	content: 'Q.';
	font-size:120%;
	font-weight:bold;
	margin-right:10px;
	color:#CC0000;
}

dl.faq dd{
	margin:20px 20px 0 ;
	padding:0;
	text-align:left;
	overflow:hidden;
}

dl.faq dd:before{
	font-family: FontAwesome;
	content: 'A.';
	font-size:120%;
	font-weight:bold;
	margin-right:10px;
	color:#003399;
}


/* Meritt */

ul.meritt{
	margin:30px auto 0;
	padding:0;
	text-align:center;
}

ul.meritt li{
	width:230px;
	height:40px;
	margin:0 auto 5px;
	padding:8px 25px 0;
	background:-moz-linear-gradient(top,#FFDC90, #F39800 50%,#FFDC90 50%,#F39800);
    background:-webkit-gradient(linear, left top, left bottom, from(#FFDC90), color-stop(0.5,#F39800), color-stop(0.5,#F39800), to(#FFDC90));
	background:linear-gradient(to bottom, #FFDC90, #F39800);
	-pie-background:linear-gradient(#FFDC90, #F39800);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	border:1px solid #fff;
	list-style:none;
	text-align:center;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, .4) inset,
                0 0 4px rgba(100, 100, 100, .8) inset,
                2px 2px 2px rgba(100, 100, 100, .4);
}




/* Concept */

ul.concept{
	margin:60px auto 0;
	padding:0;
}

ul.concept li{
	margin:0 15px 20px 25px;
	padding:0;
	text-align:left;
	list-style:decimal outside;
	font-size:120%;
	line-height:140%;
}



/* Manual */

ul.manual{
	margin:35px auto 0;
	padding:0;
	text-align:center;
}

ul.manual li{
	margin:0 0 15px;
	padding:0;
	text-align:center;
	font-size:90%;
	line-height:110%;
	list-style:none;
}


/* Products */

div#products_wrapper{
	width:100%;
	margin:30px auto;
	padding:0;
	text-align:center;
}

div.products_box{
	width:100%;
	margin:0 0 40px;
	padding:0;
	border:1px solid #CCC;
}

p.p_img{
	margin:8px 0 0;
	padding:0;
	text-align:center;
}

p.p_name{
	margin:8px 0 0;
	padding:0;
	text-align:center;
	font-size:120%;
	font-weight:bold;
}

p.p_txt{
	margin:10px 5px 0;
	padding:0;
	text-align:center;
}

div.detail_btn{
	width:220px;
	height:24px;
	margin:10px auto;
	padding:6px 0 0;
	background:-moz-linear-gradient(top,#ccc, #999 50%,#ccc 50%,#999);
    background:-webkit-gradient(linear, left top, left bottom, from(#ccc), color-stop(0.5,#999), color-stop(0.5,#999), to(#ccc));
	background:linear-gradient(to bottom, #ccc, #999);
	-pie-background:linear-gradient(#ccc, #999);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

.detail_btn a{
	color:#FFF;
}

.detail_btn a:after{
	font-family: FontAwesome;
	content: '\f054';
	color:#FFF;
	margin-left:16px;
}

div.products_title{
	width:100%;
	margin:30px auto 0;
	padding:0;
	background-color:#FAE7E7;
	border-top:1px solid #DDD;
}

div.products_title p{
	margin:0;
	padding:7px 0 10px;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	line-height:100%;
}

div.products_title p span{
	font-size:70%;
	font-weight:normal;
	line-height:180%;
}

div.products_detail{
	width:100%;
	margin:10px auto 0;
	padding:0;
	overflow:hidden;
}

div.products_image{
	width:100%;
	margin:0 auto;
	padding:0;
}

div.products_image img{
	padding:5px;
	text-align:center;
	border:1px solid #CCC;
}

div.products_information{
	width:100%;
	margin:15px auto 0;
	padding:0;
}

div.products_information ul{
	margin:0;
	padding:0;
}

div.products_information li{
	margin:0 0 10px 0;
	padding:0;
	text-align:left;
	list-style:none;
}

div.products_information li.twoweek{
	width:100px;
	text-align:center;	
	font-size:130%;
	background-color:#CE5D5D;
	font-weight:bold;
	color:#FFF;
	padding:6px 12px;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

div.products_information li.oneday{
	width:100px;
	text-align:center;	
	font-size:130%;
	background-color:#4C72CE;
	font-weight:bold;
	color:#FFF;
	padding:6px 12px;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

div.coupon_title{
	width:600px;
	margin:0 auto;
	padding:0;
	background-color:#EFEFEF;
	border-top:1px solid #AAA;
}

div.coupon_title p{
	margin:0;
	padding:5px 0 7px 12px;
	text-align:left;
	font-weight:bold;
}

p.coupon_txt{
	margin:10px 0 0 0;
	padding:0;
	text-align:left;
}

p.coupon_txt span{
	font-size:120%;
	font-weight:bold;
	color:#FF4400;
}

div.coupon_btn{
	width:180px;
	height:28px;
	margin:10px 0 0;
	padding:3px 0 0 0;
	background:-moz-linear-gradient(top,#F3B800, #F36300 50%,#F3B800 50%,#F36300);
    background:-webkit-gradient(linear, left top, left bottom, from(#F3B800), color-stop(0.5,#F36300), color-stop(0.5,#F36300), to(#F3B800));
	background:linear-gradient(to bottom, #F3B800, #F36300);
	-pie-background:linear-gradient(#F3B800, #F36300);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	text-align:center;
}

div.coupon_btn a{
	color:#FFF;
}

div.coupon_btn a:after{
	font-family: FontAwesome;
	content: '\f08e';
	color:#FFF;
	margin-left:10px;
}

ul.products_cat{
	margin:30px auto;
	padding:0;
	text-align:center;
}

ul.products_cat li{
	width:90%;
	margin:0 20px 15px;
	padding:6px 0;
	text-align:center;
	border:1px solid #CCC;
	background-color:#F4E3B5;
	display:inline-block;
	list-style:none;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}




/* MELSPLAN */


div.melspan_wrapper{
	width:100%;
	margin:50px auto 0;
	padding:0;
	text-align:center;
	
}

div.point_box{
	width:96%;
	height:auto;
	margin:0 auto 45px;
	padding:30px 0 0;
	border:1px solid #ccc;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	position:relative;
	display:inline-block;
	vertical-align:top;
}

div.point_box ul{
	margin:0;
	padding:0;
}

div.point_box li{
	list-style:none;
}

div.point_box li.no{
	width:60px;
	height:50px;
	margin:0 0 0 -30px;
	padding:10px 0 0;
	background-color:#C18B8B;
	border-radius:100%;
	-moz-border-radius:100%;
  	-webkit-border-radius:100%;
	position:absolute;
	top:-30px;
	left:50%;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	line-height:150%;
}

div.point_box li.no span{
	font-size:170%;
	display:block;
}

div.point_box li.image{
	margin:0;
	padding:10px 0 0;
	text-align:center;
}

div.point_box li.title{
	margin:0;
	padding:10px 10px 0;
	text-align:center;
	font-size:120%;
	color:#003399;
	font-weight:bold;
}

div.point_box li.txt{
	margin:0;
	padding:10px 25px;
	text-align:left;
	line-height:150%;
}


ul.flow{
	margin:25px auto 0;
	padding:0;
}

ul.flow li{
	margin:0 10px 10px 30px;
	padding:0;
	text-align:left;
	list-style:decimal outside;
}

ul.flow li.ng{
	list-style:none;
}



ul.tab_area{
	width:96%;
    overflow:hidden;
	text-align:center;
    margin:0px auto 0 auto;
	padding:0;
    }
     
ul.tab_area li{
	width:100%;
	list-style: none;
	margin:2px 0 5px;
	padding:6px 0;
	background-color:#EFEFEF;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	border:1px solid #CCC;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
    }
	
          
.all_area div.content_area{
    /*Tabの内容を表示するエリアの装飾*/
    background:#ffffff;
    padding:15px 10px 10px;  
    border-top: 2px solid #006699;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 3px solid #ccc;
	text-align:center;
	margin-top:10px;
    }
 
.tab_area li.select{
    /*アクティブタブの装飾*/
    background-color:#006699; 
    background-image:none; 
    color:#fff;
    border-top:2px solid #006699;
    }
     
.hide{display:none;}

.all_area div.content_area h5{
	font-size:120%;
	text-align:center;
	margin:10px auto;
	padding:0 0 16px 0;
	width:90%;
	border-bottom:2px solid #006699;
}

.all_area div.content_area ul{
	margin:20px auto 0;
	padding:0;
	text-align:center;
}

.all_area div.content_area li{
	width:100%;
	margin:0 10px 10px;
	padding:0;
	text-align:center;
	font-weight:bold;
	font-size:110%;
	list-style:none;
	display:inline-block;
	vertical-align:top;
}

.all_area div.content_area div.nyukai_info{
	width:86%;
	margin:10px auto 0;
	padding:8px 10px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background-color:#B7A1EC;
	border:1px solid #B7A1EC;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	font-size:120%;
}

.all_area div.content_area div.nyukai_info2{
	width:86%;
	margin:10px auto 0;
	padding:8px 10px 0;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background-color:#5D51AF;
	border:1px solid #5D51AF;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	font-size:120%;
}

.all_area div.content_area div.nyukai_info3{
	width:86%;
	margin:10px auto 0;
	padding:8px 10px 0;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background-color:#43DA15;
	border:1px solid #43DA15;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	font-size:120%;
}

.all_area div.content_area dl.cost{
	margin:0 auto;
	padding:0;
}
	
.all_area div.content_area dl.cost dt{
	width:86%;
	margin:15px auto 0;
	padding:8px 10px;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	background-color:#999;
	border:1px solid #999;
	border-top-left-radius:5px;
	-moz-border-top-left-radius: 5px;
  	-webkit-border-top-left-radius: 5px;
	border-top-right-radius:5px;
	-moz-border-top-right-radius: 5px;
  	-webkit-border-top-right-radius: 5px;
    color: #FFF;
}

.all_area div.content_area dl.cost dd{
	width:86%;
	margin:0 auto;
	padding:8px 10px;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	background-color:#FFF;
	border:1px solid #999;
	border-bottom-left-radius:5px;
	-moz-border-bottom-left-radius: 5px;
  	-webkit-border-bottom-left-radius: 5px;
	border-bottom-right-radius:5px;
	-moz-border-bottom-right-radius: 5px;
  	-webkit-border-bottom-right-radius: 5px;
}

.all_area div.content_area dl.cost dd span{
	font-weight:normal;
}

.all_area div.content_area p.mels_info{
	margin:15px 0 0 10px;
	padding:0;
	text-align:left;
}

ul.careplus_meritt{
	margin:30px auto 0;
	padding:0;
	text-align:center;
}

ul.careplus_meritt li{
	width:120px;
	height:120px;
	margin:0 5px 10px;
	padding:10px;
	text-align:center;
	background-color:#DF8D8E;
	color:#FFF;
	border-radius:100%;
	-moz-border-radius:100%;
  	-webkit-border-radius:100%;
	display:inline-block;
	vertical-align:middle;
	list-style:none;
}

ul.careplus_meritt li p{
	position: relative;
  	top:40%;
  	transform: translateY(-50%);
	font-weight:bold;
}

ul.mutan{
	margin:0 auto;
	padding:0;
	text-align:center;
}

ul.mutan li{
	width:330px;
	margin:0 15px 0;
	padding:0;
	display:inline-block;
	text-align:center;
	font-size:140%;
	font-weight:bold;
	vertical-align:top;
}

ul.mutan li span{
	font-size:50%;
	font-weight:normal;
	line-height:100%;
}


/* Coupon */

div.coupon_wrapper{
	width:1160px;
	margin:30px auto 0;
	padding:0;
	text-align:center;
}

div.coupon_box{
	width:500px;
	height:230px;
	margin:0 10px 15px;
	padding:0;
	border:1px solid #CCC;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	display:inline-block;
	position:relative;
}

div.coupon_box ul{
	margin:0;
	padding:0;
}

div.coupon_box li{
	margin:0;
	list-style:none;
}

div.coupon_box li.c_tit{
	padding:4px 0 2px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
	background-color:#F39800;
	border-top-left-radius:6px;
	-moz-border-top-left-radius: 6px;
  	-webkit-border-top-left-radius: 6px;
	border-top-right-radius:6px;
	-moz-border-top-right-radius: 6px;
  	-webkit-border-top-right-radius: 6px;
	color:#FFF;
}

div.coupon_box li.c_txt{
	padding:0 10px 0 0;
	position:absolute;
	top:35px;
	left:10px;
	text-align:left;
}

div.coupon_box li.c_btn a{
	position:absolute;
	bottom:15px;
	left:50%;
	width:460px;
	height:24px;
	padding:3px 0 6px;
	text-align:center;
	border:1px solid #CCC;
	background:-moz-linear-gradient(top,#FFF, #EFEFEF 50%,#FFF 50%,#EFEFEF);
    background:-webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.5,#EFEFEF), color-stop(0.5,#EFEFEF), to(#FFF));
	background:linear-gradient(to bottom, #FFF, #EFEFEF);/* IE10+, W3C */
	-pie-background:linear-gradient(#FFF, #EFEFEF);
	behavior: url(../pie/PIE.htc);
    cursor: pointer;
	z-index: 2;
	text-align: center;
	text-decoration: none;
	outline: none;
	margin-left:-230px;;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

div.coupon_box li.c_btn a:hover{
	background:-moz-linear-gradient(top,#006699, #003399 50%,#006699 50%,#003399);
    background:-webkit-gradient(linear, left top, left bottom, from(#006699), color-stop(0.5,#003399), color-stop(0.5,#003399), to(#006699));
	background:linear-gradient(to bottom, #006699, #003399);/* IE10+, W3C */
	-pie-background:linear-gradient(#006699, #003399);
	behavior: url(../pie/PIE.htc);
	border-color: #003399;
	color: #FFF;
}

div.coupon_box li.c_btn a:before{
	content:"";
	font-family: FontAwesome;
	content: '\f02f';
	margin-right:8px;
	font-size:110%;
}


/* Shop */

table.outline{
	width:100%;
	margin:20px auto 0;
	padding:0;
	border-collapse:collapse;
}

table.outline th{
	width:100%;
	display:block;
	margin:0;
	padding:10px 0 10px 0;
	text-align:center;
	font-weight:normal;
	background-color:#EFEFEF;
	border:1px solid #CCC;
}

table.outline td{
	width:95%;
	display:block;
	margin:0;
	padding:10px 8px 10px 10px;
	text-align:left;
	border:1px solid #CCC;
}

#map_canvas{
	width:100%;
	height:300px;
	margin:15px auto 0 auto;
	padding:0;
	border:1px solid #CCCCCC;
}


/* Contact */

p.thanks{
	margin:40px auto;
	padding:0;
	text-align:center;
}

/* policy */

dl.policy{
	margin:0 30px;
	padding:0;
}

dl.policy dt{
	margin:30px 0 0 0;
	padding:0;
	text-align:left;
	font-size:110%;
	font-weight:bold;
}

dl.policy dd{
	margin:10px 0 10px 10px;
	padding:0;
	text-align:left;
}

/* button */

div.button_area{
	width:70%;
	margin:40px auto 0;
	padding:8px 25px;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	background-color: #3D62AD;
	text-align:center;
}

div.button_area a{
	display:block;
	color:#FFF;
}


/* Float */

.p_l{
	margin:0 auto 10px;
	padding:0;
	float:none;
	display:block;
	clear:both;
	text-align:center;
}

.p_r{
	margin:0 auto 10px;
	padding:0;
	float:none;
	display:block;
	clear:both;
	text-align:center;
}


dl.news_list {
	margin:50px 0 0;
	padding:15px 20px;
}

dl.news_list dt {
	width:210px;
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	line-height:160%;
	clear:both;
}

dl.news_list dt span{
	margin:4px 10px 0 0;
	padding:5px 10px;
	color:#FFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	line-height:160%;
	border-bottom:1px dotted #CCC;
	font-size:80%;
}

dl.news_list dt span.camp{
	background-color:#FF6600;
}

dl.news_list dt span.item{
	background-color:#59B43C;
}

dl.news_list dt span.news{
	background-color:#006699;
}

dl.news_list dt span.other{
	background-color:#CC6699;
}

dl.news_list dd {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #CCC;
	text-align:left;
}

dl.news_list dd a{
	color:#FF3300;
}

dl.news_list dd a:hover{
	color:#006699;
}


/* surgery */

table.surgery{
	width:100%;
	margin:10px auto 0 auto;
	padding:0;
	text-align:center;
}

table.surgery thead{
	width:60px;
	display:block;
	float:left;
	text-align:center;
	margin-top:-2px;
	margin-right:6px;
}

table.surgery thead th{
	width:60px;
	display:block;
	border:1px solid #CCC;
	padding:12px 0 12px;
}

table.surgery thead td{
	width:60px;
	padding:8px 0;
	border:1px solid #CCC;
	margin-bottom:-1px;
}

table.surgery tbody{
	display:block;
}

table.surgery tbody th{
	display:block;
	border:1px solid #CCC;
}

table.surgery tr.day{
	display:block;
	float:left;
}

table.surgery td{
	display:block;
	width:100px;
	text-align:center;
	padding:8px 0;
	line-height:110%;
	border:1px solid #CCC;
	margin-bottom:-1px;
}

table.surgery br{
	display:none;
}

table.surgery td.weekday{
	background-color:#E6E5A3;
}

.blue{
	color:#365ED4;
}

.red{
	color:#FF0000;
}

.water{
	color:#BFAFF5;
}

/* sitemap */

ul.sitemap{
	margin:20px auto 0;
	padding:0;
}

ul.sitemap li{
	width:80%;
	margin:0 auto 20px;
	padding:20px 0;
	border:1px solid #CCC;
	text-align:center;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	list-style:none;
}

}




 
 
 /* iPhone6+ 縦 */
@media only screen and (min-device-width: 414px)
 and (max-device-width: 736px)
 and (orientation : portrait) {

/* annimation */
.list-mv{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
}
.mv{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition: 1.5s;
}

/* layout */

 article{
	width:100%;
	margin:90px auto 0 auto;
	padding:0;
	overflow:hidden;
}

section.contents{
	width:96%;
	margin:0 auto;
	padding:0 0 15px;
}


/* bread crumb */

.naviarea{
	display:none;
}

/* contents title */


section.contents h1{
	margin:5px auto 0;
	padding:0 0 20px;
	text-align:center;
	border-bottom:1px dotted #CCC;
	font-size:150%;
	font-weight:normal;
}

section.contents h1 span{
	color:#DC383B;
	font-size:60%;
}

/* contents area */

section.contents h2{
	margin:30px 0 0;
	padding:0;
	text-align:center;
	font-size:110%;
	font-weight:normal;
	line-height:170%;
}

section.contents h3{
	margin:50px auto 50px;
	padding:0;
	position:relative;
	text-align:center;
	font-size:130%;
}

section.contents h3:before,
section.contents h3:after{
  	content:"";
  	display:block;
  	position:absolute;
  	height:1px;
  	width:100%;
  	border: 0;
  	background: #ccc;
  	background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(0.7,#F39800), color-stop(0.7,#F39800), to(#fff));
	background: -moz-linear-gradient(left,#fff 0%, #F39800 30%, #F39800 70%, #fff 100%);
	background: -o-linear-gradient(left,#fff 0%, #F39800 30%, #F39800 70%, #fff 100%);
	background: -ms-linear-gradient(left,#fff 0%, #F39800 30%, #F39800 70%, #fff 100%);
	background: linear-gradient(left,#fff 0%, #F39800 30%, #F39800 70%, #fff 100%);
}
section.contents h3:before{
  	top:-20px;
}
section.contents h3:after{
  	bottom:-20px;
}

section.contents h4{
	width:94%;
	margin:45px auto;
	padding:0 10px;
	text-align:center;
	font-size:130%;
	color:#BF2628;
	border-left:5px solid #C15F61;
	border-right:5px solid #C15F61;
}





p.co_txt{
	margin:0;
	padding:10px;
	text-align:center;
	overflow: hidden;
}

p.co_txt span{
	font-weight:bold;
	font-size:120%;
	color:#006699;
}

p.caution{
	margin:10px 20px 0;
	padding:0;
	text-align:center;
	font-size:87%;
	line-height:130%;
}


p.obj_c{
	margin:25px 0 0 0;
	padding:0;
	text-align:center;
}



/* beginner FAQ */

dl.faq{
	margin:0 auto;
	padding:0;
}

dl.faq dt{
	margin:20px 0 0 20px;
	padding:0 0 0 0;
	text-align:left;
	font-weight:normal;
}

dl.faq dt:before{
	font-family: FontAwesome;
	content: 'Q.';
	font-size:120%;
	font-weight:bold;
	margin-right:10px;
	color:#CC0000;
}

dl.faq dd{
	margin:20px 20px 0 ;
	padding:0;
	text-align:left;
	overflow:hidden;
}

dl.faq dd:before{
	font-family: FontAwesome;
	content: 'A.';
	font-size:120%;
	font-weight:bold;
	margin-right:10px;
	color:#003399;
}


/* Meritt */

ul.meritt{
	margin:30px auto 0;
	padding:0;
	text-align:center;
}

ul.meritt li{
	width:230px;
	height:40px;
	margin:0 auto 5px;
	padding:8px 25px 0;
	background:-moz-linear-gradient(top,#FFDC90, #F39800 50%,#FFDC90 50%,#F39800);
    background:-webkit-gradient(linear, left top, left bottom, from(#FFDC90), color-stop(0.5,#F39800), color-stop(0.5,#F39800), to(#FFDC90));
	background:linear-gradient(to bottom, #FFDC90, #F39800);
	-pie-background:linear-gradient(#FFDC90, #F39800);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	border:1px solid #fff;
	list-style:none;
	text-align:center;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, .4) inset,
                0 0 4px rgba(100, 100, 100, .8) inset,
                2px 2px 2px rgba(100, 100, 100, .4);
}




/* Concept */

ul.concept{
	margin:60px auto 0;
	padding:0;
}

ul.concept li{
	margin:0 15px 20px 25px;
	padding:0;
	text-align:left;
	list-style:decimal outside;
	font-size:120%;
	line-height:140%;
}



/* Manual */

ul.manual{
	margin:35px auto 0;
	padding:0;
	text-align:center;
}

ul.manual li{
	margin:0 0 15px;
	padding:0;
	text-align:center;
	font-size:90%;
	line-height:110%;
	list-style:none;
}


/* Products */

div#products_wrapper{
	width:100%;
	margin:30px auto;
	padding:0;
	text-align:center;
}

div.products_box{
	width:100%;
	margin:0 0 40px;
	padding:0;
	border:1px solid #CCC;
}

p.p_img{
	margin:8px 0 0;
	padding:0;
	text-align:center;
}

p.p_name{
	margin:8px 0 0;
	padding:0;
	text-align:center;
	font-size:120%;
	font-weight:bold;
}

p.p_txt{
	margin:10px 5px 0;
	padding:0;
	text-align:center;
}

div.detail_btn{
	width:220px;
	height:24px;
	margin:10px auto;
	padding:6px 0 0;
	background:-moz-linear-gradient(top,#ccc, #999 50%,#ccc 50%,#999);
    background:-webkit-gradient(linear, left top, left bottom, from(#ccc), color-stop(0.5,#999), color-stop(0.5,#999), to(#ccc));
	background:linear-gradient(to bottom, #ccc, #999);
	-pie-background:linear-gradient(#ccc, #999);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

.detail_btn a{
	color:#FFF;
}

.detail_btn a:after{
	font-family: FontAwesome;
	content: '\f054';
	color:#FFF;
	margin-left:16px;
}

div.products_title{
	width:100%;
	margin:30px auto 0;
	padding:0;
	background-color:#FAE7E7;
	border-top:1px solid #DDD;
}

div.products_title p{
	margin:0;
	padding:7px 0 10px;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	line-height:100%;
}

div.products_title p span{
	font-size:70%;
	font-weight:normal;
	line-height:180%;
}

div.products_detail{
	width:100%;
	margin:10px auto 0;
	padding:0;
	overflow:hidden;
}

div.products_image{
	width:100%;
	margin:0 auto;
	padding:0;
}

div.products_image img{
	padding:5px;
	text-align:center;
	border:1px solid #CCC;
}

div.products_information{
	width:100%;
	margin:15px auto 0;
	padding:0;
}

div.products_information ul{
	margin:0;
	padding:0;
}

div.products_information li{
	margin:0 0 10px 0;
	padding:0;
	text-align:left;
	list-style:none;
}

div.products_information li.twoweek{
	width:100px;
	text-align:center;	
	font-size:130%;
	background-color:#CE5D5D;
	font-weight:bold;
	color:#FFF;
	padding:6px 12px;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

div.products_information li.oneday{
	width:100px;
	text-align:center;	
	font-size:130%;
	background-color:#4C72CE;
	font-weight:bold;
	color:#FFF;
	padding:6px 12px;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

div.coupon_title{
	width:600px;
	margin:0 auto;
	padding:0;
	background-color:#EFEFEF;
	border-top:1px solid #AAA;
}

div.coupon_title p{
	margin:0;
	padding:5px 0 7px 12px;
	text-align:left;
	font-weight:bold;
}

p.coupon_txt{
	margin:10px 0 0 0;
	padding:0;
	text-align:left;
}

p.coupon_txt span{
	font-size:120%;
	font-weight:bold;
	color:#FF4400;
}

div.coupon_btn{
	width:180px;
	height:28px;
	margin:10px 0 0;
	padding:3px 0 0 0;
	background:-moz-linear-gradient(top,#F3B800, #F36300 50%,#F3B800 50%,#F36300);
    background:-webkit-gradient(linear, left top, left bottom, from(#F3B800), color-stop(0.5,#F36300), color-stop(0.5,#F36300), to(#F3B800));
	background:linear-gradient(to bottom, #F3B800, #F36300);
	-pie-background:linear-gradient(#F3B800, #F36300);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	text-align:center;
}

div.coupon_btn a{
	color:#FFF;
}

div.coupon_btn a:after{
	font-family: FontAwesome;
	content: '\f08e';
	color:#FFF;
	margin-left:10px;
}

ul.products_cat{
	margin:30px auto;
	padding:0;
	text-align:center;
}

ul.products_cat li{
	width:90%;
	margin:0 20px 15px;
	padding:6px 0;
	text-align:center;
	border:1px solid #CCC;
	background-color:#F4E3B5;
	display:inline-block;
	list-style:none;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}




/* MELSPLAN */


div.melspan_wrapper{
	width:100%;
	margin:50px auto 0;
	padding:0;
	text-align:center;
	
}

div.point_box{
	width:96%;
	height:auto;
	margin:0 auto 45px;
	padding:30px 0 0;
	border:1px solid #ccc;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	position:relative;
	display:inline-block;
	vertical-align:top;
}

div.point_box ul{
	margin:0;
	padding:0;
}

div.point_box li{
	list-style:none;
}

div.point_box li.no{
	width:60px;
	height:50px;
	margin:0 0 0 -30px;
	padding:10px 0 0;
	background-color:#C18B8B;
	border-radius:100%;
	-moz-border-radius:100%;
  	-webkit-border-radius:100%;
	position:absolute;
	top:-30px;
	left:50%;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	line-height:150%;
}

div.point_box li.no span{
	font-size:170%;
	display:block;
}

div.point_box li.image{
	margin:0;
	padding:10px 0 0;
	text-align:center;
}

div.point_box li.title{
	margin:0;
	padding:10px 10px 0;
	text-align:center;
	font-size:120%;
	color:#003399;
	font-weight:bold;
}

div.point_box li.txt{
	margin:0;
	padding:10px 25px;
	text-align:left;
	line-height:150%;
}


ul.flow{
	margin:25px auto 0;
	padding:0;
}

ul.flow li{
	margin:0 10px 10px 30px;
	padding:0;
	text-align:left;
	list-style:decimal outside;
}

ul.flow li.ng{
	list-style:none;
}



ul.tab_area{
	width:96%;
    overflow:hidden;
	text-align:center;
    margin:0px auto 0 auto;
	padding:0;
    }
     
ul.tab_area li{
	width:100%;
	list-style: none;
	margin:2px 0 5px;
	padding:6px 0;
	background-color:#EFEFEF;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	border:1px solid #CCC;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
    }
	
          
.all_area div.content_area{
    /*Tabの内容を表示するエリアの装飾*/
    background:#ffffff;
    padding:15px 10px 10px;  
    border-top: 2px solid #006699;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 3px solid #ccc;
	text-align:center;
	margin-top:10px;
    }
 
.tab_area li.select{
    /*アクティブタブの装飾*/
    background-color:#006699; 
    background-image:none; 
    color:#fff;
    border-top:2px solid #006699;
    }
     
.hide{display:none;}

.all_area div.content_area h5{
	font-size:120%;
	text-align:center;
	margin:10px auto;
	padding:0 0 16px 0;
	width:90%;
	border-bottom:2px solid #006699;
}

.all_area div.content_area ul{
	margin:20px auto 0;
	padding:0;
	text-align:center;
}

.all_area div.content_area li{
	width:100%;
	margin:0 10px 10px;
	padding:0;
	text-align:center;
	font-weight:bold;
	font-size:110%;
	list-style:none;
	display:inline-block;
	vertical-align:top;
}

.all_area div.content_area div.nyukai_info{
	width:86%;
	margin:10px auto 0;
	padding:8px 10px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background-color:#B7A1EC;
	border:1px solid #B7A1EC;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	font-size:120%;
}

.all_area div.content_area div.nyukai_info2{
	width:86%;
	margin:10px auto 0;
	padding:8px 10px 0;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background-color:#5D51AF;
	border:1px solid #5D51AF;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	font-size:120%;
}

.all_area div.content_area div.nyukai_info3{
	width:86%;
	margin:10px auto 0;
	padding:8px 10px 0;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background-color:#43DA15;
	border:1px solid #43DA15;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	font-size:120%;
}

.all_area div.content_area dl.cost{
	margin:0 auto;
	padding:0;
}
	
.all_area div.content_area dl.cost dt{
	width:86%;
	margin:15px auto 0;
	padding:8px 10px;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	background-color:#999;
	border:1px solid #999;
	border-top-left-radius:5px;
	-moz-border-top-left-radius: 5px;
  	-webkit-border-top-left-radius: 5px;
	border-top-right-radius:5px;
	-moz-border-top-right-radius: 5px;
  	-webkit-border-top-right-radius: 5px;
    color: #FFF;
}

.all_area div.content_area dl.cost dd{
	width:86%;
	margin:0 auto;
	padding:8px 10px;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	background-color:#FFF;
	border:1px solid #999;
	border-bottom-left-radius:5px;
	-moz-border-bottom-left-radius: 5px;
  	-webkit-border-bottom-left-radius: 5px;
	border-bottom-right-radius:5px;
	-moz-border-bottom-right-radius: 5px;
  	-webkit-border-bottom-right-radius: 5px;
}

.all_area div.content_area dl.cost dd span{
	font-weight:normal;
}

.all_area div.content_area p.mels_info{
	margin:15px 0 0 10px;
	padding:0;
	text-align:left;
}

ul.careplus_meritt{
	margin:30px auto 0;
	padding:0;
	text-align:center;
}

ul.careplus_meritt li{
	width:120px;
	height:120px;
	margin:0 5px 10px;
	padding:10px;
	text-align:center;
	background-color:#DF8D8E;
	color:#FFF;
	border-radius:100%;
	-moz-border-radius:100%;
  	-webkit-border-radius:100%;
	display:inline-block;
	vertical-align:middle;
	list-style:none;
}

ul.careplus_meritt li p{
	position: relative;
  	top:40%;
  	transform: translateY(-50%);
	font-weight:bold;
}

ul.mutan{
	margin:0 auto;
	padding:0;
	text-align:center;
}

ul.mutan li{
	width:330px;
	margin:0 15px 0;
	padding:0;
	display:inline-block;
	text-align:center;
	font-size:140%;
	font-weight:bold;
	vertical-align:top;
}

ul.mutan li span{
	font-size:50%;
	font-weight:normal;
	line-height:100%;
}


/* Coupon */

div.coupon_wrapper{
	width:1160px;
	margin:30px auto 0;
	padding:0;
	text-align:center;
}

div.coupon_box{
	width:500px;
	height:230px;
	margin:0 10px 15px;
	padding:0;
	border:1px solid #CCC;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	display:inline-block;
	position:relative;
}

div.coupon_box ul{
	margin:0;
	padding:0;
}

div.coupon_box li{
	margin:0;
	list-style:none;
}

div.coupon_box li.c_tit{
	padding:4px 0 2px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
	background-color:#F39800;
	border-top-left-radius:6px;
	-moz-border-top-left-radius: 6px;
  	-webkit-border-top-left-radius: 6px;
	border-top-right-radius:6px;
	-moz-border-top-right-radius: 6px;
  	-webkit-border-top-right-radius: 6px;
	color:#FFF;
}

div.coupon_box li.c_txt{
	padding:0 10px 0 0;
	position:absolute;
	top:35px;
	left:10px;
	text-align:left;
}

div.coupon_box li.c_btn a{
	position:absolute;
	bottom:15px;
	left:50%;
	width:460px;
	height:24px;
	padding:3px 0 6px;
	text-align:center;
	border:1px solid #CCC;
	background:-moz-linear-gradient(top,#FFF, #EFEFEF 50%,#FFF 50%,#EFEFEF);
    background:-webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.5,#EFEFEF), color-stop(0.5,#EFEFEF), to(#FFF));
	background:linear-gradient(to bottom, #FFF, #EFEFEF);/* IE10+, W3C */
	-pie-background:linear-gradient(#FFF, #EFEFEF);
	behavior: url(../pie/PIE.htc);
    cursor: pointer;
	z-index: 2;
	text-align: center;
	text-decoration: none;
	outline: none;
	margin-left:-230px;;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

div.coupon_box li.c_btn a:hover{
	background:-moz-linear-gradient(top,#006699, #003399 50%,#006699 50%,#003399);
    background:-webkit-gradient(linear, left top, left bottom, from(#006699), color-stop(0.5,#003399), color-stop(0.5,#003399), to(#006699));
	background:linear-gradient(to bottom, #006699, #003399);/* IE10+, W3C */
	-pie-background:linear-gradient(#006699, #003399);
	behavior: url(../pie/PIE.htc);
	border-color: #003399;
	color: #FFF;
}

div.coupon_box li.c_btn a:before{
	content:"";
	font-family: FontAwesome;
	content: '\f02f';
	margin-right:8px;
	font-size:110%;
}


/* Shop */

table.outline{
	width:100%;
	margin:20px auto 0;
	padding:0;
	border-collapse:collapse;
}

table.outline th{
	width:100%;
	display:block;
	margin:0;
	padding:10px 0 10px 0;
	text-align:center;
	font-weight:normal;
	background-color:#EFEFEF;
	border:1px solid #CCC;
}

table.outline td{
	width:95%;
	display:block;
	margin:0;
	padding:10px 8px 10px 10px;
	text-align:left;
	border:1px solid #CCC;
}

#map_canvas{
	width:100%;
	height:300px;
	margin:15px auto 0 auto;
	padding:0;
	border:1px solid #CCCCCC;
}


/* Contact */

p.thanks{
	margin:40px auto;
	padding:0;
	text-align:center;
}

/* policy */

dl.policy{
	margin:0 30px;
	padding:0;
}

dl.policy dt{
	margin:30px 0 0 0;
	padding:0;
	text-align:left;
	font-size:110%;
	font-weight:bold;
}

dl.policy dd{
	margin:10px 0 10px 10px;
	padding:0;
	text-align:left;
}

/* button */

div.button_area{
	width:70%;
	margin:40px auto 0;
	padding:8px 25px;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	background-color: #3D62AD;
	text-align:center;
}

div.button_area a{
	display:block;
	color:#FFF;
}


/* Float */

.p_l{
	margin:0 auto 10px;
	padding:0;
	float:none;
	display:block;
	clear:both;
	text-align:center;
}

.p_r{
	margin:0 auto 10px;
	padding:0;
	float:none;
	display:block;
	clear:both;
	text-align:center;
}


dl.news_list {
	margin:50px 0 0;
	padding:15px 20px;
}

dl.news_list dt {
	width:210px;
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	line-height:160%;
	clear:both;
}

dl.news_list dt span{
	margin:4px 10px 0 0;
	padding:5px 10px;
	color:#FFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	line-height:160%;
	border-bottom:1px dotted #CCC;
	font-size:80%;
}

dl.news_list dt span.camp{
	background-color:#FF6600;
}

dl.news_list dt span.item{
	background-color:#59B43C;
}

dl.news_list dt span.news{
	background-color:#006699;
}

dl.news_list dt span.other{
	background-color:#CC6699;
}

dl.news_list dd {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #CCC;
	text-align:left;
}

dl.news_list dd a{
	color:#FF3300;
}

dl.news_list dd a:hover{
	color:#006699;
}


/* surgery */

table.surgery{
	width:100%;
	margin:10px auto 0 auto;
	padding:0;
	text-align:center;
}

table.surgery thead{
	width:60px;
	display:block;
	float:left;
	text-align:center;
	margin-top:-2px;
	margin-right:6px;
}

table.surgery thead th{
	width:60px;
	display:block;
	border:1px solid #CCC;
	padding:12px 0 12px;
}

table.surgery thead td{
	width:60px;
	padding:8px 0;
	border:1px solid #CCC;
	margin-bottom:-1px;
}

table.surgery tbody{
	display:block;
}

table.surgery tbody th{
	display:block;
	border:1px solid #CCC;
}

table.surgery tr.day{
	display:block;
	float:left;
}

table.surgery td{
	display:block;
	width:100px;
	text-align:center;
	padding:8px 0;
	line-height:110%;
	border:1px solid #CCC;
	margin-bottom:-1px;
}

table.surgery br{
	display:none;
}

table.surgery td.weekday{
	background-color:#E6E5A3;
}

.blue{
	color:#365ED4;
}

.red{
	color:#FF0000;
}

.water{
	color:#BFAFF5;
}

/* sitemap */

ul.sitemap{
	margin:20px auto 0;
	padding:0;
}

ul.sitemap li{
	width:80%;
	margin:0 auto 20px;
	padding:20px 0;
	border:1px solid #CCC;
	text-align:center;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	list-style:none;
}

}




 
 
 /* iPhone 6 デバイスが横置きのとき (landscape: 高さより幅が広い表示) */
@media only screen and (min-device-width: 375px)
 and (max-device-width: 667px)
 and (orientation : landscape) { 
 
 /* annimation */
.list-mv{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
}
.mv{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition: 1.5s;
}

/* layout */

 article{
	width:100%;
	margin:90px auto 0 auto;
	padding:0;
	overflow:hidden;
}

section.contents{
	width:96%;
	margin:0 auto;
	padding:0 0 15px;
}


/* bread crumb */

.naviarea{
	display:none;
}

/* contents title */


section.contents h1{
	margin:5px auto 0;
	padding:0 0 20px;
	text-align:center;
	border-bottom:1px dotted #CCC;
	font-size:150%;
	font-weight:normal;
}

section.contents h1 span{
	color:#DC383B;
	font-size:60%;
}

/* contents area */

section.contents h2{
	margin:30px 0 0;
	padding:0;
	text-align:center;
	font-size:110%;
	font-weight:normal;
	line-height:170%;
}

section.contents h3{
	margin:50px auto 50px;
	padding:0;
	position:relative;
	text-align:center;
	font-size:130%;
}

section.contents h3:before,
section.contents h3:after{
  	content:"";
  	display:block;
  	position:absolute;
  	height:1px;
  	width:100%;
  	border: 0;
  	background: #ccc;
  	background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(0.7,#F39800), color-stop(0.7,#F39800), to(#fff));
	background: -moz-linear-gradient(left,#fff 0%, #F39800 30%, #F39800 70%, #fff 100%);
	background: -o-linear-gradient(left,#fff 0%, #F39800 30%, #F39800 70%, #fff 100%);
	background: -ms-linear-gradient(left,#fff 0%, #F39800 30%, #F39800 70%, #fff 100%);
	background: linear-gradient(left,#fff 0%, #F39800 30%, #F39800 70%, #fff 100%);
}
section.contents h3:before{
  	top:-20px;
}
section.contents h3:after{
  	bottom:-20px;
}

section.contents h4{
	width:94%;
	margin:45px auto;
	padding:0 10px;
	text-align:center;
	font-size:130%;
	color:#BF2628;
	border-left:5px solid #C15F61;
	border-right:5px solid #C15F61;
}





p.co_txt{
	margin:0;
	padding:10px;
	text-align:center;
}

p.co_txt span{
	font-weight:bold;
	font-size:120%;
	color:#006699;
}

p.caution{
	margin:10px 20px 0;
	padding:0;
	text-align:center;
	font-size:87%;
	line-height:130%;
}


p.obj_c{
	margin:25px 0 0 0;
	padding:0;
	text-align:center;
}



/* beginner FAQ */

dl.faq{
	margin:0 auto;
	padding:0;
}

dl.faq dt{
	margin:20px 0 0 20px;
	padding:0 0 0 0;
	text-align:left;
	font-weight:normal;
}

dl.faq dt:before{
	font-family: FontAwesome;
	content: 'Q.';
	font-size:120%;
	font-weight:bold;
	margin-right:10px;
	color:#CC0000;
}

dl.faq dd{
	margin:20px 20px 0 ;
	padding:0;
	text-align:left;
	overflow:hidden;
}

dl.faq dd:before{
	font-family: FontAwesome;
	content: 'A.';
	font-size:120%;
	font-weight:bold;
	margin-right:10px;
	color:#003399;
}


/* Meritt */

ul.meritt{
	margin:30px auto 0;
	padding:0;
	text-align:center;
}

ul.meritt li{
	width:230px;
	height:40px;
	margin:0 auto 5px;
	padding:8px 25px 0;
	background:-moz-linear-gradient(top,#FFDC90, #F39800 50%,#FFDC90 50%,#F39800);
    background:-webkit-gradient(linear, left top, left bottom, from(#FFDC90), color-stop(0.5,#F39800), color-stop(0.5,#F39800), to(#FFDC90));
	background:linear-gradient(to bottom, #FFDC90, #F39800);
	-pie-background:linear-gradient(#FFDC90, #F39800);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	border:1px solid #fff;
	list-style:none;
	text-align:center;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, .4) inset,
                0 0 4px rgba(100, 100, 100, .8) inset,
                2px 2px 2px rgba(100, 100, 100, .4);
}




/* Concept */

ul.concept{
	margin:60px auto 0;
	padding:0;
}

ul.concept li{
	margin:0 15px 20px 25px;
	padding:0;
	text-align:left;
	list-style:decimal outside;
	font-size:120%;
	line-height:140%;
}



/* Manual */

ul.manual{
	margin:35px auto 0;
	padding:0;
	text-align:center;
}

ul.manual li{
	margin:0 0 15px;
	padding:0;
	text-align:center;
	font-size:90%;
	line-height:110%;
	list-style:none;
}


/* Products */

div#products_wrapper{
	width:100%;
	margin:30px auto;
	padding:0;
	text-align:center;
}

div.products_box{
	width:100%;
	margin:0 0 40px;
	padding:0;
	border:1px solid #CCC;
}

p.p_img{
	margin:8px 0 0;
	padding:0;
	text-align:center;
}

p.p_name{
	margin:8px 0 0;
	padding:0;
	text-align:center;
	font-size:120%;
	font-weight:bold;
}

p.p_txt{
	margin:10px 5px 0;
	padding:0;
	text-align:center;
}

div.detail_btn{
	width:220px;
	height:24px;
	margin:10px auto;
	padding:6px 0 0;
	background:-moz-linear-gradient(top,#ccc, #999 50%,#ccc 50%,#999);
    background:-webkit-gradient(linear, left top, left bottom, from(#ccc), color-stop(0.5,#999), color-stop(0.5,#999), to(#ccc));
	background:linear-gradient(to bottom, #ccc, #999);
	-pie-background:linear-gradient(#ccc, #999);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

.detail_btn a{
	color:#FFF;
}

.detail_btn a:after{
	font-family: FontAwesome;
	content: '\f054';
	color:#FFF;
	margin-left:16px;
}

div.products_title{
	width:100%;
	margin:30px auto 0;
	padding:0;
	background-color:#FAE7E7;
	border-top:1px solid #DDD;
}

div.products_title p{
	margin:0;
	padding:7px 0 10px;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	line-height:100%;
}

div.products_title p span{
	font-size:70%;
	font-weight:normal;
	line-height:180%;
}

div.products_detail{
	width:100%;
	margin:10px auto 0;
	padding:0;
	overflow:hidden;
}

div.products_image{
	width:100%;
	margin:0 auto;
	padding:0;
}

div.products_image img{
	padding:5px;
	text-align:center;
	border:1px solid #CCC;
}

div.products_information{
	width:100%;
	margin:15px auto 0;
	padding:0;
}

div.products_information ul{
	margin:0;
	padding:0;
}

div.products_information li{
	margin:0 0 10px 0;
	padding:0;
	text-align:left;
	list-style:none;
}

div.products_information li.twoweek{
	width:100px;
	text-align:center;	
	font-size:130%;
	background-color:#CE5D5D;
	font-weight:bold;
	color:#FFF;
	padding:6px 12px;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

div.products_information li.oneday{
	width:100px;
	text-align:center;	
	font-size:130%;
	background-color:#4C72CE;
	font-weight:bold;
	color:#FFF;
	padding:6px 12px;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

div.coupon_title{
	width:600px;
	margin:0 auto;
	padding:0;
	background-color:#EFEFEF;
	border-top:1px solid #AAA;
}

div.coupon_title p{
	margin:0;
	padding:5px 0 7px 12px;
	text-align:left;
	font-weight:bold;
}

p.coupon_txt{
	margin:10px 0 0 0;
	padding:0;
	text-align:left;
}

p.coupon_txt span{
	font-size:120%;
	font-weight:bold;
	color:#FF4400;
}

div.coupon_btn{
	width:180px;
	height:28px;
	margin:10px 0 0;
	padding:3px 0 0 0;
	background:-moz-linear-gradient(top,#F3B800, #F36300 50%,#F3B800 50%,#F36300);
    background:-webkit-gradient(linear, left top, left bottom, from(#F3B800), color-stop(0.5,#F36300), color-stop(0.5,#F36300), to(#F3B800));
	background:linear-gradient(to bottom, #F3B800, #F36300);
	-pie-background:linear-gradient(#F3B800, #F36300);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	text-align:center;
}

div.coupon_btn a{
	color:#FFF;
}

div.coupon_btn a:after{
	font-family: FontAwesome;
	content: '\f08e';
	color:#FFF;
	margin-left:10px;
}

ul.products_cat{
	margin:30px auto;
	padding:0;
	text-align:center;
}

ul.products_cat li{
	width:90%;
	margin:0 20px 15px;
	padding:6px 0;
	text-align:center;
	border:1px solid #CCC;
	background-color:#F4E3B5;
	display:inline-block;
	list-style:none;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}




/* MELSPLAN */


div.melspan_wrapper{
	width:100%;
	margin:50px auto 0;
	padding:0;
	text-align:center;
	
}

div.point_box{
	width:96%;
	height:auto;
	margin:0 auto 45px;
	padding:30px 0 0;
	border:1px solid #ccc;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	position:relative;
	display:inline-block;
	vertical-align:top;
}

div.point_box ul{
	margin:0;
	padding:0;
}

div.point_box li{
	list-style:none;
}

div.point_box li.no{
	width:60px;
	height:50px;
	margin:0 0 0 -30px;
	padding:10px 0 0;
	background-color:#C18B8B;
	border-radius:100%;
	-moz-border-radius:100%;
  	-webkit-border-radius:100%;
	position:absolute;
	top:-30px;
	left:50%;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	line-height:150%;
}

div.point_box li.no span{
	font-size:170%;
	display:block;
}

div.point_box li.image{
	margin:0;
	padding:10px 0 0;
	text-align:center;
}

div.point_box li.title{
	margin:0;
	padding:10px 10px 0;
	text-align:center;
	font-size:120%;
	color:#003399;
	font-weight:bold;
}

div.point_box li.txt{
	margin:0;
	padding:10px 25px;
	text-align:left;
	line-height:150%;
}


ul.flow{
	margin:25px auto 0;
	padding:0;
}

ul.flow li{
	margin:0 10px 10px 30px;
	padding:0;
	text-align:left;
	list-style:decimal outside;
}

ul.flow li.ng{
	list-style:none;
}



ul.tab_area{
	width:96%;
    overflow:hidden;
	text-align:center;
    margin:0px auto 0 auto;
	padding:0;
    }
     
ul.tab_area li{
	width:100%;
	list-style: none;
	margin:2px 0 5px;
	padding:6px 0;
	background-color:#EFEFEF;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	border:1px solid #CCC;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
    }
	
          
.all_area div.content_area{
    /*Tabの内容を表示するエリアの装飾*/
    background:#ffffff;
    padding:15px 10px 10px;  
    border-top: 2px solid #006699;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 3px solid #ccc;
	text-align:center;
	margin-top:10px;
    }
 
.tab_area li.select{
    /*アクティブタブの装飾*/
    background-color:#006699; 
    background-image:none; 
    color:#fff;
    border-top:2px solid #006699;
    }
     
.hide{display:none;}

.all_area div.content_area h5{
	font-size:120%;
	text-align:center;
	margin:10px auto;
	padding:0 0 16px 0;
	width:90%;
	border-bottom:2px solid #006699;
}

.all_area div.content_area ul{
	margin:20px auto 0;
	padding:0;
	text-align:center;
}

.all_area div.content_area li{
	width:100%;
	margin:0 10px 10px;
	padding:0;
	text-align:center;
	font-weight:bold;
	font-size:110%;
	list-style:none;
	display:inline-block;
	vertical-align:top;
}

.all_area div.content_area div.nyukai_info{
	width:86%;
	margin:10px auto 0;
	padding:8px 10px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background-color:#B7A1EC;
	border:1px solid #B7A1EC;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	font-size:120%;
}

.all_area div.content_area div.nyukai_info2{
	width:86%;
	margin:10px auto 0;
	padding:8px 10px 0;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background-color:#5D51AF;
	border:1px solid #5D51AF;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	font-size:120%;
}

.all_area div.content_area div.nyukai_info3{
	width:86%;
	margin:10px auto 0;
	padding:8px 10px 0;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background-color:#43DA15;
	border:1px solid #43DA15;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	font-size:120%;
}

.all_area div.content_area dl.cost{
	margin:0 auto;
	padding:0;
}
	
.all_area div.content_area dl.cost dt{
	width:86%;
	margin:15px auto 0;
	padding:8px 10px;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	background-color:#999;
	border:1px solid #999;
	border-top-left-radius:5px;
	-moz-border-top-left-radius: 5px;
  	-webkit-border-top-left-radius: 5px;
	border-top-right-radius:5px;
	-moz-border-top-right-radius: 5px;
  	-webkit-border-top-right-radius: 5px;
    color: #FFF;
}

.all_area div.content_area dl.cost dd{
	width:86%;
	margin:0 auto;
	padding:8px 10px;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	background-color:#FFF;
	border:1px solid #999;
	border-bottom-left-radius:5px;
	-moz-border-bottom-left-radius: 5px;
  	-webkit-border-bottom-left-radius: 5px;
	border-bottom-right-radius:5px;
	-moz-border-bottom-right-radius: 5px;
  	-webkit-border-bottom-right-radius: 5px;
}

.all_area div.content_area dl.cost dd span{
	font-weight:normal;
}

.all_area div.content_area p.mels_info{
	margin:15px 0 0 10px;
	padding:0;
	text-align:left;
}

ul.careplus_meritt{
	margin:30px auto 0;
	padding:0;
	text-align:center;
}

ul.careplus_meritt li{
	width:120px;
	height:120px;
	margin:0 5px 10px;
	padding:10px;
	text-align:center;
	background-color:#DF8D8E;
	color:#FFF;
	border-radius:100%;
	-moz-border-radius:100%;
  	-webkit-border-radius:100%;
	display:inline-block;
	vertical-align:middle;
	list-style:none;
}

ul.careplus_meritt li p{
	position: relative;
  	top:40%;
  	transform: translateY(-50%);
	font-weight:bold;
}

ul.mutan{
	margin:0 auto;
	padding:0;
	text-align:center;
}

ul.mutan li{
	width:330px;
	margin:0 15px 0;
	padding:0;
	display:inline-block;
	text-align:center;
	font-size:140%;
	font-weight:bold;
	vertical-align:top;
}

ul.mutan li span{
	font-size:50%;
	font-weight:normal;
	line-height:100%;
}


/* Coupon */

div.coupon_wrapper{
	width:1160px;
	margin:30px auto 0;
	padding:0;
	text-align:center;
}

div.coupon_box{
	width:500px;
	height:230px;
	margin:0 10px 15px;
	padding:0;
	border:1px solid #CCC;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	display:inline-block;
	position:relative;
}

div.coupon_box ul{
	margin:0;
	padding:0;
}

div.coupon_box li{
	margin:0;
	list-style:none;
}

div.coupon_box li.c_tit{
	padding:4px 0 2px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
	background-color:#F39800;
	border-top-left-radius:6px;
	-moz-border-top-left-radius: 6px;
  	-webkit-border-top-left-radius: 6px;
	border-top-right-radius:6px;
	-moz-border-top-right-radius: 6px;
  	-webkit-border-top-right-radius: 6px;
	color:#FFF;
}

div.coupon_box li.c_txt{
	padding:0 10px 0 0;
	position:absolute;
	top:35px;
	left:10px;
	text-align:left;
}

div.coupon_box li.c_btn a{
	position:absolute;
	bottom:15px;
	left:50%;
	width:460px;
	height:24px;
	padding:3px 0 6px;
	text-align:center;
	border:1px solid #CCC;
	background:-moz-linear-gradient(top,#FFF, #EFEFEF 50%,#FFF 50%,#EFEFEF);
    background:-webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.5,#EFEFEF), color-stop(0.5,#EFEFEF), to(#FFF));
	background:linear-gradient(to bottom, #FFF, #EFEFEF);/* IE10+, W3C */
	-pie-background:linear-gradient(#FFF, #EFEFEF);
	behavior: url(../pie/PIE.htc);
    cursor: pointer;
	z-index: 2;
	text-align: center;
	text-decoration: none;
	outline: none;
	margin-left:-230px;;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

div.coupon_box li.c_btn a:hover{
	background:-moz-linear-gradient(top,#006699, #003399 50%,#006699 50%,#003399);
    background:-webkit-gradient(linear, left top, left bottom, from(#006699), color-stop(0.5,#003399), color-stop(0.5,#003399), to(#006699));
	background:linear-gradient(to bottom, #006699, #003399);/* IE10+, W3C */
	-pie-background:linear-gradient(#006699, #003399);
	behavior: url(../pie/PIE.htc);
	border-color: #003399;
	color: #FFF;
}

div.coupon_box li.c_btn a:before{
	content:"";
	font-family: FontAwesome;
	content: '\f02f';
	margin-right:8px;
	font-size:110%;
}


/* Shop */

table.outline{
	width:100%;
	margin:20px auto 0;
	padding:0;
	border-collapse:collapse;
}

table.outline th{
	width:100%;
	display:block;
	margin:0;
	padding:10px 0 10px 0;
	text-align:center;
	font-weight:normal;
	background-color:#EFEFEF;
	border:1px solid #CCC;
}

table.outline td{
	width:95%;
	display:block;
	margin:0;
	padding:10px 8px 10px 10px;
	text-align:left;
	border:1px solid #CCC;
}

#map_canvas{
	width:100%;
	height:300px;
	margin:15px auto 0 auto;
	padding:0;
	border:1px solid #CCCCCC;
}


/* Contact */

p.thanks{
	margin:40px auto;
	padding:0;
	text-align:center;
}

/* policy */

dl.policy{
	margin:0 30px;
	padding:0;
}

dl.policy dt{
	margin:30px 0 0 0;
	padding:0;
	text-align:left;
	font-size:110%;
	font-weight:bold;
}

dl.policy dd{
	margin:10px 0 10px 10px;
	padding:0;
	text-align:left;
}

/* button */

div.button_area{
	width:70%;
	margin:40px auto 0;
	padding:8px 25px;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	background-color: #3D62AD;
	text-align:center;
}

div.button_area a{
	display:block;
	color:#FFF;
}


/* Float */

.p_l{
	margin:0 auto 10px;
	padding:0;
	float:none;
	display:block;
	clear:both;
	text-align:center;
}

.p_r{
	margin:0 auto 10px;
	padding:0;
	float:none;
	display:block;
	clear:both;
	text-align:center;
}


dl.news_list {
	margin:50px 0 0;
	padding:15px 20px;
}

dl.news_list dt {
	width:210px;
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	line-height:160%;
	clear:both;
}

dl.news_list dt span{
	margin:4px 10px 0 0;
	padding:5px 10px;
	color:#FFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	line-height:160%;
	border-bottom:1px dotted #CCC;
	font-size:80%;
}

dl.news_list dt span.camp{
	background-color:#FF6600;
}

dl.news_list dt span.item{
	background-color:#59B43C;
}

dl.news_list dt span.news{
	background-color:#006699;
}

dl.news_list dt span.other{
	background-color:#CC6699;
}

dl.news_list dd {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #CCC;
	text-align:left;
}

dl.news_list dd a{
	color:#FF3300;
}

dl.news_list dd a:hover{
	color:#006699;
}


/* surgery */

table.surgery{
	width:100%;
	margin:10px auto 0 auto;
	padding:0;
	text-align:center;
}

table.surgery thead{
	width:60px;
	display:block;
	float:left;
	text-align:center;
	margin-top:-2px;
	margin-right:6px;
}

table.surgery thead th{
	width:60px;
	display:block;
	border:1px solid #CCC;
	padding:12px 0 12px;
}

table.surgery thead td{
	width:60px;
	padding:8px 0;
	border:1px solid #CCC;
	margin-bottom:-1px;
}

table.surgery tbody{
	display:block;
}

table.surgery tbody th{
	display:block;
	border:1px solid #CCC;
}

table.surgery tr.day{
	display:block;
	float:left;
}

table.surgery td{
	display:block;
	width:100px;
	text-align:center;
	padding:8px 0;
	line-height:110%;
	border:1px solid #CCC;
	margin-bottom:-1px;
}

table.surgery br{
	display:none;
}

table.surgery td.weekday{
	background-color:#E6E5A3;
}

.blue{
	color:#365ED4;
}

.red{
	color:#FF0000;
}

.water{
	color:#BFAFF5;
}

/* sitemap */

ul.sitemap{
	margin:20px auto 0;
	padding:0;
}

ul.sitemap li{
	width:80%;
	margin:0 auto 20px;
	padding:20px 0;
	border:1px solid #CCC;
	text-align:center;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	list-style:none;
}

}




 
 
 
  
 /* iPhone 6+ がデバイスが横置きのとき (landscape: 高さより幅が広い表示) */
 @media only screen and (min-device-width: 414px)
 and (max-device-width: 736px)
 and (orientation : landscape) { 
 
/* annimation */
.list-mv{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
}
.mv{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition: 1.5s;
}

/* layout */

 article{
	width:100%;
	margin:90px auto 0 auto;
	padding:0;
	overflow:hidden;
}

section.contents{
	width:96%;
	margin:0 auto;
	padding:0 0 15px;
}


/* bread crumb */

.naviarea{
	display:none;
}

/* contents title */


section.contents h1{
	margin:5px auto 0;
	padding:0 0 20px;
	text-align:center;
	border-bottom:1px dotted #CCC;
	font-size:150%;
	font-weight:normal;
}

section.contents h1 span{
	color:#DC383B;
	font-size:60%;
}

/* contents area */

section.contents h2{
	margin:30px 0 0;
	padding:0;
	text-align:center;
	font-size:110%;
	font-weight:normal;
	line-height:170%;
}

section.contents h3{
	margin:50px auto 50px;
	padding:0;
	position:relative;
	text-align:center;
	font-size:130%;
}

section.contents h3:before,
section.contents h3:after{
  	content:"";
  	display:block;
  	position:absolute;
  	height:1px;
  	width:100%;
  	border: 0;
  	background: #ccc;
  	background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(0.7,#F39800), color-stop(0.7,#F39800), to(#fff));
	background: -moz-linear-gradient(left,#fff 0%, #F39800 30%, #F39800 70%, #fff 100%);
	background: -o-linear-gradient(left,#fff 0%, #F39800 30%, #F39800 70%, #fff 100%);
	background: -ms-linear-gradient(left,#fff 0%, #F39800 30%, #F39800 70%, #fff 100%);
	background: linear-gradient(left,#fff 0%, #F39800 30%, #F39800 70%, #fff 100%);
}
section.contents h3:before{
  	top:-20px;
}
section.contents h3:after{
  	bottom:-20px;
}

section.contents h4{
	width:94%;
	margin:45px auto;
	padding:0 10px;
	text-align:center;
	font-size:130%;
	color:#BF2628;
	border-left:5px solid #C15F61;
	border-right:5px solid #C15F61;
}





p.co_txt{
	margin:0;
	padding:10px;
	text-align:center;
}

p.co_txt span{
	font-weight:bold;
	font-size:120%;
	color:#006699;
}

p.caution{
	margin:10px 20px 0;
	padding:0;
	text-align:center;
	font-size:87%;
	line-height:130%;
}


p.obj_c{
	margin:25px 0 0 0;
	padding:0;
	text-align:center;
}



/* beginner FAQ */

dl.faq{
	margin:0 auto;
	padding:0;
}

dl.faq dt{
	margin:20px 0 0 20px;
	padding:0 0 0 0;
	text-align:left;
	font-weight:normal;
}

dl.faq dt:before{
	font-family: FontAwesome;
	content: 'Q.';
	font-size:120%;
	font-weight:bold;
	margin-right:10px;
	color:#CC0000;
}

dl.faq dd{
	margin:20px 20px 0 ;
	padding:0;
	text-align:left;
	overflow:hidden;
}

dl.faq dd:before{
	font-family: FontAwesome;
	content: 'A.';
	font-size:120%;
	font-weight:bold;
	margin-right:10px;
	color:#003399;
}


/* Meritt */

ul.meritt{
	margin:30px auto 0;
	padding:0;
	text-align:center;
}

ul.meritt li{
	width:230px;
	height:40px;
	margin:0 auto 5px;
	padding:8px 25px 0;
	background:-moz-linear-gradient(top,#FFDC90, #F39800 50%,#FFDC90 50%,#F39800);
    background:-webkit-gradient(linear, left top, left bottom, from(#FFDC90), color-stop(0.5,#F39800), color-stop(0.5,#F39800), to(#FFDC90));
	background:linear-gradient(to bottom, #FFDC90, #F39800);
	-pie-background:linear-gradient(#FFDC90, #F39800);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	border:1px solid #fff;
	list-style:none;
	text-align:center;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, .4) inset,
                0 0 4px rgba(100, 100, 100, .8) inset,
                2px 2px 2px rgba(100, 100, 100, .4);
}




/* Concept */

ul.concept{
	margin:60px auto 0;
	padding:0;
}

ul.concept li{
	margin:0 15px 20px 25px;
	padding:0;
	text-align:left;
	list-style:decimal outside;
	font-size:120%;
	line-height:140%;
}



/* Manual */

ul.manual{
	margin:35px auto 0;
	padding:0;
	text-align:center;
}

ul.manual li{
	margin:0 0 15px;
	padding:0;
	text-align:center;
	font-size:90%;
	line-height:110%;
	list-style:none;
}


/* Products */

div#products_wrapper{
	width:100%;
	margin:30px auto;
	padding:0;
	text-align:center;
}

div.products_box{
	width:100%;
	margin:0 0 40px;
	padding:0;
	border:1px solid #CCC;
}

p.p_img{
	margin:8px 0 0;
	padding:0;
	text-align:center;
}

p.p_name{
	margin:8px 0 0;
	padding:0;
	text-align:center;
	font-size:120%;
	font-weight:bold;
}

p.p_txt{
	margin:10px 5px 0;
	padding:0;
	text-align:center;
}

div.detail_btn{
	width:220px;
	height:24px;
	margin:10px auto;
	padding:6px 0 0;
	background:-moz-linear-gradient(top,#ccc, #999 50%,#ccc 50%,#999);
    background:-webkit-gradient(linear, left top, left bottom, from(#ccc), color-stop(0.5,#999), color-stop(0.5,#999), to(#ccc));
	background:linear-gradient(to bottom, #ccc, #999);
	-pie-background:linear-gradient(#ccc, #999);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

.detail_btn a{
	color:#FFF;
}

.detail_btn a:after{
	font-family: FontAwesome;
	content: '\f054';
	color:#FFF;
	margin-left:16px;
}

div.products_title{
	width:100%;
	margin:30px auto 0;
	padding:0;
	background-color:#FAE7E7;
	border-top:1px solid #DDD;
}

div.products_title p{
	margin:0;
	padding:7px 0 10px;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	line-height:100%;
}

div.products_title p span{
	font-size:70%;
	font-weight:normal;
	line-height:180%;
}

div.products_detail{
	width:100%;
	margin:10px auto 0;
	padding:0;
	overflow:hidden;
}

div.products_image{
	width:100%;
	margin:0 auto;
	padding:0;
}

div.products_image img{
	padding:5px;
	text-align:center;
	border:1px solid #CCC;
}

div.products_information{
	width:100%;
	margin:15px auto 0;
	padding:0;
}

div.products_information ul{
	margin:0;
	padding:0;
}

div.products_information li{
	margin:0 0 10px 0;
	padding:0;
	text-align:left;
	list-style:none;
}

div.products_information li.twoweek{
	width:100px;
	text-align:center;	
	font-size:130%;
	background-color:#CE5D5D;
	font-weight:bold;
	color:#FFF;
	padding:6px 12px;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

div.products_information li.oneday{
	width:100px;
	text-align:center;	
	font-size:130%;
	background-color:#4C72CE;
	font-weight:bold;
	color:#FFF;
	padding:6px 12px;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

div.coupon_title{
	width:600px;
	margin:0 auto;
	padding:0;
	background-color:#EFEFEF;
	border-top:1px solid #AAA;
}

div.coupon_title p{
	margin:0;
	padding:5px 0 7px 12px;
	text-align:left;
	font-weight:bold;
}

p.coupon_txt{
	margin:10px 0 0 0;
	padding:0;
	text-align:left;
}

p.coupon_txt span{
	font-size:120%;
	font-weight:bold;
	color:#FF4400;
}

div.coupon_btn{
	width:180px;
	height:28px;
	margin:10px 0 0;
	padding:3px 0 0 0;
	background:-moz-linear-gradient(top,#F3B800, #F36300 50%,#F3B800 50%,#F36300);
    background:-webkit-gradient(linear, left top, left bottom, from(#F3B800), color-stop(0.5,#F36300), color-stop(0.5,#F36300), to(#F3B800));
	background:linear-gradient(to bottom, #F3B800, #F36300);
	-pie-background:linear-gradient(#F3B800, #F36300);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	text-align:center;
}

div.coupon_btn a{
	color:#FFF;
}

div.coupon_btn a:after{
	font-family: FontAwesome;
	content: '\f08e';
	color:#FFF;
	margin-left:10px;
}

ul.products_cat{
	margin:30px auto;
	padding:0;
	text-align:center;
}

ul.products_cat li{
	width:90%;
	margin:0 20px 15px;
	padding:6px 0;
	text-align:center;
	border:1px solid #CCC;
	background-color:#F4E3B5;
	display:inline-block;
	list-style:none;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}




/* MELSPLAN */


div.melspan_wrapper{
	width:100%;
	margin:50px auto 0;
	padding:0;
	text-align:center;
	
}

div.point_box{
	width:96%;
	height:auto;
	margin:0 auto 45px;
	padding:30px 0 0;
	border:1px solid #ccc;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	position:relative;
	display:inline-block;
	vertical-align:top;
}

div.point_box ul{
	margin:0;
	padding:0;
}

div.point_box li{
	list-style:none;
}

div.point_box li.no{
	width:60px;
	height:50px;
	margin:0 0 0 -30px;
	padding:10px 0 0;
	background-color:#C18B8B;
	border-radius:100%;
	-moz-border-radius:100%;
  	-webkit-border-radius:100%;
	position:absolute;
	top:-30px;
	left:50%;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	line-height:150%;
}

div.point_box li.no span{
	font-size:170%;
	display:block;
}

div.point_box li.image{
	margin:0;
	padding:10px 0 0;
	text-align:center;
}

div.point_box li.title{
	margin:0;
	padding:10px 10px 0;
	text-align:center;
	font-size:120%;
	color:#003399;
	font-weight:bold;
}

div.point_box li.txt{
	margin:0;
	padding:10px 25px;
	text-align:left;
	line-height:150%;
}


ul.flow{
	margin:25px auto 0;
	padding:0;
}

ul.flow li{
	margin:0 10px 10px 30px;
	padding:0;
	text-align:left;
	list-style:decimal outside;
}

ul.flow li.ng{
	list-style:none;
}



ul.tab_area{
	width:96%;
    overflow:hidden;
	text-align:center;
    margin:0px auto 0 auto;
	padding:0;
    }
     
ul.tab_area li{
	width:100%;
	list-style: none;
	margin:2px 0 5px;
	padding:6px 0;
	background-color:#EFEFEF;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	border:1px solid #CCC;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
    }
	
          
.all_area div.content_area{
    /*Tabの内容を表示するエリアの装飾*/
    background:#ffffff;
    padding:15px 10px 10px;  
    border-top: 2px solid #006699;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 3px solid #ccc;
	text-align:center;
	margin-top:10px;
    }
 
.tab_area li.select{
    /*アクティブタブの装飾*/
    background-color:#006699; 
    background-image:none; 
    color:#fff;
    border-top:2px solid #006699;
    }
     
.hide{display:none;}

.all_area div.content_area h5{
	font-size:120%;
	text-align:center;
	margin:10px auto;
	padding:0 0 16px 0;
	width:90%;
	border-bottom:2px solid #006699;
}

.all_area div.content_area ul{
	margin:20px auto 0;
	padding:0;
	text-align:center;
}

.all_area div.content_area li{
	width:100%;
	margin:0 10px 10px;
	padding:0;
	text-align:center;
	font-weight:bold;
	font-size:110%;
	list-style:none;
	display:inline-block;
	vertical-align:top;
}

.all_area div.content_area div.nyukai_info{
	width:86%;
	margin:10px auto 0;
	padding:8px 10px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background-color:#B7A1EC;
	border:1px solid #B7A1EC;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	font-size:120%;
}

.all_area div.content_area div.nyukai_info2{
	width:86%;
	margin:10px auto 0;
	padding:8px 10px 0;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background-color:#5D51AF;
	border:1px solid #5D51AF;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	font-size:120%;
}

.all_area div.content_area div.nyukai_info3{
	width:86%;
	margin:10px auto 0;
	padding:8px 10px 0;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background-color:#43DA15;
	border:1px solid #43DA15;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	font-size:120%;
}

.all_area div.content_area dl.cost{
	margin:0 auto;
	padding:0;
}
	
.all_area div.content_area dl.cost dt{
	width:86%;
	margin:15px auto 0;
	padding:8px 10px;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	background-color:#999;
	border:1px solid #999;
	border-top-left-radius:5px;
	-moz-border-top-left-radius: 5px;
  	-webkit-border-top-left-radius: 5px;
	border-top-right-radius:5px;
	-moz-border-top-right-radius: 5px;
  	-webkit-border-top-right-radius: 5px;
    color: #FFF;
}

.all_area div.content_area dl.cost dd{
	width:86%;
	margin:0 auto;
	padding:8px 10px;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	background-color:#FFF;
	border:1px solid #999;
	border-bottom-left-radius:5px;
	-moz-border-bottom-left-radius: 5px;
  	-webkit-border-bottom-left-radius: 5px;
	border-bottom-right-radius:5px;
	-moz-border-bottom-right-radius: 5px;
  	-webkit-border-bottom-right-radius: 5px;
}

.all_area div.content_area dl.cost dd span{
	font-weight:normal;
}

.all_area div.content_area p.mels_info{
	margin:15px 0 0 10px;
	padding:0;
	text-align:left;
}

ul.careplus_meritt{
	margin:30px auto 0;
	padding:0;
	text-align:center;
}

ul.careplus_meritt li{
	width:120px;
	height:120px;
	margin:0 5px 10px;
	padding:10px;
	text-align:center;
	background-color:#DF8D8E;
	color:#FFF;
	border-radius:100%;
	-moz-border-radius:100%;
  	-webkit-border-radius:100%;
	display:inline-block;
	vertical-align:middle;
	list-style:none;
}

ul.careplus_meritt li p{
	position: relative;
  	top:40%;
  	transform: translateY(-50%);
	font-weight:bold;
}

ul.mutan{
	margin:0 auto;
	padding:0;
	text-align:center;
}

ul.mutan li{
	width:330px;
	margin:0 15px 0;
	padding:0;
	display:inline-block;
	text-align:center;
	font-size:140%;
	font-weight:bold;
	vertical-align:top;
}

ul.mutan li span{
	font-size:50%;
	font-weight:normal;
	line-height:100%;
}


/* Coupon */

div.coupon_wrapper{
	width:1160px;
	margin:30px auto 0;
	padding:0;
	text-align:center;
}

div.coupon_box{
	width:500px;
	height:230px;
	margin:0 10px 15px;
	padding:0;
	border:1px solid #CCC;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	display:inline-block;
	position:relative;
}

div.coupon_box ul{
	margin:0;
	padding:0;
}

div.coupon_box li{
	margin:0;
	list-style:none;
}

div.coupon_box li.c_tit{
	padding:4px 0 2px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
	background-color:#F39800;
	border-top-left-radius:6px;
	-moz-border-top-left-radius: 6px;
  	-webkit-border-top-left-radius: 6px;
	border-top-right-radius:6px;
	-moz-border-top-right-radius: 6px;
  	-webkit-border-top-right-radius: 6px;
	color:#FFF;
}

div.coupon_box li.c_txt{
	padding:0 10px 0 0;
	position:absolute;
	top:35px;
	left:10px;
	text-align:left;
}

div.coupon_box li.c_btn a{
	position:absolute;
	bottom:15px;
	left:50%;
	width:460px;
	height:24px;
	padding:3px 0 6px;
	text-align:center;
	border:1px solid #CCC;
	background:-moz-linear-gradient(top,#FFF, #EFEFEF 50%,#FFF 50%,#EFEFEF);
    background:-webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.5,#EFEFEF), color-stop(0.5,#EFEFEF), to(#FFF));
	background:linear-gradient(to bottom, #FFF, #EFEFEF);/* IE10+, W3C */
	-pie-background:linear-gradient(#FFF, #EFEFEF);
	behavior: url(../pie/PIE.htc);
    cursor: pointer;
	z-index: 2;
	text-align: center;
	text-decoration: none;
	outline: none;
	margin-left:-230px;;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

div.coupon_box li.c_btn a:hover{
	background:-moz-linear-gradient(top,#006699, #003399 50%,#006699 50%,#003399);
    background:-webkit-gradient(linear, left top, left bottom, from(#006699), color-stop(0.5,#003399), color-stop(0.5,#003399), to(#006699));
	background:linear-gradient(to bottom, #006699, #003399);/* IE10+, W3C */
	-pie-background:linear-gradient(#006699, #003399);
	behavior: url(../pie/PIE.htc);
	border-color: #003399;
	color: #FFF;
}

div.coupon_box li.c_btn a:before{
	content:"";
	font-family: FontAwesome;
	content: '\f02f';
	margin-right:8px;
	font-size:110%;
}


/* Shop */

table.outline{
	width:100%;
	margin:20px auto 0;
	padding:0;
	border-collapse:collapse;
}

table.outline th{
	width:100%;
	display:block;
	margin:0;
	padding:10px 0 10px 0;
	text-align:center;
	font-weight:normal;
	background-color:#EFEFEF;
	border:1px solid #CCC;
}

table.outline td{
	width:95%;
	display:block;
	margin:0;
	padding:10px 8px 10px 10px;
	text-align:left;
	border:1px solid #CCC;
}

#map_canvas{
	width:100%;
	height:300px;
	margin:15px auto 0 auto;
	padding:0;
	border:1px solid #CCCCCC;
}


/* Contact */

p.thanks{
	margin:40px auto;
	padding:0;
	text-align:center;
}

/* policy */

dl.policy{
	margin:0 30px;
	padding:0;
}

dl.policy dt{
	margin:30px 0 0 0;
	padding:0;
	text-align:left;
	font-size:110%;
	font-weight:bold;
}

dl.policy dd{
	margin:10px 0 10px 10px;
	padding:0;
	text-align:left;
}

/* button */

div.button_area{
	width:70%;
	margin:40px auto 0;
	padding:8px 25px;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	background-color: #3D62AD;
	text-align:center;
}

div.button_area a{
	display:block;
	color:#FFF;
}


/* Float */

.p_l{
	margin:0 auto 10px;
	padding:0;
	float:none;
	display:block;
	clear:both;
	text-align:center;
}

.p_r{
	margin:0 auto 10px;
	padding:0;
	float:none;
	display:block;
	clear:both;
	text-align:center;
}


dl.news_list {
	margin:50px 0 0;
	padding:15px 20px;
}

dl.news_list dt {
	width:210px;
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	line-height:160%;
	clear:both;
}

dl.news_list dt span{
	margin:4px 10px 0 0;
	padding:5px 10px;
	color:#FFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	line-height:160%;
	border-bottom:1px dotted #CCC;
	font-size:80%;
}

dl.news_list dt span.camp{
	background-color:#FF6600;
}

dl.news_list dt span.item{
	background-color:#59B43C;
}

dl.news_list dt span.news{
	background-color:#006699;
}

dl.news_list dt span.other{
	background-color:#CC6699;
}

dl.news_list dd {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #CCC;
	text-align:left;
}

dl.news_list dd a{
	color:#FF3300;
}

dl.news_list dd a:hover{
	color:#006699;
}


/* surgery */

table.surgery{
	width:100%;
	margin:10px auto 0 auto;
	padding:0;
	text-align:center;
}

table.surgery thead{
	width:60px;
	display:block;
	float:left;
	text-align:center;
	margin-top:-2px;
	margin-right:6px;
}

table.surgery thead th{
	width:60px;
	display:block;
	border:1px solid #CCC;
	padding:12px 0 12px;
}

table.surgery thead td{
	width:60px;
	padding:8px 0;
	border:1px solid #CCC;
	margin-bottom:-1px;
}

table.surgery tbody{
	display:block;
}

table.surgery tbody th{
	display:block;
	border:1px solid #CCC;
}

table.surgery tr.day{
	display:block;
	float:left;
}

table.surgery td{
	display:block;
	width:100px;
	text-align:center;
	padding:8px 0;
	line-height:110%;
	border:1px solid #CCC;
	margin-bottom:-1px;
}

table.surgery br{
	display:none;
}

table.surgery td.weekday{
	background-color:#E6E5A3;
}

.blue{
	color:#365ED4;
}

.red{
	color:#FF0000;
}

.water{
	color:#BFAFF5;
}

/* sitemap */

ul.sitemap{
	margin:20px auto 0;
	padding:0;
}

ul.sitemap li{
	width:80%;
	margin:0 auto 20px;
	padding:20px 0;
	border:1px solid #CCC;
	text-align:center;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	list-style:none;
}

}






/* Start PC */
@media screen and (min-width:1024px){
	
/* annimation */
.list-mv{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
}
.mv{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition: 1.5s;
}

/* layout */

 article{
	width:100%;
	margin:165px auto 0 auto;
	padding:0;
	overflow:hidden;
}

section.contents{
	width:1160px;
	margin:0 auto;
	padding:0 0 30px;
}


/* bread crumb */

.naviarea{
	width:100%;
	margin:20px auto 0;
	background-color:#FFAFBF;
}

div#breadcrumb{
	width:1160px;
	margin:0 auto;
	padding:0;
}

div#breadcrumb ul{
	margin:0;
	padding:6px 0;
	overflow:hidden;
	list-style:none;
}

div#breadcrumb li{
	margin:0 10px 0 0;
	padding:0;
	float:left;
	font-size:90%;
}

div#breadcrumb li a:after {
	content:">";
	margin-left:10px;
}

/* contents title */


section.contents h1{
	margin:50px auto 0;
	padding:0 0 20px;
	text-align:center;
	border-bottom:1px dotted #CCC;
	font-size:180%;
	font-weight:normal;
}

section.contents h1 span{
	color:#DC383B;
	font-size:60%;
}

/* contents area */

section.contents h2{
	margin:30px 0 0;
	padding:0;
	text-align:center;
	font-size:130%;
	font-weight:normal;
	line-height:170%;
}

section.contents h3{
	margin:50px auto 50px;
	padding:0;
	position:relative;
	text-align:center;
	font-size:130%;
}

section.contents h3:before,
section.contents h3:after{
  	content:"";
  	display:block;
  	position:absolute;
  	height:1px;
  	width:100%;
  	border: 0;
  	background: #ccc;
  	background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(0.7,#F39800), color-stop(0.7,#F39800), to(#fff));
	background: -moz-linear-gradient(left,#fff 0%, #F39800 30%, #F39800 70%, #fff 100%);
	background: -o-linear-gradient(left,#fff 0%, #F39800 30%, #F39800 70%, #fff 100%);
	background: -ms-linear-gradient(left,#fff 0%, #F39800 30%, #F39800 70%, #fff 100%);
	background: linear-gradient(left,#fff 0%, #F39800 30%, #F39800 70%, #fff 100%);
}
section.contents h3:before{
  	top:-20px;
}
section.contents h3:after{
  	bottom:-20px;
}

section.contents h4{
	width:630px;
	margin:45px auto;
	padding:0;
	text-align:center;
	font-size:130%;
	color:#BF2628;
	border-left:5px solid #C15F61;
	border-right:5px solid #C15F61;
}





p.co_txt{
	margin:0;
	padding:10px 40px 30px;
	text-align:center;
}

p.co_txt span{
	font-weight:bold;
	font-size:120%;
	color:#006699;
}

p.caution{
	margin:-15px 50px 0;
	padding:0;
	text-align:center;
	font-size:87%;
	line-height:100%;
}


p.obj_c{
	margin:25px 0 0 0;
	padding:0;
	text-align:center;
}



/* beginner FAQ */

dl.faq{
	margin:0 auto;
	padding:0;
}

dl.faq dt{
	margin:20px 0 0 50px;
	padding:0 0 0 0;
	text-align:left;
	font-weight:normal;
}

dl.faq dt:before{
	font-family: FontAwesome;
	content: 'Q.';
	font-size:120%;
	font-weight:bold;
	margin-right:10px;
	color:#CC0000;
}

dl.faq dd{
	margin:20px 50px 0 ;
	padding:0;
	text-align:left;
	overflow:hidden;
}

dl.faq dd:before{
	font-family: FontAwesome;
	content: 'A.';
	font-size:120%;
	font-weight:bold;
	margin-right:10px;
	color:#003399;
}


/* Meritt */

ul.meritt{
	margin:30px auto 0;
	padding:0;
	text-align:center;
}

ul.meritt li{
	width:200px;
	margin:0 4px;
	padding:6px 8px;
	background:-moz-linear-gradient(top,#FFDC90, #F39800 50%,#FFDC90 50%,#F39800);
    background:-webkit-gradient(linear, left top, left bottom, from(#FFDC90), color-stop(0.5,#F39800), color-stop(0.5,#F39800), to(#FFDC90));
	background:linear-gradient(to bottom, #FFDC90, #F39800);
	-pie-background:linear-gradient(#FFDC90, #F39800);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	border:1px solid #fff;
	display:inline-block;
	vertical-align:top;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, .4) inset,
                0 0 4px rgba(100, 100, 100, .8) inset,
                2px 2px 2px rgba(100, 100, 100, .4);
}

ul.meritt li:first-child{
	padding:20px 6px;
}



/* Concept */

ul.concept{
	margin:60px auto 0;
	padding:0;
}

ul.concept li{
	margin:0 0 40px 200px;
	padding:0;
	text-align:left;
	list-style:decimal outside;
	font-size:140%;
}



/* Manual */

ul.manual{
	margin:35px auto 0;
	padding:0;
	text-align:center;
}

ul.manual li{
	margin:0 15px 0;
	padding:0;
	text-align:center;
	display:inline-block;
	font-size:90%;
	line-height:110%;
}


/* Products */

div#products_wrapper{
	width:1160px;
	margin:30px auto;
	padding:0;
	text-align:center;
}

div.products_box{
	width:330px;
	margin:0 25px 40px;
	padding:0;
	display:inline-block;
	border:1px solid #CCC;
}

p.p_img{
	margin:8px 0 0;
	padding:0;
	text-align:center;
}

p.p_name{
	margin:8px 0 0;
	padding:0;
	text-align:center;
	font-size:120%;
	font-weight:bold;
}

p.p_txt{
	margin:10px 10px 0;
	padding:0;
	text-align:center;
}

div.detail_btn{
	width:260px;
	height:28px;
	margin:10px auto;
	padding:2px 0 0;
	background:-moz-linear-gradient(top,#ccc, #999 50%,#ccc 50%,#999);
    background:-webkit-gradient(linear, left top, left bottom, from(#ccc), color-stop(0.5,#999), color-stop(0.5,#999), to(#ccc));
	background:linear-gradient(to bottom, #ccc, #999);
	-pie-background:linear-gradient(#ccc, #999);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

.detail_btn a{
	color:#FFF;
}

.detail_btn a:after{
	font-family: FontAwesome;
	content: '\f054';
	color:#FFF;
	margin-left:16px;
}

div.products_title{
	width:1060px;
	margin:30px auto 0;
	padding:0;
	background-color:#FAE7E7;
	border-top:1px solid #DDD;
}

div.products_title p{
	margin:0;
	padding:7px 0 10px;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	line-height:100%;
}

div.products_title p span{
	font-size:70%;
	font-weight:normal;
	line-height:180%;
}

div.products_detail{
	width:1060px;
	margin:30px auto 0;
	padding:0;
	overflow:hidden;
}

div.products_image{
	width:440px;
	margin:0;
	padding:0;
	float:left;
}

div.products_image img{
	padding:5px;
	text-align:center;
	border:1px solid #CCC;
}

div.products_information{
	width:600px;
	margin:0;
	padding:0;
	float:right;
}

div.products_information ul{
	margin:0;
	padding:0;
}

div.products_information li{
	margin:0 0 10px 0;
	padding:0;
	text-align:left;
	list-style:none;
}

div.products_information li.twoweek{
	width:100px;
	text-align:center;	
	font-size:130%;
	background-color:#CE5D5D;
	font-weight:bold;
	color:#FFF;
	padding:6px 12px;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

div.products_information li.oneday{
	width:100px;
	text-align:center;	
	font-size:130%;
	background-color:#4C72CE;
	font-weight:bold;
	color:#FFF;
	padding:6px 12px;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

div.coupon_title{
	width:600px;
	margin:0 auto;
	padding:0;
	background-color:#EFEFEF;
	border-top:1px solid #AAA;
}

div.coupon_title p{
	margin:0;
	padding:5px 0 7px 12px;
	text-align:left;
	font-weight:bold;
}

p.coupon_txt{
	margin:10px 0 0 0;
	padding:0;
	text-align:left;
}

p.coupon_txt span{
	font-size:120%;
	font-weight:bold;
	color:#FF4400;
}

div.coupon_btn{
	width:180px;
	height:28px;
	margin:10px 0 0;
	padding:3px 0 0 0;
	background:-moz-linear-gradient(top,#F3B800, #F36300 50%,#F3B800 50%,#F36300);
    background:-webkit-gradient(linear, left top, left bottom, from(#F3B800), color-stop(0.5,#F36300), color-stop(0.5,#F36300), to(#F3B800));
	background:linear-gradient(to bottom, #F3B800, #F36300);
	-pie-background:linear-gradient(#F3B800, #F36300);
	behavior: url(../pie/PIE.htc);
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	text-align:center;
}

div.coupon_btn a{
	color:#FFF;
}

div.coupon_btn a:after{
	font-family: FontAwesome;
	content: '\f08e';
	color:#FFF;
	margin-left:10px;
}

ul.products_cat{
	margin:30px auto;
	padding:0;
	text-align:center;
}

ul.products_cat li{
	width:290px;
	margin:0 20px 15px;
	padding:6px 0;
	text-align:center;
	border:1px solid #CCC;
	background-color:#F4E3B5;
	display:inline-block;
	list-style:none;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}




p.co_txt2{
	margin:0;
	padding:10px;
	text-align: left;
	overflow: hiddenhi;
}



/* MELSPLAN */


div.melspan_wrapper{
	width:1160px;
	margin:80px auto 0;
	padding:0;
	text-align:center;
	
}

div.point_box{
	width:330px;
	height:320px;
	margin:0 10px 45px;
	padding:30px 0 0;
	border:1px solid #ccc;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	position:relative;
	display:inline-block;
	vertical-align:top;
}

div.point_box ul{
	margin:0;
	padding:0;
}

div.point_box li{
	list-style:none;
}

div.point_box li.no{
	width:60px;
	height:50px;
	margin:0 0 0 -30px;
	padding:10px 0 0;
	background-color:#C18B8B;
	border-radius:100%;
	-moz-border-radius:100%;
  	-webkit-border-radius:100%;
	position:absolute;
	top:-30px;
	left:50%;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	line-height:150%;
}

div.point_box li.no span{
	font-size:170%;
	display:block;
}

div.point_box li.image{
	margin:0;
	padding:10px 0 0;
	text-align:center;
}

div.point_box li.title{
	margin:0;
	padding:10px 10px 0;
	text-align:center;
	font-size:120%;
	color:#003399;
	font-weight:bold;
}

div.point_box li.txt{
	margin:0;
	padding:10px 25px;
	text-align:left;
	line-height:150%;
}


ul.flow{
	margin:25px auto 0;
	padding:0;
}

ul.flow li{
	margin:0 0 10px 200px;
	padding:0;
	text-align:left;
	list-style:decimal outside;
}

ul.flow li.ng{
	list-style:none;
}



div.all_area{
	width:1160px;
	margin:80px auto 20px;
	padding:0;
	position:relative;
}
	
ul.tab_area{
	width:1160px;
    overflow:hidden;
	text-align:center;
    margin:0 auto 0 auto;
	padding:0;
    }
     
ul.tab_area li{
   	list-style: none;
   	display:inline-block;
	padding:4px 9px 3px 9px;
	margin:0 auto;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-top-left-radius:5px;
	-moz-border-top-left-radius: 5px;
  	-webkit-border-top-left-radius: 5px;
	border-top-right-radius:5px;
	-moz-border-top-right-radius: 5px;
  	-webkit-border-top-right-radius: 5px;
	background:-moz-linear-gradient(top,#FFF, #EFEFEF 50%,#FFF 50%,#EFEFEF);
    background:-webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.5,#EFEFEF), color-stop(0.5,#EFEFEF), to(#FFF));
	background:linear-gradient(to bottom, #FFF, #EFEFEF);/* IE10+, W3C */
	-pie-background:linear-gradient(#FFF, #EFEFEF);
	behavior: url(../pie/PIE.htc);
    cursor: pointer; 
    }
          
.all_area div.content_area{
    /*Tabの内容を表示するエリアの装飾*/
    background:#ffffff;
    padding:15px 10px 20px;  
    border-top: 3px solid #006699;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 3px solid #ccc;
	width:1060px;
	margin:0 auto;
    }
 
.tab_area li.select{
    /*アクティブタブの装飾*/
    background-color:#006699; 
    background-image:none; 
    color:#fff;
    border-top:2px solid #006699;
    }
     
.hide{display:none;}


.all_area div.content_area h5{
	font-size:160%;
	text-align:center;
	margin:10px auto;
	padding:0 0 12px 0;
	width:90%;
	border-bottom:2px solid #006699;
}

.all_area div.content_area ul{
	margin:20px auto 0;
	padding:0;
	text-align:center;
}

.all_area div.content_area li{
	margin:0 10px;
	padding:0;
	text-align:center;
	font-weight:bold;
	font-size:110%;
	list-style:none;
	display:inline-block;
	vertical-align:top;
}

.all_area div.content_area div.nyukai_info{
	width:90%;
	margin:10px auto 0;
	padding:8px 0;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background-color:#B7A1EC;
	border:1px solid #B7A1EC;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	font-size:120%;
}

.all_area div.content_area div.nyukai_info2{
	width:90%;
	margin:10px auto 0;
	padding:8px 0 0;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background-color:#5D51AF;
	border:1px solid #5D51AF;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	font-size:120%;
}

.all_area div.content_area div.nyukai_info3{
	width:90%;
	margin:10px auto 0;
	padding:8px 0 0;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background-color:#43DA15;
	border:1px solid #43DA15;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	font-size:120%;
}

.all_area div.content_area dl.cost{
	margin:0 auto;
	padding:0;
}
	
.all_area div.content_area dl.cost dt{
	width:90%;
	margin:15px auto 0;
	padding:8px 0;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	background-color:#999;
	border:1px solid #999;
	border-top-left-radius:5px;
	-moz-border-top-left-radius: 5px;
  	-webkit-border-top-left-radius: 5px;
	border-top-right-radius:5px;
	-moz-border-top-right-radius: 5px;
  	-webkit-border-top-right-radius: 5px;
    color: #FFF;
}

.all_area div.content_area dl.cost dd{
	width:90%;
	margin:0 auto;
	padding:8px 0;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	background-color:#FFF;
	border:1px solid #999;
	border-bottom-left-radius:5px;
	-moz-border-bottom-left-radius: 5px;
  	-webkit-border-bottom-left-radius: 5px;
	border-bottom-right-radius:5px;
	-moz-border-bottom-right-radius: 5px;
  	-webkit-border-bottom-right-radius: 5px;
}

.all_area div.content_area dl.cost dd span{
	font-weight:normal;
}

.all_area div.content_area p.mels_info{
	margin:15px 0 0 60px;
	padding:0;
	text-align:left;
}

ul.careplus_meritt{
	margin:30px auto 0;
	padding:0;
	text-align:center;
}

ul.careplus_meritt li{
	width:120px;
	height:120px;
	margin:0 10px 0;
	padding:10px;
	text-align:center;
	background-color:#DF8D8E;
	color:#FFF;
	border-radius:100%;
	-moz-border-radius:100%;
  	-webkit-border-radius:100%;
	display:inline-block;
	vertical-align:middle;
	list-style:none;
}

ul.careplus_meritt li p{
	position: relative;
  	top:40%;
  	transform: translateY(-50%);
	font-weight:bold;
}

ul.mutan{
	margin:0 auto;
	padding:0;
	text-align:center;
}

ul.mutan li{
	width:330px;
	margin:0 15px 0;
	padding:0;
	display:inline-block;
	text-align:center;
	font-size:140%;
	font-weight:bold;
	vertical-align:top;
	list-style:none;
}

ul.mutan li span{
	font-size:50%;
	font-weight:normal;
	line-height:100%;
}


/* Coupon */

div.coupon_wrapper{
	width:1160px;
	margin:30px auto 0;
	padding:0;
	text-align:center;
}

div.coupon_box{
	width:500px;
	height:230px;
	margin:0 10px 15px;
	padding:0;
	border:1px solid #CCC;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	display:inline-block;
	position:relative;
}

div.coupon_box ul{
	margin:0;
	padding:0;
}

div.coupon_box li{
	margin:0;
	list-style:none;
}

div.coupon_box li.c_tit{
	padding:4px 0 2px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
	background-color:#F39800;
	border-top-left-radius:6px;
	-moz-border-top-left-radius: 6px;
  	-webkit-border-top-left-radius: 6px;
	border-top-right-radius:6px;
	-moz-border-top-right-radius: 6px;
  	-webkit-border-top-right-radius: 6px;
	color:#FFF;
}

div.coupon_box li.c_txt{
	padding:0 10px 0 0;
	position:absolute;
	top:35px;
	left:10px;
	text-align:left;
}

div.coupon_box li.c_btn a{
	position:absolute;
	bottom:15px;
	left:50%;
	width:460px;
	height:24px;
	padding:3px 0 6px;
	text-align:center;
	border:1px solid #CCC;
	background:-moz-linear-gradient(top,#FFF, #EFEFEF 50%,#FFF 50%,#EFEFEF);
    background:-webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.5,#EFEFEF), color-stop(0.5,#EFEFEF), to(#FFF));
	background:linear-gradient(to bottom, #FFF, #EFEFEF);/* IE10+, W3C */
	-pie-background:linear-gradient(#FFF, #EFEFEF);
	behavior: url(../pie/PIE.htc);
    cursor: pointer;
	z-index: 2;
	text-align: center;
	text-decoration: none;
	outline: none;
	margin-left:-230px;;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

div.coupon_box li.c_btn a:hover{
	background:-moz-linear-gradient(top,#006699, #003399 50%,#006699 50%,#003399);
    background:-webkit-gradient(linear, left top, left bottom, from(#006699), color-stop(0.5,#003399), color-stop(0.5,#003399), to(#006699));
	background:linear-gradient(to bottom, #006699, #003399);/* IE10+, W3C */
	-pie-background:linear-gradient(#006699, #003399);
	behavior: url(../pie/PIE.htc);
	border-color: #003399;
	color: #FFF;
}

div.coupon_box li.c_btn a:before{
	content:"";
	font-family: FontAwesome;
	content: '\f02f';
	margin-right:8px;
	font-size:110%;
}


/* Shop */

table.outline{
	width:1000px;
	margin:10px auto 0;
	padding:0;
	border-collapse:collapse;
}

table.outline th{
	width:220px;
	margin:0;
	padding:10px 0 10px 10px;
	text-align:left;
	font-weight:normal;
	background-color:#EFEFEF;
	border:1px solid #CCC;
}

table.outline td{
	width:780px;
	margin:0;
	padding:10px 0 10px 10px;
	text-align:left;
	border:1px solid #CCC;
}

#map_canvas{
	width:1000px;
	height:500px;
	margin:40px auto 0 auto;
	padding:0;
	border:1px solid #CCCCCC;
}


/* Contact */

p.thanks{
	margin:40px auto;
	padding:0;
	text-align:center;
}

/* policy */

dl.policy{
	margin:0 30px;
	padding:0;
}

dl.policy dt{
	margin:30px 0 0 0;
	padding:0;
	text-align:left;
	font-size:110%;
	font-weight:bold;
}

dl.policy dd{
	margin:10px 0 10px 10px;
	padding:0;
	text-align:left;
}

/* button */

div.button_area{
	width:560px;
	margin:40px auto 0;
	padding:0;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}

.button {
	position: relative;
	z-index: 2;
	background-color: #3D62AD;
	border: 2px solid #FFF;
	color: #fff;
	line-height: 50px;
	font-size:130%;
	display: inline-block;
	width: 560px;
	height: 50px;
	text-align: center;
	text-decoration: none;
	outline: none;
	margin:23px auto 0;
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	border-radius:6px;
	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
	-webkit-transition: all .8s;
	transition: all .8s;
}

.button:hover {
	background-color: #003399;
	border-color: #003399;
	color: #FFF;
}
.button::before,
.button::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #3D62AD;
}
.button::before {
	right: 0;
}
.button::after {
	left: 0;
}
.button:hover::before,
.button:hover::after {
	width: 0;
	background-color: #006699;
}

.button span{
  position: relative;
}
.button span::before{
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  width: 12px;
  height: 12px;
  border-top: 3px solid #FFF;
  border-right: 3px solid #FFF;
  transform: rotate(45deg);
  margin-top: -7px;
}


/* Float */

.p_l{
	margin:7px 25px 0 0;
	padding:0;
	float:left;
}

.p_r{
	margin:7px 0 0 25px;
	padding:0;
	float:right;
}


dl.news_list {
	margin:50px 0 0;
	padding:15px 20px;
}

dl.news_list dt {
	width:210px;
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	line-height:160%;
	float:left;
	clear:both;
}

dl.news_list dt span{
	width:100px;
	margin:4px 10px 0 0;
	padding:0;
	float:left;
	color:#FFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	line-height:160%;
	border-bottom:1px dotted #CCC;
	font-size:80%;
	text-align:center;
}

dl.news_list dt span.camp{
	background-color:#FF6600;
}

dl.news_list dt span.item{
	background-color:#59B43C;
}

dl.news_list dt span.news{
	background-color:#006699;
}

dl.news_list dt span.other{
	background-color:#CC6699;
}

dl.news_list dd {
	margin:10px 0 0 0;
	padding:0 0 10px 230px;
	line-height:160%;
	border-bottom:1px dotted #CCC;
	text-align:left;
}

dl.news_list dd a{
	color:#FF3300;
}

dl.news_list dd a:hover{
	color:#006699;
}


/* surgery */

table.surgery{
	width:1000px;
	margin:20px auto 0 auto;
	padding:0;
	border-collapse:collapse;
	line-height:120%;
}

table.surgery th{
	width:100px;
	border:1px solid #CCC;
	margin:0;
	padding:6px;
	text-align:center;
	background-color:#E6E5A3;
	vertical-align:middle;
	font-weight:normal;
}

table.surgery td{
	width:100px;
	border:1px solid #CCC;
	margin:0;
	padding:6px 0;
	text-align:center;
	background-color:#FFF;
	vertical-align:middle;
	font-size:120%;
}

table.surgery td.weekday{
	background-color:#E6E5A3;
}

.blue{
	color:#365ED4;
}

.red{
	color:#FF0000;
}

.water{
	color:#BFAFF5;
}

/* sitemap */

ul.sitemap{
	margin:40px auto 0;
	padding:0;
	text-align:center;
}

ul.sitemap li{
	margin:0 20px 20px;
	padding:20px 20px;
	border:1px solid #CCC;
	text-align:center;
	display:inline-block;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

}