@charset "utf-8";
/*
Theme Name: theme342
Theme URI: http://theme.o2gp.com/
Description: theme342
Version: 1.0
Author: o2 Group
Author URI: http://theme.o2gp.com/
Tags: シンプル

	o2 Group v1.0
	 http://theme.o2gp.com/

	This theme was designed and built by o2 Group,
	whose blog you will find at http://theme.o2gp.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

*{margin:0;padding:0;}

body{
color:#474747;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 14px;
line-height: 1.6;
background:#F8F6EF;
}

a:link{color:#36B8EA;text-decoration:none;}
A:visited{color:#4373ae; text-decoration:none;}
A:active {color:#36B8EA;  text-decoration:underline;}
A:hover {color:#36B8EA; text-decoration:underline;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}

/*************
メインビジュアル
*************/
#main_img{
max-width: 100%;
padding: 0;
margin:0 0 30px;
}

/*************
全体
*************/
#wrapper{
background:url(images/head-back.png) repeat-x top;
width: 100%;
margin:0;
padding :0;
}
#content{
margin: 30px auto;
padding : 0;
max-width: 960px;
clear:both;
}
.logo a:link,
.logo a:visited {
background: url(images/logo.png) no-repeat 0 0;
height: 45px;
width: 243px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display:block;
}
.logo a:hover{
filter: alpha(opacity=60);
moz-opacity:0.6;
opacity:0.6;
}
.bannerM a:hover{
filter: alpha(opacity=60);
moz-opacity:0.6;
opacity:0.6;
}

/*************
/* ヘッダー
*************/
#header{
margin:0 auto;
max-width: 960px;
width: 100%;
}

#header_area{
margin: 0;
padding: 25px 0 0 0;
}

#header_area .logo {
	float: left;
}

.head-right a:hover{
filter: alpha(opacity=80);
moz-opacity:0.8;
opacity:0.8;
}

/*************
/* トップナビゲーション
*************/
#header_navi{
	margin:30px 0 0 0;
	padding:0;
	max-width:960px;
	width: 100%;
	height:30px;
}
#header_navi #menuToggle {
	display: none;
}
#header_navi ul{
	list-style:none;
	margin:0px;
	padding:0px;
	width: 100%;
} 
#header_navi li{
	float:left;
	line-height:100%;
	height:30px;
	width: calc(100% / 6);
} 
#header_navi li a{
	display:block;
	width: 100%;
	height:30px;
	background-position: top center;
	background-repeat: no-repeat;
	text-indent:-9999px;
	text-decoration:none;
} 
#header_navi li a:hover{
//	background-position:0 30px;
	background-position: bottom center;
}
#header_navi .a01 a{
	background-image:url(images/navi-01.gif);
} 
#header_navi .a02 a{
	background-image:url(images/navi-02.gif);
} 
#header_navi .a03 a{
	background-image:url(images/navi-03.gif);
} 
#header_navi .a04 a{
	background-image:url(images/navi-04.gif);
} 
#header_navi .a05 a{
	background-image:url(images/navi-05.gif);
}
#header_navi .a06 a{
	background-image:url(images/navi-06.gif);
}


/*************
メイン（左側）コンテンツ
*************/
#main {
float: left;
width: calc(100% - 245px);
display: inline;
}

#main .bannerM img{
padding-right: 12px;
padding-bottom: 20px;
}
#main .bannerM img.last{padding-right:0;}

#main h2{
display: block;
padding:  3px 5px;
font-size:24px;
font-weight:lighter;
color:#2F64AF;
background:#fff url(images/h2-back.gif) repeat-x bottom;
margin: 0 0 20px;
}

/*
#main h2{
display: block;
padding:  3px 10px;
font-size: 18px;
font-weight: normal;
background: url(images/bg_h.jpg) repeat bottom right;
margin: 0 0 20px;
}
*/

#main h3 {
font-size: 16px;
height: 22px;
margin: 0 0 10px;
border-bottom: 1px dotted #999999;
background: url(images/icon.png) no-repeat 0 10px;
padding:5px 0 5px 20px;
}

#main p {
padding: 0 0 20px;
}

/* 画像を右に回りこみ */
#main p.withImage img{
float: right;
margin: 0 0 10px 10px;
}

#date {
	text-align: right;
	padding-right: 10px;
	padding-bottom: 10px;
	font-weight:bold;
	color:#4373ae;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

/* フッター共通 */
.box{
float: left;
width: calc( (100% - 340px) / 3 );
//max-width: 195px;
margin: 10px 16px 10px 0;
line-height: 1.2;
}

.box_img{
padding: 0px 0px 10px 0px;
}

.last{
margin-right:0;
margin-bottom: 30px;
}


/*************
サイド（右側）コンテンツ
*************/
#sidebar {
float: right;
width: 230px;
padding:0 0 0 15px;
}

.side_ban_last{margin-bottom:20px;}

#sidebar p{margin-bottom: 20px;}

#sidebar h3 {
display: block;
padding:  17px 0 0 20px;
font-size: 15px;
font-weight: normal;
background: url(images/right-h3.png) no-repeat center;
margin: 0;
height:28px;
color:#2F64AF;
}

#sidebar ul{
margin: 0;
padding : 0;
}

#sidebar li {
margin: 0;
list-style: none;
padding : 16px 0 0 20px;
font-size: 13px;
line-height: 150%;
height:34px;
background: url(images/right-li.png) no-repeat top;
}

#sidebar li a:hover{
margin: 0;
list-style: none;
padding : 16px 0 0 0px;
font-size: 13px;
line-height: 150%;
height:34px;
background: url(http://kamoto-clinic.com/wp-content/themes/theme342/images/right-li02.png) no-repeat top;
}



/*************
/* フッター
*************/
#footer{
clear:both;
padding: 30px 0 20px;
background: url(images/fotter.gif) repeat-x top center #36B8EA;
}

#footer li a:link{color:#ffffff;text-decoration:none;}
#footer li a:visited{color:#4373ae;text-decoration:none;}
#footer li a:hover{color:#ffffff;text-decoration:underline;}
#footer li a:active{color:#ffffff;text-decoration:underline;}

#footer .inner{
max-width: 910px;
width: 100%;
margin: 0 auto;
overflow: hidden;
}
#footer li{
background: url(images/icon.png) no-repeat 0 3px;
padding:0 0 0 20px;
list-style: none;
margin-bottom: 10px;
}

* html #footer .inner{height:1%;}

#footer .logo{
float:left;
padding: 10px 0 5px;
width: 290px;
}

address{
padding: 10px 0;
text-align: center;
font-style:normal;
clear:both;
display:block;
color:#ffffff;
background:#2F64AF;
}

/*************
/* 追加項目
*************/

/** top page **/
.topImage1 {
	max-width:710px;
	margin:0 0 30px 0;
	padding:0;
	text-align: center;
}
.topImage1 img {
	width: 30%;
	min-width: 140px;
	margin: 1%;
}
.topImage2 {
	max-width:710px;
	margin:0 0 30px 0;
	padding:0;
	text-align: center;
}
.topImage2 img {
	width: 18%;
	min-width: 90px;
	margin: 0.5%;
}

#leftnews dl{margin:0px; padding:5px 0;}
#leftnews dt{clear:left;float:left; margin:0; padding:10px 0; list-style:none;border-bottom:#474747 dotted 1px;}
#leftnews dd{margin-left:130px; padding:10px 0px 10px 15px;border-bottom:#474747 dotted 1px;}
#leftnews h3{ background:url(/images/h3-back.gif) repeat; font-size:16px; color:#2F64AF; border-bottom:none;}

#fixation h3{background:url(/images/h3-back.gif) repeat; font-size:16px; color:#2F64AF; border-bottom:none;}

table.timeTable {
	margin:0;
	padding:0;
	width:100%;
	border:#CCCCCC solid 1px;
	border-collapse: collapse;
}
table.timeTable th {
	border-bottom:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
	background:#36B8EA;
	color:#FFFFFF;
	padding:5px;
	text-align: center;
}
table.timeTable td {
	border-bottom:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
	padding:5px;
	text-align: center;
}
@media screen and (max-width: 910px) {
	#footer 
}
@media screen and (max-width: 768px) {
	#header_area .logo {
		float: none;
	}
	#header_area .logo a {
		display: block;
		width: 100%;
		background-position: center;
	}
	.head-right {
		display: none;
	}
	#header_navi {
		clear: both;
		position: relative;
		z-index: 99;
		font-size: 1.2rem;
	}
	#header_navi #menuToggle {
		display: block;
		line-height: 30px;
		text-align: center;
	}
	#header_navi #menuToggle a {
		display: block;
	}
	#header_navi #menuToggle a::before {
		font-family: "Fontawesome";
		content: "\f0c9";
		margin-right: 5px;
	}
	#headerMenu {
		display: none;
	}
	#header_navi li {
		float: none;
		display: block;
		width: 100%;
		height: auto;
		text-align: center;
		background-color: #f8f6ef;
		border-bottom: 1px solid #a19791;
	}
	#header_navi li a {
		display: block;
		width: 100%;
		text-indent: 0;
		color: #2f64af;
		padding: 1rem 0;
	}
	#header_navi li a:hover {
		background-color: #36b8ea;
		color: #f8f6ef;
	}
	#header_navi .a01 a {
		background: none;
	}
	#header_navi .a02 a {
		background: none;
	}
	#header_navi .a03 a {
		background: none;
	}
	#header_navi .a04 a {
		background: none;
	}
	#header_navi .a05 a {
		background: none;
	}
	#header_navi .a06 a {
		background: none;
	}
	#footer .logo, #footer .box {
	clear: both;
	width: 100%;
	text-align: center;
	}
	.logo a:link,
	.logo a:visited {
		width: 100%;
		background: url(images/logo.png) no-repeat center;
	}
	#footer li {
		background: none;
	}
}
@media screen and (max-width: 480px) {
	#main {
	width: 100%;
//	padding:0.5rem 1rem 0.5rem 1rem;
	}
	#sidebar {
	clear: both;
	width: 100%;
	padding:0 1rem 0 1rem;
	text-align: center;
	}
	#sidebar li {
	margin: 0;
	list-style: none;
	padding : 1rem 0 1rem 0;
	font-size: 13px;
	line-height: 1.5rem;
	height:0;
	background: url(images/right-li.png) no-repeat top;
	}
	table.timeTable {
	display: block;
	}
	table.timeTable tbody {
	display: flex;
	width: 100%;
	}
	table.timeTable tr {
	display: block;
	width: 50%;
	}
	table.timeTable th,table.timeTable td {
	display: block;
	width: 100%;
	padding: 0.2rem;
	}
	table.accessMap {
	display: block;
	}
	table.accessMap tbody {
	display: flex;
	width: 100%;
	}
	table.accessMap tr {
	display: block;
	width: 100%;
	}
	table.accessMap td {
	display: block;
	width: 100%;
	padding: 0.2rem;
	}
}