@charset "utf-8";

/* ===========================================================

CSS for Hoku247/TOPページ（Modifired:2008.10.10）

=========================================================== */


@import url("/extra.php?default.css"); /*テキスト共有CSS読み込み*/
@import url("/extra.php?247.master.css"); /*レイアウト共有CSS読み込み*/


/* ===========================================================
グローバルTOP
=========================================================== */

/*各サービスコンテナ*/
div.content_service {
	width:286px;
	height:350px;
	background-color:#FFF;
	border:1px solid #D6D6D6;
	margin:18px 12px 18px 0;
	float:left;
}
div.content_service img {
	padding-top:8px;
}
div.content_service p {
	padding:2px 8px 0 8px;
	font-size:93%;
	color:#333;
	line-height:140%;
	text-align:left;
}
div.left_service {
	margin-left:18px;
}
* html div.left_service {
	margin-left:11px;
}
/*Hoku247*/
h2#hoku247 {
	width:270px;
	height:56px;
	background:url(http://www.hoku-group.com/skins/hoku247/t_247.png) no-repeat;
	margin:6px auto 4px auto;
	text-indent:-9999px;
	overflow:hidden;
}
h2#hoku247 a {
	width:270px;
	height:56px;
	display:block;
}
/*Hoku craft*/
h2#craft {
	width:270px;
	height:76px;
	background:url(http://www.hoku-group.com/skins/hoku247/t_craft.png) no-repeat;
	margin:4px auto;
	text-indent:-9999px;
	overflow:hidden;
}
h2#craft a {
	width:270px;
	height:76px;
	display:block;
}
/*Hoku group*/
h2#group {
	width:270px;
	height:57px;
	background:url(http://www.hoku-group.com/skins/hoku247/t_group.png) no-repeat;
	margin:4px auto;
	text-indent:-9999px;
	overflow:hidden;
}
h2#group a {
	width:270px;
	height:57px;
	display:block;
}



/* ===========================================================
Hoku247 TOPページ
=========================================================== */

/*リード文*/
p#read {
	width:543px;
	height:67px;
	background:url(/skins/hoku247/service_read.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:-5px;
}
/*サービスコンテナ*/
div.container_service {
	width:258px;
	height:57px;
	background:url(/skins/hoku247/service_bar.png) no-repeat left top;
	float:left;
	margin:30px 2px 0 5px;
	padding-left:6px;
}
/*IE6 Hack*/
* html div.container_service {
	margin:30px 4px 0 0;
}
/*サービスタイトル*/
h3 {
	width:252px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
}
p.survice_body {
	font-size:85%;
	color:#333;
	text-align:left;
	padding:2px 0 0 5px;
}
/*サポート（タイトル）*/
h3#support {
	background:url(/skins/hoku247/service_t_support.gif) no-repeat;
}
/*スタッフ（タイトル）*/
h3#staff {
	background:url(/skins/hoku247/service_t_staff.gif) no-repeat;
}
/*説明（タイトル）*/
h3#manual {
	background:url(/skins/hoku247/service_t_manual.gif) no-repeat;
}
/*利用可能エリア（タイトル）*/
h3#area {
	background:url(/skins/hoku247/service_t_area.gif) no-repeat;
}
/*手続き（タイトル）*/
h3#procedure {
	background:url(/skins/hoku247/service_t_procedure.gif) no-repeat;
}