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

/*------------ 初期設定 ------------*/
p {
	line-height: 1.5;	
}

/*------------ 背景画像（全体） ------------*/
body {
	background-image: url(../images/main_back.gif);
}

/*------------ ヘッダー全体 ------------*/
#header_wp {
	width: 100%;
	background-image: url(../images/header_back.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

/*------------ ヘッダー ------------*/
#header {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 10px;
	color: #FFFFFF;
	background-image: url(../images/contents_back.jpg);
	background-position:0 18px;
	background-repeat: no-repeat;
}

#header_box {
	width: 800px;
	float: left;
}

#logo_box {
	width: 700px;
	float: right;
}

#header h1 {
	padding-top: 3px;
	padding-left: 8px;
	color: #d2d2d2;
	font-size: 10px;
	letter-spacing: 0.1;
}

#header .left {
	padding-left: 8px;
}

/*------------ ヘッダーロゴ ------------*/
#header h2#header_logo {
	display: block;
	float: left;
}

#header h2#header_logo a {
	display: block;
	width: 158px;
	height: 45px;
	margin-top: 20px;
	text-indent: -9999px;
	background-image: url(../images/header_logo.gif);
	background-repeat: no-repeat;
}

/*------------ お問い合わせ ------------*/
#header ul#contact {
	padding: 0 10px 10px 0;
	float: right;
}

#header ul#contact li {
	float: left;
}

#header ul#contact li#tel {
	padding-top: 10px;
	padding-right: 20px;
}


/*------------ コンテンツ ------------*/
#contents {
	width: 820px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/contents_back.jpg);
	background-repeat: repeat-y;
}

/*------------ ナビゲーション ------------*/
#contents ul#nav {
	width: 800px;
	height: 51px;
	padding-left: 19px;
	text-indent: -9999px;
	text-align: center;
}

#contents ul#nav li {
	float: left;
}

#contents ul#nav li a {
	background-repeat: no-repeat;
	display: block;
}

/*------------ ナビゲーション（マウスOFF） ------------*/
#contents ul#nav li#top a,
#contents ul#nav li#ope a,
#contents ul#nav li#beauty a {
	width: 97px;
	height: 51px;
}

#contents ul#nav li#info a,
#contents ul#nav li#flow a,
#contents ul#nav li#osteoporosis a,
#contents ul#nav li#blood a {
	width: 98px;
	height: 51px;
}
#contents ul#nav li#kessen a {
	width: 99px;
	height: 51px;
}


#contents ul#nav li#top a {
	background-image: url(../images/nav_top_off.jpg);
}

#contents ul#nav li#info a {
	background-image: url(../images/nav_info_off.jpg);
}

#contents ul#nav li#ope a {
	background-image: url(../images/nav_ope_off.jpg);
}

#contents ul#nav li#flow a {
	background-image: url(../images/nav_flow_off.jpg);
}

#contents ul#nav li#beauty a {
	background-image: url(../images/nav_beauty_off.jpg);
}

#contents ul#nav li#blood a {
	background-image: url(../images/nav_blood_off.jpg);
}

#contents ul#nav li#osteoporosis a {
	background-image: url(../images/nav_osteoporosis_off.jpg);
}

#contents ul#nav li#kessen a {
	background-image: url(../images/nav_kessen_off.jpg);
}


/*------------ ナビゲーション（ロールオーバー時） ------------*/
/*
#contents ul#nav li#ope a:hover,
#contents ul#nav li#beauty a:hover {
	width: 112px;
	height: 51px;
}

#contents ul#nav li#info a:hover,
#contents ul#nav li#flow a:hover,
#contents ul#nav li#osteoporosis a:hover,
#contents ul#nav li#kessen a:hover {
	width: 111px;
	height: 51px;
}
*/

#contents ul#nav li#top a:hover {
	height: 51px;
	background-image: url(../images/nav_top_on.jpg);
}

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

#contents ul#nav li#ope a:hover {
	background-image: url(../images/nav_ope_on.jpg);
}

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

#contents ul#nav li#beauty a:hover {
	background-image: url(../images/nav_beauty_on.jpg);
}

#contents ul#nav li#blood a:hover {
	background-image: url(../images/nav_blood_on.jpg);
}

#contents ul#nav li#osteoporosis a:hover {
	background-image: url(../images/nav_osteoporosis_on.jpg);
}

#contents ul#nav li#kessen a:hover {
	background-image: url(../images/nav_kessen_on.jpg);
}

/*------------ メインイメージ（サブページ） ------------*/
#image_visual {
	padding: 10px 0 15px 20px;
}

/*------------ おすすめコンテンツ ------------*/
#side_banner {
	padding-left: 15px;
}

li#yase {
	padding-top: 5px;
	padding-bottom: 10px;
}

/*------------ コンテンツ内容 ------------*/
#contents #contents_box {
	padding-left: 10px;
	padding-right: 25px;
}

/*------------ 各見出し ------------*/
#contents_box h2.title {
	padding-left: 10px;
	margin-bottom: 10px;
	background-image: url(../images/sub_title_back.jpg);
	background-position: top;
	background-repeat: repeat-x;
	border-bottom: #0075B0 2px solid;
}

#contents_box #sub_contents {
	width: 550px;
	padding-left: 10px;
	padding-bottom: 20px;
	float: right;
}

#contents_box .sub_box {
	padding-bottom: 10px;
}

#contents_box .sub_area {
	width: 323px;
	float: left;
}

/*------------ 画像の枠 ------------*/
.photo {
	padding: 2px;
	border: #CCCCCC 1px solid;
}

/*------------ 色替え ------------*/
.blue {
	color: #0276B1;
}

.red {
	color: #FF0000;
}

/*------------ フッター全体 ------------*/
#footer_wp {
	width: 100%;
	background-image: url(../images/footer_back.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

/*------------ フッター ------------*/
#footer {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 10px 80px 10px;
	color: #FFFFFF;
}

#footer ul#text_nav {
	_zoom: 1;  
	overflow: hidden;
	float: left;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

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

#footer #footer_box {
	text-align: right;
	float:right;
}

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

/*------ リンク色（フッター） ------*/
#footer #text_nav a {
	color: #FFFFFF;
	font-size: 11px;
}

#footer #text_nav a:hover {
	color: #;
}

#footer #text_nav a:visited {
	color: #;
}

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

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

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

.t_left{
	text-align:left;
}

.t_center{
	text-align:center;
}

.t_right{
	text-align:right;
}

.space_t10{
	margin-top:10px;
}

.space_t20{
	margin-top:20px;
}

.f14{
	font-size:14px;
}