@charset "utf-8";

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

なかがみトップページ
ベースレイアウト

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

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



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

ラッパー要素

-------------------------------*/
#top_wrapper02,#top_wrapper03 {
width:590px;
}





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

ブロック01要素

-------------------------------*/
.top_block01_head {
	background-image: url(../images/pages/top/box01_middle.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding:0px 0px 0px 0px;
	width:590px;
}
.top_block01_foot {
	background-image: url(../images/pages/top/box01_foot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:0px 0px 7px 0px;
}
.top_block01 {
	background-image: url(../images/pages/top/box01_head.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.box01_left {
width:330px;
float:left;
padding:10px 0px 10px 10px;
}

.box01_right {
width:224px;
float:right;
padding:10px 10px 0px 0px;
}


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

ブロック02要素

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

.top_block02 {
	width:271px;
	background-color:#FFFFCC;
	float:left;
	background-image: url(../images/pages/top/box02_middle.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

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



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

ブロック03要素

-------------------------------*/
.top_block03 {
	width:310px;
	background-color:#FFFFCC;
	float:right;
	background-image: url(../images/pages/top/box03_middle.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

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

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

ブロック04要素

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

.top_block04 {
width:590px;
height:112px;
margin:10px 0px 10px 0px;
position:relative;
}
.btn_kakarituke {
position:absolute;
left:130px;
top:76px;
}





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

段落要素

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

.pstyle_top01,.pstyle_top02 {
font-size:92%;
color:#555555;

}
.pstyle_top01 strong,.pstyle_top02 strong {
line-height:1.5em;
font-weight:normal;
}

.pstyle_top02 { padding:5px 15px 0px 15px;}

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

リスト要素

-------------------------------*/
/*-----------
リスト１
-------------*/
.top_list01 li{
float:left;
width:162px;
padding:5px 0px 0px 0px;
}
.top_list01 li.left {padding:5px 5px 0px 0px;}


/*-----------
リスト２
-------------*/

.top_list02 {padding:10px 0px 0px 10px;}
.top_list02 li {margin:0px 0px 5px 0px;}

.top_list02 li a{
	background-image: url(../images/pages/top/icon_top_arrow01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:3px 0px 3px 20px;
}
.top_list02 li a:link{
	color: #666666;
	text-decoration: none;
}
.top_list02 li a:visited{
	color: #666666;
	text-decoration: none;
}
.top_list02 li a:hover{
	outline:none;
	color: #666666;
	text-decoration: underline;
}
.top_list02 li a:active{
	color: #666666;
}

/*-----------
リスト３
-------------*/
.top_list03 { padding:5px 10px 5px 10px;}
.top_list03 li { display:inline; padding:0px 15px 0px 0px;}
.top_list03 a {
	background-image: url(../images/pages/top/icon_top_arrow01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:2px 0px 2px 20px;
}
.top_list03 li a:link{
	color: #666666;
	text-decoration: none;
}
.top_list03 li a:visited{
	color: #666666;
	text-decoration: none;
}
.top_list03 li a:hover{
	outline:none;
	color: #666666;
	text-decoration: underline;
}
.top_list03 li 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/pages/top/icon_n_news.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding:0px 0px 0px 30px;
}

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

.infolist li {
	width:550px;
	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:#2681d1;
text-align:center;
color:#FFFFFF;
float:left;
}


.info_title {
display:block;
width:430px;
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;

}