Z@charset "utf-8";


/*------------------------------

ちばなクリニックトップページ
ベースレイアウト

-------------------------------*/

/*--コンテンツ（baselayoutより上書き）--*/
body#top #contents {background-image:none;}




/*------------------------------

ボックス01要素

-------------------------------*/
.topbox01_head {
	width:320px;
	float:left;
	background-image: url(../images/pages/top/box01_head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


.topbox01_head_left {
	width:302px;
	float:left;
	background-image: url(../images/pages/top/box01_head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}


.topbox01_head_right {
	width:302px;
	float:right;
	background-image: url(../images/pages/top/box01_head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}


.topbox01_foot {
	background-image: url(../images/pages/top/box01_foot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:0px 0px 7px 0px;
}

.topbox01 {
	background-image: url(../images/pages/top/box01_middle.gif);
	background-repeat: repeat-y;
	background-position: left top;
	text-align:center;
	padding:5px 0px 5px 0px;
}

.boxlist {margin:9px 0px 9px 0px;}
*html .boxlist {margin:14px 0px 10px 0px;}
.boxlist li {display:inline;}

.box01img {margin:21px 0px 0px 0px;}
/*------------------------------

ボックス02要素

-------------------------------*/
.topbox02_head {
	width:282px;
	float:right;
	background-image: url(../images/pages/top/box02_head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:7px 0px 0px 0px;
}

.topbox02_foot {
	background-image: url(../images/pages/top/box02_foot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:0px 0px 7px 0px;
}

.topbox02 {
	background-image: url(../images/pages/top/box02_middle.gif);
	background-repeat: repeat-y;
	background-position: left top;
	text-align:center;
	padding:5px 0px 0px 0px;
}

.box02_float_left {
float:left;
padding:5px 0px 0px 13px;
text-align:left;
}

.box02_float_right {
float:right;
padding:5px 7px 0px 0px;
}


.box02_title {
font-weight:bold;
color:#666666;
padding:0px 0px 2px 0px;
}

.box02link li a {
	background-image: url(../images/pages/top/icon_top_arrow2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px 0px 0px 17px;
}

.box02link li a:link{
	color: #666666;
	text-decoration: none;
}
.box02link li a:visited{
	color: #666666;
	text-decoration: none;
}
.box02link li a:hover{
	outline:none;
	color: #666666;
	text-decoration: underline;
}
.box02link li a:active{
	color: #666666;
}


/*------------------------------

ボックス02_2要素

-------------------------------*/
.topbox02_2_head {
	width:291px;
	float:left;
	background-image: url(../images/pages/top/box01_head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:7px 0px 0px 0px;
}

.topbox02_2_foot {
	background-image: url(../images/pages/top/box02_foot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:0px 0px 7px 0px;
}

.topbox02_2 {
	background-image: url(../images/pages/top/box02_middle.gif);
	background-repeat: repeat-y;
	background-position: left top;
	text-align:center;
	padding:5px 0px 0px 0px;
}

.box02_2_float_left {
float:left;
padding:5px 0px 0px 13px;
text-align:left;
}

.box02_2_float_right {
float:right;
padding:5px 7px 0px 0px;
}


.box02_2_title {
font-weight:bold;
color:#666666;
padding:0px 0px 2px 0px; width:155px;
}

.box02_2link li a {
	background-image: url(../images/pages/top/icon_top_arrow2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:3px 0px 3px 24px;
}

.box02_2link li a:link{
	color: #666666;
	text-decoration: none;
}
.box02_2link li a:visited{
	color: #666666;
	text-decoration: none;
}
.box02_2link li a:hover{
	outline:none;
	color: #666666;
	text-decoration: underline;
}
.box02_2link li a:active{
	color: #666666;
}


/*------------------------------

ボックス03要素

-------------------------------*/
.topbox03_head {
	width:610px;
	float:left;
	background-image: url(../images/pages/top/box03_head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:10px 0px 5px 0px;
}

.topbox03_foot {
	background-image: url(../images/pages/top/box03_foot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:0px 0px 15px 0px;
}

.topbox03 {
	background-image: url(../images/pages/top/box03_middle.gif);
	background-repeat: repeat-y;
	background-position: left top;
	text-align:left;
	padding:5px 0px 3px 15px;
}


.boxlist {margin:9px 0px 9px 0px;}
*html .boxlist {margin:14px 0px 10px 0px;}
.boxlist li {display:inline;}

.box03img {margin:0px 20px 0px 0px;}


.box03_float_left {
float:left;
padding:5px 0px 0px 13px;
text-align:left;
}

.box03_float_right {
float:right;
padding:5px 7px 0px 0px;
}




/*------------------------------

ボックス共通要素

-------------------------------*/


.boxlink {
text-align:left;
padding:0px 13px 0px 13px;
font-weight:bold;
}

.boxlink a{
	background-image: url(../images/pages/top/icon_top_arrow1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:3px 0px 3px 23px;
}

.boxlink a:link{
	color: #666666;
	text-decoration: none;
}
.boxlink a:visited{
	color: #666666;
	text-decoration: none;
}
.boxlink a:hover{
	outline:none;
	color: #666666;
	text-decoration: underline;
}
.boxlink a:active{
	color: #666666;
}

/*------------------------------

リンク要素

-------------------------------*/
.link_top_df {
text-align:left;
padding:0px 13px 0px 5px;
font-weight:bold;
}

.link_top_df a{
	background-image: url(../images/icons/icon_arrow04.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding:3px 0px 3px 18px;
}

.link_top_df a:link{
	color: #666666;
	text-decoration: none;
}
.link_top_df a:visited{
	color: #666666;
	text-decoration: none;
}
.link_top_df a:hover{
	outline:none;
	color: #666666;
	text-decoration: underline;
}
.link_top_df a:active{
	color: #666666;
}





/*------------------------------

トップフラッシュ

-------------------------------*/
#flash_area {
width:860px;
margin:15px auto 15px auto;
}

/*------------------------------

お知らせエリア

-------------------------------*/


.h3style_info {
	font-size:136%;
	font-weight:bold;
	color:#555555;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-image: url(../images/icons/icon_news.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding:0px 0px 0px 30px;
}

.info_area {
	border: 8px solid #ffcfe4;
	padding:8px 10px 8px 10px;
}

.infolist li {
	width:570px;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding:5px 0px 5px 0px;
	margin:0px 0px 10px 0px;
}

.jikan {
display:block;
width:100px;
background-color:#e25e9a;
text-align:center;
color:#FFFFFF;
float:left;
}


.info_title {
display:block;
width:450px;
text-align:left;
float:right;
}

/*------------------------------

台風情報

-------------------------------*/
.taihu_area {
	border: 1px dashed #ff494b;
	background-color:#ffeded;
	padding:15px;
}
.taihu_title {
font-size:136%;
color:#FF3300;
font-weight:bold;
padding:0px 0px 10px 0px;

}