/* CSS Document */

* { margin : 0 ; padding : 0 ; }

html {
    overflow-y:scroll;
    }
	
body {
	margin: 0px;
	width : 100%;
	font-size: 90%;
	line-height:1.2em;
	color: #333333;
	background-image: url(../img/img_bg_blue.jpg);
	background-repeat: repeat-x;
	text-align: center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #336699;
}
img { border: 0; }
a {  color: #333333; text-decoration: underline}
a:hover {  color: #000000; text-decoration: none}
a:active {  color: #000000; text-decoration: underline}

#my_body {
	display: inline-block;
	position : relative;
	width : 870px;
	margin-right: auto;
	margin-left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C5DFF4;
	border-left-color: #C5DFF4;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C5DFF4;
	text-align: left;
	}

div#my_body:after{
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
	}
	
 
#my_main{

	margin: 0 15px 0 15px;
	width : 840px;
	float:left;
}

/*clearfix*/
div.my_main:after {
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
	}	
	
/* ----- ヘッダー部分 ------------------------------------ */

#my_header {
	width : 100%;
	height : 20px;
	 }
#my_header h1{
	font-size: 10px;
	color: #333333;
	line-height: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#my_header a {
	font-size: 10px;
	color: #666666;
	line-height: 18px;
	text-decoration: none;
}
#my_header a:hover {
	font-size: 10px;
	text-decoration: underline;
	color: #666666;
	line-height: 18px;
}

/*clearfix*/
#my_header:after{
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
	}	

hr {
	height: 1px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #666666;
}

br {
	letter-spacing: normal;
}
br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}
img.header_rogo {
	float:left
}
img.header_tel {
	float: left;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 400px;
}

.title_img {
	margin-top:5px;
	margin-bottom:5px;
	}

/* ----- navi -------------------------------------------- */
div#navi ul {
	width: 840px;
	height: 40px;
	margin: 0;
	float:left;
}

div#navi ul li {
	float: left;
	height: 40px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#navi ul li a {
	display: block;
	height: 40px;
	text-indent: -9999px;
	background-image:url(../img/img_navi.jpg);
	background-repeat: no-repeat;
}

li#navi_01, li#navi_01 a {	width: 168px; background-position: 0px 0; }
li#navi_02, li#navi_02 a {	width: 168px; background-position: -168px 0; }
li#navi_03, li#navi_03 a {	width: 168px; background-position: -336px 0;}
li#navi_04, li#navi_04 a {	width: 168px; background-position: -504px 0; }
li#navi_05, li#navi_05 a {	width: 168px; background-position: -672px 0; }

li#navi_01 a:hover { background-position: 0 -40px; }
li#navi_02 a:hover { background-position: -168px -40px; }
li#navi_03 a:hover { background-position: -336px -40px; }
li#navi_04 a:hover { background-position: -504px -40px; }
li#navi_05 a:hover { background-position: -672px -40px; }

/* ----- sub navi ------------------------------------------ */
div.sub_navi {
	float:left;
	width:840px;
	margin: 0 15px 5px 15px;
	text-align: right;
}
.sub_navi ul li {
	list-style-type: none;
	display: inline;
}

.sub_navi li {
	padding: 0 10px 0 15px;
	background-image:url(../img/img_list_blue_tri.gif);
	background-repeat:no-repeat;
	background-position: left 3px;
}

.sub_navi a { 
	font-size: 10px;
	color: #666666;
	letter-spacing: 1px;
	text-decoration: none;
		}
	
.sub_navi a:hover { 
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
	letter-spacing: 1px;
	}
	
/*clearfix*/
div.sub_navi:after {
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
	}	
/* ----- パンくず　　 ------------------------------------ */
div#pankuzu {
	float:left;
	width: 820px;
	text-align:left;
	margin: 5px 0 5px 20px;
	}
	
div#pankuzu ol li {
	display:inline;
	list-style-type:none;
	font-size: 80%;
	line-height:1.2;
	}
div#pankuzu ol li a {
	background-image:url(../img/img_list_pankuzu.gif);
	background-repeat:no-repeat;
	background-position:right center;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0;
	}
/* ----- footer ------------------------------------------ */

#footer {
	font-size:small;
	background-color: #FFFFFF;
	width: 840px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	float: left;
	margin-right: 15px;
	margin-left: 15px;
}


#footer ul.nl {
	padding: 0;
	list-style-type: none;
	text-align: center;
	margin-bottom: 5px;
	padding:5px 0 5px 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

#footer ul.nl li {
	padding: 0 4px 0 8px;
	background: url(../common/img_line_gray.gif) no-repeat left; 
	display: inline;
}

#footer ul.nl li.first {
background-image: none;
}

#footer ul.guide {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}


#footer address {
	font-style: normal;
	text-align: center;
	line-height: 140%;
	background-image: url(../img/img_bg_address.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 5px;
}


/* ----- main area------------------------------------ */

#main_area {
	width:700px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 100px;
}
#main_area p {
	margin-bottom: 5px;
	line-height: 1.3;
	margin-right: 5px;
	margin-top: 5px;
	}
#main_area TD {
	padding: 5px;
	}
#main_area H1 {
	width: 690px;
	height: 60px;
	background-image:url(../common/img_bg_page_title.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	font-size: 26px;
	line-height: 60px;
	margin-bottom: 20px;
	margin-top: 10px;
}

#main_area H2 {
	font-size: 16px;
	font-weight: bold;
	width: 705px;
	color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-left: 15px;
	height: 24px;
	line-height: 24px;
	background-image: url(../img/img_bg_title_main.jpg);
	background-repeat: no-repeat;
	}
#footer_go_to_page_top {
	float:left;
	text-align: right;
	width:835px;
	height: 12px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	clear: right;
}
#footer_go_to_page_top a { 
	font-size: 10px;
	color: #666666;
	letter-spacing: 1px;
	text-decoration: none;
	}
#footer_go_to_page_top a:hover { 
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
	letter-spacing: 1px;
	}	
/* ----- パンくず　　 ------------------------------------ */
ol#pankuzu {
	width: 690px;
	text-align:left;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 30px;
	}
ol#pankuzu li {
	display:inline;
	list-style-type:none;
	font-size: 80%;
	line-height:1.2;
	}
ol#pankuzu li a {
	background-image:url(../img/img_list_pankuzu.gif);
	background-repeat:no-repeat;
	background-position:right center;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0;
	}
/* -----ページタイトル部分------------------------------------ */
h2.page_title {
	width:615px;
	height:40px;
	line-height:40px;
	padding-left:10px;
	font-size:140%;
	font-weight:800;
	background-image:url(../img/img_bg_page_title_h2.jpg);
	background-repeat:no-repeat;
	margin-bottom: 5px;
}
h3.sub_page_title {
	width:615px;
	height:24px;
	line-height:24px;
	padding-left:10px;
	font-size:120%;
	font-weight:bold;
	margin-top:3px;
	margin-bottom:3px;
}



/* ----- テーブル共通 ------------------------------------ */

.table_1_gray {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
.table_2_gray {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
.table_3_gray {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
.table_4_gray {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
.table_2line_gray_1 {
	color: #333333;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #999999;
	text-align: left;
	font-weight: bold;
	padding-right: 15px;
	padding-left: 15px;
}

.table_2line_gray_2 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #999999;
	padding-right: 10px;
}
.table_2line_gray_3 {

	padding-right: 10px;
}
.table_2line_gray_4 {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
}
.table_2line_gray_5 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #999999;
	text-align: left;
}
.table_2line_gray_6 {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #999999;
	text-align: left;
	border-top-color: #999999;
}
.table_2line_gray_7 {
	color: #333333;
	background-color: #E8E8E8;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #999999;
	text-align: left;
	font-weight: bold;
	border-top-color: #999999;
}
.table_2line_gray_1_2 {
	color: #333333;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #999999;
	text-align: left;
	font-weight: bold;
	padding-right: 15px;
	padding-left: 15px;
	border-top-color: #999999;
}
.table_2line_gray_5_2 {

	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #999999;
	border-top-color: #999999;
}
.TD_padding {
	padding:3px;
	}