@charset "utf-8";
/* CSS Document */

/*------------ 初期設定 ------------*/
p {
	line-height: 1.5;
	font-size: 14px;
}

ul {
	font-size: 14px;
}

body {
	color: #333;
}

/*------------ 全体のレイアウト ------------*/
#wrapper {
	width: 980px;
	margin: 0 auto;
	background: url(../images/contents_back.jpg) repeat-y top left;
}

/*------------ ヘッダー ------------*/
#header {
	margin: 0 10px;
	padding: 9px 17px 0 9px;
	background: url(../images/header_back2.jpg) no-repeat left top;
	position: relative;
}

#header .left {
	width: 500px;
}

#header .right {
}

/*------------ ヘッダーコメント ------------*/
#header h1#header_comment {
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	top: 9px;
	left: 10px;
}

/*------------ ヘッダーロゴ ------------*/
#header h2#header_logo {
	padding: 26px 0 0 0;
}

#header h2#header_logo a {
	width: 283px;
	height: 43px;
	display: block;
	text-indent: -9999px;
	background: url(../images/header_logo.jpg) no-repeat;
}

/*------------ ヘッダーTEL ------------*/
#header h2#header_tel {
	width: 240px;
	height: 80px;
	text-indent: -9999px;
	background: url(../images/header_tel.jpg) no-repeat left top;
	float: right;
}

/*------------ ヘッダーナビ ------------*/
#header ul#hnav {
	margin-top: 50px;
	float: left;
}

#header ul#hnav li {
	padding: 0 10px 0 12px;
	float: left;
	background: url(../images/icon_arrow_pink.gif) no-repeat left center;
}

/*------------ ヘッダーリンク ------------*/
#header a {
	color: #FFF;
}

/*------------ コンテンツ ------------*/
#contents {
	width: 960px;
	margin: 0 10px;
}

/*------------ サイドコンテンツ ------------*/
#contents #side_contents {
	width: 220px;
	padding: 10px 10px 20px 10px;
	float: left;
}

/*------------ サイドナビゲーション ------------*/
ul#side_nav {
	padding-bottom: 10px;
}

ul#side_nav li a {
	width: 220px;
	height: 50px;
	display: block;
	text-indent: -9999px;
	background: no-repeat left top;
}

/*------------ サイドナビゲーション（マウスOFF） ------------*/
ul#side_nav li#home a {
	background-image: url(../images/gnav_home_off.jpg);
}

ul#side_nav li#about a {
	background-image: url(../images/gnav_about_off.jpg);
}

ul#side_nav li#treat a {
	background-image: url(../images/gnav_treat_off.jpg);
}

ul#side_nav li#dizzy a {
	background-image: url(../images/gnav_dizzy_off.jpg);
}

ul#side_nav li#flow a {
	background-image: url(../images/gnav_flow_off.jpg);
}

ul#side_nav li#tendon a {
	background-image: url(../images/gnav_tendon_off.jpg);
}

ul#side_nav li#voice a {
	background-image: url(../images/gnav_voice_off.jpg);
}

ul#side_nav li#greeting a {
	background-image: url(../images/gnav_greeting_off.jpg);
}

ul#side_nav li#info a {
	background-image: url(../images/gnav_info_off.jpg);
}

ul#side_nav li#column a {
	background-image: url(../images/gnav_column_off.jpg);
}

/*------------ サイドナビゲーション（マウスON） ------------*/
ul#side_nav li#home a:hover {
	background-image: url(../images/gnav_home_on.jpg);
}

ul#side_nav li#about a:hover {
	background-image: url(../images/gnav_about_on.jpg);
}

ul#side_nav li#treat a:hover {
	background-image: url(../images/gnav_treat_on.jpg);
}

ul#side_nav li#dizzy a:hover {
	background-image: url(../images/gnav_dizzy_on.jpg);
}

ul#side_nav li#flow a:hover {
	background-image: url(../images/gnav_flow_on.jpg);
}

ul#side_nav li#tendon a:hover {
	background-image: url(../images/gnav_tendon_on.jpg);
}

ul#side_nav li#voice a:hover {
	background-image: url(../images/gnav_voice_on.jpg);
}

ul#side_nav li#greeting a:hover {
	background-image: url(../images/gnav_greeting_on.jpg);
}

ul#side_nav li#info a:hover {
	background-image: url(../images/gnav_info_on.jpg);
}

ul#side_nav li#column a:hover {
	background-image: url(../images/gnav_column_on.jpg);
}

/*------------ モバイルサイトのご案内 ------------*/
#side_mobile {
	padding: 12px;
	background: url(../images/side_mobile_back.jpg) no-repeat center 1px #FFF;
	border: #999 1px solid;
}

#side_mobile h3 {
	height: 25px;
	padding: 0 0 10px 0;
	text-indent: -9999px;
}

#side_mobile p {
	font-size: 10px;
}

/*------------ メインコンテンツ ------------*/
#main_contents {
	width: 720px;
	float: right;
}

#contents_body {
	padding: 0 20px 30px 20px;
}

/*------------ メインイメージ ------------*/
#main_image {
	padding: 20px 0;
}

/*------------ 見出し ------------*/
h4.sub_title {
	margin-bottom: 10px;
	padding: 2px 10px;
	_padding: 2px 10px 0 10px;
	color: #FFF;
	font-size: 17px;
	background: url(../images/subtitle_back.jpg) no-repeat left top;
}

h5.sub_title {
	padding: 0 0 5px 13px;
	font-size: 16px;
	color: #333;
	background: url(../images/subtitle_side.jpg) no-repeat left top;
}

/*------------ 医院案内 ------------*/
#seitai_info {
	padding-bottom: 20px;
}

#seitai_info img {
	margin-top: 2px;
}

#seitai_info #right_box {
	width: 478px;
	height: 146px;
	background: url(../images/seitai_info_back.jpg) no-repeat left top;
	float: right;
}

#seitai_info #right_box div.left {
	width: 230px;
	margin: 20px 0;
	padding: 0 20px;
	text-align: center;
}

h5.green {
	font-size: 17px;
	padding: 0 0 10px 0;
}

#seitai_info #right_box dl {
	padding: 7px 0;
	font-size: 14px;
}

#seitai_info #right_box dl dd {
	padding: 1px 1em;
	_padding: 0 1em;
}

/*------------ コースリスト ------------*/
table.green_list {
	width: 540px;
	margin: 10px auto 0 auto;
	border: #60A226 1px solid;
	font-size: 14px;
}

table.green_list th {
	width: 255px;
	padding: 15px 0;
	text-align: center;
	color: #FFF;
	border: #60A226 1px solid;
	background-color: #8FBE67;
}

table.green_list td {
	padding: 5px;
	border: #60A226 1px solid;
}

table.green_list td.price {
	color: #FF6600;
	font-weight: bold;
	text-align: right;
}

/*------------ アイコン付きリスト ------------*/
ul.icon_list li {
	padding: 0 0 5px 12px;
	background: url(../images/icon_green.gif) no-repeat left 3px;
}

ul.icon_list2 li {
	padding: 5px 12px;
	font-size: 16px;
	background: url(../images/icon_green.gif) no-repeat left center;
}


/*------------ 枠線 ------------*/
.gray_frame {
	padding: 1px;
	border: 1px #999 solid;
}

/*------------ 下線 ------------*/
.dot_line {
	margin-bottom: 20px;
	padding: 0 0 20px 0;
	border-bottom: #999 1px dotted;
}

/*------------ TOP PAGE ------------*/
.page_top {
	padding: 15px 0 5px 0;
	text-align: right;
}

/*------ リンク色（コンテンツ） ------*/
#contents a {
	color: #ca516c;
}

#contents a:hover {
	color: #;
}

#contents a:visited {
	color: #;
}

/*------------ フッター ------------*/
#footer {
	margin: 0 10px;
	padding: 10px 0 30px 10px;
	color: #FFFFFF;
	font-size: 10px;
	background-color: #006600;
}

/*------------ テキストナビ ------------*/
#footer ul#text_nav {
	margin-left: -5px;
	_zoom: 1;
	overflow: hidden;
	font-size: 12px;
}

#footer ul#text_nav li {
	margin-left: -1px;
	padding: 0 5px;
	border-left: #FFF 1px solid;
	display: inline;
}

#footer address {
	padding-top: 5px;
}

/*------ リンク色（フッター） ------*/
#footer a {
	color: #FFF;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/*------ color ------*/
.green {
	color: #006600;
	font-weight: bold;
}

.blue {
	color: #5d87b7;
}

.red {
	color: #F00;
}

/*------ font ------*/
.size12 {
	font-size: 12px;
}

.size14 {
	font-size: 14px;
}

/*------ TOP ------*/
.top10 {
	padding-top: 10px; 
}

.top50 {
	padding-top: 50px; 
}

.top80 {
	padding-top: 80px; 
}

/*------ bottom ------*/
.btm10 {
	padding-bottom: 10px;
}

.btm20 {
	padding-bottom: 20px;
}

/*------ left ------*/
.left20 {
	padding-left: 20px;
}

.left30 {
	padding-left: 30px;
}

/*-------- text_right --------*/
.t_right {
	text-align: right;
}

/*-------- text_center --------*/
.center {
	text-align: center;
}

/*-------- left --------*/
.left {
	float: left;
}

/*-------- right --------*/
.right {
	float: right;
}

/*-------- ClearBoth --------*/
.cb {
	clear: both;
}