@charset "utf-8";

/*************************************/
/* ホクタテ　TOPページ用CSS            */
/*************************************/

/* 全ページ共通CSS読み込み */
@import url("common.css");

/* 全ページ共通ヘッダーメニューCSS読み込み */
@import url("menu.css");


/***** TOPページ用CSSを記述 *****/

#main-index{
	width:100%;
	background-image:url(../_images/common/bg_body_index.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	text-align:center;
}

#main_box .main_copy{
	width:619px;
	margin-top:12px;
	margin-left:auto;
	margin-right:auto;
}
#main_box .main_copy p{
	margin-left:12px;
	margin-right:12px;
	margin-top:3px;
}
#main_box h2{
	display:block;
	height:30px;
	padding-left:25px;
	font-size:15px;
	font-weight:normal;
	line-height::15px;
	background-image:url(../_images/index/bg_h2.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
#main_box h2.index01{
	width:800px;
	margin-top:10px;
}
#main_box .contents_area{
	width:792px;
	background-color:#DDDDDD;
	padding:4px;
}
#main_box .contents_area .contents_box{
	width:260px;
	margin:2px;
	float:left;
}
#main_box .contents_area .contents_box a{
	display:block;
	width:260px;
	height:113px;
	margin-left:0px;
	margin-top:0px;
	background-position:center top;
	background-repeat:no-repeat;
}
#main_box .contents_area .contents_box a:hover{
	background-position:center -113px;
}
#main_box .contents_area .contents_box a span{
	display:none;
}
#main_box .contents_area .contents_box  a.link01 {
	background-image:url(../_images/index/contents_link01.jpg);
}
#main_box .contents_area .contents_box  a.link02 {
	background-image:url(../_images/index/contents_link02.jpg);
}
#main_box .contents_area .contents_box  a.link03{
	background-image:url(../_images/index/contents_link03.jpg);
}

#main_box .contents_area .contents_box span.contents_copy{
	display:block;
	font-size:16px;
	line-height:24px;
	margin-top:10px;
	margin-left:4px;
	margin-right:4px;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	color:#000000;
}
#main_box .contents_area .contents_box p{
	display:block;
	margin-top:12px;
	margin-left:4px;
	margin-right:4px;
	color:#000000;
	font-size:12px;
}
#main_box .contents_area .contents_link{
	width:248px;
	margin:2px;
	padding:6px;
	background-color:#FFFFFF;
	font-size:12px;
	color:#000000;
	float:left;
}

#main_box .bottom_box{
	width:800px;
	margin-top:20px;
}
#main_box .bottom_box .news_box{
	width:286px;
	float:left;
}
#main_box .bottom_box .news_box h2.news01{
	width:286px;
	margin-bottom:5px;
}
#main_box .bottom_box .news_box .news_text{
	width:286px;
	padding-top:8px;
	padding-bottom:8px;
	border-bottom:#000000 dashed 1px;
	text-align:left;
	font-size:11px;
}
#main_box .bottom_box .news_box .news_text .dete_text{
	font-weight:bold;
}	
#main_box .bottom_box .news_box .news_text a{
	line-height:13px;
	color:#333333;
	text-decoration:none;
}
#main_box .bottom_box .news_box .news_text a:hover{
	text-decoration:underline;
}
#main_box .bottom_box .link_box{
	width:488px;
	float:right;
}

#main_box .bottom_box .link_box a{
	display:block;
	width:240px;
	height:80px;
	margin-left:0px;
	margin-top:0px;
	background-position:center top;
	background-repeat:no-repeat;
}
#main_box .bottom_box .link_box a:hover{
	background-position:center -100px;
}
#main_box .bottom_box .link_box a span{
	display:none;
}
#main_box .bottom_box .link_box  a.link04 {
	background-image:url(../_images/index/contents_link04.jpg);
	float:left;
}
#main_box .bottom_box .link_box  a.link05 {
	background-image:url(../_images/index/contents_link05.jpg);
	float:right;
}
#main_box .bottom_box .link_box  a.link06{
	background-image:url(../_images/index/contents_link06.jpg);
	float:left;
	margin-top:8px;
}
#main_box .bottom_box .link_box  a.link07{
	background-image:url(../_images/index/contents_link07.jpg);
	float:right;
	margin-top:8px;
}

#main_box .bottom_box .link_box img.company_address{
	margin-top:8px;
	clear:both;
}