@charset "UTF-8";

@import "reset.css";
@import "fonts.css";

/**************************************************************************
Copyright (c) HIGASHISAPPORO NOSHINKEI CLINIC
**************************************************************************/


/*-------------------------------------------------------------------------
Structure
-------------------------------------------------------------------------*/
html		{ color:#333;}  
a			{ color:#FF3366; text-decoration:underline;}
a:visited	{ color:#993333; text-decoration:underline;}
a:hover		{ color:#993333; text-decoration:none;}
a:active	{ color:#FF3366; text-decoration:none;}

body 	{ margin:0 auto; background:#FFF; text-align:center; font-family:'新ゴR','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
h1	 	{
	height:33px;
	margin:0;
	padding:12px 0 0 0;
	color:#fff;
	font-size:1.4em;
	font-weight:bold;
	text-shadow:-1px -1px 1px #666;
	background-image: url(../img/h1_bg.jpg);
	background-repeat: repeat-x;
}
h2	 	{ margin:0; padding:0; line-height:0;}
h3		{
	clear:both !important;
	font-weight: bold;
	font-size: 24px;
	background-image: url(../img/h3_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 50px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 14px;
	margin-left: auto;
	line-height: 50px;
}
h4	 	{ margin:0; padding:0 0 8px 0; color:#993333; font-weight:bold;}
h4.voice{ margin:0 0 4px 0;color:#F60 !important;}
h4.voice span{ color:#333; font-weight:normal; font-size:0.8em;}

hr	 	{
	height:3px;
	margin:0 auto 8px;
	padding:0;
	border:none;
	line-height:0;
	background-color: #BA6F72;
}

/*-------------------------------------------------------------------------
contents
-------------------------------------------------------------------------*/
#contents	{}
#menu		{
	text-align:center;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	width: 314px;
}
#menu ul	{ margin:0 auto; padding:0 0 0 8px; text-align:center;}
#menu ul li	{
	float:left;
	width:64px;
	text-align:center;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0;
}
#menu ul li p{ font-size:0.8em; font-weight:bold; letter-spacing:0; line-height:1;}

#topics > dl		{ width:285px; margin:0 auto 4px; text-align:left;}
#topics > dl	dt	{ font-size:0.8em; padding:0 0 0 15px;}
#topics > dl	dd	{ content:; margin:0; padding:0 0 8px 15px;}

.TopEmBox	{ width:262px; margin:0 auto 10px; padding:8px 8px 0 8px; border:1px solid #FFD5AB; text-align:left;}
.TopEmBox p	{ margin:0 0 8px 0;}
.TopEmBox p span{ color:#F60;}
.TopEmBox p strong{ font-weight:bold; color:#000;}

.topics		{ width:285px; margin:0 auto 4px; text-align:left;}
ul.topics li{ list-style:disc inside; margin:0; padding:0 0 8px 0;}

#foot_menu	{ text-align:left;}
#foot_menu li	{ display:block; height:24px; padding:8px 0 0 8px; background: url(../img/f_menu_arw.gif) no-repeat right, url(../img/f_menu_bg.gif) repeat-x}
#foot_menu a	{ display:block; color:#666; text-decoration:none; font-weight:bold;}

.pgph	{
	text-align:left;
	margin-bottom: 10px;
}
.pgph h4{ margin:0 0 4px 0 !important; padding:0 0 0 0.2em !important;}
.pgph p	{ padding:0 0 4px 1em; font-size:0.8em;}
.pgph p strong{ font-weight:bold;}
.pgph ul	{ list-style:disc inside; margin:0 0 6px 0; padding:0 0 0 8px; font-size:0.8em;}
.pgph ul li{ list-style:disc inside; margin:0; padding:0 0 4px 0;}

.pgph dl	{ clear:both; margin:0 0 8px 0; padding:0 0 0 1em;}
.pgph dl dt	{ padding:0 0 4px 0; font-size:0.8em; font-weight:bold;}
.pgph dl dd	{ padding:0 0 4px 0; font-size:0.8em;}


.centerImg{ text-align:center; margin:0 0 8px 0;}
.gmap_bdr	{ border:1px solid #ccc;}


#map_canvas   { width:276px; height:400px; margin:0 auto 6px; border:2px solid #ccc; text-align:center;}
#map_canvas2   { width:276px; height:400px; margin:0 auto 6px; border:2px solid #ccc; text-align:center;}

/*-------------------------------------------------------------------------
footer
-------------------------------------------------------------------------*/
#footer				{
	width:314px;
	text-align:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 8px;
	margin-left: auto;
}
#footer	p			{ margin:0 0 6px 0; font-size:0.8em;}
#footer	p strong	{ font-weight:bold;}

address	{ padding:0 0 8px 0; font-size:0.8em; font-weight:bold;}

/*-------------------------------------------------------------------------
General Style and Decoration
-------------------------------------------------------------------------*/
.f80	{ font-size:0.8em;}
.f120	{ font-size:1.2em;}
.bold	{ font-weight:bold;}
.red	{ color:red;}
.blue	{ color:#0066CC;}
.blink	{ text-decoration:blink;}

/* API Topics Added CSS */

#topics_paging {
    display: block;
    width: 100%;
    text-align: center;
}

#topics_paging li {
    padding: 3px 10px;
    border: 1px solid #ccc;
    text-align: center;
    list-style-type: none;
    list-style-image: none;
    margin-right: 5px;
}

#topics_paging li, #topics_paging li a {
    display: inline-block;
}

#topicsArea img {
    width:100%;
}