@charset "UTF-8";
/* matsuda-d CSS Document used CSS3 */


.mainVisual{
	height: 300px;
	width: 950px;
	background: #F3F3F3;
	clear: both;
	margin: 5px auto 30px;
}

.subVisual{
	height: 30px;
	width: 950px;
	background: #F7F6FB;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
}


#contentBody{
	font-size: 90%;
	color: #666;
	width: 950px;
	margin: 30px auto 25px;
}

/* MAIN Column NEW
----------------------------------------*/

#column_left{
	float: left;
	width: 450px;
}

#column_left h2{
	height: 90px;
}


#column_right{
	float: right;
	width: 450px;
}

#column_right h2{
	height: 90px;
	display: block;
}

#column_left h2 a,
#column_right h2 a{
	display: block;
	height: 90px;
}


#column_left h3,
#column_right h3{
	font-size: 1.4em;
	
	line-height: 1.4em;
}

#column_left p,
#column_right p{
	line-height: 1.5em;
}

#column_left strong,
#column_right strong{
	color: #333;
	font-weight: bold;
}
#column_left em,
#column_right em{
	color: #DA536E;
	font-weight: bold;
}

/* MAIN Column OLD
----------------------------------------*/

#columnTop{
	float: left;
	width: 700px;
}

#columnTop p{
	line-height: 180%;
}

#columnMain{
	float: left;
	width: 690px;
}


#columnMain h3{
	margin: 0px 0px 10px;
	clear: both;
	float: none;
	padding-bottom: 5px;
	background: url(../img/bar_oblic.gif) repeat-x 0px bottom;
	font-size: 1.2em;
	color: #333;
}

#columnMain h4{
	font-size: 1.1em;
	margin-bottom: 0.5em;
	color: #333;
}

#columnMain h5{
	font-size: 1.2em;
	padding-bottom: 1em;
	color: #4D4398;
}

#columnMain h6{
	font-size: 1.2em;
	color: #D70035;
	
}



.left60{
	margin-left: 60px;
	display: block;
	margin-right: 20px;
}

.left40{
	margin-left: 40px;
	
	margin-right: 20px;
	line-height: 160%!important;
	color: #666;
	margin-bottom: 10px;
}


#thum_smasup,
#thum_vshape{
	height: 340px;
	
}

#thum_smasup p,
#thum_vshape p{
	line-height: 2em;
}



/* SIDE Column
----------------------------------------*/

#contentBody div.columnSide{
	float: right;
	width: 230px;
}

#columnSide{
	float: right;
	width: 220px;
	
}


#columnSide img{
	margin-bottom: 10px;
}

#columnSide a img{
	display: block;
}

#columnSide a:hover img{
	zoom:1;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	background: #000;	
}

div.sideBlack{
	background: #363636;
	padding: 20px 25px;
	text-align: center;
	margin-bottom: 10px;
}

div.sideGray{
	background: #F7F6FB;
	padding: 20px 18px;
	text-align: center;
	margin-bottom: 10px;
	border: 1px dotted #CCC;
}


/* TOP Box
----------------------------------------*/

div.boxGray{
	background: #FFF;
	margin-bottom: 30px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 5px #666;
	-webkit-box-shadow: 1px 1px 3px #666;
	box-shadow: 1px 1px 5px #666;
}

div.boxGrayIn{
	padding: 30px;
}

/*
div.boxGray h2.ua{
	background: url(http://fukuoka-smasup.com/img/top_h2_ultra.gif) no-repeat;
}

div.boxGray h2.smas{
	background: url(http://fukuoka-smasup.com/img/h2_title_smas.png);
}

div.boxGray h2.ua,div.boxGray h2.smas{
	height: 40px;
	text-indent: -9999px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}
*/

/* PAGES Content
----------------------------------------*/

/*-----radius----------------------------*/

/*-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;*/

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

div.block{
	margin-bottom: 30px;
	background: #FFF;
	margin-top: 20px;
	/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 5px #666;
	-webkit-box-shadow: 1px 1px 3px #666;
	box-shadow: 1px 1px 5px #666; */
}

div.block h3{
	padding: -30px;
}

div.blockBeige{
	background: #F8F4E6;
	padding: 1.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border: 1px solid #DCD6D2;
}

div.blockIce{
	background: #F0F0F0;
	padding: 1.5em 1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
	box-shadow: 1px 1px 5px #999; /* CSS3 */
}

div.blockBorder{
	padding: 1.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border: 2px solid #DCD6D2;
}

div.blockCyan{
	background: #E0EFFF;
	padding: 0.5em 1em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	border: 1px solid #BBDBF3;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}




div.docs{
	line-height: 180%;
}

div.case{
	margin-left: auto;
	margin-bottom: 20px;
	margin-right: auto;
	padding: 15px;
	border: 1px dotted #CCC;
}

div.case img{
}


div.mov{
	margin-left: auto;
	margin-bottom: 20px;
	margin-right: auto;
	padding: 10px 20px;
	border: 1px dotted #CCC;
}

/* FLOW */

div.flow{
	margin-bottom: 15px;
	border: 2px solid #DEDEDE;
	padding: 15px 20px;
}

div.flow h4{
	margin-top: 10px;
	margin-left: 10px;
}

div.flow p{
	
}


#columnMain p,#columnMain li{
	line-height: 180%;
}

#columnMain blockquote{
	margin: 1em;
}

#columnMain strong{
	color: #333;
}

#columnMain ul,#columnMain ol{
	margin-top: 1em;
	margin-bottom: 1em;
}

#columnMain ul li{
	list-style: disc;
	margin-left: 2em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

#columnMain ol li{
	list-style: decimal;
	margin-left: 2em;
	margin-bottom: 1em;
}


#columnMain em{
	font-style: normal;
	font-weight: bold;
	color: #C00;
	padding-right: 0.5em;
	padding-left: 0.5em;
}

#columnMain .point{
	color: #DA536E;
	font-weight: bold;
}



div.notes{
	background: #FDEDE4;
	border: 1px solid #FBDAC8;
	margin: 1em 1em 1.5em;
	padding: 1em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}




/* SMAS-up CAMPAIGN Banner
-----------------------------------------------*/

div.SUcampaign{
	background: url(../smas/img/smas_campaign.jpg) no-repeat 0px 0px;
	height: 200px;
	padding: 0px;
	margin-bottom: 10px;
}

div.SUcampaign .reserve{
	padding-top: 150px;
	padding-left: 230px;
}


/* PRICE Table
-----------------------------------------------*/

table.priceList{	
	font-size: 90%;	
}

table.priceList th,table.priceList td{
	padding: 0.3em 1em;
	text-align: center;
	border: 1px solid #CCC;
}

table.priceList th{
	color: #FFF;
	background: #666;
	border-bottom: 1px solid #E3E3E9;
}

table.priceList td{
	background: #FFF;
	text-align: right;
	padding: 0.8em 2em;
}

table.priceList td.name{
	background: #F7F6FB;
	text-align: center;
}
table.priceList td.price{
	text-align: right;
	font-weight: bold;
	color: #45567A;
}
table.priceList td.left{
	text-align: left;
}
table.priceList td.center{
	text-align: center;
}

dl.trial{
	margin-left: 10px;
}

dl.trial dt{
	float: left;
	width: 12em;
	padding-top: 0px;
	padding-bottom: 1em;
}

dl.trial dd{
	margin-left: 12em;
	padding-top: 0px;
	padding-bottom: 1em;
}

dl.trial dd strong{
	padding-left: 5px;
	font: 1.1em "Arial Black", Gadget, sans-serif;
}



/* SPEC List
-----------------------------------------------*/

/*
table.specList{
	width: auto;
	border-top: 1px solid #339;
	border-left: 1px solid #339;
	
}

table.specList th,table.specList td{
	padding: 0.3em 0.5em;
	text-align: center;
	border-bottom: 1px solid #339;
	border-right: 1px solid #339;
}

table.specList th{
	color: #FFF;
	background: #45567A;
	border-bottom: 1px solid #E3E3E9;
	font-size: 0.8em;
}

table.specList td{
	background: #FFF;
	font-size: 0.9em;
	
}

table.specList td.name{
	background: #E4F7F2;
}

table.specList td.price{
	text-align: right;
	font-weight: bold;
	color: #45567A;
}
table.specList td.left{
	text-align: left;
}
*/




/*　FAQ
-----------------------------------------*/

div.blockQA{
	padding: 1em;
	margin-bottom: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

div.blockQA p,div.blockQA li{
	line-height: 180%;
}

div.blockQA div.Ques{
	background: #F7F6FB url(../img/icon_q.gif) no-repeat 10px center;
	_background: #E0E0E0 url(../img/icon_q.gif) no-repeat 10px 8px;
	padding: 1em 1em 1em 45px;
	border: 2px solid #E3E3E9;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	font-weight: bold;
	color: #CA3514;
	line-height: 25px;
	margin-bottom: 10px;
}

*+html body div.blockQA p.Ques{
	background: #F8F8FA url(../img/icon_q.gif) no-repeat 10px 8px;
}

div.blockQA p.Ans,
div.blockQA div.Ans{
	background: url(../img/icon_a.gif) no-repeat 10px 6px;
	display: block;
	padding: 0.5em 1em 1em 45px;
}


/* FAQ Accordion
---------------------------------------*/

#faq{
}


#faq h4.accordion_head {
	cursor: pointer;
	color: #666;
	font-size: 1.12em;
	line-height: 28px;
	padding-top: 12px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #CCC;
	background: url(../img/icon_q.gif) no-repeat 0px center;
	padding-left: 45px;
	margin-right: 10px;
	margin-left: 10px;
}

#faq h4.accordion_head:hover {
	cursor:pointer;
	color: #C00;
}

#faq div.answer{
	background: #F4F9FF url(../img/icon_a.gif) no-repeat 10px 15px;
	border: 2px solid #D1E8FF;
	padding: 15px 30px 15px 55px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-weight: bold;
	color: #333;
}

/* CLINIC
-----------------------------------------------*/

dl.time{
	margin: 1em;
}

dl.time dt{
	float: left;
	width: 9em;
	padding-top: 0.5em;
	display: block;
	text-align: center;
	color: #FFF;
	background: #888;
	padding-bottom: 0.5em;
	margin-bottom: 1px;
}

dl.time dd{
	margin-left: 9em;
	padding-top: 0.5em;
	display: block;
	padding-left: 1em;
	color: #333;
	text-align: left;
	padding-bottom: 0.5em;
	margin-bottom: 1px;
	background: url(../img/dot_x.gif) repeat-x 0px bottom;
}

div.gmap{
	clear: both;
	float: none;
	margin: 10px auto;
	width: 680px;
}

div.gmap iframe{
	padding: 1px;
	border: 1px solid #CCC;
}


div.timeSC{
	margin-left: 20px;
}

div.timeSC table{
}

div.timeSC th,div.timeSC td{
	padding: 0.5em 1em;
	border: 1px solid #CCC;
	text-align: center;
}


div.timeSC th{
}

div.timeSC td{
}