@charset "shift_jis";

/* 
================================================================================
	Last Up Date	2006.11.20
	http://www.ashiya-i-clinic.com/
	(c) 2006 Ashiya I clinic ALLRIGHT RESERVED .
================================================================================
*/


/*INDEX*/
/*
================================================================================
1.タグ共通
2.ページ共通
3.ヘッダ
4.ナビゲーション
5.トップページメイン
6.料金一覧
7.クリニック紹介
8.関連サイト
9.キャンペーン
10.フッタ
11.汎用
================================================================================
*/


/* 1.タグ共通
----------------------------------------------------------------------------- */

body {
	margin: 0px;
	padding: 0px;
	text-align:center;
}
p {
	font-size:80%;
	margin:10px 40px;
	padding:0;
	color:#333;
	line-height:160%;
}
img {
	border:none;
	margin:0;
	padding:0;
}
a {
	color:#388AC4;
}
a:hover {
	color:#11007B;
	text-decoration:none;
}

/* 2.ページ共通
----------------------------------------------------------------------------- */
.skip {
	position: absolute;
	top: -1000px;
}
#wrapper {
	margin:0 auto;
	padding-bottom:10px;
	background:url(../image/bg.gif) repeat-y center;
	width:770px;
}
h1 {
	margin:0;
	padding:0;
}
h2 {
	margin:0;
	padding:0;
}
h3 {
	font-size:90%;
	font-weight:bold;
	color:#049;
	padding:0 0 10px 25px;
	margin:0;
}
h4 {
	font-size:80%;
	font-weight:bold;
	color:#388AC4;
	padding:2px 8px;
	margin:0 0 10px 41px;
	border-left:4px solid #388AC4;
}
#pankuzu {
	font-size:70%;
	color:#333;
	text-align:left;
	margin:10px 0 20px 20px ;
}
#main {
	text-align:left;
	margin:0 auto;
	padding:0;
	width:752px;
}
#left{
	float:left;
	width:426px;
	padding:20px 0 10px 20px;
	margin:0;
}
.twoColumn {
	float:left;
	width:330px;
	margin:0 6px;
}

/* 3.ヘッダ
----------------------------------------------------------------------------- */
#header{
	margin:0 auto;
	padding:0;
	width:752px;
	height:75px;
}
#header p{
	float:center;
	margin:0;
	padding:0;
}
#header img{
	float:left;
	margin:0;
	padding:0;
}
#menuLine {
	margin:0;
	padding:0;
	width:752px;
	height:5px;
	clear:both;
}


/* 4.ナビゲーション
----------------------------------------------------------------------------- */
#navi{
	margin:0;
}
#navi ul{
	width:750px;
	height:38px;
	margin:0 auto;
	padding:0;
	list-style:none;
}

*:first-child + html #navi ul{
	width:750px;
	height:38px;
	margin:0 auto;
	padding:0;
	padding-top:10px;
	list-style:none;
}


#navi li {
	margin:0;
	padding:0;
	text-indent:-9999px;
	float:left;
}
#navi li a {
	display:block;
	height:38px;
	text-decoration:none;
}
.naviHome a{
	width:106px;
	background: url(../image/navi.gif) 0 0;
}
.naviHome a:hover {
	width:106px;
	background: url(../image/navi.gif) 0 -38px;
}
.naviHome-active a {
	width:106px;
	background: url(../image/navi.gif) 0 -38px;
}

.naviMenu a{
	width:107px;
	background: url(../image/navi.gif) -106px 0;
}
.naviMenu a:hover {
	width:107px;
	background: url(../image/navi.gif) -106px -38px;
}
.naviMenu-active a {
	width:107px;
	background: url(../image/navi.gif) -106px -38px;
}

.naviPrice a{
	width:107px;
	background: url(../image/navi.gif) -213px 0;
}
.naviPrice a:hover {
	width:107px;
	background: url(../image/navi.gif) -213px -38px;
}
.naviPrice-active a {
	width:107px;
	background: url(../image/navi.gif) -213px -38px;
}

.naviDoctor a{
	width:107px;
	background: url(../image/navi.gif) -320px 0;
}
.naviDoctor a:hover {
	width:107px;
	background: url(../image/navi.gif) -320px -38px;
}
.naviDoctor-active a {
	width:107px;
	background: url(../image/navi.gif) -320px -38px;
}

.naviConcept a{
	width:107px;
	background: url(../image/navi.gif) -427px 0;
}
.naviConcept a:hover {
	width:107px;
	background: url(../image/navi.gif) -427px -38px;
}
.naviConcept-active a {
	width:107px;
	background: url(../image/navi.gif) -427px -38px;
}

.naviClinic a{
	width:107px;
	background: url(../image/navi.gif) -534px 0;
}
.naviClinic a:hover {
	width:107px;
	background: url(../image/navi.gif) -534px -38px;
}
.naviClinic-active a {
	width:107px;
	background: url(../image/navi.gif) -534px -38px;
}

.naviSite a{
	width:109px;
	background: url(../image/navi.gif) -641px 0;
}
.naviSite a:hover {
	width:109px;
	background: url(../image/navi.gif) -641px -38px;
}
.naviSite-active a {
	width:109px;
	background: url(../image/navi.gif) -641px -38px;
}


/* 5.トップページメイン
----------------------------------------------------------------------------- */

#right {
	float:right;
	width:266px;
	margin:0;
	padding:20px 0 10px 0;
	text-align:left;
}
#right ul {
	width:261px;
	margin:0;
	padding:3px 0 5px 5px;
	font-size:80%;
	line-height:125%;
	list-style:none;
}
#right p {
	font-size:80%;
	margin:2px 0 0 5px ;
	padding:0;
	color:#333;
	line-height:120%;
}
#right ul li {
	margin:0;
	padding:0 15px 5px 10px;
	background:url(../image/point3.gif) no-repeat 1px 0.5em;
}
#right ul li a{
	color:#444444;
	margin:0;
	padding:0;
	text-decoration:none;
}
#right ul li a:hover{
	color:#379CD1;
	margin:0;
	padding:0;
	text-decoration:none;
}
#news {
	border:solid 1px #C5C5C5;
	width:446px;
	text-align:left;
	padding-bottom:10px;
	margin:0;
}
#news dl {
	margin:0;
	padding:0.4em 0.4em 0.5em 0.4em;
	background:#fff url(../image/line.gif) bottom center no-repeat;
	line-height:120%;
}
#news dl.none {
	margin:0;
	padding:0.2em;
	background:none;
	line-height:120%;
}
#news dt {	
	color:#030074;
	margin:0;
	padding:0.3em 0.3em 0.3em 2em ;
	font-size:80%;
	font-weight:bold;
	line-height:120%;
	background:#fff url(../image/point.gif) no-repeat 6px 50%;
}
#news dd {
	color:#333;
	margin:-1.6em 0.3em 0.5em 8.5em;
	font-size:80%;
	line-height:120%;
}
#news span {
	color:#F00;
	font-weight:bold;
}
.banner {
	margin:10px 0 0 0;
	padding:0;
}
#recruit {
	border:solid 1px #FDD0E4;
	width:446px;
	text-align:left;
	margin-top:10px;
}
#recruit p {
	font-size:80%;
	margin:10px 20px ;
	padding:0;
	color:#333;
	line-height:120%;
}
#taioarea {
	border:solid 1px #C5C5C5;
	width:446px;
	text-align:left;
	margin-top:10px;
}
#taioarea p {
	font-size:80%;
	margin:10px 20px ;
	padding:0;
	color:#333;
	line-height:120%;
}
#hokensyo{
	border:solid 1px #C5C5C5;
	margin:0 16px 10px 0;
	padding:5px 0 0 10px;
}
#hokensyo .title {
	font-size:90%;
	font-weight:bold;
	color:#030074;
	line-height:125%;
}
#hokensyo p{
	font-size:75%;
	margin:0 10px 5px 0px;
	padding:0;
	color:#333;
	line-height:140%;
}
#monitor{
	width:426px;
	margin-top:10px;
	border:solid 1px #FF6A8A;
	padding:5px 10px;
}
#monitor strong{
	font-size:75%;
	color:#FF6A8A;
	font-weight:bold;
	line-height:125%;
}
#monitor p{
	margin:0!important;
	padding:5px 0 0 0!important;
	font-size:70%;
	font-weight:normal;
	line-height:125%;
}
#mn {
	margin:10px 0;
	width:446px;
	text-align:left;
}
#mail {
	float:left;
	width:218px;
	text-align:center;
	color:#333;
	font-size:70%;
	line-height:140%;
}
#blog {
	float:left;
	width:218px;
	text-align:center;
	color:#333;
	font-size:70%;
	line-height:140%;
	padding:0 0 0 8px;
}

#address {
	margin:10px 0;
	width:446px;
	text-align:left;
}
#address .photo {
	float:left;
	margin:8px 0 0 0;
}
#address .name {
	float:left;
	text-align:left;
	font-size:80%;
	line-height:120%;
	color:#333;
	margin-left:5px ;
	width:345px;
}

/* 6.料金一覧
----------------------------------------------------------------------------- */
#price ul {
	font-size:80%;
	margin:10px 50px 30px 80px;
	padding:0;
	color:#333;
	line-height:160%;
}
#price table.blue {
	border:solid 1px #BFD0E5;
	list-style:none;
	text-align:left;
	font-size:80%;
	margin:0 40px 20px 40px;
	border-collapse:collapse;
	width:670px;
}
#price table.blue td {
	background-color:#FFF;
	font-weight:bold;
	color:#388AC4;
	padding:5px;
	line-height:140%;
	text-align:left;
	border:solid 1px #BFD0E5;
}
#price table {
	border:solid 1px #BFD0E5;
	list-style:none;
	text-align:left;
	font-size:80%;
	margin:0 40px 20px 40px;
	border-collapse:collapse;
	width:670px;
}
#price table th {
	background-color:#EEF1F7;
	color:#388AC4;
	padding:5px;
	font-weight:bold;
	line-height:140%;
	text-align:center;
	border:solid 1px #BFD0E5;
}
#price table td {
	background-color:#FFF;
	font-weight:bold;
	color:#666;
	padding:5px;
	line-height:140%;
	text-align:left;
	border:solid 1px #BFD0E5;
}
#price .right {
	text-align:right!important;
	width:12%!important;
	font-weight:normal;
	color:#333;
}
#price .right2 {
	text-align:right!important;
	font-weight:normal;
	color:#333;
}
#price ol {
	font-size:80%;
	margin:10px 50px 30px 80px;
	padding:0;
	color:#333;
	line-height:160%;
}

/* 7.クリニック紹介
----------------------------------------------------------------------------- */
#clinic table{
	margin:0 0 0 40px;
	width:250px;
}
#clinic table th {
	text-align:left;
	font-size:70%;
	font-weight:normal;
	color:#333;
}
#clinic table td {
	text-align:center;
	padding:0 0 10px 0;
}
#clinic .floatLeft {
	float:left;
	margin:2px 3px 0 0;
}
#clinic-access1{
	text-align:center;
	}


#clinic-access1 table td{
	text-align:left;
	font-size:12px;
	}

.clinic-access1{
	width:680px;
	margin:0 6px;
	text-align:left;
	}

.text-left {
	text-align:left;
}

/* 8.関連サイト
----------------------------------------------------------------------------- */

#site #wait {
	background-color:#EEF1F7;
	margin:50px auto;
	color:#388AC4;
	padding:60px 0;
	font-weight:bold;
	font-size:80%;
	line-height:140%;
	text-align:center;
	border:solid 1px #BFD0E5;
	width:550px;
}
#site .links {
	font-size:80%;
	width:630px;
	margin:10px 0px 20px 110px;
	padding:0;
	overflow:hidden;
	line-height:160%;
}

	#site .links:after{
		content:"";
		display:block;
		clear:both;
		height:1px;
		overflow:hidden;
	}
	/*\*/
	* html #site .links{
		height:1em;
		overflow:visible;
	}
	/**/
#site .links .linkL {
	width:240px;
	float:left;
	margin:0px 20px 0px 0px;
	padding:0;
	overflow:hidden;
}
	#site .links .linkL:after{
		content:"";
		display:block;
		clear:both;
		height:1px;
		overflow:hidden;
	}
	/*\*/
	* html #site .links .linkL{
		height:1em;
		overflow:visible;
	}
	/**/
#site .links .linkR {
	float:left;
	margin:0px;
	padding:0;
	width:350px;
	overflow:hidden;
}
	#site .links .linkR:after{
		content:"";
		display:block;
		clear:both;
		height:1px;
		overflow:hidden;
	}
	/*\*/
	* html #site .links .linkR{
		height:1em;
		overflow:visible;
	}
	/**/
#site ul {
	margin:10px 0px;
	padding:0;
	list-style:none;
}
#site p {
	font-size:80%;
	margin:2px 0 0 5px ;
	padding:0;
	color:#333;
	line-height:120%;
}
#site ul li {
	margin:0;
	padding:0 15px 5px 10px;
	background:url(../image/point3.gif) no-repeat 1px 0.5em;
}
#site ul li a{
	color:#444444;
	margin:0;
	padding:0;
	text-decoration:none;
}
#site ul li a:hover{
	color:#379CD1;
	margin:0;
	padding:0;
	text-decoration:none;
}
/*
#site div.ad {
	clear:both;
	margin:10px 40px 20px 40px;
	padding:0;
}*/
#site div.links a {
	color:#444444;
	text-decoration:none;
}
#site div.links a:hover {
	color:#379CD1;
	text-decoration:none;
}


/* 9.キャンペーン
----------------------------------------------------------------------------- */

#campaign h4 {
	font-size:90%;
	font-weight:bold;
	color:#049;
	padding:10px 0 0px 25px;
	margin:0;
	border-left:none;
}

#campaign h5 {
	font-size:80%;
	font-weight:bold;
	color:#ff6600;
	padding:7px 0 0 20px;
	margin:0px auto 10px auto;
	background:url(../campaign/image/h4_bg.jpg) 0 0 no-repeat;
	width:660px;
	height:23px;
	display:block;
}

#campaign .cate {
	padding:0 0 10px 25px;
	margin:0!important;
	border-left:none;
}
#campaign p.read {
	padding:0 0 15px 26px!important;
	margin:0!important;
	border-left:none;
	font-weight:bold;
	color:#0055cc;
}
.font12{font-size:12px; line-height:140%; padding:5px 20px 15px 22px;}
.font12-2{font-size:12px; line-height:140%; padding:5px 20px 5px 22px;}
.padding-bottom1{padding-bottom:10px;}
.back-img{background-position:top; background-repeat:repeat-y; }
.back-img-r{background-position:right; background-repeat:repeat-y; }
/* 10.フッタ
----------------------------------------------------------------------------- */

#pageTop {
	text-align:right;
	margin:0;
	padding:20px 30px 10px 0;
	clear:both;
	font-size:70%;
}
#pageTop a {
	text-decoration:none;
}
#pageTop a:hover {
	text-decoration:underline;
}

/* 10.汎用
----------------------------------------------------------------------------- */

.clear {
	clear:both;
	margin:0;
	padding:0;
}
.floatLeft {
	float:left;
	margin:0 20px 10px 0;
}
.floatRight {
	float:right;
	margin:0 0 20px 10px;
}
.textBig {
	font-weight:bold;
	color:#388AC4;
}
.alignCenter {
	text-align:center;
}
.margin-t5 {
	margin-top:5px!important;
}
.margin-t25 {
	margin-top:25px!important;
}
.margin-b10 {
	margin-bottom:10px!important;
}
.margin-b30 {
	margin-bottom:30px!important;
}
.center {
	text-align:center;
}
.red {
	color:#FF3366!important;
}
.nowrap {
	white-space:nowrap;
}