@charset "utf-8";
/* CSS Document */
/* PC版用スタイル */

/* 基本設定
―――――――――――――― */
body {
	margin:0;
	padding:0;
	text-align:center;
	font-size:16px;
	color:#231815;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS UI Gothic", "sans-serif";
}

* { /* 全タグのスタイルをリセット */
	margin:0;
	padding:0;
	font-size:100%;
	font-style:normal;
	font-weight:normal;
}

img {
	border:0;
}

a:link {
	color:#04c;
}

a:visited {
	color:#639;
}

a:hover {
	color:#d24765;
}

a.tetra {
	background:url(../images/tetra.gif) no-repeat left center;
	min-height:15px;
	padding-left:40px;
}

sup { /* sup位置調整 */
	vertical-align:baseline;
	position:relative;
	top:-0.4em;
	font-size:60%;
}

sub { /* sub位置調整 */
	vertical-align:baseline;
	position:relative;
	font-size:60%;
}
/* 基本設定
――――――――――――――end */

/* リスト設定
―――――――――――――― */
ul {
	list-style-type:none;
}

ol {
	list-style-type:decimal;
}

ol li {
	margin-left:25px;
}

.listyle-none {
	list-style:none !important;
}

.border_b1 li {
	border-bottom:1px dashed #666;
	padding:5px 5px 0 2.0em;
	list-style-position:inside;
	margin-left:0;
	margin-bottom:5px;
	text-indent:-1.5em;
}
/* リスト設定
――――――――――――――end */

/* 定義設定
―――――――――――――― */
dd {
	margin-left:1.0em;
}
/* リスト設定
――――――――――――――end */

/* クリア設定
―――――――――――――― */
.clearfix:after {
	content:".";
	clear:both;
	display:block;
	height:0;
	font-size:0;
	visibility:hidden;
}

* html .clearfix { /* IE6 */
	zoom:1;
}

*:first-child+html .clearfix { /* IE7 */
	zoom:1;
}
/* クリア設定
――――――――――――――end */

/* フロート設定
―――――――――――――― */
.flo_l {
	float:left;
}

.flo_r {
	float:right;
}
/* フロート設定
――――――――――――――end */

/* 文章寄せ設定
―――――――――――――― */
.ta_c { /* 中央寄せ */
	text-align:center !important;
}

.ta_l { /* 左寄せ */
	text-align:left !important;
}

.ta_r { /* 右寄せ */
	text-align:right !important;
}
/* 文章寄せ設定
――――――――――――――end */

/* 色設定
―――――――――――――― */
.color1 {
	color:#f00;
}

.color1 a {
	color:#f00;
}

.color2 {
	color:#059;
}

/* 色設定
――――――――――――――end */

/* マージン設定
―――――――――――――― */
.margin_l1 {
	margin-left:1.0em !important;
}

.margin_l2 {
	margin-left:2.0em !important;
}

.margin_b0 {
	margin-bottom:0 !important;
}

.margin_b15 {
	margin-bottom:15px !important;
}

.margin_b30 {
	margin-bottom:30px !important;
}
/* マージン設定
――――――――――――――end */

/* ヘッダー
―――――――――――――― */
.header {
	width:950px;
	background:url(../images/wpc.png) no-repeat;
	margin:0 auto 10px auto;
}

.header h1 {
	text-align:left;
	text-indent:-9999px;
	padding-top:20px;
}

.header h1 a {
	width:726px;
	height:50px;
	display:block;
}
/* ヘッダー
――――――――――――――end */

/* トップ大画像 */
.top_ph1 {
	margin:0 auto;
	vertical-align:text-bottom;
}

/* メニュー
―――――――――――――― */
.menu {
	width:950px;
	margin:0 auto 15px;
	background:url(../images/menu_bg.png) repeat-x #727171;
}

.menu li {
	float:left;
	text-indent:-9999px;
}

.menu li a {
	display:block;
	background:url(../images/menu.png) no-repeat;
	height:39px;
}

.menu li a:hover {
	background:url(../images/menu_hover.png) no-repeat;
}

.menu li#menu1 a {
	width:185px;
}

.menu li#menu2 a {
	width:248px;
	background-position:-185px 0;
}

.menu li#menu3 a {
	width:309px;
	background-position:-433px 0;
}

.menu li#menu4 a {
	width:208px;
	background-position:-742px 0;
}
/* メニュー
――――――――――――――end */

.container {
	width:950px;
	margin:0 auto 15px auto;
}

/* フッター
―――――――――――――― */
.footer {
	background:#81acbf;
}

.f_navi {
	position:relative;
	max-width:950px;
	margin:0 auto;
	padding:5px 0;
}

.f_navi ul {
	position:relative;
	left:50%;
	float:left;
	margin:0 auto;
	font-size:80%;
	color:#fff;
}

.f_navi li {
	position:relative;
	left:-50%;
	float:left;
	border-right:1px solid #fff;
	padding:0 15px;
	white-space:nowrap;
}

.f_navi li:last-child {
	border:none;
}

.f_navi a {
	text-decoration:none;
	color:#fff;
}

.f_navi a:hover {
	text-decoration:underline;
	color:#333;
}

.f_add {
	background:#d1e0e8;
}

.f_add div {
	position:relative;
	left:50%;
	float:left;
}

.f_add ul {
	position:relative;
	left:-50%;
	float:left;
	font-size:80%;
	text-align:left;
	margin:0 auto;
	padding:5px 0;
}
/* フッター
――――――――――――――end */

/* トップページメイン
―――――――――――――― */
.top {
	width:445px;
	text-align:left;
}

.top h2 {
	margin-bottom:10px;
}

.top h2 a {
	display:block;
	height:41px;
	text-indent:-9999px;
}

.top h2#title1 a {
	background:url(../images/title1.png) no-repeat;
	width:165px;
}

.top h2#title2 a {
	background:url(../images/title2.png) no-repeat;
	width:237px;
}

.top h2#title3 {
	border-left:5px solid #81acbf;
	padding:10px 0 0 10px;
	color:#727171;
	font-size:110%;
}

.top h2#title4 {
	border-left:5px solid #81acbf;
	padding:10px 0 0 10px;
	color:#727171;
	font-size:110%;
}

.top p {
	font-size:90%;
	line-height:1.4;
	margin-bottom:10px;
}

.top li {
	line-height:1.6;
	font-size:90%;
}

.top li li {
	font-size:100%;
	margin-left:1.0em;
}

.top li em {
	color:#c4c7b5;
}

.top_ph2 { /* トップページ下段左側 */
	background:url(../images/top_ph2.jpg) no-repeat;
	padding-left:110px;
	min-height:140px;
}

.top_ph3 { /* トップページ下段右側 */
	background:url(../images/top_ph3.jpg) no-repeat;
	padding-left:110px;
	min-height:140px;
}

.top_ph5 { /* トップページ上段右側 */
	background:url(../images/top_ph5.jpg) no-repeat;
	padding-left:165px;
	margin-bottom:15px;
	min-height:215px;
}

.arrow a {
	background:url(../images/arrow.gif) no-repeat;
	display:block;
	width:104px;
	height:35px;
	text-indent:-9999px;
}


/* トップページメイン
――――――――――――――end */

/* コンテンツページ */
.side {
	width:250px;
	float:left;
}

.main {
	width:670px;
	float:right;
}

/* コンテンツページサイドメニュー
―――――――――――――― */
.side ul {
	text-align:left;
	border:1px solid #ddd;
	border-bottom:none;
}

.side ul ul {
	border:none;
}

.side ul li {
	font-size:80%;
	border-bottom:1px solid #ddd;
}

.side ul li li {
	font-size:100%;
	text-align:right;
}

.side ul li a {
	text-decoration:none;
	display:block;
	width:228px;
	padding:15px 10px;
}

.side ul li li a {
	border-right:8px solid #ddd;
	width:220px;
}

	#simin .side ul li a { /* 市民の皆様へ */
		background:#f3a26c;
		background:-moz-linear-gradient(top, #fff, #f3f16c 70%, #d2ed69);
		background:-webkit-gradient(linear,left top, left bottom, from(#fff), color-stop(0.7,#f3f16c), to(#d2ed69));
		color:#000;
	}

	#simin .side ul li a:hover { /* 市民の皆様へ・オンマウス時 */
		background:#806580;
		background:-moz-linear-gradient(top, #fff, #f3a26c 30%, #a45119);
		background:-webkit-gradient(linear,left top, left bottom, from(#fff), color-stop(0.3,#f3a26c), to(#a45119));
		color:#fff;
	}

	#medic .side ul li a { /* 医療従事者へ */
		background:#d1dae5;
		background:-moz-linear-gradient(top, #fff, #d1dae5 70%, #506580);
		background:-webkit-gradient(linear,left top, left bottom, from(#fff), color-stop(0.7,#d1dae5), to(#506580));
		color:#000;
	}

	#medic .side ul li a:hover { /* 医療従事者へ・オンマウス時 */
		background:#806580;
		background:-moz-linear-gradient(top, #fff, #bb989f 30%, #806580);
		background:-webkit-gradient(linear,left top, left bottom, from(#fff), color-stop(0.3,#bb989f), to(#806580));
		color:#fff;
	}

	#shorei .side ul li a { /* 症例集 */
		background:#f1f0c3;
		background:-moz-linear-gradient(top,#fff, #ffffde 50%, #f1f0c3);
		background:-webkit-gradient(linear,left top, left bottom, from(#fff), color-stop(0.5,#ffffde), to(#f1f0c3));
		color:#36c;
	}

	#shorei .side ul li a:hover { /* 症例集・オンマウス時 */
		background:#ffe2e2;
		background:-moz-linear-gradient(top,#fff, #fff4f4 50%, #ffe2e2);
		background:-webkit-gradient(linear,left top, left bottom, from(#fff) , color-stop(0.5,#fff4f4), to(#ffe2e2));
		color:#900;
	}
/* コンテンツページサイドメニュー
――――――――――――――end */

/* コンテンツページメイン
―――――――――――――― */
.main h2 { /* 各ページの見出し */
	text-align:left;
	font-size:110%;
	border-width:1px 10px 1px 1px;
	border-style:solid;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	padding:5px 10px;
}

	#simin .main h2 {
		margin-bottom:15px;
		border-color:#715c00;
		color:#715c00;
	}

	#medic .main h2 {
		margin-bottom:5px;
		border-color:#00859e;
		color:#00859e;
	}
	
	#medic .main .ef {
		margin-bottom:15px;
		font-size:80%;
		text-align:right;
	}

	#shorei .main h2 {
		margin-bottom:5px;
		border-color:#c36;
		color:#c36;
	}

	#mail .main h2 {
		margin-bottom:15px;
		border-color:#f60;
		color:#f60;
	}
	
	#shorei .main .ef {
		margin-bottom:15px;
		font-size:80%;
		text-align:right;
	}

.main h3 { /* コンテンツの見出し */
	text-align:left;
	margin-bottom:15px;
	padding:5px 15px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
}
	
	#simin .main h3 {
		background:#ffdae0;
		background:-moz-linear-gradient(left, #ffdae0, #bb989f);
		background:-webkit-gradient(linear,left top, right top, from(#ffdae0), to(#bb989f));
		color:#454545;
	}
	
	#medic .main h3 {
		background:#bafcff;
		background:-moz-linear-gradient(left, #bafcff, #f3f9b3);
		background:-webkit-gradient(linear,left top, right top, from(#bafcff), to(#f3f9b3));
		color:#454545;
	}
	
	#shorei .main h3 {
		background:#f80;
		background:-moz-linear-gradient(left, #ffabbb, #ffaa86);
		background:-webkit-gradient(linear,left top, right top, from(#ffabbb), to(#ffaa86));
		color:#333;
	}

.text1 { /* 説明文 */
	font-size:90%;
	line-height:1.4;
	margin-left:1.0em;
}

.text1 p, .text1 ul, .text1 ol {
	text-align:left;
	margin-bottom:15px;
}

.text1 li {
	margin-bottom:10px;
}

.text1 li:last-child {
	margin-bottom:0;
}

.text1 h4 { /* 説明文内小見出し */
	text-align:left;
	padding:5px 15px;
	margin-bottom:10px;
	border-radius:5px;
}

	#simin .text1 h4 {
		background:#6c3;
	}

	#medic .text1 h4 {
		background:#c99;
	}

	#shorei .text1 h4 {
		background:#fc3;
	}

/* ページ移動ボタン */
.navi {
	position:relative;
	margin-bottom:20px;
}

.navi ul {
	position:relative;
	left:50%;
	float:left;
	margin:0 auto;
	font-size:80%;
}

.navi li {
	position:relative;
	left:-50%;
	float:left;
	margin-right:50px;
}

.navi li:last-child {
	margin:0;
}

.navi li a {
	display:block;
	padding:10px 15px;
	text-decoration:none;
	border-radius:5px;
}

	#simin .navi li a {
	background:#715c00;
	color:#fff;
	}

	#medic .navi li a {
	background:#00859e;
	color:#fff;
	}
/* ページ移動ボタン end */

.aside { /* 追記事項（参考文献など） */
	border-width:1px;
	border-style:solid;
	border-radius:10px;
	padding:15px;
}

	#medic .aside {
		border-color:#fc0;
	}

/* 画像 */
.figure {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
}

.figure p { /* 画像のキャプション */
	margin:0;
	color:#33c;
}

.w310 {
	width:310px;
}

	.w310 img {
		max-width:310px;
	}

.w330 {
	width:330px;
}

	.w330 img {
		max-width:330px;
	}

.w500 {
	width:500px;
}

	.w500 img {
		max-width:500px;
	}

/* 症例集 */
.keika {
	margin-left:auto;
	margin-right:auto;
	font-size:150%;
	line-height:1.5;
}

.keika2 {
	background:#6cf;
	padding:0.5em;
	border-radius:5px;
}

.keika3 {
	font-size:60%;
}
/* コンテンツページメイン
――――――――――――――end */

/* メールフォーム
―――――――――――――― */
#mail p {
	text-align:left;
	font-size:90%;
	margin-bottom:15px;
}

#mainl li {
	font-size:90%;
}

#mail dl {
	margin-left:40px;
	width:320px;
	text-align:left;
}

#mail dt {
	margin-bottom:20px;
	font-size:90%;
}

#mail dd {
	margin:0 10px 25px;
	box-shadow:1px 1px 20px #ccc, -1px -1px 20px #ccc;
	border:1px solid #000;
}

#mail .mail {
	border:none;
	width:100%;
}

#mail .naiyou {
	width:100%;
	height:120px;
	border:none;
}

#mail .submit {
	text-align:center;
}

#mail .submit input {
	width:200px;
	margin-right:60px;
	padding:5px 0px;
	color:#fff;
	background:#000;
	border:1px solid #000;
	border-radius:5px;
}

#mail fieldset {
	border:none;
}
/* メールフォーム
――――――――――――――end */