@charset "utf-8";
/* CSS Document */

#container {
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/top.jpg) no-repeat center top;
}
#container02 {
	width: 930px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	width: 910px;
	height:90px;
	margin-right: auto;
	margin-left: auto;
}
.header_l {
	width: 460px;
	height:80px;
	float: left;
}
.header_l_box {
	width: 430px;
	height:30px;
	float: left;
	line-height: 12px;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 5px;
}
.header_r {
	width: 335px;
	height:80px;
	float: right;
	margin: 10px 0px 0px;
}
.header_r_box01 {
	width: 120px;
	height:80px;
	float: left;
}
.header_r_box02 {
	width: 210px;
	height:80px;
	float: right;
}




.top {
	width: 920px;
	height:530px;
	margin-right: auto;
	margin-left: auto;
	background: #B17A8E;
	float: none;
	clear: none;
	
}

.titlle_l {
	float: left;
	height: 15px;
	width: 350px;
	margin-top: 10px;
	margin-left: 20px;
	background: #999999;
	clear: none;
}
.titlle_r {
	float: right;
	height: 40px;
	width: 350px;
	margin-top: 10px;
	margin-left: 20px;
	background: #999999;
}
.titlle_l_down {
	height: 40px;
	width: 430px;
	font-size: 28px;
	color: #000000;
	float: left;
	margin-right: 0px;
	margin-left: 20px;
}
h1 {
	font-size: 10px;
	color: #000000;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 20px;
}
h2 {
	font-size: 24px;
	margin: 10;
	padding: 0px;
	color: #FF9999;
	height:10px;
	line-height: 0px;
	}
h3 {
	font-size: 14px;
	margin: 5 10 -20px;
	padding: 0px;
	color: #000000;
	height:10px;
	line-height: 0px;
}
.menu {
	width: 875px;
	height: 30px;
	float: none;
	padding: 0px;
	margin: 375px auto 0px;
}
.menu_box {
	width: 125px;
	height: 30px;
	float: left;
	font-size: 13px;
	font-weight: normal;
	padding: 5px 0px 0px 3px;
	background: #FFFF66;
}	
.clearleft{clear:left;
height:0px;
width:0px;
}

.spece_box{
	height: 390px;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	}
	.spece_box_a{
	height: 5px;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	}  
.navi{
	height: 60px;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	} 
.navi02{
	height: 9px;
	width: 620px;
	margin-right: auto;
	margin-left: auto;
	font-size: 9px;
	padding-left: 300px;
} 	
.br_box {
	float: left;
	width: 930px;
	height: 20px;
}
.tittle_h {
	background: #e1efe2;
	float: left;
	width: 930px;
	margin-top: 10px;
}

a:visited {
	color: #666666;
	text-decoration: none;
}

	
.tittle_c{
	height: 40px;
	width: 900px;
	margin-left: 20px;
	background: #FFFFFF;
	float: left;
	} 
.tittle_e {
	width: 930px;
	float: left;
}
.tottle_f {
	width: 450px;
	float: left;
}
.tottle_g {
	float: left;
	width: 400px;
}


.tittle_d{
	height: 40px;
	width: 680px;
	background: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	} 
.box_a{
	height: 320px;
	width: 400px;
	margin-left: 50px;
	background: #FFFFFF;
	float: left;
	margin-top: 10px;
	font-size: 12px;
	color: #999999;
	}	
.box_i {
	float: left;
	width: 370px;
	margin-top: 10px;
	margin-left: 20px;
	font-size: 12px;
	color: #999999;
}

a:link {
	border-style: none;
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}

.box_b{
	height: 415px;
	width: 280px;
	background: #FFFFFF;
	float: left;
	font-size: 16px;
	}
.box_c{
	width: 530px;
	background: #FFFFFF;
	float: left;
	margin-left: 10px;
	}
.box_d{
	height: 50px;
	background: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 5px;
	line-height: 24px;
	}
.box_d2{
	height: 125px;
	width: 500px;
	font-size: 14px;
	background: url(../img/flow_img_01.png) no-repeat;
	padding-left: 160px;
	padding-top: 10px;
	color: #666666;
	line-height: 17px;
	margin-left: 20px;
	}
.box_d3{
	height: 125px;
	width: 500px;
	font-size: 14px;
	background: url(../img/flow_img_02.png) no-repeat;
	padding-left: 160px;
	padding-top: 10px;
	color: #666666;
	margin-left: 20px;
	line-height: 17px;
	}
.box_d4{
	height: 125px;
	width: 500px;
	font-size: 14px;
	background: url(../img/flow_img_03.png) no-repeat;
	padding-left: 160px;
	padding-top: 10px;
	color: #666666;
	line-height: 17px;
	margin-left: 20px;
	}
.box_d5{
	height: 125px;
	width: 500px;
	font-size: 14px;
	background: url(../img/flow_img_04.png) no-repeat;
	padding-left: 160px;
	padding-top: 10px;
	color: #666666;
	line-height: 17px;
	margin-left: 20px;
	}
.box_d6{
	height: 125px;
	width: 500px;
	font-size: 14px;
	background: url(../img/flow_img_05.png) no-repeat;
	padding-left: 160px;
	padding-top: 10px;
	color: #666666;
	line-height: 17px;
	margin-left: 20px;
	}
.box_e{
	width: 150px;
	background: #FFFFFF;
	float: left;
	}
.box_f{
	background: no-repeat;
	width: 510px;
	float: left;
	margin-left: 20px;
	}
.box_g{
	height: 400px;
	width: 300px;
	margin-left: 50px;
	background: #FFFFFF;
	float: left;
	margin-top: 10px;
	font-size: 12px;
	color: #999999;
	}	
.box_h{
	width: 400px;
	float: left;
	padding: 20px;
	height: 80px;
	}				
#main{
	width: 930px;
	clear: both;
	background: #FFFFFF;
	}
	#main02{
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	} 	
.main_l{
	width: 280px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	float: left;
	height: 635px;
	} 
	
.main_l_box{
	height: 210px;
	width: 280px;
	float: left;
	} 
.main_l_box img{
	float:left;
	margin: 5px;
	} 
.main_l_box p{
	margin: 5px;
	font-size:13px;
	line-height:1.2em;
	}	
.main_l_titlebox{
	height: 32px;
	width: 280px;
	}	
.main_l_textbox{
	height:170px;
	width: 280px;
	float: left;
	}	
	
.spece_line{
	height: 635px;
	width: 25px;
	float: left;
	} 
.main_c{
	height: 635px;
	width: 280px;
	float: left;
	}
	.main_r{
	width: 280px;
	background: #e1efe2;
	float: right;
	}
.clearLeft{
    clear:left;
	width:0px;
	height:0px;
	}	
#footer{
	background: #FFFF4D 0px;
	font: 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: center;
	width: 100%;
	clear: both;
	position:absolute;
	left:1px;
	right: 0px;
	height: 100px;
	padding-top: 50px;
	top: auto;
} 
	
	


    
.animatedtabs{
border-bottom: 1px solid gray;
overflow: hidden;
width: 100%;
font-size: 14px;
 /*font of menu text*/
}


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(../img/tab-blue-right.png) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(../img/tab-blue-right.png) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}
.space_text{
	letter-spacing: 3px;
}
.style1 {color: #0000FF}
.style5 {
	font-size: 12px;
	padding-left: 10px;
}
.style6 {color: #666666; font-weight: bold; font-size: 12px; }
.style7 {
	color: #FF0000;
	font: bold;
}
.style8 {font-size: 14px}
.style9 {
	font: bold 24px;
	font-size: 30px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.style11 {font-size: 14px; font-weight: bold; }
.style12 {font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"}
.style13 {
	font-size: 12px;
	background: #B9F1FF;
	padding-top: 10px;
}
.style14 {
	color: #000000
}
.style15 {
	color: #0033CC;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	letter-spacing: 3px;
	margin-left: 20px;
}
.style18 {
	font-size: 12px;
	color: #666666;
	line-height: 12px;
}
.style19 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 5px;
}
.style20 {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 2px;
}
.style21 {
	background: #FFFF4D;
}
.style22 {font-size: 10px}




	
	
	
    
    
    

	  
.box_08 {
	float: left;
	width: 620px;
}
.box_07 {
	background: #CCCCCC;
	width: 930px;
}
.clere {
	clear: both;
}
.box_06 {
	float: left;
	width: 280px;
	padding-left: 20px;
	font: 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #999999;
}
.box_007 {
	float: left;
	width: 930px;
	color: #FFFFFF;
	margin-top: 10px;
}
.main_box01 {
	font-size: 12px;
	width: 480px;
	float: left;
	background: #FFFFFF;
	clip: rect(auto,auto,auto,auto);
}
.mainbox_02 {
	background: #FFFFFF;
	float: left;
	width: 145px;
}
.mainbox {
	background: #e1efe2;
	width: 680px;
	float: left;
	clear: none;
}
.mainbox_03 {
	background: #e1efe2;
	float: left;
	width: 605px;
}
.mainbox_04 {
	font-size: 14px;
	background: #e1efe2;
	float: left;
	width: 277px;
	padding: 10px;
	line-height: 18px;
}
.mainbox_05 {
	background: #e1efe2;
	width: 250px;
	font-size: 10px;
	top: 10px;
	clear: left;
	margin-left: 20px;
	margin-top: 10px;
}
.mainbox_06 {
	background: #e1efe2;
	float: left;
	width: 160px;
	margin-top: 20px;
	margin-left: 5px;
}
.mainbox_07 {
	background: #e1efe2;
	float: left;
	width: 180px;
	margin-top: 20px;
}
.mainbox_08 {
	font-size: 14px;
	line-height: 18px;
	background: #e1efe2;
	float: left;
	width: 325px;
	padding: 10px;
}
.mainbox_09 {
	background: #e1efe2;
	float: left;
	height: 160px;
	width: 276px;
	margin-top: 40px;
}
.mainbox_10 {
	width: 320px;
	float: left;
	background: #e1efe2;
	clear: none;
}
.mainbox_11 {
	background: #e1efe2;
	width: 325px;
	font-size: 12px;
	line-height: 17px;
	float: left;
}
.mainbox_12 {
	background: #e1efe2;
	width: 452px;
	clear: none;
	float: left;
	font-size: 12px;
	line-height: 17px;
	padding: 10px;
}
.mainbox_13 {
	background: #e1efe2;
	float: left;
	width: 150px;
}
.mainbox_14 {
	background: #e1efe2;
	float: left;
	width: 320px;
}
.mainbox_15 {
	background: #e1efe2;
	float: left;
	width: 300px;
	font-size: 12px;
	line-height: 17px;
	height: 230px;
	margin-top: 20px;
}
.box_r_280 {
	width: 279px;
	font-size: 12px;
}
.box_r2_280 {
	width: 279px;
	font-size: 12px;
	text-align: left;
	line-height: 17px;
	text-indent: 10px;
}
.mini_01 {
	float: left;
	width: 635px;
}
.container03 {
	width: 930px;
	margin-right: auto;
	margin-left: auto;
}
a img {
border-style:none;
}

.style26 {font-size: 24px}

.style27 {
	color: #FF0000;
	font-weight: bold;
}
.style30 {color: #00a13b}
.style31 {
	color: #FFCC00
}
.style33 {
	font-size: 18px;
	line-height: 30px;
}