@charset "Shift_JIS";
/*ページ全体のレイアウト
-----------------------------*/
*{margin: 0;padding: 0;}
body {background-color:#e6e3dc;}
#container{
	width: 960px;
	margin: 0 auto;
	color: #000;
	background: #e6e3dc;
}
#navi{width:110px;float:left;}
#content_1,#content_2,#content_3,#content_4{
	width:210px;
	float:left;
}
#cont{width:840px;float:left;}
#footer{
	clear:both;
	padding-top:3px;
	font-size:10px;
	font-weight:bold;
	color:#999;
	text-align:right;
}
#index #footer{
	padding-top:7px;
}

/*フォント・画像
------------------------------------------------------------*/
body{
	font-family:Meiryo,'メイリオ','ヒラギノ角ゴ Pro W3',"ＭＳ Ｐゴシック",Osaka,"MS Gothic",Gothic,sans-serif ,Helvetica, Verdana, Arial,sans-serif;
	font-size: 12px;
	line-height: 1.4;
	text-align:justify;
	text-justify : inter-ideograph; 
}
a:link, a:visited{
	text-decoration: under-line;
	color: #000;
}
a:hover{
	color: #f00;
}
img{vertical-align:bottom;border-style:none;}
/*ナビ
------------------------------------------------------------*/

#navi ul{list-style: none;}
#navi ul li{
	text-align:right;
	font-size: 10px;
	line-height:0;
}
#navi a:link, #navi a:visited{
	color: #999;
	text-decoration: none;
}
#navi ul li a,#navi ul li .pagenow{
	display: block;
	margin: 0;
	padding:2px 10px 2px 0;
	line-height:normal;
}
#navi ul li span#sanyu,#navi ul li span#book,#navi ul li span#web{
	display: block;
	margin: 0;
	padding:15px 30px 10px 0;
	font-weight:bold;
	background:url(cssimg/mark_sanyu.gif) no-repeat 86px 19px;
	line-height:normal;
}
#navi ul li span#sanyu,#navi ul li span#sanyu .pagenow{color: #333;}
#navi li.sanyu a:hover{color:#333;}
#navi ul li span#book,#navi ul li span#book .pagenow{color: #f60;}
#navi li.book a:hover{color:#f60;}
#navi ul li span#web,#navi ul li span#web .pagenow{color: #699;}
#navi li.web a:hover{color:#699;}

/*h1
------------------------------------------------------------*/
h1{
	border-left: 10px solid #333;
	font-size:12pt;
	color:#333	;
	margin:5px 0 15px 5px;
	padding:0 10px;
	vertical-align:bottom;
}
#index h1{
	border-left:none;
	color:#000;
	margin:0;
	padding:0;
	font-size: 12px;
	line-height: 1.4;
	font-weight:normal;
	text-align:justify;
	text-justify : inter-ideograph; 
}
h2{									/*h2画像置換*/
	text-indent: -9999px;
	font-size:8px;
	width: 720px;
	height: 25px;
	margin:5px 0 15px 30px;
	padding:0;
}
h2.location{background:url(cssimg/h2_location.gif) no-repeat;}
h2.company{background:url(cssimg/h2_company.gif) no-repeat;}
/*トップページ.box
------------------------------------------------------------*/
dl.box{
	margin: 10px 0 0 3px;
	width:207px;
	float:left;
	background:url(cssimg/corner_top.gif) no-repeat;
}
*html dl.box{margin: 10px 0 0 1.5px;} /*IE6用ハック*/
dl.box2{
	margin: 0;
	width:193px;
	float:left;
	background:none;
}
*html dl.box{margin: 10px 0 0 1.5px;} /*IE6用ハック*/

span.web dl.box,dl.box2{position:relative;}
span.web div.icon img{position:absolute;bottom:-3px;right:15px;}
dl.box2 div.icon img{position:absolute;bottom:-6px;right:0;}
span.book dl.box{position:relative;}
span.book div.icon img{position:absolute;bottom:-3px;right:15px;}
dl.box2 div.icon img{position:absolute;bottom:-6px;right:0;}
.box_l img{position:relative;}
.icon img{position:absolute;bottom:-3px;right:15px;}
dl.box .img{						/*.imgは画像と文字を兼ねる*/
		font-family:Arial,Helvetica, Verdana,Meiryo,'メイリオ','ヒラギノ角ゴ Pro W3',"ＭＳ Ｐゴシック",Osaka,"MS Gothic",Gothic,sans-serif;
		font-weight: bold;
		color:#333;
		font-size:16px;
		letter-spacing:-1px;
}

div.box_l img{						/*フチ無しのbox・幅193固定*/
	margin: 10px 0 0 6px;
	width:193px;
	float:left;
}

dl.box dd{
	padding: 5px 15px 12px 11px;
	background:#fff url(cssimg/corner_btm.gif) no-repeat bottom;
}
dl.box dt{
	font-size:5px;
	text-indent:-9999px;
	display:block;
	height:5px;
}
div.book img{width:86px;}
div.book img{
	padding:0 6px 6px 0;
	background:#fff url(cssimg/book.gif) no-repeat right bottom;
}
.txt{margin-top:7px;}
.icon{margin:5px 0;}
.lead{margin:10px 0;}
.date{font-size:10px;}

/*下位ページ.box
------------------------------------------------------------*/

#cont dl.box{
	margin: 10px 0 0 3px;
	padding: 5px 0 0;
	width:837px;
	background:url(cssimg/corner_topl.gif) no-repeat;
}
*html #cont dl.box{margin: 10px 0 0 1.5px;} /*IE6用ハック*/
#cont dl.box dd{
	padding: 0 25px 40px 20px;
	background:#fff url(cssimg/corner_btml.gif) no-repeat bottom;
}
/*下位ページ.box  howtoページ
------------------------------------------------------------*/
#howto #cont .etc dl.box{
	width:207px;
	float:left;
	background:url(cssimg/corner_top.gif) no-repeat;
}
#howto #cont .etc dl.box dd{
	padding: 0 15px 12px 11px;
	background:#fff url(cssimg/corner_btm.gif) no-repeat bottom;
}
#howto #cont dl.box{
	margin: 10px 0 0 3px;
	padding: 5px 0 0;
	width:627px;
	background:url(cssimg/corner_topm.gif) no-repeat;
}
*html #howto #cont dl.box{margin: 10px 0 0 1.5px;} /*IE6用ハック*/
#howto #cont dl.box dd{
	background:#fff url(cssimg/corner_btmm.gif) no-repeat bottom;
}
/*body#book
------------------------------------------------------------*/
body#book table{border-collapse:collapse;}
body#book table.tbl_1{width:420px;float:left;
	margin-right:20px;margin-left:100px;}
body#book table td{
	color:#333;
	font-size:11px;
	line-height:1.4em;
}
body#book table td.td_down img{
	margin-top:10px;
}
body#book table.tbl_2{
	height:445px;
	width:200px;
	border:1px solid #ccc;

}
body#book table.tbl_2 td.td_up{padding:20px;}
body#book table.tbl_2 td.td_down{padding:5px;}
/*body#about
------------------------------------------------------------*/