@charset "utf-8";
/* CSS Document */
/*
Theme Name: 予防屋鍼灸整体院
Theme URI: http://akasaka-yobouya.com/
Description: 赤坂にある予防を目的とした鍼灸・整体院、「予防屋鍼灸整体院」です。身体をきちんと検査し、ストレッチ、筋トレ、骨格矯正、はり治療など、患者様の身体に合わせた予防を行っていきます。
Author: BAOBAB KAZUMASA
Author URI: http://the-baobab.net
*/


/* header */
header {
	border-top:solid 5px #ccff33;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* 	Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	padding:0 0 24px 0;
}
header hgroup{
	width:1000px;
	margin:0 auto;
}
header #hdrWrap {
	width:1000px;
	overflow:hidden;
}
header #hdrWrap #hdrLeft {
	width:40%;
	max-width:450px;
	float:left;
}
header #hdrWrap #hdrLeft h1{
	color:#FFFFFF;
	text-decoration:none;
}
header #hdrWrap #hdrLeft #hdrLogo {

}
header #hdrWrap #hdrLeft #hdrLogo a{

}
header #hdrWrap #hdrRight {
	width:550px;
	float:right;
	padding-top:10px;
}
header #hdrWrap #hdrRight h1 {
	font-family:'Century Gothic', Meiryo, メイリオ, sans-serif;
	font-size:0.8em;
	color:#666666;
	text-align:center;
	border-bottom:1px solid #CCCCCC;
	padding:5px 0;
	margin-bottom:15px;
}
header #hdrWrap #hdrRight p {
	width:550px;
	text-align:center;
	font-weight:bold;
	font-size:0.9em;
}

header #hdrWrap #hdrRight p span#hdrTel {
	background-image:url(images/common/tel.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding:10px 0 10px 40px;
	font-size:1.6em;
	font-weight:bold;
	color:#FF3333;
	font-weight:normal;
}

/* nav */
nav{
	font-family:'Century Gothic', Meiryo, メイリオ, sans-serif;
	width:100%;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	border-top:5px solid #996600;
	border-bottom:1px solid #CCCCCC;
}
#navInner {
	width:1000px;
	margin:0 auto;
}
nav ul {
	clear:both;
	width:1000px;
	color:#FFFFFF;
	overflow:hidden;
}
nav ul li {
	width:198px;
	float:left;
	text-align:center;
	font-size:0.9em;
	font-weight:bold;
	border-right:1px dotted #999999;
}
nav ul li.borderLeft {
	width:199px;
	float:left;
	text-align:center;
	font-size:0.9em;
	border-left:1px dotted #999999;
}
nav ul li a{
	display:block;
	padding:18px 0;
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}
nav ul li a:hover{
	display:block;
	background: #e6f0a3; /* Old browsers */
	background: -moz-linear-gradient(top,  #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6f0a3), color-stop(50%,#d2e638), color-stop(51%,#c3d825), color-stop(100%,#dbf043)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* Opera 11.10+ */	
	background: -ms-linear-gradient(top,  #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#dbf043',GradientType=0 ); /* IE6-9 */
	color:#FFFFFF;
}
/* mainImg */
#mainImg{
	width:100%;
	height:300px;
	background: #f8ffe8; /* Old browsers */
background: -moz-linear-gradient(top,  #f8ffe8 0%, #e3f5ab 33%, #cadb59 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffe8), color-stop(33%,#e3f5ab), color-stop(100%,#cadb59)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 33%,#cadb59 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 33%,#cadb59 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 33%,#cadb59 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f8ffe8 0%,#e3f5ab 33%,#cadb59 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#cadb59',GradientType=0 ); /* IE6-9 */



}

#mainImg #mainImgInner{
	width:100%;
	max-width:1000px;
	height:300px;
	margin:0 auto;
}

/* contents */
#contents {
	padding:50px 0;
}
#contentsInner {
	width:100%;
	max-width:1000px;
	margin:0 auto;
}
#contentsInner #contentsWrap{
	overflow:hidden;
}
#contentsInner #contentsWrap #main{
	width:680px;
	float:left;
}
#contentsInner #contentsWrap #sub{
	width:260px;
	float:right;
}




/* トップコンテンツ */

#timeTable{
	width:680px;
	border-left:solid 1px #CCCCCC;
	border-top:solid 1px #CCCCCC;
}

#timeTable tr th{
	width:50px;
	text-align:center;
	padding:10px 5px;
	border-bottom:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	background-color:#666666;
	color:#FFFFFF;
	vertical-align:middle;
}

#timeTable tr td{
	width:50px;
	text-align:center;
	padding:10px 5px;
	border-bottom:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	vertical-align:middle;
}


#timeTable02{
	width:100%;
	border-left:solid 1px #CCCCCC;
	border-top:solid 1px #CCCCCC;
	margin-bottom:30px;
}

#timeTable02 tr th{
	width:50px;
	text-align:center;
	padding:10px 5px;
	border-bottom:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	background-color:#666666;
	color:#FFFFFF;
	vertical-align:middle;
}

#timeTable02 tr td{
	width:50px;
	text-align:center;
	padding:10px 5px;
	border-bottom:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	vertical-align:middle;
}


#topMap{
	margin-bottom:20px;
}

#accessTop p{
	font-size:0.9em;
}
	
/* トップお知らせ各種 */

ul.information{
	width:650px;
	margin:0 auto;
}

ul.information li{
	margin-bottom:10px;
	font-size:0.9em;
	border-bottom:1px dotted #CCCCCC;
	background-image:url(images/common/mark4.png);
	background-position:center left;
	background-repeat:no-repeat;
	padding-bottom:2px;
	padding-left:20px;
}


ul.information li .day{
	color:#009900;
	padding-right:15px;
}

ul.information li a{
	color:#666666;
	text-decoration:none;
}

ul.information li a:hover{
	color:#666666;
	text-decoration:underline;
}


ul.information li span.date{
	color:#FFFF00;
}

/* お知らせ一覧ページ */
.infoBox{
	padding-bottom:20px;
	border-bottom:1px dashed #999999;
	padding-top:20px;
}
.infoTitle{
	font-size:1.1em;
	margin-bottom:10px;
}

.infoTitle .day{
	font-size:1.1em;
}

.infoTitle a{
	color:#996600;
}

.infoTitle a .day{
	color:#FF3333;
	margin-right:30px;
}

.infoContent{
	font-size:0.9em;
	height:120px;
}




/* footer */

footer {
	background-color:#ccff33;
	height:200px;
	clear:both;
	background: #f8ffe8; /* Old browsers */
	background: -moz-linear-gradient(top,  #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffe8), color-stop(33%,#e3f5ab), color-stop(100%,#b7df2d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=0 ); /* IE6-9 */
	border-top:1px solid #CCCCCC;
}
footer #ftrInner {
	width:1000px;
	margin:0 auto;
	padding-top:50px;
	overflow:hidden;
	text-align:center;
}
footer #ftrInner ul{
	width:1000px;
	text-align:center;
	background-color:#99FF00;
}
footer #ftrInner ul li{
	float:left;
}
footer #ftrInner p.copyRight {
	font-size:0.9em;
	text-align:center;
	color:#666666;
	clear:both;
	margin-top:20px;
}
footer #ftrInner p a {
	color:#666666;
	text-decoration:none;
}
footer #ftrInner p a:hover {
	color:#666666;
	text-decoration:underline;
}
footer #ftrInner p#copyright {
	margin-top:50px;
}


/* 良くある質問ページ */
.single-faq{
	margin-bottom:40px;
}
.faq-question{
	background-image:url(images/common/mark2.jpg);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:30px;
	margin-bottom:20px;
	color:#663300;
}

.faq-answer{
	padding:10px;
	border:1px solid #b4a288;
}

.faq-answer span{
	color:#ff6666;
}