@charset "utf-8";

/* CSS Document */

/* サイトTOPページのスタイルを記載 */


/* ------------------------------
 メインエリア
------------------------------ */
div#mainArea.top {
	width:800px;
	padding:0;
	margin:0 auto;
}

/* メインボックス */
div#mainArea.top div#mainBox {
	width:800px;
	float:none;
}

div#mainArea div#mainBox div.mainBoxBody {
	padding:10px 0 0 14px;
	background:none;
	background:url(../images/bg_top_service.jpg) top repeat-x;
}

/* 上段：３大サービス部分 */
div#mainArea.top div#mainBox div.mainBoxBody div.service {
	height:308px;
}
div#mainArea.top div#mainBox div.service div.serviceBox {
	width:250px;
	float:left;
	padding-right:11px;
	background:url(../images/bg_top_service_box.gif) repeat-y;
}
div#mainArea.top div#mainBox div.service div.serviceBox div.innerBox {
	width:220px;
	margin:0 auto;
	padding:10px 0;
}
div#mainArea.top div#mainBox div.service div.serviceBox div.innerBox div.left {
	width:95px;
	float:left;
}
div#mainArea.top div#mainBox div.service div.serviceBox div.innerBox div.right {
	width:115px;
	float:right;
}
div#mainArea.top div#mainBox div.service div.serviceBoxBiz {
	width:512px;
	margin:5px 0 0 auto;
	padding-right:14px;
}

/* 下段：新着情報 */
div#mainArea.top div#mainBox div.mainBoxBody div.news {
	width:508px;
	float:left;
}
div#mainArea.top div#mainBox div.mainBoxBody div.news h4 {
	margin-bottom:2px;
}
div#mainArea.top div#mainBox div.mainBoxBody div.news div.newsListBox {
	margin:8px 5px 10px 5px;
}
div#mainArea.top div#mainBox div.mainBoxBody div.news div.newsListBox div.news1line div.icon {
	float:left;
	width:68px;
	padding:5px 7px 0px 0px;
}
div#mainArea.top div#mainBox div.mainBoxBody div.news div.newsListBox div.news1line div.textService {
	float:right;
	width:318px;
	padding:5px 0px 0px;
}
div#mainArea.top div#mainBox div.mainBoxBody div.news div.newsListBox div.news1line div.textService p {
	line-height:1.3;
	padding:0 0 8px 0px;
}
div#mainArea.top div#mainBox div.mainBoxBody div.news div.newsListBox div.news1line div.text {
	float:right;
	width:393px;
	padding:5px 0px 0px;
}

/* 下段：ハートナー通信 */
div#mainArea.top div#mainBox div.mainBoxBody div#rightBox {
	width:261px;
	float:right;
}

/* 下段：ハートナー通信 */
div#mainArea.top div#mainBox div.mainBoxBody div#rightBox  div.heartner {
	width:246px;
	padding:0 15px 0px 0px;
}
div#mainArea.top div#mainBox div.mainBoxBody div#rightBox  div.heartner div.newsListBox {
	border-left:1px solid #c8c8c8;
	border-right:1px solid #c8c8c8;
	padding:5px 0px;
}
div#mainArea.top div#mainBox div.mainBoxBody div#rightBox  div.heartner div.newsListBox div.news1line div.date {
	background:url(../images/list_arrow.gif) left 5px no-repeat;
	padding:5px 0px 0px 10px;
	width:70px;
	float:left;
}
div#mainArea.top div#mainBox div.mainBoxBody div#rightBox  div.heartner div.newsListBox div.news1line div.text {
	float:right;
	width:144px;
	padding:5px 0px 0px;
}

/* 下段：バナー */
div#mainArea.top div#mainBox div.mainBoxBody div#rightBox  div.bannerBox {
	width:246px;
	padding:0px 15px 15px 0px;
}
div#mainArea.top div#mainBox div.mainBoxBody div#rightBox  div.bannerBox div.banner {
	background:#eeeeee;
	padding-right:4px;
	padding-left:4px;
}