@charset "shift_jis";



/* ----------------- Tag ------------------------------------- */

body{
	background-color : white;
	font-size : 10px;
	letter-spacing : 1px;
	line-height : 14px;
	color : #7C7C7C;
	margin : 0px;
	}

div {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

p {
	clear: both;
	font-size: 14px;
	line-height: 130%;
}

h2 span {
	display: block;
	font-size: 20px;
	color: #555;
	line-height: 120%;
	border-bottom: 2px solid #555;
	padding: 0.2em 0.5em 0.2em 0.5em;
	margin-top: 3em;
	margin-bottom: 1em;
	clear: both;
}
h2 span.first {
	margin-top: 0em;
}

h4 {
	display: block;
	background-color: #e8e8e8;
	
	font-size: 16px;
	color: #555;
	line-height: 120%;
	padding: 0.2em 0.5em 0.2em 0.5em;
	margin-top: 2em;
	margin-bottom: 0.75em;
	clear: both;
}

h5 {
	font-size:12px;
	text-decoration: underline;
	clear: both;
}

/*--------------------------------------------- CLERFIX */
.clearfix:after {
content: ".";
display: block;
height: 0;
line-height:0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* MacIE begin \*/
*+html div.clearfix{height: 1%;}

* html div.clearfix{height: 1%;}

.clearfix {display: block;}
/* Mac IE end */

/*---------------------------------------------*/

/* ----------------- ID ------------------------------------- */

#root_container {
	width: 760px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

#hd_text {
	background-color: #666;
	font-size: 12px;
	color: #fff;
	line-height: 100%;
	padding-left: 0.5em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

#main_box{
	width : 760px;
	}

#hd{
	text-align : left;
	}
	
#logo{
	margin : 10px 0 11px 1px;
	width : 220px;
	float : left;
	border: 0px;
	}
	
#logo IMG{
	border: 0px;
	}


.logo_text{
	float: right;
	text-align : right;
	margin : 20px 0 1px 11px;
	padding: 0.5em;
	font-size: 16px;
}

#main {
	width: 550px;
	margin-top: 0px;
	padding: 1em 2em 2em 1em;
	float: right;
}

#topimg_cont span {
	display: none;
}

#container{	
	width : 760px;
	background-image : url(img/container_bg.gif);
	background-position : top left;
	background-repeat : repeat-y;
/*	margin-top : 24px;*/
/*	padding-bottom : 10px;*/
	overflow: hidden;
	}


#container:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #container {
    height: 1em;
    overflow: visible;
}
/**/
#left_box{
	float : left;
	width : 159px;
	}

#menu{
	background-image : url(img/menu_bg.gif);
	background-position : top left;
	background-repeat : repeat-x;
	height : 500px;
	}

#menu IMG{
/*	margin-bottom : 1px;*/
	border: 0px;
	}

#menu DIV{
	padding : 10px;
	padding-top : 20px;
}

#right_box{
	background-color : white;
	padding : 0 10px 10px 20px;
	width : 560px;
	float : left;
	}


#content_container {
	float: clear;
}

#footer {
	clear: both;
	width: 100%;
}
#foot_text {
	text-align: center;
/*	background-color: #666;*/
	font-size: 12px;
	color: #fff;
	line-height: 100%;
	padding-left: 0.5em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

#fd{
	clear : both;
/*	margin-top : 3px;*/
	background-color : #666;
	padding : 3px 0 3px 0;
	color : white;
	text-align : center;
	}

#top_cont{
	padding : 30px 0 20px 0;
	margin-bottom: 40px;
	
/*	padding : 30px 0 10px 145px;*/
}

#top_cont IMG{
	padding : 10px ;
}

#top_cont div#l_main{
	width : 270px;
/*	height :180px;*/
	padding: 0 0 20px;
	float: left;
}

#top_cont div#l_main #main_logo {
	text-align: center;
	margin-bottom: 10px;
}

#top_cont div#l_main p{
	text-align : left; 
	font-size : 12px; 
	line-height : 150%;
}

#top_cont div#r_news {
	width: 250px;
	margin: 0 5px 0 0;
	padding: 0;
	float: right;
}

#top_cont div#r_news h3 {
	margin: 0 0 5px;
	padding: 0;
	width: 220px;
	line-height: 1.1;
/*	font-size: 150%;
	line-height: 1.2;*/
}

#top_cont div#r_news h3 img {
	margin: 0;
	padding: 0;
}

#top_cont div#r_news div {
	border: 1px solid #CCC;
	margin: 0;
	padding: 0;
/*	height: 240px;
	overflow: auto;*/
}

/* ----------------- Class ------------------------------------- */


img.f_left{
	float: left;
	margin: 2px 15px;
}

img.f_right{
	float: right;
	margin: 2px 15px;
}

img.f_non{
	text-align: center;
	margin: 10px 15px;
}

img.f_non2{
	text-align: center;
	margin: 10px 0px;
}



.indent1 {
	margin-left : 1em;
}
.indent1 DIV{
	font-size : 12px;
	letter-spacing : 1px;
	line-height : 18px;
	}
.indent2 {
	margin-left: 2em;
}
.mini_text{
	font-size: 10px;
}

.page_title, .catchcopy {
	display: block;
	font-size: 20px;
	color: #555;
	line-height: 130%;
	padding: 0.2em 0.5em 0.2em 0.5em;
	margin-bottom: 1em;
	font-family: serif, cursive, sans-serif;
}

.center{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

ul.memo {
	font-size: 12px;
	border: 1px solid #999;
	background-color: #e8e8e8;
	text-align: left;
	margin: 0.5em;
	margin-left: 1em;
	margin-right: 1em;
	padding: 0.5em;
	padding-left: 2em;
	line-height: 130%;
}

ul.itemize {
	font-size: 14px;
	line-height: 130%;
	text-align: left;
	margin: 0em;
	margin-left: 1em;
	margin-right: 1em;
	padding: 0.5em;
	padding-left: 2em;
}

ul.itemize li {
	margin-bottom: 0.5em;
}

.hyo{
/*	table-layout: fixed;*/
	border-collapse: collapse;
	border: 2px solid #999;
	background-color:#FFFFFF;
}
.hyo td,th{
	border-width: 1px;
	border-style:solid;
	border-color:#999;
	font-size: 10px;
	line-height: 130%;
}

ul.hyolist {
	text-align: left;
	margin-left: 0.3em;
	margin-right: 1.5px;
	padding-left: 1.5em;
	line-height: 130%;
}

.pdf_link {
	text-align: right;
}
.pdf_link2 {
	text-align: left;
}

.pdf_link A {
  display: block;
  width: 80px;
  color: #ffffff;
  background-color: #666699;
  border: outset 2px #9999cc;
  margin: 0px;
  padding: 3px 1px 1px 0px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  text-decoration: none;
}

.pdf_link A:hover {
  color: #eeeeee;
  background-color: #555588;
  border: inset 2px #9999cc;
  margin: 0px;
  padding: 4px 0px 0px 1px;
}
.pdf_link A:active {
	color: #ffffff; 
}
.pdf_link A:visited {
	color: #ffffff;
}

.pdf_link2 A {
  display: block;
  width: 200px;
  color: #ffffff;
  background-color: #666699;
  border: outset 2px #9999cc;
  margin: 0px;
  padding: 3px 1px 1px 0px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  text-decoration: none;
}
.pdf_link2 A:hover {
  color: #eeeeee;
  background-color: #555588;
  border: inset 2px #9999cc;
  margin: 0px;
  padding: 4px 0px 0px 1px;
}
.pdf_link2 A:active {
	color: #ffffff; 
}
.pdf_link2 A:visited {
	color: #ffffff;
}

.p_break{
	page-break-before: always;
}
.b_pink{
	font-size : 16px;
	font-weight : bold;
/*	color : #B22222;*/
	background-image: url(img/batu.gif);
	background-repeat : no-repeat;
	background-position : 2px left  top;
	padding-left : 20px;
	line-height: 150%;
	}
	
.p.koment{
	margin-left : 1.5em;
	font-size :12px;
	color:black;
	}
.p.span.koment2{
   	margin-left : 2em;
   	}

.com_hyo,.com_hyo1,.com_hyo2{
	margin : 0px 10px;
    overflow: hidden;
	}


.com_hyo:after ,.com_hyo DIV:after,.com_hyo1:after ,.com_hyo1 DIV:after,.com_hyo2:after,.c_h2_2:after,.c_h2_line:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .com_hyo,* html .com_hyo,* html .com_hyo2,* html .c_h2_2,* html .c_h2_line {
    height: 1em;
    overflow: visible;
}
/**/

.com_hyo DIV,.com_hyo1 DIV,.c_h2_line{
    overflow: hidden;
	clear : both;
	border-left : 2px solid #454545;
	border-bottom : 1px dotted #999999;
	margin-bottom : 6px;
	padding : 4px 4px 4px 10px;
	font-size : 12px;
	line-height : 15px;
	}

.c_h2_line{
	padding-bottom : 8px;
	}
.com_hyo DIV SPAN{
	width : 100px;
	float : left;
	}
.com_hyo DIV DIV{
	width : 230px;
	float : left;
	clear : none;
	border : none;
	padding : 0px;
	}

.com_hyo DIV A{
	color : #7C7C7C;
	}

.com_hyo1 DIV SPAN{
	width : 300px;
	float : left;
	}
.duble_line{
	height : 30px;
	}

.c_h2_1{
	width : 100px;
	float : left;
	color : black;
	font-weight : bold;
	}
.c_h2_2{
	float : right;
	width : 410px;
	}
.c_h2_2 DIV {
	border-bottom : 1px dotted #aeaeae;
	}
.c_h2_2 DIV SPAN{
	width : 210px;
	float : left;
	}
.c_h2_2 A,.com_hyo1 A{
	color : red;
    display: block;
	}
.c_h2_2 A:hover,.com_hyo1 A:hover{
	color : #666666;
	background : #eaeaea;
	}
.space1{
	height : 10px;
	}
.space2{
	width : 100px;
	height : 150px;
	}
.space3{
	width : 100px;
	height : 250px;
	}
.t_right{
	text-align : right;
	margin-bottom : 40px;
	}	

.aaa{
	text-align : left;
	padding : 10px 10px 0 20px;
/*	margin-left : 260px;*/
	width: 240px;
	background-color : #e1e1e1;
	border : 1px solid #999999;
    overflow: hidden;
	}


.aaa:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .aaa{
    height: 1em;
    overflow: visible;
}
/**/

.aaa IMG{
	float : right;
	}
.aaa DIV{
padding-top : 10px;
	text-align : left;
	padding-right : 20px;
	color : #444444;
	}
.style2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 120%;
}
.go_top {
	border-top : 1px solid #eeeeee;
	border-bottom : 1px solid #aaaaaa;
	text-align : right;
	
	}
.go_top A{
	color : red;
    display: block;
    padding : 1px;
    text-decoration : none;
	font-size : 10px;
	}
.go_top A:hover{
	background-color : #ffffee;
	color : #666666;
	}