@charset "utf-8";

@import "base.css";


/*
===== container and main frames ===========================
*/
body{
	text-align:center;
	background:url(../images/body_bg.jpg) repeat-x;
}

div#container{
	background:url(../images/container_bg.jpg) repeat-y;
	width:816px;
	padding-bottom:15px;
	margin:18px auto 0 auto;
	overflow:hidden;
}

div#index_header{
	background:url(../images/header.jpg) no-repeat;	
	height:290px;
}
div#index_header h1{
	padding:13px;	
}
div#index_header p{
	padding:8px 100px;	
}

div#pan{
	padding:8px 16px;
}

div#gnavi{
	width:220px;
	padding-left:13px;
	float:left;
}

div#gnavi ul li.subcat01 a{
	background:url(../images/navi_bg02.jpg) no-repeat;	
	width:195px;
	height:43px;
	display:block;
	color:#333;
	padding:2px 5px 0 20px;
	position:relative;
}
div#gnavi ul li.subcat02 a{
	background:url(../images/navi_bg02.jpg) no-repeat;	
	width:195px;
	height:33px;
	display:block;
	color:#333;
	padding:12px 5px 0 20px;
	position:relative;
}
div#gnavi ul li.subcat01 a:hover,
div#gnavi ul li.subcat02 a:hover,
div#gnavi li.cat a:hover{
	background-position:bottom;	
}
div#gnavi ul li.subcat01 a span{
	position:absolute;
	left:8px;
	top:5px;
}
div#gnavi ul li.subcat02 a span{
	position:absolute;
	left:8px;
	top:14px;
}
div#gnavi li.cat a{
	background:url(../images/navi_bg01.jpg) no-repeat;	
	width:200px;
	height:46px;
	padding:4px 10px 0 10px;
	display:block;
	font-weight:bold;
	color:#FFF;
}

div#main{
	width:560px;
	padding-left:10px;
	float:left;	
}

div#main h2{
	padding:5px 10px;
	margin-bottom:15px;
	border:1px solid #B60808;
	font-size:120%;
	font-weight:bold;
	color:#B60808
}
div#main h3{
	padding:5px 10px;
	margin-bottom:12px;	
	font-weight:bold;
	background:url(../images/h3_bg.gif);
}
div#main h3.tip{
	background:url(../images/left_tip.gif) no-repeat;
	padding:3px 15px;
}
div#main h4{
	margin-bottom:12px;	
}

div#main p{
	padding:0 10px;
	margin-bottom:15px;
}
div#main p.dot{
	text-align:center;
}
div#main p.banner{
	text-align:center;	
	padding-bottom:20px;
}

div#main div#service01,
div#main div#service02,
div#main div#service03{
	border:5px solid #DDD;
	margin-bottom:15px;
}
div#main div#service01{
	background:url(../images/index_pic01.jpg) no-repeat 410px top;
}
div#main div#service02{
	background:url(../images/index_pic02.jpg) no-repeat 410px 5px;	
}
div#main div#service03{
	background:url(../images/index_pic03.jpg) no-repeat 410px 10px;	
}
div#main div#service01 h3,
div#main div#service02 h3,
div#main div#service03 h3{
	width:380px;
	padding:5px 10px;
	background:none;
	border-bottom:1px solid #B60808;
}

div#main div#service01 p,
div#main div#service02 p,
div#main div#service03 p{
	width:390px;
	padding-bottom:10px;
}

div#footer{
	margin:0 13px 5px 13px;
	border-bottom:1px solid #DDD;
	color: #B60808;
}
div#footer p{
	padding-bottom:5px;
	text-align:right;	
}

address{
	text-align:center;
	color:#B60808;
}

div#main p.column{
	background:url(../images/column_bg.jpg) no-repeat;
	padding:15px;
	margin:0;
}
div#main p.arrow{
	background:url(../images/column_bg2.jpg) no-repeat;
	text-align:center;	
	padding:15px 0 0 0;
	margin:0;
}

table{
	margin:0 15px 20px 15px;	
}
th,td{
	padding:5px;
	border:1px solid #CCC;
}
th{
	font-weight:bold;
	text-align:center;
	background-color:#DEF;
}
td.color{
	background-color:#DEF;
}
td{
	vertical-align:top;	
}

strong{
	font-weight:bold;
	 color: #B60808;
}

img.right{
	float:right;
	margin:0 0 15px 15px;
}
img.left{
	float:left;
	margin:0 15px 15px 0;
}

/* サイトマップ */
.sitemap{
	font-size:10px;
	position:absolute;
	margin:300px 0px 0px 740px;
	}