@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:7px 0px 0px 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;
}



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

ボックス共通要素

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


.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;
}