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

@import url("base.css");

h3 {
	text-align:left;
	font-size:90%;
	line-height:1.2em;
	padding-left:10px;
	margin-top:7px;}
	
h4{
	text-align:left;
	font-weight:bold}

/*--トップページアイキャッチ--*/

.eyecatch{
	margin:auto;
	width:1000px;}
	

/*--テキスト部分--*/

.tab-txt{
	margin:auto;
	width:600px;
	font-size:85%;
	line-height:1.5em;
	margin-top:25px;
	margin-bottom:25px;
	text-align:center}


/*--都道府県検索--*/

dl.tablist dt {
  clear: left;
  float: left;
  margin-left:165px;
  width: 80px;
  border-left:5px solid #009fe8;
  margin-top:10px;
  padding-left:5px;}
  
dl.tablist dt.tablist-red {
  clear: left;
  float: left;
  margin-left:165px;
  width: 80px;
  border-left:5px solid #ee6ab4;
  margin-top:10px;
  padding-left:5px;}
  
dl.tablist dt.tablist-orange {
  clear: left;
  float: left;
  margin-left:165px;
  width: 80px;
  border-left:5px solid #f29700;
  margin-top:10px;
  padding-left:5px;}
  
dl.tablist dt.tablist-green {
  clear: left;
  float: left;
  margin-left:165px;
  width: 80px;
  border-left:5px solid #8ec21f;
  margin-top:10px;
  padding-left:5px;}

dl.tablist dd {
  margin-left: 120px;}
  
  
/* セレクトボックス */

.select-box {
  background: #f8f8f8;
  border: 1px solid #cacaca;
  border-radius: 5px;
  height: 35px;
  line-height: 30px;
  text-align: left;
  text-indent: 5px;
  vertical-align: middle;
  padding-top:8px;
  padding-bottom:8px;
  width: 260px;
  font-size:90%}
  

/*--市区町村検索--*/

.line dl{
	width:600px;}

.line dt{
	width:600px;
	height:15px;
	margin-left:35px;
	margin-bottom:5px;
	cursor:pointer;}

.line dd{
	width:600px;
	background:#f8f2e1;
	padding:10px;
	margin-left:35px;
	font-size:105%}
	
	
/*--検索ボタン--*/

.soshin{
	margin:auto;
	width:200px;
	margin-bottom:15px;
	margin-top:15px}
	
.soshin:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";}


/* タブ内タイトル */

.title-blue{
	margin-bottom:3px;
	margin-top:20px;
	margin-left:-7px;
	color:#0A87E5;
	font-weight:bold}
	
.title-red{
	margin-bottom:3px;
	margin-top:20px;
	margin-left:-7px;
	color:#ee6ab4;
	font-weight:bold}

.title-orange{
	margin-bottom:3px;
	margin-top:20px;
	margin-left:-7px;
	color:#f29700;
	font-weight:bold}
	
.title-green{
	margin-bottom:3px;
	margin-top:20px;
	margin-left:-7px;
	color:#8ec21f;
	font-weight:bold}


/* チェックボックス */

.item{
	display:block;
	float:left;
	width:150px;
	font-size:80%;}
	

/* タブ */

#tabArea{
	width:700px;
	margin:auto;}
	
#tab {
	width:703px;
	overflow:hidden;
	padding:0}

#tabArea {
	margin:0 auto;
	text-align:left;}

#tab li {
	height:49px;
	float:left;
	margin-right:3px;}

#tabBox {
	padding:0px;
	margin-bottom:30px}

#tab1{
	padding:0;
	width:693px;
	background-color:#eef9ff;
	border:solid 2px #2ea6df;
	padding-bottom:30px}

#tab2{
	padding:0;
	width:693px;
	background-color:#fdf8fb;
	border:solid 2px #ee6ab4;
	padding-bottom:30px}
	
#tab3{
	padding:0;
	width:693px;
	background-color:#fff9f2;
	border:solid 2px #f29700;
	padding-bottom:30px}
	
#tab4{
	padding:0;
	width:693px;
	background-color:#f1f7e4;
	border:solid 2px #8ec21f;
	padding-bottom:30px}

#tabBox div {
/* JSきったときコンテンツ表示させたい場合は不要、読み込み時に一瞬全部でるのがいやだから入れてる */
	display:none;}

/*--検索アコーディオン--*/

#acMenu dt{
	display:block;
	width:600px;
	margin:auto;
	height:40px;
	cursor:pointer;
	background:url(../img/top/parts-blue01.png) no-repeat;}
	
#acMenu dd{
	background:#FFF;
	width:560px;
	margin:auto;
	padding:20px;
	padding-top:2px;
	display:none;}
	
#acMenu dt.active{
	background:url(../img/top/parts-blue02.png) no-repeat;}
	
#acMenu-red dt{
	display:block;
	width:600px;
	margin:auto;
	height:40px;
	cursor:pointer;
	background:url(../img/top/parts-red01.png) no-repeat;}
	
#acMenu-red dd{
	background:#FFF;
	width:560px;
	margin:auto;
	padding:20px;
	padding-top:2px;
	display:none;}
	
#acMenu-red dt.active{
	background:url(../img/top/parts-red02.png) no-repeat;}
	
#acMenu-orange dt{
	display:block;
	width:600px;
	margin:auto;
	height:40px;
	cursor:pointer;
	background:url(../img/top/parts-orange01.png) no-repeat;}
	
#acMenu-orange dd{
	background:#FFF;
	width:560px;
	margin:auto;
	padding:20px;
	padding-top:2px;
	display:none;}
	
#acMenu-orange dt.active{
	background:url(../img/top/parts-orange02.png) no-repeat;}
	
#acMenu-green dt{
	display:block;
	width:600px;
	margin:auto;
	height:40px;
	cursor:pointer;
	background:url(../img/top/parts-green01.png) no-repeat;}
	
#acMenu-green dd{
	background:#FFF;
	width:560px;
	margin:auto;
	padding:20px;
	padding-top:2px;
	display:none;}
	
#acMenu-green dt.active{
	background:url(../img/top/parts-green02.png) no-repeat;}


/*--h2用--*/
  
.title{
	margin:auto;
	width:1000px;
	margin-bottom:8px}
  
  
/*--ピックアップ医院--*/
	
#pickup-clinic-list{
	margin:auto;
	width:700px;
	padding:0;
	margin-bottom:30px;}
	
#pickup-clinic-list ul{
	padding:0px;
	width:720px;
	list-style: none;
	_zoom: 1;
	overflow: hidden;}
	
#pickup-clinic-list li{
	float:left;
	width:215px;
	border:2px solid #2ea6df;
	margin-right:12px;
	margin-bottom:10px;
	color:#000;
	padding:3px;
	padding-top:13px;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */}

#pickup-clinic-list li:hover{
	border:2px #f29700 solid;
	text-decoration:none;
	color:#000}
	
#pickup-clinic-list li a:hover{
	text-decoration:none;
	color:#000}

	
#pickup-clinic-list li a:hover img
{
opacity:1.0;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
text-decoration:none
}

.pickup-img {
    width: 50px;
    float: left;
    margin-right:13px;
	margin-bottom:8px;
	margin-top:5px;}
	
.pickup-cp {
    width: 77px;
	height:56px;
    float: left;
	margin-top:7px;
	padding-left:8px}
	
.pickup-txt{
	width:119px;
	height:80px;
	float:right;
	text-align:left;
	font-size:85%;
	line-height:1.3em;
	margin-top:5px;
	margin-right:2px;
	color:#000}
	
.more{
	width:206px;
	margin:auto;
	height:15px;
	border-top:1px solid #e7e7e7;
	margin-top:10px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:8px}
	
	
.result-city{
	padding:3px 5px 3px 5px;
	font-size:75%;
	color:#FFF;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	background-color: #7a6a56;   /* 背景色 */
	margin-left:7px;
	margin-bottom:6px;}
	
	
/*--インタビュー--*/

.interview{
	width:678px;
	padding:10px;
	margin-bottom:30px;
	margin-top:5px;
	background-color:#f6f7f7;
	border:1px solid #bfbfbf}
		
.interview ul{
	width:675px;
	margin:auto;
	list-style-type:none}
	
.interview li{
	width:655px;
	margin-top:8px;
	background-color:#FFF;
	padding:8px}
	
.interview li a{
	width:655px;
	background-color:#FFF;
	display:block;
	color:#000;}
	
.interview li a:hover{
	color:#000;
	text-decoration:none;
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";}
	
.interview li a:hover img
{
opacity:1.0;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
text-decoration:none
}
	
.interview-left{
	float:left;
	width:100px;
	height:75px;}
	
.interview-right{
	float:right;
	width:540px;
	padding:0}
	
.interview-right ul{
	width:540px;
	list-style-type:none;
	padding:0;
	overflow: hidden;
	_zoom: 1;}
	
.interview-right li{
	width:540px;
	border-top:1px dotted #cfcfcf;
	margin-top: -1px;
	padding:0;
	padding-bottom:6px;
	padding-top:6px;}
	
.interview-link{
	float:right;
	text-align:right;
	background-image:url(../img/top/interview-arrow.png);
	background-repeat:no-repeat;
	padding-right:10px;
	padding-left:15px;
	margin-top:10px;
	font-size:90%}
	
.date{
	margin-right:5px;}
	
.interview-right h3{
	color:#0080dd;
	padding:0}
	
	
/*--役立ちコンテンツ--*/

#useful{
	width:700px;
	margin:auto;
	margin-bottom:30px;
	margin-top:5px;}
	
#useful ul {
	list-style:none;
	padding:0;
	overflow: hidden;
	width:706px;}
	
#useful li {
	height:135px;
	float:left;
	margin-right:6px;
	text-align:center}
	
#useful li img {
	margin-bottom:5px;}
	
	
/*--トピックス--*/

#feed {
	margin:auto;
	width:658px;
	border:#a4a4a4 1px solid;
	background-color:#FFF;
	padding:20px;
	overflow:auto;
	height:200px;}

#feed ul{
	padding:0px;
	width:650px;
	list-style: none;}
	
#feed li{
	width:650px;
	border-bottom:1px dotted #CCC;
	margin-bottom:15px;}
	
h5{
	font-weight:bold;
	font-weight:normal}
	
	
/*--新着医院--*/

.infomation-list{
	margin:auto;
	width:198px;
	height:400px;
	border:#a4a4a4 1px solid;
	padding:5px;
	margin-bottom:15px}
	
.infomation-list ul{
	padding:0px;
	width:199px;
	height:350px;
	list-style: none;
	_zoom: 1;
	overflow: hidden;
	overflow-y:scroll}
			
.infomation-list li{
	width:179px;
	border-bottom:#a4a4a4 1px solid;
	margin-right:5px;
	display:block;
	line-height:1.2em;
	padding-bottom:5px;
	padding-top:5px;
	font-size:105%;
	position: relative;
	margin-bottom:10px}
	
.infomation-list li a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}

.infomation-list li a:hover{
	background-color:#FFF;
	opacity:0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha( opacity=30 )";}
	
.infomation-img {
    width: 75px;
    float: left;
    margin-right:5px;}
	
.imfmation-icon{
	margin-top:5px;
	margin-bottom:7px}
	
h4 {
	margin-top:8px;
	font-size:80%;
	font-weight:bold;}
	
.result-city-new{
	padding:3px 5px 3px 5px;
	font-size:70%;
	color:#FFF;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	background-color: #7a6a56;   /* 背景色 */
	margin-bottom:15px;
	margin-top:10px;}
	
	
/*--エリア検索--*/

#area{
	width:700px;
	margin:auto;
	margin-top:5px;}
	
#area ul {
	list-style:none;
	padding:0;
	overflow: hidden;
	width:710px;}
	
#area li {
	height:170px;
	height:60px;
	float:left;
	margin-right:6px;
	text-align:center}
	

/*--サイト説明--*/

#foot{
	width:660px;
	margin-top:60px;
	padding:20px;
	background-color:#eef9ff;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */}
	
.foot-left{
	float:left;
	margin-top:40px}

.foot-right{
	width:450px;
	float:right;
	border-left:1pt solid #b3bbbf;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:10px;
	font-size:90%}
	
#foot p{
	font-size:95%;
	line-height:1.4em}