@charset "utf-8";

/* -------------------------------------------------------------------------------------

	メインビジュアル・ヘッダー

-------------------------------------------------------------------------------------- */

.logoarea{
	width:1120px;
	margin:0px auto;
	position:relative;
}

.logoarea .acc{
	position:absolute;
	top:20%;
	right:0;
	width:200px;
}

.acc a{
	width:75%;
	display:block;
	box-shadow: 0 0 0 2px #FF6633 inset;
	padding:20px 20% 20px 5%;
	font-size:100%;
	line-height:150%;
	text-align:center;
	color:#FF6633;
	background:url(../img/pink-arrow.png) no-repeat 92% center;
	font-weight:bold;
}

.logo{
	text-align:center;
	margin-bottom:30px;
}


.head {
	height: 100px;
	background:#fff;
}

.head .fixbar {
	position: absolute;
	width: 100%;
	top: 660px;
	background:#fff;
}

.head.fixed .fixbar {
	position: fixed;
	top: 0px;
}

/* -------------------------------------------------------------------------------------

	グローバルナビ

-------------------------------------------------------------------------------------- */

.sp-nav{	display:none;}

.sp-mail{	display:none;}

nav{ 
	background:url(../img/nav-bg.gif) repeat left top;
}

nav .cover{	background:url(../img/nav-line.gif) repeat-x left bottom;}

nav ul{
	width:1120px;
	margin:0px auto;
}

nav ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html nav ul { zoom:1; }
*:first-child+html nav ul { zoom:1; }

nav li{
	float:left;
	width:20%;
	text-align:center;
}

nav li a.active{
	border-bottom:5px solid #FF6633;}

nav li a{
	display:block;
	padding:30px 20px 30px;
	color:#573933 !important;
}

nav li a:hover{ border-bottom:5px solid #FF6633;}

.home{	background:url(../img/icon-home.png) no-repeat 20% center;}
.treatment{	background:url(../img/icon-treat.png) no-repeat 10% center;}
.twitter{	background:url(../img/icon-twitter.png) no-repeat 10% center;}
.staff{	background:url(../img/icon-staff.png) no-repeat 10% center;}
.line{	background:url(../img/icon-line.png) no-repeat 10% center;}



/* -------------------------------------------------------------------------------------

	Footer

-------------------------------------------------------------------------------------- */

footer{ 
	background:#F2F0F0;
	text-align:center;
	margin-top:100px;
	font-size:80%;
}

footer .f-cont{
	width:1120px;
	margin:0px auto;
	position:relative;
	padding:100px 0 40px;
}

footer .flogo{
	position:absolute;
	top:-40px;
	left:50%;
	margin:0 0 0 -116px;
}

.flink{
	margin-top:10px;
}

.flink a{
	color:#573933;
}

.copyright{
	background:#583A34;
	color:#fff;
	padding:20px;
}

.foot-mail{
	position:absolute;
	top:25%;
	right:0;
}

/* -------------------------------------------------------------------------------------

	ページ共通項

-------------------------------------------------------------------------------------- */

/* ------------------------------------------------

	下層ヘッダー

-------------------------------------------------- */

#un-head{
	width:1170px;
	margin:30px auto;
	position:relative;
}

#un-head .top-contact{
	position:absolute;
	bottom:inherit;
	top:0;
}

#un-head h1{
	font-size:80%;
	text-align:left;
	margin-bottom:20px;	
}

#unnav .head-un .fixbar {
	position: absolute;
	width: 100%;
	top: 330px !important;
	background:#fff;
}

#un-head .access{
	position:absolute;
	right:100px !important;
	bottom:-70px;
	width:280px;
}

#un-head .access a{
	width:75%;
	display:block;
	box-shadow: 0 0 0 2px #FF6633 inset;
	padding:14px 20% 14px 5%;
	font-size:100%;
	line-height:150%;
	text-align:center;
	color:#FF6633;
	background:url(../img/pink-arrow.png) no-repeat 92% center;
	font-weight:bold;
}

#unnav .head-un.fixed .fixbar {
	position: fixed;
	top: 0px !important;
}

#pankuzu{
	width:1120px;
	margin:0px auto 60px;
	font-size:80%;
}

#pankuzu h1{
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
	margin-bottom:10px;
	font-size:140%;
	line-height:150%;
}

.un-bg{
	width:100%;
	height:300px;
	margin:197px auto 20px;
	display:table;
    text-align: center;
}

.un-bg > div{
    display:table-cell;
    vertical-align: middle;
	font-size:240%;
	line-height:150%;
	color:#fff;
	text-shadow: 1px 1px 3px #000;
}

/* -------------------------------------------------------------------------------------

	index.html（TOP）

-------------------------------------------------------------------------------------- */

/* ------------------------------------------------

	MAIN スライダー設定

-------------------------------------------------- */


.main-visual:after,
.msub-visual:after  {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .main-visual,
* html .msub-visual { zoom:1; }
*:first-child+html .main-visual,
*:first-child+html .msub-visual { zoom:1; }

.main-visual{	margin-bottom:10px;}

.main-visual li{
	float:left;
}

.msub-visual li{
	float:left;
	width:49.5%;
	margin:0 1% 0 0;
}

.msub-visual li img{
	width:100%;
	height:auto;
}

.msub-visual li:last-child{	margin:0;}

.msub-visual p:last-child{	
	margin-top:4px;
	font-size:11px;
}

/* 設定 */

.container {
	width: 100%;
	height: 100%;
	padding-bottom:0px;
	overflow:hidden;
}

.sp-container{	display:none;}

.slide_all {
	width: 1120px;
	margin: 0 auto;
	height: 500px;
	position:relative;
}

.maincopy{
	position:absolute;
	top:36%;
	left:8%;
}

.top-contact{
	position:absolute;
	bottom:16%;
	right:8%;
}

.slide_wrap {
	width: 3360px;
	position: absolute;
	left: 50%;
	margin-left: -1680px;
}

.slide_body {	width: 100%;}

.slide {
	width: 1120px;
	font-family: 'arial';
	color: #fff;
	font-size: 50px;
	height: 500px;
	text-align:center;
}

.slide img {
	width: 100%;
	vertical-align: bottom;
}

/* 装飾 */

.container .bx-pager {
	text-align: center;
	height: 25px;
}

.container .bx-pager-item {	display: inline-block;}

.container .bx-pager-item a{
	display: block;
	height: 10px;
	width: 10px;
	text-indent: -9999px;
	background: #999;
	border-radius: 10px;
	margin:10px 8px 0;
}

.container .bx-pager-item a.active {	background: #000;}

.container .bx-prev {
	left: 32%;
	background: url(../img/controls.png) no-repeat 0 0px;
}

.container .bx-next {
	right: 32%;
	background: url(../img/controls.png) no-repeat -56px 0px;
}


.container .bx-controls-direction a{
	position: absolute;
	top: -1100%;
	margin-top: -16px;
	outline: 0;
	width: 56px;
	height: 56px;
	text-indent: -9999px;
	z-index: 9999;
}

.container .bx-controls {
	position: absolute;
	z-index: 100;
	width: 100%;
}

/* DIRECTION CONTROLS (NEXT / PREV) */


.container .bx-prev:hover {
	background-position: 0 -56px;
}

.container .bx-next:hover {
	background-position: -56px -56px;
}

.container .bx-controls-direction a.disabled {
	display: none;
}

/* 追加 */

.slide{	opacity:.2;}
.slide.active{ opacity:1;}

/* ------------------------------------------------

	ビベーレ堂島の想い

-------------------------------------------------- */

.greet{
	width:1120px;
	margin:70px auto 60px;
}

.greet:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .greet { zoom:1; }
*:first-child+html .greet { zoom:1; }

.greet div{
	float:left;
	width:390px;
}

.greet dl{
	float:right;
	width:680px;
}

.greet dl dt{
	font-size:260%;
	line-height:150%;
	margin-bottom:30px;
}

.greet dl dd.sub{
	font-size:120%;
	font-weight:bold;
	margin-bottom:20px;
	color:#FF6633;
}

.greet dl dd h2{
	font-weight:normal;
	margin-bottom:30px;
}

.pbtn a{
	width:40%;
	display:block;
	box-shadow: 0 0 0 2px #FF6633 inset;
	padding:30px 5%;
	font-size:120%;
	text-align:center;
	color:#FF6633;
	background:url(../img/pink-arrow.png) no-repeat 92% center;
}

/* ------------------------------------------------

	よくある悩み

-------------------------------------------------- */

.trouble{
	background:#FCF9F5;
	padding:50px 0;
}

.trouble .tro{
	background:url(../img/line-bg.png) no-repeat center center;
	text-align:center;
	margin-bottom:40px;
}

.ranking{
	width:1120px;
	margin:0px auto 30px;
}

.ranking:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .ranking { zoom:1; }
*:first-child+html .ranking { zoom:1; }

.ranking li{
	width:31.6%;
	float:left;
	margin:0 2.6% 0 0;
	list-style:none;
}

.ranking li img{
	width:100%;
	height:auto;
}

.ranking li:last-child{
	margin:0;
}

.cause{	
	text-align:center;
	font-size:130%;
	font-weight:bold;
	margin:0px 0 10px;
}

.ranking li.rank1{	background:url(../img/rank-1.png) no-repeat center top;}

.ranking li.rank2{	background:url(../img/rank-2.png) no-repeat center top;}

.ranking li.rank3{	background:url(../img/rank-3.png) no-repeat center top;}

.ranking li.rank1,
.ranking li.rank2,
.ranking li.rank3{	padding:60px 0 0 0 ;}

.inpac{
	text-align:center;
	font-size:200%;
	font-weight:bold;
	color:#573933;
	line-height:150%;
	margin-bottom:20px;
}

h1{
	text-align:center;
	font-weight:normal;
}

.malfunction{
	width:1120px;
	margin:60px auto;
	text-align:center;
}

.malfunction h3{
	margin-bottom:40px;}

.malf{
	font-size:200%;
	font-weight:bold;
	color:#FF6633;
	margin-bottom:20px;
}

.malfunction strong{
	font-size:200%;
	font-weight:normal;
	color:#FF6633;
}

.beaf{
	width:1000px;
	margin:40px auto 50px;
}

.beaf:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .beaf { zoom:1; }
*:first-child+html .beaf { zoom:1; }

.beaf li{
	float:left;
	width:50%;
	list-style:none;
}

.beaf li img{
	width:100%;
	height:auto;
}

.check{
	width:1120px;
	margin:60px auto;
}

.days{
	text-align:center;
	background:#FF6633;
	padding:30px 0;
	font-size:150%;
	color:#fff;
	margin-bottom:40px;
}

.possibility{
	text-align:center;
	font-size:140%;
	font-weight:bold;
	font-weight:normal;
	color:#FF6633;
	margin-bottom:26px;
}

.cyecklist{
	background:url(../img/un-arrow.png) no-repeat center bottom;
	padding-bottom:50px;
	margin-bottom:50px;}

.cyecklist:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .cyecklist { zoom:1; }
*:first-child+html .cyecklist { zoom:1; }

.cyecklist li{
	float:left;
	width:170px;
	margin:0 20px 0 0;
	list-style:none;
}

.cyecklist li:last-child{
	margin:0;
}

.ans{
	font-size:130%;
	text-align:center;
}

.sns{
	width:1120px;
	margin:60px auto;
}

.sns:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .sns { zoom:1; }
*:first-child+html .sns { zoom:1; }

.sns ul li{
	float:left;
	width:48.2%;
	list-style:none;
}

.sns ul li:last-child{
	float:right;
}

.sns ul li img{
	width:100%;
	height:auto;
}

.bwbtn a{
	width:90%;
	display:block;
	box-shadow: 0 0 0 3px #573933 inset;
	padding:30px 5%;
	font-size:120%;
	text-align:center;
	color:#573933;
	background:url(../img/blown-arrow.png) no-repeat 92% center;
}

.works ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .works ul { zoom:1; }
*:first-child+html .works ul { zoom:1; }

.works{
	background:url(../img/treat-bg.jpg) center center;
	background-size:cover;
	padding:60px 0;
}

.works .method{
	text-align:center;
	color:#333;
	font-size:160%;
	margin-bottom:30px;
}

.works ul{
	width:1120px;
	margin:60px auto 0;
}

.works li{
	float:left;
	width:48.2%;
	list-style:none;
	margin:0 3.6% 3.6% 0;
}

.works li:nth-child(2n){ margin:0 0 3.6% 0;}

.works li h4{
	font-size:120%;
	color:#583933;
	margin-bottom:10px;
}

.rbtn a{
	width:30%;
	display:block;
	box-shadow: 0 0 0 2px #FF6633 inset;
	padding:30px 5%;
	font-size:120%;
	text-align:center;
	color:#FF6633;
	margin:0px auto;
	background:url(../img/pink-arrow.png) no-repeat 92% center #fff;
}


.difference{
	width:1120px;
	margin:60px auto 0;
}

.diff{
	text-align:center;
	font-size:160%;
	color:#573933;
	margin-bottom:40px;
}

.difference div{	margin-bottom:40px;}

.difference div p{
	margin-bottom:20px;
}

.difference div p:last-child{
	margin:0;
}

/* -------------------------------------------------------------------------------------

	access.html（アクセス）

-------------------------------------------------------------------------------------- */

.access-bg{
	background:url(../img/access-bg.jpg) no-repeat center center;
	background-size:cover;
}

.access-area{
	width:1120px;
	margin:0 auto 60px;
}

.ac-think:after,
.th-btn:after,
.promise dd:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .ac-think,
* html .th-btn,
* html .promise dd { zoom:1; }
*:first-child+html .ac-think,
*:first-child+html .th-btn,
*:first-child+html .promise dd { zoom:1; }

.ac-think{	margin-bottom:50px;}

.ac-think .fl{
	width:52.6%;
	float:left;
}

.ac-think .fr{
	width:41%;
	float:right;
}

.ac-think .fl img,
.ac-think .fr img{
	width:100%;
	height:auto;
}

.th-btn li{
	width:31.6%;
	float:left;
	margin:0 2.6% 0 0;
	list-style:none;
}

.th-btn li:last-child{
	margin:0;
	float:right !important;
	text-align:right;
}

.promise{
	width:1120px;
	margin:0 auto 60px;
}

.promise .stit{
	font-size:180%;
	text-align:center;
	border-top:1px #ddd solid;
	padding:25px 0;
	margin-bottom:50px;
	background:url(../img/un-line.gif) no-repeat center bottom;
}

.promise dd{
	margin-bottom:40px;
}

.promise dd .photo{
	float:left;
	width:30.4%;
}

.promise dd .txt{
	width:66%;
	float:right;
}

.promise dd ul li{
	list-style:none;
	width:32%;
	float:left;
	margin:0 2% 0 0;
}

.promise dd ul li img{
	width:100%;
	height:auto;
}

.promise dd ul li:last-child{
	margin:0;
}

.count-1,
.count-2,
.count-3{
	line-height:46px;
	padding:0 0 0 60px;
	font-size:180%;
	font-weight:bold;
	margin-bottom:30px;
}

.count-1{	background:url(../img/count-1.png) no-repeat left center;}

.count-2{	background:url(../img/count-2.png) no-repeat left center;}

.count-3{	background:url(../img/count-3.png) no-repeat left center;}

.iname{
	font-weight:bold;
	margin-bottom:10px;
	font-size:120%;
}

.cpro{
	margin:30px 0 0;
}

.cpro table{
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	margin:10px 0;
}

.cpro table td,
.cpro table th{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px;
	text-align:center;
}

.cpro table th{
	background:#FFF5F0;
}

.imap{
	margin:0 0 50px;
}

.imap iframe{
	width:100%;
	height:450px;
}

/* -------------------------------------------------------------------------------------

	line.html（LINE簡単予約）

-------------------------------------------------------------------------------------- */
.bigs{
	font-size:140%;
	line-height: 120%;
}

.lines-bg{
	background:url(../img/lines-bg.jpg) no-repeat center center;
	background-size:cover;
}

.line-area{
	width:1120px;
	margin:0 auto 60px;
}

.line-area:after,
.code:after,
.line-swin:after,
.line-area ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .line-area,
* html .code,
* html .line-swin,
* html .line-area ul { zoom:1; }
*:first-child+html .line-area,
*:first-child+html .code,
*:first-child+html .line-swin,
*:first-child+html .line-area ul { zoom:1; }


.line-swin{	margin-bottom:50px;}

.line-swin .fl{
	width:60%;
	float:left;
}

.line-swin .fl h2{
	background:url(../img/line-logo.gif) no-repeat left center;
	color:#FF6633;
	font-size:220%;
	line-height:79px;
	padding:0 0 0 89px;
	margin-bottom:30px;
}

.code{
	background:url(../img/nav-bg.gif) repeat left top;
	padding:20px 50px;
}

.code dt{
	float:left;
	width:160px;
}

.code dd{
	width:380px;
	float:right;
	font-weight:bold;
	font-size:140%;
	padding-top:30px;
}

.code .friend{
	color:#573933;
	margin-bottom:10px;
}

.code .ida{
	background:#573933;
	text-align:center;
	color:#fff;
	padding:10px 0;
	border-radius: 20px;
}

.line-swin .fr{
	width:34%;
	float:right;
}

.line-swin .fl .step{
	background:#00B100;
	padding:20px;
}

.line-swin .fl .step{
	color:#fff;
	font-size:170%;
	line-height:150%;
	font-weight:bold;
}

.subline{
	color:#FF6633;
	font-size:220%;
	text-align:center;
	margin-bottom:40px;
}

.linestep-sp{	display:none;}

.line-area ul{
	margin-bottom:30px;}

.line-area ul li{
	width:30%;
	float:left;
	margin:0 5% 0 0;
	list-style:none;
}

.line-area ul li img{
	width:100%;
	height:auto;
}

.line-area ul li:last-child{
	margin:0;
}

.line-area ul li dt{
	text-align:center;
	color:#fff;
	font-size:140%;
	background:#573933;
	margin-bottom:20px;
	padding:10px 0;
}

.item{
	background:#FF6633;
	text-align:center;
	color:#fff;
	padding:14px 0;
	font-size:180%;
	font-weight:bold;
	line-height:150%;
	margin:40px 0;
}

/* -------------------------------------------------------------------------------------

	staff.html（スタッフ紹介）

-------------------------------------------------------------------------------------- */

.staff-bg{
	background:url(../img/staff-bg.jpg) no-repeat center center;
	background-size:cover;
}

.staff-area{
	width:1120px;
	margin:0 auto 60px;
}

.staff-area dl:after,
.staff-area dl dd ul:after,
.sub-sta:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .staff-area dl,
* html .staff-area dl dd ul,
* html .sub-sta { zoom:1; }
*:first-child+html .staff-area dl,
*:first-child+html .staff-area dl dd ul,
*:first-child+html .sub-sta { zoom:1; }

.staff-area dl{
	margin-bottom:40px;}

.staff-area dl dt{
	width:48.2%;
	float:left;
}

.staff-area dl dd{
	float:right;
	width:48%;
}

.staff-area dl dd ul{
	background:url(../img/nav-bg.gif) repeat left top;
	padding:20px;
	margin-bottom:30px;
}

.staff-area dl dd li{
	float:left;
	padding:5px 10px 2px;
	font-size:90%;
	text-align:center;
	color:#fff;
	background:#573933;
	list-style:none;
	border-radius: 10px;
	margin:0 20px 5px 0; 
}

.staff-area dl dd h2{
	font-weight:normal;
}

.staff-area dl dt img{
	width:100%;
	height:auto;
}

.name{
	font-size:130%;
	margin-bottom:30px;
}

.name span{
	font-size:200%;
	margin-left:20px;
}

.sub-sta{	margin-bottom:60px;}

.sub-sta li{
	width:32%;
	float:left;
	list-style:none;
	margin:0 2% 0 0;
}

.sub-sta li:last-child{
	margin:0;
}

.sub-sta li img{
	width:100%;
	height:auto;
}

/* -------------------------------------------------------------------------------------

	twitter.html（ツイッター相談）

-------------------------------------------------------------------------------------- */

.wait{
	text-align: center;
	padding: 100px auto;
}

.wait img{
	width: 100%;
	height: auto;
	max-width: 500px;
}

.twitter-bg{
	background:url(../img/twitter-bg.jpg) no-repeat center center;
	background-size:cover;
}

.twitter-area{
	width:1120px;
	margin:0 auto 60px;
}

.how-tweet:after,
.focs:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .how-tweet,
* html .focs { zoom:1; }
*:first-child+html .how-tweet,
*:first-child+html .focs { zoom:1; }

.how-tweet .fl{
	float:left;
	width:32.3%;
}

.how-tweet .fr{
	float:right;
	width:64%;
}

.how-tweet .fr .twt{
	background:url(../img/twitter-logo.gif) no-repeat left center;
	color:#FF6633;
	font-size:220%;
	line-height:46px;
	padding:0 0 0 79px;
	margin-bottom:20px;
}

.how-tweet .fr ul{
	background:url(../img/nav-bg.gif) repeat left top;
	padding:20px;
	margin-bottom:30px;
}

.how-tweet .fr ul li{
	list-style:none;
	font-size:130%;
	line-height:150%;
	color:#573933;
}

.trouble h2{
	font-weight:normal;
	text-align:center;
	line-height:150% !important;
}

.twitter-w{	
	width:1120px;
	margin:50px auto 60px;
}

.twitter-w img{
	width:100%;
	height:auto;
}

.line-adf{
	margin:0 auto;
	width:440px;
	background:url(../img/line-adf.jpg) no-repeat left top;
	padding:66px 60px 40px 620px;
}

.line-adf .fl{
	float:left;
	width:50%;
}

.line-adf .fr{
	float:right;
	width:50%;
	width:160px;
}

.focs{	margin-bottom:30px;}

.line-adf .bwbtn{
	font-size:90%;
	background-color: rgba(255,255,255,0.6);
}

.ranking li.flow1{	background:url(../img/flow-1.png) no-repeat center top;}

.ranking li.flow2{	background:url(../img/flow-2.png) no-repeat center top;}

.ranking li.flow3{	background:url(../img/flow-3.png) no-repeat center top;}

.ranking li.flow1,
.ranking li.flow2,
.ranking li.flow3{	padding:60px 0 0 0 ;}

/* -------------------------------------------------------------------------------------

	treatment.html（治療コース）

-------------------------------------------------------------------------------------- */

.treatment-bg{
	background:url(../img/treatment-bg.jpg) no-repeat center center;
	background-size:cover;
}

.treatment-area{
	width:1120px;
	margin:0 auto 60px;
}

.treatment-area h2{
	font-weight:normal;
	line-height:150%;
	margin-bottom:30px;
}

.treatment-area h2 span{
	font-size:200%;
	color:#FF6633;
}

.cam{
	margin-bottom:40px;}

.cam .sp{ display:none;}

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

.course:after,
.sick:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .course,
* html .sick { zoom:1; }
*:first-child+html .course,
*:first-child+html .sick { zoom:1; }

.course .fl{
	float:left;
	width:288px;
}

.course .fr{
	float:right;
	width:780px;
}

.course .fr dt{
	font-size:200%;
	font-family:Arial, Helvetica, sans-serif;
	margin:14px 0 30px;
}

.course .fr dt span{
	color:#fff;
	background:#FF6633;
	text-align:center;
	padding:10px;
	margin-right:20px;
}

.course .fr dt span.mic{
	color:#000;
	background:none;
	padding:0;
	line-height:150%;
	margin-right:0;
	font-size:60%;
}

.sick{
	background:#FCF9F5;
	padding:60px 0;
	margin-bottom:60px;
}

.sick ul{
	width:1120px;
	margin:0px auto;
}

.sick li{
	width:30%;
	float:left;
	margin:0 5% 2% 0;
	list-style:none;
}

.sick li img{
	width:100%;
	height:auto;
}

.sick li:nth-child(3n){
	margin:0 0 2% 0;
}

.sick li h3{
	text-align:center;
	font-weight:normal;
	font-size:120%;
	padding:5px 0;
	background:#79615D;
	color:#fff;
	margin-bottom:10px
}

.check-seet{
	width:1120px;
	margin:0px auto;
}

.tab{	overflow:hidden;}

.tab li{
	background:#ccc;
	width:165px;
	float:left;
	font-size:90%;
	text-align:center;
	padding:15px 10px;
	line-height:150%;
	list-style:none;
	margin-right:2px;
	cursor:pointer;
	background:
		-moz-linear-gradient(45deg,  transparent 0px, #CCCCCC 0px),
		-moz-linear-gradient(135deg, transparent 0px, #CCCCCC 0px),
		-moz-linear-gradient(225deg, transparent 0px, #CCCCCC 0px),
		-moz-linear-gradient(315deg, transparent 10px, #CCCCCC 10px);
	background:
		-o-linear-gradient(45deg,  transparent 0px, #CCCCCC 0px),
		-o-linear-gradient(135deg, transparent 0px, #CCCCCC 0px),
		-o-linear-gradient(225deg, transparent 0px, #CCCCCC 0px),
		-o-linear-gradient(315deg, transparent 10px, #CCCCCC 10px);
	background:
		-webkit-linear-gradient(45deg,  transparent 0px, #CCCCCC 0px),
		-webkit-linear-gradient(135deg, transparent 0px, #CCCCCC 0px),
		-webkit-linear-gradient(225deg, transparent 0px, #CCCCCC 0px),
		-webkit-linear-gradient(315deg, transparent 10px, #CCCCCC 10px);
	background-position: bottom left, bottom right, top right, top left;
	background-size: 51% 51%;
	background-repeat: no-repeat;
}

.tab li:last-child{
	margin-right:0;}

.tab li.select{	
	background:
		-moz-linear-gradient(45deg,  transparent 0px, #FF6633 0px),
		-moz-linear-gradient(135deg, transparent 0px, #FF6633 0px),
		-moz-linear-gradient(225deg, transparent 0px, #FF6633 0px),
		-moz-linear-gradient(315deg, transparent 10px, #FF6633 10px);
	background:
		-o-linear-gradient(45deg,  transparent 0px, #FF6633 0px),
		-o-linear-gradient(135deg, transparent 0px, #FF6633 0px),
		-o-linear-gradient(225deg, transparent 0px, #FF6633 0px),
		-o-linear-gradient(315deg, transparent 10px, #FF6633 10px);
	background:
		-webkit-linear-gradient(45deg,  transparent 0px, #FF6633 0px),
		-webkit-linear-gradient(135deg, transparent 0px, #FF6633 0px),
		-webkit-linear-gradient(225deg, transparent 0px, #FF6633 0px),
		-webkit-linear-gradient(315deg, transparent 10px, #FF6633 10px);
	background-position: bottom left, bottom right, top right, top left;
	background-size: 51% 51%;
	background-repeat: no-repeat;
	color:#fff;
}

.content{	background:url(../img/grid.gif) repeat left top;}

.content > li{
	border-top:5px solid #FF6633;
	padding:40px 60px;
	list-style:none;
}

.hide {display:none;}

.content li:after,
.content dl dd ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .content li,
* html .content dl dd ul { zoom:1; }
*:first-child+html .content li,
*:first-child+html .content dl dd ul { zoom:1; }

.content dl{
	float:left;
	width:46%;
}

.content .kos{
	float:right;
	width:50%;
}

.content .kos img{
	width:100%;
	height:auto;
}

.content dl dt{
	text-align:center;
	color:#fff;
	background:#E41D72;
	padding:10px 0;
	font-size:140%;
	margin-bottom:30px
}

.content dl dd .chexck{
	background:url(../img/clipboard.svg) no-repeat left center;
	background-size:24px auto;
	padding:0 0 0 30px;
	font-size:154%;
	margin-bottom:20px;
}

.content dl dd .eng{
	color:#FF6633;
	margin-bottom:20px;
}

.content dl dd ul{	margin-bottom:40px;}

.content dl dd ul li{
	width:48%;
	float:left;
	list-style:none;
	margin:0 4% 2% 0;
}

.content dl dd ul li:nth-child(2n){
	margin:0 0 2% 0;
}

.new-c li:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.new-c li{
	list-style: none;
	margin-bottom: 30px;
}

.new-c li p{
	float: left;
	width: 30%;
}

.new-c li p img{
	max-width: 100%;
	height: auto;
}

.new-c li dl{
	float: right;
	width: 66%;
}

.new-c li dl dt{
	font-weight: bold;
	font-size: 140%;
	line-height: 150%;
	margin-bottom: 15px;
}

.fst{
	font-weight: bold;
	border: 1px dotted #666;
	padding: 10px;
	display: inline-block;
	margin: 10px 0 20px;
}

.charg{
	font-weight: bold;
	font-size: 200%;
	color: rgba(255,123,0,1.00);
}

/* -------------------------------------------------------------------------------------

	contact.html（お問い合わせ）

-------------------------------------------------------------------------------------- */

.contact-bg{
	background:url(../img/contact-bg.jpg) no-repeat center center;
	background-size:cover;
}

.contact-area{
	width:1120px;
	margin:0 auto 60px;
}

.sub-tit{
	background:url(../img/news-line.gif) no-repeat left 60%;
	padding:0 0 0 50px;
	font-size:160%;
	font-weight:bold;
	margin-bottom:30px;
}

.un-line{
	border-bottom:1px dotted #ccc;
	padding-bottom:20px;
	margin-bottom:50px;
}

.m-form{
	width:1000px;
	margin:0px auto;
	text-align:left;
}

.m-form td{
	padding:10px 10px 10px 30px;
	vertical-align:top;
}


.m-form th{
	width:26%;
	padding:10px;
	vertical-align:top;
}

.m-form th span{
	float:right;
	padding:7px 8%;
	background:#EE3523;
	color:#fff;
	margin:0;
}

.m-form td input,
.m-form td textarea{
	border:none;
	padding:14px 10px;
	background:#eee;
}

.long input,
.long textarea{
	width:500px;}
	
.middle input{
	width:360px;}
	
.short input{
	width:200px;}
	
.min input{
	width:60px;
}

.min select{
	border:none;
	background:#eee;
	padding:14px 10px;
}
	
.submit{
	text-align:center;
	padding:30px 0 70px;
}

.submit .min{
	font-size:80%;
	margin:10px 0 30px;
}

.submit input{
	border:none;
	color:#fff;
	background:#034297;
	padding:20px 80px;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	font-size:130%;
	font-weight:bold;
	cursor:pointer;
}

.submit input:hover{
	background:#023171;
}

/* ----------------------------------------------

	お問い合わせ確認用テーブル

---------------------------------------------------- */

.cfm{
	border-top:1px solid #ccc !important;
	border-left:1px solid #ccc !important;
}

.cfm th,
.cfm td{
	border-bottom:1px solid #ccc !important;
	border-right:1px solid #ccc !important;
}

.cfm th{	background:#eee;}

.err{	color:#F00;}

#copyright{	display:none !important;}

input[type="submit"][disabled] {
	background-color: #ccc !important;
	cursor: default;
}

.pvtit{
	font-weight:bold;
	font-size:120%;
	margin-bottom:10px;
}

.pv{
	margin:0 0 0 30px;
}

.pv li{
	list-style:decimal;
}

.sign{	text-align:right;}