@charset 'Shift_JIS';

/* ========================================
OUTLINE
	ろうきん協会WEBサイト
	トップページ用CSS

CONTENT
	00：BASE SETTINGS
	10：HEADER
	20：FlashArea
	30：GLOBAL NAVIGATION
	40：MAIN
======================================== */


/* 00：BASE SETTINGS
======================================== */

body#top {
	background: url(../../images/top_bg01.gif) 0 391px repeat-x;
}

/* 10：HEADER
======================================== */

body#top #headerWrap {
	height: 62px;
	background-image: url(../../images/top_hdr_bg01.gif);
}

/* ----- ロゴエリア ----- */	

body#top #header p#hdrLogo {
	float: left;
	margin-top: 10px;
}

body#top #header p#hdrLogo img {
	padding-right: 16px;
}

/* ----- ヘッダーメニュー ----- */

body#top #header ul#hdrMenu {
	position: absolute;
	top: 0;
	right: 0;
	height: 15px;
	margin-top: 12px;
	background: url(../images/hdr_line01.gif) right top no-repeat;
}

body#top #header ul#hdrMenu li {
	float: left;
	height: 15px;
	overflow: hidden;
	padding: 0 11px 0 11px;
	background: url(../images/hdr_line01.gif) left top no-repeat;
}

body#top #header ul#hdrMenu li a {
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -999em;
}

body#top #header ul#hdrMenu li#hdrNav01 a {
	width: 72px;
	height: 12px;
	background-image: url(../images/hdr_nav01.gif);
}

body#top #header ul#hdrMenu li#hdrNav02 a {
	width: 56px;
	height: 15px;
	background-image: url(../images/hdr_nav02.gif);
}

/* ----- お問い合わせボタン ----- */

body#top #header p#hdrBtn01 a {
	position: absolute;
	top: 32px;
	right: 0;
	width: 93px;
	height: 18px;
	overflow: hidden;
	background: url(../images/hdr_btn01.gif) left top no-repeat;
	text-indent: -999em;
}

/* 20：FlashArea
======================================== */

.flashArea {
	height: 329px !important;
	text-align:center;
	overflow:hidden;
	width:100%;
}

.flashArea .flashAreaInner {
	position: relative;
	max-width: 1220px;
	min-width: 800px;
	width: 96%;
	margin: 0 auto;
	height:250px;
}

.flashArea #topImae01,
.flashArea #topImae02,
.flashArea #topImae03{
		height: 329px !important;
		width:100% !important;
		text-align:center!important;
		background-position:top center !important;
		background-repeat:no-repeat !important; }

.flashArea #topImae01{
			background:#f6c9dd url(../../images/01.jpg) ;
}

.flashArea #topImae02{
		background:#b8e0ea url(../../images/02.jpg) ;
}

.flashArea #topImae03{
			background:#f9c25b url(../../images/03.jpg);

}


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


.flashArea .flashAreaInner #search {
	position: absolute;
	right: 2%;
	top: 20px;
}

#search {
	width:204px;
	background:none;
}

#search div {
	padding-bottom: 12px;
	background: url(../images/top_search_bg02.gif) left bottom no-repeat;
	text-align:left;
	position:relative;
}

#search div form {
	padding: 10px 0 0 11px;
	line-height:2em;
	clear:both;
}

#search div form select{
	padding:0.1em 3px 0.1em 0;
	margin-right:3px;
	}

#search div form optgroup{
	font-style:normal;
}

#search div div#searchBtn{
	background:#fff;
	text-align:center;
	width:180px;
	margin:10px auto 0;
}

#search div div#searchBtn img#btRead{
	padding:10px 0 13px 0;
}

#search div p {
	width: 180px;
	background-color: #fff;
	text-align: center;
}

#search div p#btDefault{
	background-color:#e3e3e3;
	width:160px;
	margin:0 auto;
	height:20px;
	padding:16px 0 15px 0;
	font-weight:bold;
}

#search div p a {
	display: block;
	width: 168px;
	margin: 0 auto;
	height: 51px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -999em;
	line-height:1;
}

#search div p#btHokkaido a {
	background-image: url(../images/search_hokkaido.gif);
}
#search div p#btTohoku a {
	background-image: url(../images/search_tohoku.gif);
}
#search div p#btChuou a {
	background-image: url(../images/search_chuou.gif);
}
#search div p#btNiigata a {
	background-image: url(../images/search_niigata.gif);
}
#search div p#btNagano a {
	background-image: url(../images/search_nagano.gif);
}
#search div p#btHokuriku a {
	background-image: url(../images/search_hokuriku.gif);
}
#search div p#btShizuoka a {
	background-image: url(../images/search_shizuoka.gif);
}
#search div p#btToukai a {
	background-image: url(../images/search_toukai.gif);
}
#search div p#btKinnki a {
	background-image: url(../images/search_kinnki.gif);
}
#search div p#btChugoku a {
	background-image: url(../images/search_chugoku.gif);
}
#search div p#btShikoku a {
	background-image: url(../images/search_shikoku.gif);
}
#search div p#btKyusyu a {
	background-image: url(../images/search_kyusyu.gif);
}
#search div p#btOkinawa a {
	background-image: url(../images/search_okinawa.gif);
}

#search div p a:hover,
#search div pa:hover {
	background-position: left bottom !important;
}

#search div p.hide {
	display: none;
}

#search div .shBtn{
	background:none;
	padding-top:10px;
	display:block;
	padding-left:15px;
}



/* ----- noscript表示  ----- */

#search div#muNoscript{
	background-image:none;
	background-color:#fff;
	width:184px;
	margin:10px auto 0px auto;
	padding:2px 0px 2px 0px;
	text-align:center;
	font-weight:bold;
	line-height:1.6em;
	color:#d21804;
	border:dashed 1px #d21804;
}



/* 30：GLOBAL NAVIGATION
======================================== */

#topMenuWrap {
	height: 70px;
	margin: 0 auto;
}

#topMenu {
	height: 70px;
	margin: 0 auto;
	background: url(../../images/top_gnav_bg01.gif);
}

#topMenu ul {
	background: url(../../images/top_gnav_line02.gif) right 3px no-repeat;
}

#topMenu ul li {
	display: block;
	float: left;
	width: 19.8%;
	height: 66px;
	overflow: hidden;
	margin-top: 3px;
	border-left: 1px solid #4c6f91;
	text-align: center;
}

/* safari only \*/  
	html:\66irst-child #topMenu ul li {
 	width: 20%;
}

#topMenu ul li.last {
	width: 19.92% !important;
	border-right: none;
}

#topMenu ul li a {
	display: block;
	width: 159px;
	height: 38px;
	overflow: hidden;
	margin: 18px auto;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -999em;
}

#topMenu ul li#topNav01 a {
	background-image: url(../images/gnav01.gif);
}

#topMenu ul li#topNav02 a {
	background-image: url(../images/gnav02.gif);
}

#topMenu ul li#topNav03 a {
	background-image: url(../images/gnav03.gif);
}

#topMenu ul li#topNav04 a {
	background-image: url(../images/gnav04.gif);
}

#topMenu ul li#topNav05 a {
	background-image: url(../images/gnav05.gif);
}


/* 40：MAIN
======================================== */

#mainWrap {
	margin-top:2px;
	background: #fff url(../../images/top_press_bg01.gif) 72% top repeat-y;
	padding:0 5px 0 1px;
}

#main {
	clear: both;
	margin-left:-5px;
	background: url(../../images/top_main_bg01.gif) left top no-repeat;
	position:relative;
}

#main #topContents {
	margin-right:-10px;
	background: url(../../images/top_main_bg02.gif) right top no-repeat;
	position:relative;
}

/*ニュース共通設定*/

#topContents dl dt {
	margin-top:1em;
	padding-left:1em;
	background-repeat:no-repeat;
	background-position:left center;
}

#topContents dl dd {
	border-bottom:solid 1px #e3e2dc;
	padding:0 0.5em 1em 1em;
}

#topContents dl dd img#markLinks {
	padding-left:8px;
}

#topContents dl dd img#markPdf {
	padding:0 2px 0 1px;
}

#topContents p.infoNav {
	margin-top:9px;
	padding-bottom:10px;
}

/* 新着情報、重要なお知らせ
---------------------------------------- */

#topNews {
	padding:27px 0 5px 2.9%;
	width:66%;
	float:left;
	overflow:hidden;
}

/*キャンペーンバナー*/

#topNews div#topBnr {
	width:528px;
	height:59px;
	overflow:hidden;
	margin:0 auto;
}

#topNews div#topBnr div{
	width:528px;
	height:59px;
	overflow:hidden;
}

/*新着情報*/

#topNews div#newsInfo {
	float:left;
	width:47%;
	position:relative;
		margin-bottom:20px;

}

#topNews div#newsInfo a#infoBtn {
	position:absolute;
	right:0;
	top:22px;
}

#topNews div#newsInfo h2 {
	border-bottom:1px solid #1b62aa;
	padding:19px 0 9px 0;
}

#topNews div#newsInfo dl dt {
	background-image: url(../images/mark_list01.gif);
	color:#0054a8;
}

/*重要なお知らせ*/

#topNews div#newsImportance {
	width:47%;
	float:left;
	margin-left:3.3%;
	*margin-left:2.3%;
	margin-bottom:20px;
}

#topNews div#newsImportance h2 {
	border-bottom:1px solid #008aa8;
	padding:19px 0 9px 0;
}

#topNews div#newsImportance ul{
	padding:8px 0 5px 0;
}

#topNews div#newsImportance ul li{
	padding:0.6em 1em 0.5em 0;
	margin-bottom:1px;
	background: #fff4d4 url(../../images/top_line01.gif) left bottom repeat-x;
}

#topNews div#newsImportance ul li span{
	background: #fff4d4 url(../images/mark_ex01.gif) 10px 0.2em no-repeat;
	padding:1px 0 1px 32px;
	display:block;
}

#topNews div#newsImportance dl dt {
	background-image: url(../images/mark_list02.gif);
	color:#008aa8;
}


/*バナーエリア*/

#topNews #topBnrBtm{
clear:both;
padding-bottom:5px;
position:relative;
margin-right:20px;
*margin-right:10px;
margin-left:-8px;
*margin-left:-4px;
text-align:center;
}

#topNews #topBnrBtm hr{
   border-width: 1px 0px 0px 0px;
   border-style: dashed;
   border-color: #d9d8d5;
   height: 1px;
	 margin-left:-5px;
}


#topNews #topBnrBtm ul{
padding-top:10px;
width:538px;
margin:0 auto;
padding-left:19px;
}

#topNews #topBnrBtm ul li{
float:left;
display:block;
padding-bottom:13px;
padding-right:10px;
}

#topNews #topBnrBtm ul li a{
padding-right:10x;

}



/* プレスリリース
---------------------------------------- */

#topPress {
	float:right;
	width:27.5%;
	padding-right:18px;
}

#topPressInner {
	padding:0 5px 0 0;
	background-color:#f4f1e3;
	padding-bottom:30px;
	position:relative;
	
	}

#topPressInner h2 {
	border-bottom:1px solid #aca14a;
	padding:21px 0 9px 0;
}

#topPressInner a#pressBtn {
	position:absolute;
	right:5px;
	top:22px;
}

#topPressInner dl dt {
	background-image: url(../images/mark_list03.gif);
	color:#756940;
}

#topPressInner dl dd {
	border-bottom: dashed 1px #c9c28c;
}

#topPressInner ul {
	padding:28px 0 0 4px;
}

#topPressInner ul li {
	margin-bottom:8px
}

#topPressInner ul li a{
	display: block;
	height: 38px;
	overflow: hidden;
	text-indent: -9999em;
	max-width:225px;
	background-repeat:no-repeat;
}

#topPressInner ul li#pressNav01 a{
	background-image: url(../../images/top_smenu01.gif);
}
#topPressInner ul li#pressNav02 a{
	background-image: url(../../images/top_smenu02.gif);
}
#topPressInner ul li#pressNav03 a{
	background-image: url(../../images/top_smenu03.gif);
}
#topPressInner ul li#pressNav04 a{
	background-image: url(../../images/top_smenu04.gif);
}
#topPressInner ul li#pressNav05 a{
	background-image: url(../../images/top_smenu05.gif);
}

#topPressInner ul li#pressNav06 a{
	background-image: url(../../images/top_smenu06.gif);
}

#topPressInner ul li#pressNav07 a{
	background-image: url(../../images/top_smenu07.gif);
}

#topPressInner ul li#pressNav08 a{
	background-image: url(../../images/comicbookbanner.gif);
}