/*----------------------------------------------------------------------
トップページ
----------------------------------------------------------------------*/

/*
メインイメージ
---------------------------------------------------*/
* html #mainimage {
	behavior: expression(IEPNGFIX.fix(this));
} 

#mainimage {
	clear: both;
	text-align: center;
	margin: 0 auto;
	background: url(../images/main_bg.png) 0 0 no-repeat;
	width: 820px;
	height: 272px;
	padding: 15px 0 0 0;

}




/*
.noscript_txt {
	text-align: center;
	margin: 50px auto 0 auto;
	font-size: 85%;

}

.noscript_txt a {
	text-decoration: underline;
	color: #009de1;

}

.noscript_txt a:hover {
	text-decoration: none;
	color: #009de1;

}
*/


/*お知らせ・イベント情報
---------------------------------------------------*/
#top_left_box {
	float: left;
	padding: 0 0 10px 30px;
	text-align: left;

}

.info_title {
	padding-top: 28px;
}

.info_title a {
	text-decoration: none;
	text-indent: -9999px;
	text-align: center;
	/*overflow: hidden;*//*デザインモードで表示されなくなったら外す*/
	display: block;
	width: 520px;
	height: 35px;
	background: url(../images/info_title.gif) 0 0 no-repeat;
	
}

.event_title {
	text-indent: -9999px;
	width: 520px;
	height: 35px;
	background: url(../images/event_title.gif) 0 0 no-repeat;
	margin-top: 18px;
	
}


#info_area_bg {
	background: url(../images/info_bg.gif) 0 0 repeat-y;

}


#info_area {
	padding: 0 0 0 1px;

}


/*お知らせ(iframe)*/
iframe {
	width: 516px;
	height: 280px;
	overflow: auto;
	padding: 0 0 0 1px;
	overflow-y: scroll;
}

.info_table {
	text-align: left;
	padding: 1px;
	width: 490px;
}

.info_table .info_date {
	text-align: left;
	padding: 7px 0 3px 6px;
	font-size: 80%;
	width: 90px;
	border-bottom: 1px dotted #dddddd;
	vertical-align: top;
	color: #00a73c;

}

.info_table .event_date {
	text-align: left;
	padding: 7px 0 3px 3px;
	font-size: 80%;
	width: 90px;
	border-bottom: 1px dotted #dddddd;
	vertical-align: top;
	color: #43b0f1;

}

.info_table .info_txt {
	text-align: left;
	padding: 7px 0 3px 0px;
	font-size: 80%;
	border-bottom: 1px dotted #dddddd;
	vertical-align: top;
}

.info_table .info_txt a {
	text-decoration: underline;
	color: #444444;

}

.info_table .info_txt a:hover {
	text-decoration: underline;
	color: #999999;

}


.info_footer {
	background: url(../images/info_footer.gif) 0 0 no-repeat;
	width: 520px;
	height: 10px;
	margin-bottom: 10px;

}



/*サポートサービス
---------------------------------------------------*/
#top_right_box {
	float: right;
	padding: 0 30px 0 0;

}

.support_title {
	background: url(../images/support_title.jpg) 0 0 no-repeat;
	width: 220px;
	height: 77px;

}

.support_bg {
	background: url(../images/support_bg.gif) 0 0 no-repeat;
	width: 220px;
	height: 105px;

}

.ban_rec {
	padding: 19px 0 0 0;

}

.ban_rec a:hover {
	position: relative;
	top: 1px;
	left: 1px;

}

.support_txt {
	text-align: left;
	font-size: 80%;
	padding: 2px 0 0px 7px;
	border-bottom: 1px dotted #dddddd;
	margin: 0 5px;

}

.support_txt a {
	text-decoration: none;
	color: #444444;
	background: url(../images/icon_s.gif) 0 0 no-repeat;
	padding: 0 0 0 13px;
	display: block;
}

.support_txt a:hover {
	text-decoration: none;
	color: #999999;

}

.support_txt_last {
	text-align: left;
	font-size: 80%;
	padding: 2px 0 0px 7px;
	margin: 0 5px;

}

.support_txt_last a {
	text-decoration: none;
	color: #444444;
	background: url(../images/icon_s.gif) 0 0 no-repeat;
	padding: 0 0 0 13px;
	display: block;
}

.support_txt_last a:hover {
	text-decoration: none;
	color: #999999;

}


/*商品サービス
---------------------------------------------------*/
#service_box {
	clear: both;

}

#service_header {
	background: url(../images/service_header.gif) 0 0 no-repeat;
	width: 760px;
	height: 75px;
	text-align: center;
	margin: 0 auto;

}

.service_bg1 {
	background: url(../images/service_bg1.jpg) 0 0 no-repeat;
	width: 760px;
	height: 42px;
	text-align: center;
	margin: 0 auto;

}

.service_bg2 {
	background: url(../images/service_bg2.jpg) 0 0 no-repeat;
	width: 760px;
	height: 42px;
	text-align: center;
	margin: 0 auto;

}

.service_bg3 {
	background: url(../images/service_bg3.jpg) 0 0 no-repeat;
	width: 760px;
	height: 42px;
	text-align: center;
	margin: 0 auto;

}

.service_bg4 {
	background: url(../images/service_bg4.jpg) 0 0 no-repeat;
	width: 760px;
	height: 42px;
	text-align: center;
	margin: 0 auto;

}

.service_bg5 {
	background: url(../images/service_bg5.jpg) 0 0 no-repeat;
	width: 760px;
	height: 42px;
	text-align: center;
	margin: 0 auto;

}

.service_bg6 {
	background: url(../images/service_bg6.jpg) 0 0 no-repeat;
	width: 760px;
	height: 42px;
	text-align: center;
	margin: 0 auto;

}

.service_bg7 {
	background: url(../images/service_bg7.jpg) 0 0 no-repeat;
	width: 760px;
	height: 42px;
	text-align: center;
	margin: 0 auto;

}

#service_footer {
	background: url(../images/service_footer.gif) 0 0 no-repeat;
	width: 760px;
	height: 6px;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 20px;

}


.service_txt {
	text-align: left;
	font-size: 90%;
	padding: 12px 0 0 255px;

}

.service_txt a {
	text-decoration: underline;
	color: #444444;

}

.service_txt a:hover {
	text-decoration: underline;
	color: #999999;

}