@charset "utf-8";


/* reset, setting
============================================================ */

/* @group reset */

html{color:#000;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,form,input,textarea,fieldset,legend,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
q:before,q:after{content:'';}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
img,fieldset{border:0 none;}
abbr,acronym{border:0 none;font-variant:normal;}
li{list-style:none;}
caption,th{text-align:left;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}

/* @end */

/* @group setting */

body {
	color: #333;
	font-size: 12px;
	_font-size: 75%;
	font-family: 
		"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",
		"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5em;
}

a:link {
	color: blue;
}
a:visited {
	color: purple;
}
a:link:hover,
a:visited:hover,
a:link:active,
a:visited:active {
	color: blue;
}
a:focus {
	color: blue;
}

.clearfix:after {
	content:".";display:block;clear:both;height:0;visibility:hidden;
}

* html .iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}

.forfirefox-textindent {
	overflow: hidden;	outline: none;
}

/* @end */


/* wrapper
============================================================ */

/* @group wrapper */

body {
	background: #ebebeb;
	_text-align: center;
}

#wrapper {
	background: url(../img/common/background.png);
	width: 770px;
	margin: 0 auto;
}

#content {
	margin-top: 15px;
	padding: 0 5px;
}

#content:after {
	content:".";display:block;clear:both;height:0;visibility:hidden;
}

#content #main {
	float: right;
	width: 555px;
}

#content #sidebar {
	float: left;
	width: 200px;
}

/* @end */


/* topnav
============================================================ */

/* @group topnav */

#topnav {
	display: none;
}

/* @end */


/* header
============================================================ */

/* @group header */

#header h1 a {
	display: block;
	background-image: url(../img/common/header.jpg);
	width: 760px;	height: 25px;	_height: 35px;	/* 760x35 */
	padding: 10px 0 0 0;
	text-indent: 440px;
	margin: 0 auto;
	font-size: 10px;
	color: #000;
	text-decoration: none;
}

#header h1 a:hover {
	text-decoration: underline;
}

#header h2 a {
	display: block;
	background-image: url(../img/common/header.jpg);
	background-position: 0 -35px;
	width: 760px;	height: 218px;
	margin: 0 auto;
	text-indent: -9993px;
	overflow: hidden;	outline: none;
}

/* @end */


/* sidebar
============================================================ */

/* @group sidebar */

#side-menu dt a {
	display: block;
	border-top: 2px solid orange;
	border-bottom: 1px dashed orange;
	margin: 5px 0;
	padding: 6px 0 5px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	text-align: center;
}

#side-menu dt a:hover {
	text-indent: 0.2em;
	text-decoration: underline;
	color: red;
	background-color: #ffffec;
}

#side-menu dd a {
	display: block;
	margin: 3px 0 0 3px;
	border: 1px solid #ccc;
	padding: 4px 3px 3px 20px;
	background: #eeeeee url(../img/common/menu.gif) no-repeat 3px 5px;
	text-decoration: none;
	color: navy;
	zoom: 1;
}

#side-menu dd a:hover {
	text-indent: 0.1em;
	text-decoration: underline;
	color: #f56e00;
	background: #f5f5f5 url(../img/common/menu2.gif) no-repeat 3px 5px;
}

/* @end */


/* main-common
============================================================ */

/* @group main-common */

#main p.text {
	margin: 0 20px 2.3em 35px;
	line-height: 1.6em;
}

	/* ranking */

#main h3.title {
	background-image: url(../img/common/title.png);
	width: 485px;	height: 18px;	/* 535x38 */
	_width: 535px;	_height: 38px;
	padding: 10px 25px;
	margin: 30px 0 15px 10px;
	font-weight: bold;
}

#main h3.title .date {
	margin-left: 50px;
}

#main div.ranking {
	background-image: url(../img/common/sp_ranking.png);
	width: 510px;	height: 270px;
	_width: 535px;	_height: 290px;
	margin: 0 0 20px 10px;
	padding: 0 10px 10px 15px;
}

#main div.ranking p.rank1,
#main div.ranking p.rank2,
#main div.ranking p.rank3 {
	background: url(../img/common/sp_ranking.png) no-repeat;
	height: 32px;	_height: 50px;
	position: relative;
	top: 10px;	left: 5px;
	margin-bottom: 15px;
	padding: 18px 0 0 70px;
	font-size: 14px;
}

#main div.ranking p.rank1 {background-position: -535px 0;}
#main div.ranking p.rank2 {background-position: -535px -50px;}
#main div.ranking p.rank3 {background-position: -535px -100px;}

#main div.ranking p.rank4,
#main div.ranking p.rank5 {
	background: url(../img/common/sp_ranking.png) no-repeat;
	height: 32px;	_height: 40px;
	position: relative;
	top: 10px;	left: 5px;
	margin-bottom: 15px;
	padding: 14px 0 0 70px;
	font-size: 14px;
}

#main div.ranking p.rank4 {background-position: -535px -150px;}
#main div.ranking p.rank5 {background-position: -535px -200px;}

#main div.ranking img.thumb {
	float: left;
	margin-right: 10px;
	_display: inline;
}

#main div.ranking img.star {
	display: block;
	margin: 0 0 10px 20px;
}

#main div.ranking p.ranking-comment {
	margin: 10px 0;
}

	/* recommend */

#main div.recom-top {
	background-image: url(../img/common/recom_top.png);
	width: 495px;	height: 42px;
	_width: 535px;	_height: 65px;
	margin-left: 10px;
	padding: 23px 0 0 40px;
	font-size: 18px;
	font-weight: bold;
}

#main div.recom-cnt,
#main div.recom-cnt2 {
	background-image: url(../img/common/recom_cnt.png);
	width: 495px;	_width: 535px;
	margin-left: 10px;
	padding: 10px 20px 0;
	line-height: 1.8em;
}

#main div.recom-cnt p {
	margin-bottom: 20px;
}

#main div.recom-cnt p.recom_larger {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: red;
}

#main div.recom-btm {
	background-image: url(../img/common/recom_btm.png);
	width: 535px;	height: 20px;
	margin-left: 10px;
}

#main div.recom_ranking {
	background-image: url(../img/common/recom_ads.png);
	width: 455px;	height: 171px;
	margin-left: 20px;
}

#main div.recom_ranking p.rankc {
	position: relative;
	top: 14px;	left: 55px;
	font-weight: bold;
}

#main div.recom_ranking img.thumb {
	float: left;
	margin: 0 10px 0 20px;
	_display: inline;
}

#main div.recom_ranking img.star {
	display: block;
	margin-left: 20px;
}

#main div.recom_ranking p.ranking-comment {
	margin-top: 10px;
	margin-bottom: 5px;
}

	/* pagetop */

#main a.pagetop {
	display: block;
	background: url(../img/common/pagetop.png) no-repeat;
	width: 104px;	height: 24px;
	text-indent: -9993px;
	overflow: hidden;	outline: none;
	margin: 30px 10px 1px auto;
}

#main a.pagetop:hover {
	margin-top: 31px;
	margin-bottom: 0;
}

	/* map */

#main div#imgmap {
	margin: 50px 0 50px 10px
}

/* @end */


/* main-top
============================================================ */

/* @group main-top */

#main h2.top-banner1 {
	background-image: url(../img/top/top_banner1.jpg);
	width: 508px;	height: 173px;
	text-indent: -9993px;
	margin: 0 0 20px 10px
}

#main div.top-banner2 {
	background-image: url(../img/top/top_banner2.jpg);
	width: 545px;	height: 295px;
	text-indent: -9993px;
	margin-bottom: 30px;
}

/* @end */


/* main-article
============================================================ */

/* @group main-article */

	/* page-header */

#main div.panlist {
	margin-left: 10px;
	margin-right: 20px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 3px;
	color: #666;
}

#main div.panlist a {
	color: #666;
}

#main h2.page-header {
	margin: 5px 0 0 5px;
}

#main h3.article-title {
	margin: 10px 20px 10px 35px;
	padding-bottom: 3px;
	border-bottom: 2px solid #fc0;
	font-size: 16px;
	font-weight: bold;
}

	/* page-body */

#main p.img-right {
	float: right;
}

#main p.img-right img {
	margin: 0 20px 0 10px;
}

#main .word {
	font-weight: bold;
	color: #f30;
}

#main .adsense {
	margin-left: 35px;
}

	/* bottom-index */

#main ul.btm_index {
	margin-left: 17px;
}

#main ul.btm_index li a {
	background: url(../img/article/bottom-index.png) no-repeat 0 3px;
	padding-left: 18px;
	line-height: 1.4em;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #333;
}

#main ul.btm_index li a:hover {
	color: red;
	text-decoration: underline;
}

	/* index-article */

#main ul.index-article {
	margin: 0 0 30px 35px;
}

#main ul.index-article li {
	list-style-position: inside;
	list-style-type: disc;
}

#main ul.index-article li a 		{color: #4da0a4;}
#main ul.index-article li a:hover	{color: navy;}

#main table.table-photo {
	width: 500px;
	margin-left: 35px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 40px;
}

#main table.table-photo th,
#main table.table-photo td {
	padding: 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

	/* sitemap */

#sitemap {
	margin: 5px 10px 30px;
}

#sitemap:after {
	content:".";display:block;clear:both;height:0;visibility:hidden;
}

#sitemap dl#sitemap-left {
	float: left;
	width: 262px;
}

#sitemap dl#sitemap-right {
	float: left;
	width: 262px;
}

#sitemap dt {
	border-bottom: 1px dashed #ccc;
	margin-right: 10px;
	margin-bottom: 3px;
}

#sitemap dd {
	margin-left: 15px;
	margin-bottom: 25px;
}

#sitemap dd li {
	list-style: circle;
	list-style-position: inside;
}

#sitemap dl dt a {
	text-decoration: none;
	color: navy;
}

#sitemap dl dd a {
	text-decoration: none;
	color: #4da0a4;
}

#sitemap dl a:hover {
	text-decoration: underline;
}

/* @end */


/* footer
============================================================ */

/* @group footer */

#footer {
	padding-top: 20px;
	text-align: center;
	font-size: 10px;
}

#footer p {
	margin-top: 25px;
}

#footer p a {
	color: #327c85;
}

#footer p.copyright {
	background-color: #f90;
	color: #fff;
	padding: 3px 0;
	width: 760px;
	margin: 20px auto 0;
}

/* @end */


/* clinic
============================================================ */

/* @group clinic */

.clinic h3.article-title {
	margin-left: 10px !important;
}

.clinic dl.clinic {
	margin: 10px 0 30px 10px;
}

.clinic dl.clinic dt {
	margin-top: 10px;
	color: #4da0a4;
}

.clinic dl.clinic dd {
}

/* @end */


/* class
============================================================ */

/* @group class */

.red {color: red;}
.bold {font-weight: bold;}
.underline {text-decoration: underline;}
.bgyellow {background-color: yellow;}
.first-child {font-size: 24px;}

.block {display: block;}

.mt00 {margin-top: 0    !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}

.mb00 {margin-bottom: 0    !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}

/* @end */


/* fix IE
============================================================ */

/* @group fix IE */

* html #content {
	text-align: left;
}
* html #main a.pagetop {
	margin-left: 440px;
}

* html				#main div.recom-cnt p {margin-bottom: 19px;}
*:first-child+html	#main div.recom-cnt p {margin-bottom: 19px;}

* html				#footer {clear: both;}
*:first-child+html	#footer {clear: both;}

/* @end */