@charset "utf-8";
/* -----------------------------------------------------------
　見出し
----------------------------------------------------------- */

h1{
	color: #00b0c0;
	height: 15px;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
	text-align:left;
	margin-bottom:20px;
	margin-top:10px;
}



h3{
    background-image:url(../images/h3_img.png);
	background-repeat:no-repeat;
	background-position:left;
	height:30px;
	color:#000000;
	padding-top:16px;
	padding-left:75px;
    letter-spacing: 0.1em;
	margin-bottom:10px;
	font-size:17px;
	font-weight:normal;
	border-bottom:#00b0c0 1px solid;
}

.kaba h3{
    background-image:url(../images/h3_kaba.png);
	background-repeat:no-repeat;
	background-position:left;
	height:30px;
	color:#000000;
	padding-top:18px;
	padding-left:75px;
    letter-spacing: 0.1em;
	margin-bottom:10px;
	font-size:17px;
	font-weight:normal;
	border-bottom:#00b0c0 1px solid;
}


h4{
    font-size:16px;
	width:100%;
	height:20px;
	color:#63513F;
	padding-top:12px;
	padding-left:5px;
	margin-bottom:5px;
	font-weight:normal;
	margin-top:0px;
	letter-spacing:0.1em;
	border-bottom:#9b9898 1px dotted;
}

.hpink{
    color:#ed9295;
	margin-right:10px;
}


h5{
    color:#ffffff;
	background-color:#88d8df;
	font-size:16px;
	line-height:20px;
	font-weight:normal;
	padding-left:10px;
	padding-top:8px;
	padding-bottom:8px;
	margin-left:5px;
	margin-top:15px;
	margin-bottom:5px;
}

h6{
    color:#282323;
	background-color:#eeeeee;
	font-size:16px;
	line-height:20px;
	font-weight:normal;
	padding-left:10px;
	padding-top:8px;
	padding-bottom:8px;
	margin-left:5px;
	margin-top:15px;
	margin-bottom:5px;
}

p{
    margin-left:5px;
	font-size:16px;

}

@media screen and (max-width: 767px) {
h3{
    background-image:url(../images/h3_img.png);
	background-repeat:no-repeat;
	background-position:left;
	height:auto;
	color:#000000;
	padding-top:18px;
	padding-left:75px;
	padding-bottom:4px;
    letter-spacing: 0.1em;
	margin-bottom:10px;
	font-size:17px;
	font-weight:normal;
	margin-left:5px;
	margin-right:5px;
	border-bottom:#00b0c0 1px solid;
}

h4{
    font-size:16px;
	width:100%;
	height:20px;
	color:#63513F;
	padding-top:12px;
	padding-left:5px;
	margin-bottom:5px;
	font-weight:normal;
	margin-top:0px;
	letter-spacing:0.1em;
	border-bottom:#9b9898 1px dotted;
	margin-left:5px;
	margin-right:5px;
}

.hpink{
    color:#ed9295;
	margin-right:10px;
}


h5{
    color:#ffffff;
	background-color:#88d8df;
	font-size:16px;
	line-height:20px;
	font-weight:normal;
	padding-left:10px;
	padding-top:8px;
	padding-bottom:8px;
	margin-left:5px;
	margin-top:15px;
	margin-bottom:5px;
	margin-right:5px;
}

h6{
    color:#282323;
	background-color:#eeeeee;
	font-size:16px;
	line-height:20px;
	font-weight:normal;
	padding-left:10px;
	padding-top:8px;
	padding-bottom:8px;
	margin-left:5px;
	margin-right:5px;
	margin-top:15px;
	margin-bottom:5px;	
}

}


/* =======================================================================

   全体
   
======================================================================= */

body{
	font-family: Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-image: url(../images/head_bg.png);
	background-repeat: no-repeat;
	background-position:top center;
	text-align: center;
	color:#333333;
	min-width:1200px;
	border-top:#00b0c0 5px solid;
}

.pc_none{
    display:none;
}


@media screen and (min-width: 768px) {
.pc_none{
    display:none;
}
}

@media screen and (max-width: 767px) {
body{
	min-width:inherit;
	width:100%;
}

.sp_none{
    display:none;
}

.pc_none{
    display:block;
}

}

/*色*/
.green{
    color:#25742C;
	font-weight:bold;
}
.brown{
	color:#6D412E;
	font-weight:bold;
}
.red{
    color:red;
}
.blue{
    color:#279ca8;
}

/*枠*/
.img_waku{
    border:1px solid #cccccc;
	padding:2px;
}


/* -----------------------------------------------------------
　リスト
----------------------------------------------------------- */
ul.list_normal{
    line-height:40px;
	padding-left:0px;
	font-size:16px;
	margin-left:5px;
}

ul.list_mark{
	list-style-image:url(../images/maru.png);
	padding-left:20px;
    line-height:40px;
	font-size:16px;
	margin-bottom:30px;
	margin-left:5px;

}

.list_num li{
    list-style-type:decimal;
    line-height:40px;
	font-size:16px;
	margin-left:25px;
}



@media screen and (max-width: 767px) {
ul.list_normal{
    line-height:30px;
	padding-left:10px;
	font-size:16px;
}

ul.list_mark{
	list-style-image:url(../images/maru.png);
	padding-left:30px;
    line-height:30px;
	font-size:16px;
}

.list_num li{
    list-style-type:decimal;
    line-height:30px;
	font-size:16px;
}
}


/* -----------------------------------------------------------
　ラッパー
----------------------------------------------------------- */

.wrapper {
	padding: 0;
	width: 1059px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

@media screen and (max-width: 767px) {
.wrapper {
    width:100%;
}
}


/* -----------------------------------------------------------
　ヘッダ
----------------------------------------------------------- */

.header{
	overflow:hidden;
	
}

.head_up{
    margin-bottom:20px;

}

.header .head_logo {
	float: left;
	margin-top:30px;
	padding: 0px;
}

.header .head_tell {
	float: right;
	margin-top:0px;
	text-align:right;
	padding-right:5px;
	width:273px;
}

.head_add_01{
	margin-top:10px;
	width:273px;
	height:18px;
	padding-top:5px;
	background-color:#00b0c0;
	color:#ffffff;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
	text-align:center;
	letter-spacing:0.1em;
	margin-right:0px;
	font-size: 14px;
}

.head_add_02{
	margin-top:7px;
	font-size: 13px;
	text-align:left;
}

.head_add_03{
	margin-top:7px;
	font-size: 13px;
	text-align:left;
    color:#00b0c0;
}


@media screen and (max-width: 767px) {
	
.head_up{
    margin-bottom:0px;
}

.header .head_logo {
	float:left;
	width:70%;
	margin-top:10px;
	margin-left:5px;

}

.hbg_menu{
	float:right;
	padding-right:5px;

}

.sp_cyousei{
    clear:both;
}


.header .head_tell {
	float:none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.header .head_logo img{
	width:100%;
	height:auto;
}

.header .head_tell img{
	width:100%;
	height:auto;
}

.header .head_tell img{
	width:80%;
}

.header .head_tell {
	float: right;
	margin-top:24px;
	text-align:center;
	padding-right:5px;
	width:100%;
}

.header .head_tell img{
	width:90%;
}


.head_add_01{
	margin-top:10px;
	width:90%;
	height:24px;
	padding-top:8px;
	background-color:#00b0c0;
	color:#ffffff;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
	text-align:center;
	letter-spacing:0.1em;
	font-size: 18px;
	margin-left:auto;
	margin-right:auto;

}

.head_add_02{
	margin-top:7px;
	font-size: 14px;
	text-align:center;
}

.head_add_03{
	margin-top:7px;
	font-size: 14px;
	text-align:center;
    color:#00b0c0;
}

}

/* :::::::::: メインナビ :::::::::: */

ul#main_nav li{
	float: left;
	margin: 0px;
	padding: 0px;
	height: 68px;
}

#main_nav{
	margin-left:5px;
}


@media screen and (max-width: 767px) {
nav {
	width:100%;
	margin:0px;
	text-align:center;
}

nav ul#main_nav2 {}

nav ul#main_nav2 li {
	width:100%;
	height:40px;
	margin:0 auto 1px auto;
	background-color: #00b0c0;
 	border-bottom: 1px solid #ffffff;

}

nav ul#main_nav2 li a {
	display:block;
	width:100%;
	font-size:14px;
	font-weight:bold;
 	line-height:40px;
	 text-align:center;
	text-decoration:none;
}
nav ul#main_nav2 li a:link,
nav ul#main_nav2 li a:visited,
nav ul#main_nav2 li a:hover,
nav ul#main_nav2 li a:active {
	color:#ffffff;
}

nav ul#main_nav3 {
}

nav ul#main_nav3 li {
	float: left;
	width:25%;
	margin-bottom:20px;
	margin-top:0px;
}

nav ul#main_nav3 li.nav_01 {
	float: left;
	width:25%;
}

nav ul#main_nav3 li img{
  width:100%;
}
}

/* :::::::::: キービジュアル :::::::::: */

.key_visual{
	background-image:url(../images/kye_bg.png);
	background-repeat:no-repeat;
	width:1059px;
	height:369px;
	margin-bottom:40px;
}

.key_left{
    float:left;
	width:622px;
}

.key_right{
	float:left;
	padding-top:14px;
}

.key_moji_01{
	margin-left:53px;
	margin-top:85px;
}

.key_moji_02{
	margin-left:40px;
	margin-top:55px;
}

.key_moji_03{
	margin-left:57px;
}


.key_visual_ud{
	background-image:url(../images/kye_bg_ud.png);
	background-repeat:no-repeat;
	background-position:top center;
	margin-bottom: 46px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	width:1053px;
	height:166px;
	position:relative;
}

h2 {
    position:absolute;
    z-index:1;
	top:40%;
	left:42%;
	font-size:22px;
	font-weight:normal;
	letter-spacing:0.1em;
	color:#ffffff;
}

.h2img{
    z-index:0;
}

@media screen and (max-width: 767px) {
.key_visual{
	background-image:none;
	margin-bottom: 10px;
	width:100%;
	height:auto;
}

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

.key_visual_ud_sp{
	margin-bottom: 0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:100%;


}

.key_visual_ud_sp_waku{

}

.key_visual_ud_sp img{
    width:100%;
}

h2 {

}


}

/* -----------------------------------------------------------
　サブナビ
----------------------------------------------------------- */

#sub_contents{
	width: 300px;
	float: left;
	height: auto;
}

ul#sub_nav{
	width: 300px;
}

@media screen and (max-width: 767px) {
#sub_contents{
    width:100%;
}

table.sp_bana{
	width:95%;
	margin:5px;
}

table.sp_bana tr td{
	width:50%;
	text-align:center;
	border:#d1beb0 1px solid;
	padding:10px 0px;
	color: #6f5548 ;
}

.sp_bana a{
	text-decoration:none;
    display: block;
	color: #6f5548;
}

}

/* -----------------------------------------------------------
　診療内容共通
----------------------------------------------------------- */
.mch{
	border:#00b0c0 solid 1px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */

}

/* -----------------------------------------------------------
　コンテンツラッパー
----------------------------------------------------------- */

#contents_wrapper{

}

/* -----------------------------------------------------------
　メインコンテンツ
----------------------------------------------------------- */

#main_contents{
	width:749px;
	float:right;
}

#main_contents .box .box_Adjustment{
    margin-bottom:0px;
}

#main_contents .box {
	width: 729px;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	word-wrap: break-word;
	overflow:hidden;
}

#main_contents .box_overview {
	margin-bottom: 0px;

}


#main_contents .box p {
	margin-bottom: 20px;
	line-height:26px;
}

.sentence{
    overflow:hidden;
	margin-bottom:10px;
}


.matu{
	float:right;
	margin-left:20px;
    margin-top:60px;
}

.doctor_href{
    width:48%;
	float:left;
}

@media screen and (max-width: 767px) {
#main_contents{
	width: 100%;
	float: none;
	margin-bottom:0px;
}

#main_contents .box {
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	word-wrap: break-word;
	overflow:hidden;
}

#main_contents .box p {
	margin-bottom: 20px;
	line-height:26px;
	width:95%;
	margin-left:auto;
	margin-right:auto;
}

.matu{
	display:none;
	
}

.sp_matu{
	background:url(images/pine_cones_sp.png) no-repeat;
	background-position:center;
	
}

.doctor_href{
    width:100%;
	float:none;
}


	
}


/* :::::::::: お知らせ欄 :::::::::: */

.info_waku{
	margin-bottom:20px;
	margin-top:20px;
	height:460px;
	width:727px;
	overflow-y: scroll;
}

#infomation dl{}
.box .info_waku dt{
	background-color:#f2f1f1;
	margin-top:10px;
	font-size:16px;
	padding-left:10px;
	border-left:10px solid #00b1c2;
}
#infomation dt .date{}
.box .info_waku dd{
	margin-top:5px;
	margin-bottom:20px;
	margin-left:10px;
}

@media screen and (max-width: 767px) {
.info_waku{
	margin-bottom:10px;
	margin-top:10px;
	height:163px;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	overflow-y: scroll;
    webkit-overflow-scrolling: touch;
}

#infomation dl{}
.box .info_waku dt{
	background-color:#f2f1f1;
	margin-top:10px;
	font-size:16px;
	padding-left:10px;
	border-left:10px solid #00b1c2;
}
#infomation dt .date{}
.box .info_waku dd{
	margin-top:5px;
	margin-bottom:20px;
	margin-left:10px;
}

}

/* -----------------------------------------------------------
　特徴
----------------------------------------------------------- */
.characteristic{
	background-image:url(../images/characteristic.png);
	background-repeat:no-repeat;
	width:729px;
	height:236px;
}

.chara_title{
	text-align:center;
	color:#2c8d97;
	font-size:20px;
	padding-top:40px;

}

.chara_text{
	text-align:center;
	color:#2c8d97;
	font-size:13px;
	margin-top:22px;
	line-height:22px;
	letter-spacing:0.05em;


}


@media screen and (max-width: 767px) {
	.chara_text{
	padding-bottom:20px;

}

.characteristic{
	background-image:url(../images/characteristic_sp_tl.png),
	url(../images/characteristic_sp_tr.png),
	url(../images/characteristic_sp_br.png),
	url(../images/characteristic_sp_bl.png);
	background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
	background-position:top left,top right,bottom right,bottom left;
	width:88%;
	height:auto;
	margin-left:10px;
	border:#5fced9 solid 1px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	padding:10px;
}

}


/* -----------------------------------------------------------
　クリニック概要
----------------------------------------------------------- */
.overview_left{
    float:left;
	width:405px;
	height:auto;
}

.overview_right{
    float:right;
	width:314px;
	height:auto;
	padding-left:10px;
}

.o_table_left{
	width:100px;
	height:35px;
	text-align:center;
    vertical-align:top;
}

.o_table_right{
	width:305px;
	height:35px;
	font-size:12px;
	padding-left:10px;
    vertical-align:middle;
	padding-bottom:5px;
	line-height:18px;
}

.t_title{
    background-color:#2fcbd9;
	color:#ffffff;
	width:94px;
	height:30px;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	display:table-cell;
	vertical-align:middle;
}

.t_text{
	display:table-cell;
	vertical-align:middle;
    color:#4dc9d6;
	font-size:30px;
}

.t_text a{
    color:#4dc9d6;
    text-decoration:none;
}

.t_line{
    border-top:#b9b9b9 1px solid;
	height:10px;
}

.letter_08{
    letter-spacing:0.8em;
}

.letter_03{
    letter-spacing:0.3em;
}

table.overview tr{

	
}

@media screen and (max-width: 767px) {
.t_title{
	padding-left:5px;
}

.letter_08{
    letter-spacing:0.3em;
}

.letter_03{
    letter-spacing:0.3em;
}

}


.clear{
    clear:both;
}

.cptext{
    margin-left:420px;
}


#main_contents .box .overview_left #timetable {
	padding: 0px;
	vertical-align: middle;
	font-size: 14px;
	width: 100%;
	height:90px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:5px;
	margin-left: 0px;
	background-color: #FFF;
	border-collapse: collapse;
}

#main_contents .box .overview_left #timetable tr {
	margin: 0px;
	padding: 0px;
	vertical-align:middle;
}
#main_contents .box .overview_left #timetable tr td {
	text-align:center;
	padding-top:0px;
	padding-bottom:0px;
	border:1px solid #dcdcdc;
	padding:5px;
}

#main_contents .box .overview_left #timetable tr th {
	background-color:#12b1c0;
	color:#ffffff;
	padding-top:0px;
	padding-bottom:0px;
	border:1px solid #dcdcdc;
	padding:5px;
	text-align:center;
	font-weight:normal;
}

#main_contents .box .overview_left #timetable tr .time{
	width:120px;

}

#main_contents .box .overview_left #timetable tr .time2{
	background-color:#fffdf1;
}

#main_contents .box .overview_left #timetable tr .sat{
	color:#17498f;
}

#main_contents .box .overview_left #timetable tr .sun{
	color:#a83c41;
}

.maru1{
	color:#77dfe9;
}

.maru2{
	color:#b3d898;
}


.shikaku{
	color:#ace6eb;
}

#main_contents .box .overview_right #map_box {
	width: 314px;
	height: 314px;
	
}

#main_contents .box .overview_right  #map_box #map_canvas {
	width: 314px;
	height: 314px;
	float: right;
	text-align:right;
	margin-bottom:5px;
	border:#c6c5c2 1px solid;
}

#main_contents .box .overview_right .to_gmap a{
    color:#003399;
	text-decoration:none;
}


@media screen and (max-width: 767px) {

#main_contents .box .overview_left #timetable tr .time{
	width:100px;

}

.clinic_name{
    color:#533F35;
	font-size:20px;
	font-weight:bold;
    letter-spacing: 0.1em;
	margin-top:8px;
	margin-bottom:10px;
	margin-left:10px;
}
	
.overview_left{
    float:none;
	width:95%;
	height:auto;
	padding-left:10px;
}

.overview_right{
    float:none;
	width:95%;
	height:auto;
	text-align:center;
}

.overview_title2{
    color:#533F35;
	font-weight:bold;
	font-size:16px;
	line-height:22px;
	margin-top:20px;
	margin-left:10px;
}

.spmg{
    margin-left:0;
	margin-right:0;

}

#map_box {
	width: 99%;
	height: 314px;
	text-align:center;
    margin-left:auto;
	margin-right:auto;
}

#map_canvas {
	width: 99%;
	height: 314px;
	float: right;
	text-align:right;
	margin-bottom:5px;
	border:#c6c5c2 1px solid;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */

}

.to_gmap{
    text-align:center;
	width: 100%;
	margin-right:auto;
	margin-left:auto;
}

.to_gmap img{
	width: 98%;
}

}


/* -----------------------------------------------------------
　医師
----------------------------------------------------------- */
.doctor_name{
	font-size:22px;
	margin-left:20px;
	margin-top:10px;
}

.doctor_img{
    margin-left:20px;
}


/* -----------------------------------------------------------
　クリニック紹介
----------------------------------------------------------- */
@media screen and (max-width: 991px){
/* :::::::::: フリック :::::::::: */
.viewport {
 width:450px;
 overflow:hidden;
 margin:0 auto;
}
.flipsnap {
 width:2700px;
 /*viewportのwidth x ギャラリーの枚数*/
}
.item {
 float:left;
 width:450px;
 cursor:pointer;
 overflow:hidden;
}
.item p {
 padding:3px 0 8px 0;
 font-weight:bold;
 color:#333;
 text-align:center;
}
p.comment {
 text-align:center;
}
}

@media screen and (max-width: 767px) {
/* :::::::::: フリック :::::::::: */
.viewport {
 width:290px;
 overflow:hidden;
 margin:0 auto;
}
.flipsnap {
 width:1740px;
 /*viewportのwidth x ギャラリーの枚数*/
}
.item {
 float:left;
 width:290px;
 cursor:pointer;
 overflow:hidden;
}
.item p {
 padding:3px 0 8px 0;
 font-weight:bold;
 color:#333;
 text-align:center;
}
p.comment {
 text-align:center;
}
}


/* -----------------------------------------------------------
　アクセス・診療時間
----------------------------------------------------------- */

.access_page #map_box{
    border:#9A9A9A solid 1px;
	background-color:#F0F0F0;
	margin-bottom:20px;
	width:716px;
	height:716px;
}

.access_page #map_canvas{
	width: 698px;
	height: 698px;
	border:#cccccc 1px solid;
    text-align:center;
	margin:8px;
}

.access_tell{
	font-size:34px;
	line-height:38px;
    color:#4dc9d6;
 	-webkit-text-size-adjust: none;
	font-weight:bold;
	padding-left:3px;
	padding-top:8px;
	text-decoration:none;
}

.access_tell a{
	font-size:34px;
	line-height:38px;
    color:#25742C;
 	-webkit-text-size-adjust: none;
	font-weight:bold;
	padding-left:3px;
	padding-top:3px;
	text-decoration:none;

}

#main_contents .box .sentence #timetable_access {
	padding: 0px;
	vertical-align: middle;
	font-size: 14px;
	width: 100%;
	height:90px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:5px;
	margin-left: 0px;
	background-color: #FFF;
	border-collapse: collapse;
}

#main_contents .box .sentence #timetable_access tr {
	margin: 0px;
	padding: 0px;
	vertical-align:middle;
}
#main_contents .box .sentence #timetable_access tr td {
	text-align:center;
	padding-top:0px;
	padding-bottom:0px;
	border:1px solid #CBCBCB;
	padding:10px;
}

#main_contents .box .sentence #timetable_access tr th {
	background-color:#F3F8EF;
	padding-top:0px;
	padding-bottom:0px;
	border:1px solid #CBCBCB;
	padding:10px;
	text-align:center;
	font-weight:normal;
}

#main_contents .box .sentence #timetable_access tr .time{
	width:120px;

}

.overview_access{
	font-size:14px;
 	color:#4c4c4c;
 	-webkit-text-size-adjust: none;
	font-weight:normal;
	line-height:20px;
}

@media screen and (max-width: 991px){
/*
#map_canvas{
	width: 100%;
	height: 300px;
	border:#cccccc 1px solid;
}
*/
}

@media screen and (max-width: 767px) {
.access_page #map_box{
	text-align:center;
    margin-left:auto;
	margin-right:auto;
	width:99%;
	height: 334px;
}

.access_page #map_canvas{
	width: 95%;
	height: 314px;
	float: right;
	text-align:right;
	margin-bottom:5px;
	border:#c6c5c2 1px solid;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
}

.access_tell a{
	font-size:34px;
	line-height:38px;
    color:#4dc9d6;
 	-webkit-text-size-adjust: none;
	font-weight:bold;
	padding-left:3px;
	padding-top:3px;
	text-decoration:none;
}

#main_contents .box .sentence #timetable_access {
    width:95%;
	margin-left:auto;
	margin-right:auto;
}

.overview_access{
	font-size:14px;
 	color:#4c4c4c;
 	-webkit-text-size-adjust: none;
	font-weight:normal;
	line-height:20px;
	margin-left:15px;
}

}

/* -----------------------------------------------------------
　レディースドック
----------------------------------------------------------- */

#main_contents .box .sentence #table_dock {
	padding: 0px;
	vertical-align: middle;
	font-size: 14px;
	width: 100%;
	height:90px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:5px;
	margin-left: 0px;
	background-color: #FFF;
	border-collapse: collapse;
}

#main_contents .box .sentence #table_dock tr {
	margin: 0px;
	padding: 0px;
	vertical-align:middle;
}
#main_contents .box .sentence #table_dock tr td {
	text-align:left;
	padding-top:0px;
	padding-bottom:0px;
	border:1px solid #CBCBCB;
	padding:10px;
}

#main_contents .box .sentence #table_dock tr th {
	background-color:#F3F8EF;
	padding-top:0px;
	padding-bottom:0px;
	border:1px solid #CBCBCB;
	padding:10px;
	text-align:left;
	font-weight:normal;
}

.price{
	width:80px;
}


@media screen and (max-width: 767px) {
.dock_name{
	width:70px;
}
.price{
	width:70px;
}

}
/* -----------------------------------------------------------
　フッタ
----------------------------------------------------------- */
.page_top{
	width: 1245px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

#footer_area {
    background-image:url(../images/footer_bg.png);
	background-repeat:repeat-x;
	height: 143px;
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom:0px;
	padding-bottom:0px;
}

#footer{
	width: 1059px;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: auto;

}

.smoothScrolls{
	text-align: right;
	margin-bottom:-20px;
	margin-right:20px;
}

.footer_logo{
    float:left;
}


.sp_cp{
	height:30px;
	margin-top: 0;
	margin-bottom: 0;
	background-color:#12b1c0;
	padding-top:5px;

}

.copyright_sp{
	text-align: center;
	font-size: 14px;
	color:#ffffff;
	background-color:#12b1c0;

}
.copyright_sp a {
	text-decoration:none;
	color:#ffffff;
	background-color:#12b1c0;
}


.footer_left{
    float:left;
	padding-top:32px;

}

.footer_right{
    float:right;
	width:257px;
	padding-top:14px;
	text-align:left;
	margin-right:20px;
}

.footer_center{
	float:right;
	border-left:#676767 dashed 1px;
	margin-right:20px;
	margin-top:32px;
	height:90px;
}

.fr_01{
	font-size:12px;
	line-height:16px;

}

.fr_02{
	font-size:12px;
	line-height:16px;
	color:#037379;
}

.fr_03{
	font-size:12px;
	line-height:16px;
}

.fr_04{
	font-size:12px;
	line-height:16px;
}


@media screen and (max-width: 767px) {
.reservation_sp{
	background-color:#a0d37a;
	color:#ffffff;
	border:#a0a0a0 1px solid;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	width:80%;
	margin-left:auto;
	margin-right:auto;
    margin-bottom:20px;

}
.reservation_sp a{
    text-decoration:none;
	width:100%;
	height:100%;
	display:block;
	padding-top:10px;
	padding-bottom:10px;
}
}


/* :::::::::: フッターナビ :::::::::: */
.footer_nav{
	width:auto;
    float:left;
	text-align:left;
	margin-right:46px;
	font-size:13px;

}

.footer_nav img{
    margin-right:10px;
}

.footer_nav a{
    text-decoration:none;
}

.tyo_01{
    margin-left:5px;
}

.tyo_02{
    margin-left:5px;
}

.tyo_03{
    margin-left:5px;
}

.orange {
	color: #F90;
}
.navy {
	color: #0A164A;
}


#footer .copyright{
	text-align: left;
	font-size: 14px;
	margin-right: auto;
	margin-left: auto;
	float: left;
    margin-top:30px;
}
#footer .copyright a {
	text-decoration:none;
}

/*************************************************
　アコーディオン
/*************************************************/
/* 親の[ul] */
.syncer-acdn-parent{
	margin: 5px;
	padding: 0px;
	border: 1px solid #d1beb0;
    overflow: hidden;
	width:95%;
	text-align:left;
}

/* 子の[ul] */
.syncer-acdn-child{
	display: none ;
}

/* 余白設定 */
.syncer-acdn-child ,
.syncer-acdn-parent li ,
.syncer-acdn-parent li p{
	margin: 0 ;
	padding: 0 ;
}

/* 親と子の[li] */
.syncer-acdn-parent li{
	list-style: none ;
}

/* 親の[a] */
.syncer-acdn-parent li p a{
	position: relative ;
	top: 0 ;
	left: 0 ;
}

.syncer-acdn-parent li p a:after ,
.syncer-acdn-parent li p a:hover:after{
	background-color:#00b0c0;
	color:#ffffff;

}

.syncer-acdn-parent li p a:after{
	position: absolute ;
	top: 50% ;
	right: 12px ;
	font-size: .85em ;
	margin-top: -12.5px ;
	height: 17px ;
	line-height: 17px ;
	padding: 4px 8px ;
}

/* 親の[a]と子の[li] */
.syncer-acdn-parent li p a ,
.syncer-acdn-child li{
	background-color:#00b0c0;
	color:#ffffff;
}

/* 親と子の[a] */
.syncer-acdn-parent li a{
	display: block ;
	padding: 8px 5px ;
	font-weight: 700 ;
	text-decoration: none ;
	background-color:#7ec5d5;
	color:#ffffff;
	border-bottom:#ffffff 1px solid;
}

.syncer-acdn-parent li a:hover{
	cursor: pointer ;
	background-color:#00b0c0;
	color:#ffffff;
}

/* 子の[a] */
.syncer-acdn-child li a:before{
	padding-right: 5px ;
}


/*ハンバーガーメニュー*/

#s_gnavi{
    margin-top:20px;
	margin-left:5px;
	margin-right:5px;
}

#s_gnavi li{
	background-color:#00b0c0;
	border-bottom:#ffffff 1px solid;
}

#s_gnavi li.list_top{
	-webkit-border-radius: 5px 5px 0 0;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px 5px 0 0;   /* Firefox用 */
    border-radius: 5px 5px 0 0;        /* CSS3 */  

}

#s_gnavi li.list_bottom{
	-webkit-border-radius: 0 0 10px 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 0 0 10px 10px;   /* Firefox用 */
    border-radius: 0 0 10px 10px;        /* CSS3 */  

}

#s_gnavi li a{
	color:#ffffff;
    display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	padding-top:20px;
	padding-bottom:20px;
}

/*よくある質問*/
dl.faqList{
	margin:0 10px;
}
dl.faqList dt{
	background:url(../images/question.png) 0 4px no-repeat;
	padding:0 0 10px 30px;
	border-bottom:1px dotted #88d8df;
	margin:0 0 20px;
	
}
dl.faqList dd{
	padding:0 0 30px 30px;
	color:#279ca8;
}

/*access*/
table.access-root td{
	padding:0 0px 10px;
	text-align:center;
	font-size:95%;
	line-height:110%;
}

table.access-root td img{
	border:1px solid #cccccc;
	padding:4px;
	margin:0 0 10px;
}