@charset "utf-8";

@import url("parts.css");

/* CSS Document */

html,body{margin:0;padding:0;}
body{font: 12px "ＭＳ ゴシック", "Osaka－等幅" arial,sans-serif;text-align:left;background:#e8e8e8;}
p{margin:0 10px 10px;}
a{color: #00f; text-decoration:none;}
a:visited{color: #999;}
a:hover,a:active{color: #C4B38F;}
img {border:0;}
em { font-style:normal; color:#f00; }

/**************************

1.レイアウトスタイル

**************************/


/*ヘッダー*/
h1{height:14px;margin:0;padding:4px 0 0 10px;background:#b3b3b3;color:#000;letter-spacing:2px;font-size:10px; clear:both;}

div#header{ position:relative; width:100%; background:#fff url(imgdir/common/free_dial.gif) no-repeat right bottom; border-bottom:1px solid #F00; height:63px;}
div#header img{font:30px Arial, Helvetica, sans-serif;margin:15px 10px;padding:0;}
div#header img a{display:block;color: #000;width:310px; background-position:10px 15px;}
div#header img a:visited{color: #000;}
div#header img a:hover{color: #999;}
div#header strong{font-weight:normal;position:absolute;left:10px;top:10px;}
div#header ul{margin:5px 0;position:absolute;right:2px;top:0px;font-size:12px;}
div#header li{float:left;margin:0 5px 0 5px;list-style:none;background:url(imgdir/common/cursor.gif) no-repeat left; text-indent:12px;}

div#header li a{color:#666;}
div#header li a:hover{color:#f90;}

/*メインナビゲーション*/

#mainnav {width:100%;border-top:1px solid #fff;border-bottom:1px solid #fff; clear:both;}
#mainnav ul {margin:0;padding:0; }
#mainnav li { text-indent:-9999px; float:left; list-style-type:none;}
#mainnav li a {width:160px; height:35px; display: block; background:#ccc;}

#mainnav li#m1 a { background:url(imgdir/navi/mainnav_off.gif) no-repeat 0px 0px;}
#mainnav li#m2 a { background:url(imgdir/navi/mainnav_off.gif) no-repeat -160px 0px;}
#mainnav li#m3 a { background:url(imgdir/navi/mainnav_off.gif) no-repeat -320px 0px;}
#mainnav li#m4 a { background:url(imgdir/navi/mainnav_off.gif) no-repeat -480px 0px;}
#mainnav li#m5 a { background:url(imgdir/navi/mainnav_off.gif) no-repeat -640px 0px;}


#mainnav li#m1 a:hover { background:url(imgdir/navi/mainnav_on.gif) no-repeat 0px 0px;}
#mainnav li#m2 a:hover { background:url(imgdir/navi/mainnav_on.gif) no-repeat -160px 0px;}
#mainnav li#m3 a:hover { background:url(imgdir/navi/mainnav_on.gif) no-repeat -320px 0px;}
#mainnav li#m4 a:hover { background:url(imgdir/navi/mainnav_on.gif) no-repeat -480px 0px;}
#mainnav li#m5 a:hover { background:url(imgdir/navi/mainnav_on.gif) no-repeat -640px 0px;}





div#container{ background:#fff url(imgdir/common/bg_all.gif) repeat-y center top;text-align:left;}


/*コンテンツ部分の余白、行間*/
div#content p{line-height:1.4;}
div.child_content{margin:0 5px;}
div.grandc_content{margin:0 10px;}

/*第2階層イメージタイトル*/
h2#mainimage{margin:0 0 5px 1px;border-bottom:3px solid #f00;line-height:0;}



/*左メニュー*/
div#navigation { width:175px; border-top:1px solid #f00; float:left;}
div#navigation ul{margin:0 15px; padding:0;}
div#navigation li{list-style-type:none;}
div#navigation li a{width:141px; height:18px; display:block; color:#00A0C6; text-align:left; border-left:4px solid #f00; font-weight:bold; margin:0.5em 0; text-indent:10px; color:#000; font:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; padding:2px 0 0 0; font-size:14px; }
div#navigation li ul{margin:0; padding:0; }
div#navigation li ul li a{border-left:0px; }


div#navigation li a:hover{background:#ccc; }


dl#article-list { margin:0; padding:0; }
dl#article-list dt { margin:0; padding:0; }
dl#article-list dd { margin:0; padding:0; }
dl#article-list dd ul { margin:0; padding:0; }
dl#article-list dd ul li { margin:0.5em 0 0.5em 0; padding:0; }
dl#article-list dd ul li a { margin:0; padding:0; font-weight:normal; display:block; width:90%; height:100%; font-size:12px; padding-left:10px; }
dl#article-list dd ul li a:hover { background:url(imgdir/common/ic_arrow01.gif) no-repeat left center; padding-left:10px; }


#list_results{ float:right; width:398px;  border:1px solid #A6A6A6; margin:0; padding:0; }
#list_results_header{ background:#E6E6E6; width:100%; height:30px; }
#list_results_header h2{ margin:0px; padding:5px; font-size:14px; font:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; color:#000; background:url(imgdir/common/red.gif) no-repeat 5px 5px; text-indent:10px; }
#list_results_body{  padding:0 5px;}


/*ハック開始*/
.category_container{ clear:both; margin:1.5em 0;display:inline-table; min-height:1em; }
.category_container:after { content:""; display:block; clear:both; height:1px;}

/*\*/
* html .category_container{ height:1em;}
.category_container{ display:block; }
/**/

/*ハック終了*/
.category_container h3{ margin:0; padding:5px 0;  font-size:12px; color:#333; background:url(imgdir/common/gray.gif) no-repeat left 5px; text-indent:1em; }





.category_container img {  margin:0; border:1px solid #ccc; padding: 3px; border:1px solid #8C8C8C;}
.category_container img.left { float:left; }
.category_container img.right { float:right; }
.category_container p { text-indent:0; line-height:1.3;  clear:both; background:url(imgdir/common/dash.gif) repeat-x left top; padding:5px 0; margin:0;}
.category_container div.txt{ float:right; width:310px; }







/*パンくずリスト*/
div#pankuzu {margin:20px 1px;border-bottom:3px solid #f00;padding:2px 5px;}


/*下部リンク*/
div#underlink{ clear:both; padding:15px 0 5px;text-align:center;color:#333;font-size:11px;}
div#underlink a{color:#333;}
div#underlink a:hover{color:#333;text-decoration:underline;}

/*フッター*/
div#footer{background: #b3b3b3;color: #fff;font-family:Arial, Helvetica, sans-serif;letter-spacing:2px;font-size:10px; clear:both;}
div#footer p{margin:0;padding:5px 10px;text-align:center;}

/*ボックスレイアウト*/
div#container{width:800px;margin:0 auto;padding:0 10px;}


/*ハック開始*/
#wrapper{ clear:both; width:100%; margin: 0;  display:inline-table; min-height:1em; }
#wrapper:after { content:""; display:block; clear:both; height:1px;}

/*\*/
* html #wrapper{ height:1em;}
#wrapper{ display:block; }
/**/

/*ハック終了*/



/*ハック開始*/
#pageBody{ margin:5px 0 0 0; background:url(imgdir/navi/left_nav_bg.gif) repeat-y left top;  display:inline-table; min-height:1em; }
#pageBody:after { content:""; display:block; clear:both; height:1px;}

/*\*/
* html #pageBody{ height:1em;}
#pageBody{ display:block; }
/**/

/*ハック終了*/


div#content{float:right; width:445px;background:#fff;}


div#navigation address{ font-style:normal; margin:25px 5px 0 5px;}
.free_dial { margin:1em 5px; padding:0; }
.free_dial dt, .free_dial dd { font-size:12px; color:#f00; font-weight:bold;}
.free_dial dt { margin:0; padding:5px 0; border-bottom:1px solid #f00; }
.free_dial dd { margin:5px; font-size:20px;}
.absolute {
	position:absolute;
	left: 743px;
	top: 8px;
	z-index:5;
}
.absolute dt  { margin:0; padding:2px 0; border-bottom:1px solid #f00; }
.absolute dd { margin:2px; font-size:16px;}
div#extra{float:left;margin-left:-780px;margin-top:500px;width:160px;text-align:left;}
div#underlink{clear:both;width:800px;}
div#footer{clear:both;width:100%; background:#E6E6E6; border-top:1px solid #f00; color:#000;}

/*トップページレイアウト用*/
div#greeting{ clear:both; margin:0;}
#greeting img { border:1px solid #9F9F9F; }
div#headerline{background:url(imgdir/common/obi.gif) repeat-x left top; height:35px; border-top:1px solid #7B583F;}
div#contentbanner{float:right;background:#fff;width:160px;text-align:center;line-height:0;}
div#indexcontent{margin:0;background:#fff;width:460px; float:left;}
div#indexextra{float:right;margin-top:5px;width:170px;}
div#indexextra p {line-height:140%;}


br.clear{clear:both;}

/*
.constituent{width:200px;float:left; background-color:transparent;border-right:1px solid #ccc;height:135px;}
.constituent_last{width:197px;float:left; background-color:transparent;height:135px;}
dl#chara, dl#info, dl#contact{margin:0.5em 20px;line-height:160%;}
dl#chara dt, dl#info dt, dl#contact dt{display:block;text-indent:-9999px;}
dl#chara dt{width:93px;height:12px;background:url(imgdir/top/icon_chara.gif) no-repeat;}
dl#info dt{width:110px;height:12px;background:url(imgdir/top/icon_info.gif) no-repeat;}
dl#contact dt{width:73px;height:12px;background:url(imgdir/top/icon_contact.gif) no-repeat;}
dl#chara dd, dl#info dd, dl#contact dd{margin:0.5em;}
*/



.price{color:#f00; font-weight:bold;}





#leftContent{ width:585px; float:left; }
#rightContent{ width:205px; float:right; }
#secRightContent{ width:180px; float:right; }

#secondContent { width:100%; margin:0;}
#mainContent { width:620px; float:left; }

.banner{ margin:0 0 5px 0; text-align:center; }

/*バナーテンプレート部分用*/
.banner_mar_top10 {
	text-align:center;
	margin-top: 10px;
	margin-bottom: 10px;
}
/*バナーテンプレート部分天地空き大用*/
.banner_mar_top_under {
	text-align:center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */