@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	color: #6B5D43;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	font-weight: normal;
	line-height: 170%;
}

/* remember to define focus styles! */
:focus {outline: 0;}
ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
img {border:0;}
a img {border: 0;}
	
/* body */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 95%;
	background-image: url(images/body_back.gif);
	background-repeat: repeat;
}
a {
	color: ;
	text-decoration:none;
}
a:hover{
	color: #FF616C;
}
a:active, a:hover {text-decoration: underline;}
h1 {
	margin:0;
	padding:0;
}
h2 {
	font-size:24px;
	margin: 0 0 7px 0;
	padding: 0;
}
h3 {
	font-size:21px;
	margin: 0 0 10px 0;
	padding: 0;
}

p {
	margin: 0 0 12px 0;
	padding: 0;
	}
.bl{color: #6794A5;}
.lpi{color:#F4847F;}
.pi{color:#FF5F69;}
.or{ color:#FF7F00;}
.gr{ color:#468C00;}
.ppl{ color:#B87AC1;}

.marker_or{
	background-color: #FF8000;
	padding: 2px 2px 2px 4px;
	color: #FFF;
	letter-spacing: 0.15em;
	font-size: 14px;
}

strong {font-weight: bold;}
.txt11{ font-size:11px;}
.txt12{ font-size:12px;}
.txt13{ font-size:13px;}
.bottom5{ margin-bottom:5px;}
.bottom7{ margin-bottom:7px;}
.bottom10{ margin-bottom:10px;}
.bottom15{ margin-bottom:15px;}
.bottom20{ margin-bottom:20px;}
.bottom30{ margin-bottom:30px;}
.bottom40{ margin-bottom:40px;}
.bottom50{ margin-bottom:50px;}
.top5{ margin-top:5px;}
.top10{ margin-top:10px;}
.top15{ margin-top:15px;}
.top20{ margin-top:20px;}
.top30{ margin-top:30px;}
.top80{ margin-top:80px;}

.right10{margin-right:10px;}
.right20{margin-right:20px;}
.left30{ margin-left:30px;}

.block {display: block;}
.center {text-align: center;}
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.img_r{margin:0 0 0 10px; float:right; overflow:hidden;}
.img_l{margin:0 10px 0 0; float:left; overflow:hidden;}

/* -------------------------------------------------------------------
 header
------------------------------------------------------------------- */
#component_header {
	width: auto;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	overflow: hidden;
	background-image: url(images/head/head_top.png);
	background-repeat: repeat-x;
	background-position: center top;
}
#header {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background-image: url(images/rotation/main.png);
	background-repeat: no-repeat;
	background-position: center 160px;
	height:540px;
}
#header h1{
	margin:22px auto 10px auto;
	color:#FF5F68;
	text-align:center;
	display:block;
	}
#header ul{
	clear:both;
	width: 980px;
	margin: 0 auto ;
	padding: 0;
	overflow: hidden;
}
#header ul li{
	float:left;
	margin:0;
	padding:0;
	}


#header_2nd {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
#header_2nd h1{
	margin:22px auto 0 auto;
	color:#FF5F68;
	text-align:center;
	display:block;
	}
#header_2nd h2 {
	float:left;
	margin:10px 20px 0 0;
	}
#header_2nd h3 {
	float:left;
	margin:35px 0 20px 0;
	}
#header_2nd ul{
	float:left;
	width: 590px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#header_2nd ul li{
	float:left;
	margin:0;
	padding:0;
	}
#header_2nd #pan{
	width:950px;
	overflow:hidden;
	clear:both;
	margin:10px 0 0 0;
	padding:0;
	}
#header_2nd ul#pan{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #EEDECD;
	padding:6px 15px;
	}
#header_2nd ul#pan li{
	display:block;
	float:left;
	text-align:left;
	margin:0;
	}
#header_2nd ul#pan li a{
	text-align:left;
	float:left;
	margin:0 10px 0 0;
	padding:0 20px 0 0;
	background-image: url(images/arrow_pink.png);
	background-repeat: no-repeat;
	background-position: right center;
	}


/* -------------------------------------------------------------------
 nav
------------------------------------------------------------------- */
#component_nav {
	width: auto;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	overflow: hidden;
	height: 60px;
}
#nav {
	width: 984px;
	margin: 0px auto 0;
	padding: 0;
	overflow: hidden;
	clear:both;
	z-index:2;
}
#nav ul{
	margin:5px 0 0 0;
	padding:0;
	}
#nav ul li{
	float:left;
	margin:0;
	padding:0;
	}


/* -------------------------------------------------------------------
 content_flame
 ------------------------------------------------------------------- */
.component_content{
	clear: both;
	width: auto;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	}
.content{
	clear: both;
	width: 920px;
	margin: 20px auto 30px auto;
	padding: 0 30px 30px 30px;
	overflow: hidden;
	text-align: left;
	border-radius: 10px;       
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color:#FFF;
	}
.column_r{
	float:left;
	width:300px;
	margin:0;
	padding:0;
	overflow:hidden;
	}
.column_l{
	float:left;
	width:580px;
	margin:30px 30px 0 0;
	padding:0;
	overflow:hidden;
	}
.pagetop{
	position: fixed;
	right:50px;
	bottom:50px;
	}

/* -------------------------------------------------------------------
 menu
 ------------------------------------------------------------------- */
.column_r h2{
	font-size:18px;
	font-weight:bold;
	}
#menu_clinic,
#menu_point,
#menu_guide{
	overflow:hidden;
	margin:30px 0 0 0;
	}
#menu_clinic h2{
	color: #F7837E;
	background-image: url(images/menu/line_clinic.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:0 0 10px 10px;
	}
#menu_clinic ul{
	overflow:hidden;
	}
#menu_clinic ul li{
	background-image: url(images/menu/icon_clinic.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding:0 0 0 26px;
	margin:7px 0 0 0;
	}

#menu_point h2{
	color: #FF8000;
	background-image: url(images/menu/line_point.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0 0 10px 10px;
	}
#menu_point ul{
	overflow:hidden;
	}
#menu_point ul li{
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding:8px 0 0 36px;
	margin:0;
	height:32px;
	}
#menu_point ul li a:hover{color:#FF8000;}
#menu_point ul li#kuchikomi{
	background-image: url(images/menu/icon_point01.png);
	}
#menu_point ul li#estimate{
	background-image: url(images/menu/icon_point02.png);
	}
#menu_point ul li#service{
	background-image: url(images/menu/icon_point03.png);
	}
#menu_point ul li#access{
	background-image: url(images/menu/icon_point04.png);
	}

#menu_guide h2{
	color: #6695A7;
	background-image: url(images/menu/line_guide.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0 0 10px 10px;
	}
#menu_guide ul{
	overflow:hidden;
	}
#menu_guide ul li{
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding:8px 0 0 36px;
	margin:0;
	height:32px;
	}
#menu_guide ul li a:hover{color:#6794A5;}
#menu_guide ul li#choice{
	background-image: url(images/menu/icon_guide01.png);
	}
#menu_guide ul li#advice{
	background-image: url(images/menu/icon_guide02.png);
	}
#menu_guide ul li#flow{
	background-image: url(images/menu/icon_guide03.png);
	}
#menu_guide ul li#osaka{
	background-image: url(images/menu/icon_guide04.png);
	}
	
/* -------------------------------------------------------------------
 footer 
 ------------------------------------------------------------------- */
#component_footer {
	width: auto;
	margin: 0 auto;
	padding: 0 0 30px 0 ;
	overflow: hidden;
}
#footer {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	text-align:left;
	font-size:13px;
}
	
#foot_menu_point ul{
	width:700px;
	overflow:hidden;
	float:left;
	margin:10px 0 0 20px;
	}
#foot_menu_point ul li{
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding:8px 0 0 32px;
	margin:0 15px 0 0;
	height:32px;
	float:left;
	}
#foot_menu_point ul li a:hover{color:#FF8000;}
#foot_menu_point ul li#kuchikomi{
	background-image: url(images/menu/icon_point01.png);
	}
#foot_menu_point ul li#estimate{
	background-image: url(images/menu/icon_point02.png);
	}
#foot_menu_point ul li#service{
	background-image: url(images/menu/icon_point03.png);
	}
#foot_menu_point ul li#access{
	background-image: url(images/menu/icon_point04.png);
	}

#foot_menu_guide ul{
	width:700px;
	overflow:hidden;
	margin:0 0 0 20px;
	float:left;
	}
#foot_menu_guide ul li{
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding:8px 0 0 32px;
	margin:0 15px 0 0;
	height:32px;
	float:left;
	}
#foot_menu_guide ul li a:hover{color:#6794A5;}
#foot_menu_guide ul li#choice{
	background-image: url(images/menu/icon_guide01.png);
	}
#foot_menu_guide ul li#advice{
	background-image: url(images/menu/icon_guide02.png);
	}
#foot_menu_guide ul li#flow{
	background-image: url(images/menu/icon_guide03.png);
	}
#foot_menu_guide ul li#osaka{
	background-image: url(images/menu/icon_guide04.png);
	}


/* -------------------------------------------------------------------
 TOP page 
 ------------------------------------------------------------------- */

/* pickup */
h2.pickup{
	background-image: url(images/pickup.png);
	background-repeat: no-repeat;
	background-position: left top;
	height:90px;
	color:#F9827B;
	padding:6px 0 0 80px;
	font-size:18px;
	font-weight:bold;
	}


/* -------------------------------------------------------------------
 clinic common 
 ------------------------------------------------------------------- */
.clinic{
	overflow: hidden;
	background-color: #FFF9F5;
	background-image: url(images/clinic_head.png);
	background-repeat: no-repeat;
	background-position: center top;
	border: 1px solid #FFCAB3;
	padding:20px;
	margin:50px 0 0 0;
	}
.clinic h2{
	font-size:28px;
	font-weight:bold;
	color:#FF5D66;
	text-align:center;
	margin:15px 0 5px 0;
	}
.clinic_btn a{
	text-align: center;
	background-image: url(images/btn_site.png);
	background-repeat: no-repeat;
	background-position: center top;
	width:463px;
	height:41px;
	padding:16px 0 0 0;
	margin:15px auto 20px auto;
	display:block;
	}
.clinic_btn a:hover{
	background-image: url(images/btn_site_o.png);
	background-repeat: no-repeat;
	background-position: center top;
	color:#FFF;
	text-decoration:none;
	}
	
.clinic dl{
	clear:both;
	overflow:hidden;
	margin:0 0 5px 0;
	padding:0 0 10px 0;
	width:540px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	}
.clinic dl dt{
	float: left;
	width: 110px;
	display: block;
	margin:5px 0 0 0;
	}
.clinic dl dd{
	float:left;
	width:430px;
	display:block;
	margin:5px 0 0 0;
	}

.clinic h3.point{
	font-size: 18px;
	color: #FA7C00;
	text-align: center;
	background-image: url(images/point_back.png);
	background-repeat: no-repeat;
	background-position: center top;
	height:38px;
	padding:7px 0 0 0;
	margin:30px 0 0 0;
	}
	
.clinic ul.pickup_point{
	background-image: url(images/pickup_point_back.png);
	background-repeat: no-repeat;
	background-position: left top;
	overflow:hidden;
	width:540px;
	list-style-type:none;
	margin:15px 0 0 0;
	}
.clinic ul.pickup_point li{
	margin: 2px 0 0 0;
	padding:0 0 2px 150px;
	background-image: url(images/point_list.png);
	background-repeat: no-repeat;
	background-position: 125px 3px;
	}
.clinic ul.pickup_point li a{
	color:#FF676E;
	font-weight:bold;}
	
	
.clinic h3.voice{
	font-size: 18px;
	text-align: center;
	background-image: url(images/voice_back.png);
	background-repeat: no-repeat;
	background-position: center top;
	height:38px;
	padding:7px 0 0 0;
	margin:30px 0 0 0;
	}
.clinic ol{
	overflow:hidden;
	width:540px;
	list-style-type:none;
	margin:5px 0 0 0;
	}
.clinic ol li{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin: 5px 0 0 0;
	padding:0 0 0 35px;
	background-image: url(images/point_icon.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	}
.clinic ul.voice{
	overflow:hidden;
	width:540px;
	list-style-type:none;
	margin:5px 0 0 0;
	}
.clinic ul.voice li{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin: 5px 0 0 0;
	padding:0 0 12px 40px;
	background-image: url(images/voice_icon.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	}

.line_box{
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin:10px 0 0 0;
	padding:0 0 15px 0;
	}
.line_box a{
	color:#FF616B;}


.line_box h4{
	font-size:14px;
	color:#FF5D66;
	font-weight:bold;
	}
	
.clinic .view_flame{
	overflow:hidden;
	margin:10px 0 0 0;
	}
.clinic .view_flame p{
	overflow:hidden;
	display:block;
	text-align:center;
	width:265px;
	float:left;
	margin:0;
	}
.clinic .view_flame p.r{
	overflow:hidden;
	display:block;
	text-align:center;
	width:265px;
	float:right;
	margin:0;
	}
	
	
/* -------------------------------------------------------------------
 clinic BEST 
 ------------------------------------------------------------------- */
.best_clinic{
	overflow: hidden;
	background-color: #F4EAD7;
	padding: 0;
	margin: 50px 0 0 0;
	}
.best_clinic .inner{
	overflow: hidden;
	padding: 0 20px 20px 20px;
	margin: 0;
	}
.best_clinic .inner img{
	float:left;
	margin:0 15px 10px 0;
	}
.best_clinic h2{
	font-size:28px;
	font-weight:bold;
	color:#FF5D66;
	text-align:center;
	margin:0 0 5px 0;
	}
.best_clinic .inner h3{
	clear:both;
	margin:20px 0 10px 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #C21721;
	color:#FFF;
	text-align:center;
	line-height:100%;
	padding:5px 0;
	font-size:18px;
	}
.best_txt{
	background-color: #FFF;
	overflow: hidden;
	padding: 20px;
	border: 3px double #CDAF7F;
	}
	
/*2nd*/
/*point*/
h2#directory{
	display: block;
	background-color: #50C1D8;
	color:#FFF;
	font-size:14px;
	padding:3px 7px;
}
h3.works{
	margin:20px 0 10px 0;
	font-size:100%;
	}
h3.works a{
	color: #FF5D66;
	}
h3.works img{
	margin:0 20px 0 0;
	}
.works h4{
	display:block;
	width:520px;
	background-color:#59B1DE;
	color:#FFF;
	padding:2px 10px;
	}