@charset "utf-8";
/* ------------------------------
 分岐ページ設定
------------------------------ */

/* 電話折り返し予約ボタン */
#header_top a {
	display: block;
	background: url(../../images/header/btn_header_top_closing.png) no-repeat;
	height: 18px;
	width: 122px;
	overflow: hidden;
	position: absolute;
	top: 8px;
	left: 613px;
}

#header_top a:hover { background: url(../../images/header/btn_header_top_closing.png) no-repeat 0 -18px }

/* ヘッダ下 */
#header_bottom {
	height: 61px;
	width: 900px;
	position: relative;
}

/* 大見出し（サイトロゴ） */
#header_bottom h1 a {
	text-indent: -9999px;
	display: block;
	background: url(../../images/header/logo_header_bottom.png) no-repeat center center;
	height: 48px;
	width: 149px;
	padding: 5px;
	overflow: hidden;
	position: absolute;
	top: 2px;
	left: 11px;
}

/* エリア切り替えリンク */
#header_bottom ul {
	height: 24px;
	width: 150px;
	list-style: none;
	position: absolute;
	top: 31px;
	left: 170px;
}

*html #header_bottom ul { width: 152px }

/* 共通設定 */
#header_bottom ul li { display: inline }

#header_bottom ul li a {
	text-indent: -9999px;
	display: block;
	height: 24px;
	width: 74px;
	float: left;
	overflow: hidden;
}

/* 東日本版 */
li#btn_east a {
	background: url(../../images/header/btn_header_bottom.png) no-repeat;
	margin-right: 2px;
}

li#btn_east a:hover { background: url(../../images/header/btn_header_bottom.png) no-repeat 0 -24px }


/* 西日本版 */
li#btn_west a { background: url(../../images/header/btn_header_bottom.png) no-repeat -74px 0 }

li#btn_west a:hover { background: url(../../images/header/btn_header_bottom.png) no-repeat -74px -24px }


#closing_header_bottom {
	background: url(../../images/header/bg_closing_header_bottom.png) no-repeat;
	height: 49px;
	width: 388px;
	padding: 0 0 0 65px;
	position: absolute;
	top: 8px;
	left: 440px;
}

#closing_header_bottom p {
	text-indent: -9999px;
	margin: 0;
}

*html #closing_header_bottom p { display: inline }

/* NTTテレポケット */
img#ico_ntt {
	position: absolute;
	top: 13px;
	right: 9px;
}

/*メイン部分*/
#main_wrapper {
	height: 320px;
	width: 100%;
	margin-bottom: 6px;
	background:none;
	padding:0;
}

#main_inner {
	display: block;
	height: 310px;
	width: 900px;
	margin: 0 auto 10px;
	overflow: hidden;
}

#main_index {
	height: 305px;
	width: 650px;
	margin-right: 20px;
	float: left;
	background:url(../../images/index/main_index.png) no-repeat;
	position: relative;
}
#main_index ul {
	text-indent:-9999px;
}
#main_index ul a{
	position:absolute;
	display:block;
	overflow: hidden;
	left: 234px;
	top: 1px;
}
#main_index ul li.main_cmp_01 a{
	background:url(../../images/index/main_cmp_01.png) no-repeat;
	width:177px;
	height:22px;
	top:8px;
	left:131px;
}
#main_index ul li.main_cmp_02 a{
	background:url(../../images/index/main_cmp_02.png) no-repeat;
	width:189px;
	height:22px;
	top:9px;
	left:318px;
}
#main_index ul li.main_cmp_03 a{
	background:url(../../images/index/main_cmp_03.png) no-repeat;
	width:372px;
	height:158px;
	top:39px;
	left:0px;
}
#main_index ul li.main_cmp_04 a{
	background:url(../../images/index/main_cmp_04.png) no-repeat;
	width:260px;
	height:158px;
	top:39px;
	left:372px;
}
#main_index ul li.main_cmp_05 a{
	background:url(../../images/index/main_cmp_05.png) no-repeat;
	width:420px;
	height:47px;
	top:205px;
	left:215px;
}
#main_index ul li.main_cmp_06 a{
	background:url(../../images/index/main_cmp_06.png) no-repeat;
	width:197px;
	height:52px;
	top:219px;
	left:18px;
}
#main_index ul li.main_cmp_07 a{
	background:url(../../images/index/main_cmp_07.png) no-repeat;
	width:200px;
	height:121px;
	top:14px;
	left:20px;
}
#main_index ul li.btn_west_m a{
	background:url(../../images/index/btn_west_main.png) no-repeat;
	width:215px;
	height:40px;
	top:262px;
	left:130px;
}
#main_index ul li.btn_east_m a{
	background:url(../../images/index/btn_east_main.png) no-repeat;
	width:215px;
	height:40px;
	top:262px;
	left:345px;
}
#main_index ul li.btn_west_m a:hover{background:url(../../images/index/btn_west_main.png) 0 -41px no-repeat;}
#main_index ul li.btn_east_m a:hover{background:url(../../images/index/btn_east_main.png) 0 -41px no-repeat;}

/*キャンペーン期間*/
.limit{
	width:130px;
	height:30px;
	color:#FF0;
	font-weight:bold;
	text-align:center;
	position:absolute;
	top:265px;
}
/*右クロージング*/
#main_right{
	height:305px;
	position:relative;
	float: left;
}

dt#hd_mail_a_main_right {
	text-indent: -9999px;
	height: 45px;
	width: 230px;
}
dt#hd_mail_b_main_right {
	text-indent: -9999px;
	height: 38px;
	width: 230px;
}

#main_right dl {
	background: url(../../images/main/bg_main_right.png) no-repeat center top;
	height: 229px;
	width: 230px;
}

#main_right dd a {
	text-indent: -9999px;
	display: block;
	height: 51px;
	width: 200px;
	margin: 0 auto;
	overflow: hidden;
}
a#btn_mail_a_main_right { background: url(../../images/main/btn_closing_main.png) no-repeat }
a:hover#btn_mail_a_main_right { background: url(../../images/main/btn_closing_main.png) no-repeat -200px 0 }
a#btn_mail_b_main_right { background: url(../../images/main/btn_closing_main.png) no-repeat 0 -51px }
a:hover#btn_mail_b_main_right { background: url(../../images/main/btn_closing_main.png) no-repeat -200px -51px }

/* 引越しバナー*/
#bnr_move {padding:8px 0 0 0;}
#bnr_move a:hover{color:#09F;text-decoration: underline;}

/* 右ボックス */
#side {
	width: 230px;
	float: left;
	padding-bottom:5px;
}
#side p{
	margin:0 auto;
	font-size:11px;
	text-align:center;
}

/*サイドキャンペーン*/
#side h3{text-indent:-9999px;}
#side h3 a{
	display:block;
	width:230px;
	height:42px;
}
h3.tm_east a{background:url(../../images/index/tm_east.png) 0 0 no-repeat;}
h3.tm_west a{background:url(../../images/index/tm_west.png) 0 0 no-repeat;}
h3.tm_east a:hover{background:url(../../images/index/tm_east.png) 0 -42px no-repeat;}
h3.tm_west a:hover{background:url(../../images/index/tm_west.png) 0 -42px no-repeat;}

#side dl{
	background:#FAFAFA;
	width:230px;
	padding-bottom:5px;
}
#side dl dt{
	background: url(../../images/footer/bg_footer.gif) repeat-x left bottom;
	font-weight:bold;
	margin:0 10px 5px;
}
#side dl dt a{
	background:url(../../images/index/ico_index_01.gif) 5px center no-repeat;
	display:block;
	width:180px;
	padding:10px 0 10px 25px;
	color:#555;
	text-decoration:none;
}
#side dl dd{
	padding:2px 0 2px 10px;
	line-height:1.4;
}
#side dl dd a{
	background:url(../../images/index/ico_index_02.gif) 9px 4px no-repeat;
	padding:0 0 0 25px;
	display:block;
	color:#555;
	text-decoration:none;
}
#side dl dt a:hover,	
#side dl dd a:hover {
	text-decoration: underline;
	color: #00157e;
}
#side span{
	color:#f60;
}

/*エリア選択地図*/
#area{
	background:url(../../images/index/bg_area.png) no-repeat;
	width:650px;
	height:510px;
	position:relative;
}
#area a{color:#03F;}
#area a:hover{color:#09F; text-decoration:none;}
#area ul{position:absolute;}
#area ul li{
	display:block;
	font-size:12px;
	font-weight:bold;
	padding:4px
}
ul.touhoku li,
ul.kantou li,
ul.hokuriku li,
ul.kinki li,
ul.chugoku li,
ul.toukai li,
ul.shikoku li,
ul.kyusyu li{
	float:left;
	width:26px;
}
#area ul li.w42{width:42px;}

ul.hokkaidou{
	width:190px;
	top:82px;
	right:18px;
	text-align:center;
}
ul.koushinetsu{
	width:80px;
	top:165px;
	right:123px;
	text-align:center;
}
ul.touhoku{
	width:72px;
	top:165px;
	right:26px;
	text-align:center;
}
ul.kantou{
	width:165px;
	top:380px;
	right:17px;
}
ul.hokuriku{
	width:72px;
	top:285px;
	left:387px;
}
ul.kinki{
	width:125px;
	top:285px;
	left:250px;
}
ul.chugoku{
	width:105px;
	top:285px;
	left:122px;
}
ul.toukai{
	width:70px;
	top:430px;
	left:317px;
}
ul.shikoku{
	width:70px;
	top:430px;
	left:207px;
}
ul.kyusyu{
	width:90px;
	top:380px;
	left:40px;
}
#area ul.btn_area{
	width:435px;
	top:152px;
	left:10px;
}
#area ul.btn_area li a{
	display:block;
	width:214px;
	height:37px;
}
#area ul.btn_area li{
	float:left;
	padding:0;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}
#area ul.btn_area li.btn_west a{background:url(../../images/index/btn_west_area.png) 0 0 no-repeat;}
#area ul.btn_area li.btn_east a{background:url(../../images/index/btn_east_area.png) 0 0 no-repeat;}
#area ul.btn_area li.btn_west a:hover{background:url(../../images/index/btn_west_area.png) 0 -37px no-repeat;}
#area ul.btn_area li.btn_east a:hover{background:url(../../images/index/btn_east_area.png) 0 -37px no-repeat;}

/*FAQ*/
#faq_rank_ttl {
	background:url(../../images/index/faq_rank_ttl.png) no-repeat;
	width: 650px;
	height:66px;
	position:relative;
}
#faq_rank_ttl span{
	position:absolute;
	top:35px;
	right:10px;
	text-align:right;
	display:block;
	color:#fff;
}
#faq_rank{
	background:url(../../images/index/faq_rank_bg.png) no-repeat bottom;
	width:650px;
}
#faq_rank ul{
	padding:10px 0 20px 0;
}
#faq_rank ul li{
	font-size:14px;
	background:url(../../images/index/ico_index_01.gif) 20px 12px no-repeat;
	padding:8px 0 8px 40px;
	color:#555;
}
#faq_rank ul li a:hover{color:#09F;}


/*電話番号*/
.tel_index{
	position:absolute;
	top:71px;
	left:165px;
}

/* フッタ */
.footer_wrapper {
	background: #f5f5f5 url(../../images/footer/bg_footer.gif) repeat-x;
	padding: 25px 0 23px 0;
	border-bottom: 1px solid #ddd;
}

.footer_inner {
	width: 900px;
	margin: 0 auto;
}

/*フッタ（東）ボーダー*/
.footer_wrapper.footer_west { border-bottom: none }

/* フッタメニュー */
.footer_inner dl {
	font-size: 12px;
	width: 164px;
	margin-right: 15px;
	float: left;
}

.footer_inner dt {
	font-weight:bold;
}

.footer_inner dt a {
	text-decoration: none;
	color: #666;
	display: block;
	background: url(../../images/footer/i_footer_link_a.gif) no-repeat 6px center;
	padding: 10px 0 7px 20px;
}

.footer_inner dt.fc_bl a { color: #00b3ec }

.footer_inner dt a:hover {
	text-decoration: underline;
	color: #00157e;
}

.footer_inner dd a {
	text-decoration: none;
	color: #666;
	display: block;
	background: url(../../images/footer/i_footer_link_b.gif) no-repeat 9px center;
	padding: 5px 0 5px 20px;
}

.footer_inner dd a:hover {
	text-decoration: underline;
	color: #00157e;
}

#footer_link_first{
	width:880px;
	margin-bottom:10px;
	background: url(../../images/footer/bg_footer.gif) repeat-x left bottom;
	padding-bottom:5px;
}
#footer_link_first dt,
#footer_link_first dd{
	width:164px;
	float:left;
	margin-right: 15px;
	background: none;
}
#footer_link_first dd a{
	display:block;
	background: url(../../images/footer/i_footer_link_a.gif) no-repeat 6px center;
	padding: 10px 0 10px 20px;
	font-weight:bold;
}


/* SECOM */
#CertificationPageForm {
	position: absolute;
	top: 9px;
	left: 594px;
}

#p_secom {
	font-size: 10px;
	color: #666;
	width: 190px;
	position: absolute;
	top: 11px;
	left: 636px;
}


/*
--------------------------------------------------------------------------------
 END OF CSS
--------------------------------------------------------------------------------
*/