@charset "shift_jis";
/* =========================================

(C) hp_tool contents CSS

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

/* 共通設定
-------------------------------------------- */

#base div.left_area {	
	width:492px;
	float:left;
	clear:both;
	margin:0;
	padding:0;
	background:#ffffff;
	}
#base div.right_area {
	float:right;
	width:228px;
	height:100%;
	margin:0;
	padding:0;
	}
#base .img_frame_gray {
	margin:0 0 10px 0;
	border:1px solid #C7C7C7;	
	}	
#base p.c_pict	{
	text-align: center;
	}
#base div.right_area ul#second_navi {
	list-style:none;
	width:212px;
	clear:both;
	}
#base div.right_area ul#second_navi li {
	width:212px;
	height:38px;
	margin:5px 0 5px 0;
	padding:0;
	text-indent:-9999px; 
	}
#base div.right_area ul#second_navi li.spacer {
	width:212px;
	height:auto;
	}
#base div.right_area ul#second_navi li a {
	display:block;
	width:212px;
	height:38px;
	overflow:hidden;
	}
#base div.right_area ul#second_navi li a.snavi00 { background:url(/hp/template/basic_style/image_cmn/navi.gif) no-repeat 0 0;}
#base div.right_area ul#second_navi li a.snavi01 { background:url(/hp/template/basic_style/image_cmn/navi.gif) no-repeat -212px 0;}	
#base div.right_area ul#second_navi li a.snavi02 { background:url(/hp/template/basic_style/image_cmn/navi.gif) no-repeat -424px 0;}
#base div.right_area ul#second_navi li a.snavi03 { background:url(/hp/template/basic_style/image_cmn/navi.gif) no-repeat -636px 0;}	

#base div.right_area ul#second_navi li a:hover.snavi00 { background:url(/hp/template/basic_style/image_cmn/navi.gif) no-repeat 0 -38px;}
#base div.right_area ul#second_navi li a:hover.snavi01 { background:url(/hp/template/basic_style/image_cmn/navi.gif) no-repeat -212px -38px;}	
#base div.right_area ul#second_navi li a:hover.snavi02 { background:url(/hp/template/basic_style/image_cmn/navi.gif) no-repeat -424px -38px;}
#base div.right_area ul#second_navi li a:hover.snavi03 { background:url(/hp/template/basic_style/image_cmn/navi.gif) no-repeat -636px -38px;}	

#base div.right_area ul#second_navi li.snavi00_a { background:url(/hp/template/basic_style/image_cmn/navi.gif) no-repeat 0 -38px;}
#base div.right_area ul#second_navi li.snavi01_a { background:url(/hp/template/basic_style/image_cmn/navi.gif) no-repeat -212px -38px;}	
#base div.right_area ul#second_navi li.snavi02_a { background:url(/hp/template/basic_style/image_cmn/navi.gif) no-repeat -424px -38px;}
#base div.right_area ul#second_navi li.snavi03_a { background:url(/hp/template/basic_style/image_cmn/navi.gif) no-repeat -636px -38px;}	



/* セカンドタイトル部 */
#base div.title {
	width:736px;
	background:url(/hp/template/basic_style/image_cmn/bg_shopline.gif) repeat-x 0 0;
	}
#base p.shopname {
	padding:25px 5px 0 0;
	text-align:right;
	color:#00549C;
	font-size:120%;
	font-weight:bold;
	}

/* リストスタイル */
#base ul.list_type01 {
	list-style:none;
	margin:0 0 15px 0;
	}
#base ul.list_type01 li {
	list-style:none;
	width:479px;
	margin:15px 5px 0 0;
	padding:0 0 3px 5px;
	border-bottom:1px dotted #C7C7C7;
	}
#base ul.list_type01 li.half_l {
	float:left;
	width:49%;
	}
#base ul.list_type01 li.half_r {
	width:45%;
	}
#base ul.list_type01 dt { /* 青系 */
	float:left;
	display:block;
	width:100px;
	margin:0;
	padding:0;
	font-weight:bold;
	color:#00688D;
	}
#base ul.list_type01 dt.col_or { /* オレンジ系 */
	float:left;
	display:block;
	width:100px;
	margin:0;
	padding:0;
	font-weight:bold;
	color:#C6763B;
	}
#base ul.list_type01 dd {
	width:360px;
	height:auto;
	margin:0;
	padding:0;
	text-align:left;
	color:#666666;
	}
#base ul.list_type01 dd.half_width {
	width:100px;
	}



/* top
-------------------------------------------- */

#base div.left_area_top {	
	width:483px;
	float:left;
	margin:0;
	padding:0;
	}

#base h1.top {
	width:482px;
	height:33px;
	padding:20px 0 0 0;
	background:url(/hp/template/basic_style/image/bg_h1_shop.gif) no-repeat 0 0;
	color:#00549C;
	text-indent:53px;
	font-size:180%;
	}
#base div.left_area_top div.box_shoptext {
	width:422px;
	height:64px;
	margin:0 0 15px 0;
	padding:25px 20px 21px 40px;
	background:url(/hp/template/basic_style/image/bg_shop_text.gif) no-repeat 0 0;
	}

#base div.left_area_top ul#top_navi {
	list-style:none;
	width:455px;
	margin:0 0 15px 22px;
	padding:15px 0 15px 0;
	border-top:1px dotted #C7C7C7;
	border-bottom:1px dotted #C7C7C7;
	}	

#base div.left_area_top ul#top_navi	li {
	float:left;
	width:212px;
	height:38px;
	margin:0 13px 15px 0;
	padding:0;
	text-indent:-9999px; 
	}
#base div.left_area_top ul#top_navi	li a {
	display:block;
	width:212px;
	height:38px;
	overflow:hidden;
	}
#base div.left_area_top ul#top_navi	li a.topnavi01 { background:url(/hp/template/basic_style/image_cmn/navi.gif) no-repeat -212px 0;}	
#base div.left_area_top ul#top_navi	li a.topnavi02 { background:url(/hp/template/basic_style/image_cmn/navi.gif) no-repeat -424px 0;}	
#base div.left_area_top ul#top_navi	li a.topnavi03 { background:url(/hp/template/basic_style/image_cmn/navi.gif) no-repeat -636px 0;}	

#base div.left_area_top ul#top_navi	li a:hover.topnavi01 { background:url(/hp/template/basic_style/image_cmn/navi.gif) no-repeat -212px -38px ;}	
#base div.left_area_top ul#top_navi	li a:hover.topnavi02 { background:url(/hp/template/basic_style/image_cmn/navi.gif) no-repeat -424px -38px ;}	
#base div.left_area_top ul#top_navi	li a:hover.topnavi03 { background:url(/hp/template/basic_style/image_cmn/navi.gif) no-repeat -636px -38px ;}	

#base div.left_area_top div.box_original {
	clear:both;
	width:300px;
	height:28px;
	background:url(/hp/template/basic_style/image/link_original.gif) no-repeat 0 0;
	position:relative;
	margin:0 0 15px 22px;
	padding:0 145px 0 10px;
	text-align:left;
	line-height:28px;
	color:#D57106;
	}
#base div.left_area_top div.box_original a {
	display:block;
	width:145px;
	height:28px;
	position:absolute;
	top:0;
	left:310px;
	text-indent:-9999px;
	}

#base div.right_photoarea {
	margin:0;
	padding:10px 0 0 0;
	background:#ffffff;
	}

/* message
-------------------------------------------- */

#base div.title h1.mess {
	float:left;
	width:260px;
	height:53px;
	margin:0;
	padding:0;
	background:url(/hp/template/basic_style/message/image/bg_h1_mess.gif) no-repeat 0 0;
	text-indent:-9999px;
	}

#base div.box_mess {
	clear:both;
	float:left;
	width:484px;
	margin:0 0 15px 8px;
	padding:0 8px 0 0;
	}
#base div.box_mess ul.list_mess {
	list-style:none;
	width:484px;
	padding:0;
	background:#ffffff url(/hp/template/basic_style/message/image/bg_text_mess.gif) repeat-y 0 0;
	}

#base div.box_mess ul.list_mess li.m_header {
	display:block;
	width:484px;
	height:33px;
	margin:0;
	padding:0;
	background:#ffffff url(/hp/template/basic_style/message/image/box_head.gif) no-repeat 0 0;
	}
#base div.box_mess ul.list_mess li.m_footer {
	display:block;
	width:484px;
	height:35px;
	margin:0;
	padding:0;
	background:#ffffff url(/hp/template/basic_style/message/image/box_foot.gif) no-repeat 0 0;
	}
#base div.box_mess ul.list_mess li.img_photo {
	display:block;
	float:left;
	width:148px;
	height:auto;
	margin:0 10px 0 10px;
	padding:0;
	}	
#base div.box_mess ul.list_mess li.box_blue {
	width:253px;
	height:35px;
	padding:5px;
	margin:0 15px 5px 0;
	color:#FFFFFF;
	font-weight:bold;
	background:#458DA7;
	vertical-align:middle;
	}
#base div.box_mess ul.list_mess li.presiden {
	width:253px;
	height:15px;
	margin:0 15px 5px 0;
	padding:5px;
	color:#458DA7;
	font-weight:bold;
	border-top:1px solid #458DA7;
	border-bottom:1px solid #458DA7;
	}
#base div.box_mess ul.list_mess li.text_pr {
	width:253px;
	margin:0 15px 5px 0;
	padding:5px;
	}

/* profile
-------------------------------------------- */

#base div.title h1.prof {
	float:left;
	width:260px;
	height:53px;
	margin:0;
	padding:0;
	background:url(/hp/template/basic_style/profile/image/bg_h1_prof.gif) no-repeat 0 0;
	text-indent:-9999px;
	}
#base div.box_prof {
	clear:both;
	float:left;
	width:484px;
	margin:15px 0 15px 8px;
	padding:0;
	background:#ffffff;
	}

/* business_style
-------------------------------------------- */
#base div.title h1.busi {
	float:left;
	width:260px;
	height:53px;
	margin:0;
	padding:0;
	background:url(/hp/template/basic_style/business_style/image/bg_h1_busi.gif) no-repeat 0 0;
	text-indent:-9999px;
	}
#base div.box_busi {
	clear:both;
	float:left;
	width:484px;
	margin:15px 0 15px 8px;
	padding:0;
	background:#ffffff;
	}
#base div.box_busi div.img_photo {
	float:right;
	width:150px;
	height:100px;
	margin:0 0 0 5px;
	padding:0;
	}
#base div.box_busi div.img_photo img {
	margin:10px 0 0 0;
	border:1px solid #C7C7C7;	
	}
#base ul.list_type01 li.case_list {
	width:310px;
	}
#base ul.list_type01 dd.case_dd {
	width:200px;
	}
	
/* closed エラーページ
-------------------------------------------- */
#base.closed {
text-align:center;
background:none;
}

#base.closed p {
margin:50px 0;
}

#base.closed p.text {
width:380px;
margin:50px 0 10px 20px;
text-align:left;
}

#base.closed p.text span {
display:block;
margin:10px 0;
text-align:right;
}

#base.closed p.logo {
width:580px;
margin:50px 0;
text-align:right;
}