@charset "utf-8";
/* @group basic */

.hint {
	font-size: 90%;
	color: #6c6c6c;
	padding-top: 5px;
	line-height: 1.8em;
}

.ita {
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
}

.bold {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 125%;
	font-weight: normal;
	font-style: normal;
	
}

html, body {
	height: 100%;
	min-height: 100%;
}

body {
	text-align: center;
	color: #2f2f2f;
	font: normal 100% "Lucida Grande", Lucida, Verdana, sans-serif;
	background: url(images/bg.png) repeat-x #2D8907;
	background-attachment: scroll;
}

img {
	display: block;
	border: none;
	margin: 0 auto;
	padding: 0;
}

.cl {
	clear: both;
}

.red {
	color: #ff0000;
}

a {
	color : #384a9a;
	text-decoration : none;
	font-weight: bold;
}

strong{
	font-weight: bold;
}

a:hover {
	color : #384a9a;
	text-decoration : underline;
	font-weight: bold;
}

a:focus{
	outline:none;
}

.no {
	text-decoration: line-through;
}

label {
	line-height: 1.8em;
}

.right {
	float: right;
}

.left {
	float: left;
}

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

p{
	text-align: justify;
	line-height: 1.5em;
}

li{
	text-align: justify;
}

/* @end */

/* @group layout */

div.wrapper {
	min-height: 100%;
	margin: 0 auto;
	text-align: center;
}

div#header {
	width: 1020px;
	height: 139px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

	div#head{
		float: left;
		width: 1020px;
	}

		div#logo{
			width: 1020px;
			height: 78px;
			background: url(images/title.png) no-repeat;
		}

				div#logo h1{
					text-indent: -9999px;
					width: 760px;
					height: 78px;
				}
				
				div#logo h1 a{
					display: block;
					width: 760px;
					height: 78px;
				}
	
		div.menu {
			height: 61px;
			width: 1020px;
			margin-right: auto;
			margin-left: auto;
			float: left;
			background: url(images/hmenu.png) 0 -61px;
		}
		
		div.menu a{
			display: block;
			height: 61px;
			float: left;
			text-indent: -9999px;
		}
		
		div.menu a.mstate{
			width: 175px;
			background: url(images/hmenu.png) 0 0;
		}
		
		div.menu a.mintro{
			width: 175px;
			background: url(images/hmenu.png) -175px 0;
		}
		
		div.menu a.mtrouble{
			width: 175px;
			background: url(images/hmenu.png) -350px 0;
		}
		
		div.menu a.mfaq{
			width: 145px;
			background: url(images/hmenu.png) -525px 0;
		}
		
		div.menu a.mrule{
			width: 190px;
			background: url(images/hmenu.png) -670px 0;
		}
		
		div.menu a.mword{
			width: 160px;
			background: url(images/hmenu.png) -860px 0;
		}
		
			div.menu a:hover.mstate, div.menu a:hover.mintro, div.menu a:hover.mtrouble, div.menu a:hover.mfaq, div.menu a:hover.mrule, div.menu a:hover.mword{
			 background: none;
			}
							
		a:hover.mhome{
			background: url(images/hmenu_on.png) no-repeat;
		}

		
		a:hover.moutline{
			background: url(images/hmenu_on.png) no-repeat -126px 0;
		}
		
		a:hover.muse{
			background: url(images/hmenu_on.png) no-repeat -252px 0;
		}
		
		a:hover.msupport{
			background: url(images/hmenu_on.png) no-repeat -378px 0;
		}
		
		a:hover.mprise{
			background: url(images/hmenu_on.png) no-repeat -504px 0;
		}
		
		a:hover.mcase{
			background: url(images/hmenu_on.png) no-repeat -630px 0;
		}
	
	div#main_area {
		margin-right: auto;
		margin-left: auto;
		width: 1020px;
		clear: both;
		padding-bottom: 60px;
	}

div.contents {
	height: 100%;
	min-height: 100%;
	overflow: hidden;
}

div.home{
	background: url('images/bg2.png') no-repeat 50% top;
	height: 100%;
	width: 1020px;
}

div#home1{
	float: left;
	width: 440px;
}
	
	.white{
		color: #ffffff;
		font-size: 80%;
		width: 80%;
		margin: 10px auto;
		line-height: 1.5em;
	}

	div.home div.main_content{
		float: left;
		width: 790px;
		margin-left: 30px;
		min-height: 300px;
		height: 100%;
		background: url('images/bg2.png') no-repeat left top;
		padding-bottom: 30px;
	}
	
		/* @group contents */
		
		div.c_t{
			width: 780px;
			height: 38px ;
			background: url(images/c_t.png) no-repeat;
			color: #fff;
			margin-top: 30px;
			line-height: 38px;
			text-align: left;
			text-indent: 50px;
		}
		
			div.c_t h2{
				line-height: 38px;
			}
		
		div.c_m{
			width: 720px;
			background: url(images/c_m.png) repeat-y;
			font-size: 90%;
			padding: 15px 30px 0 30px;
			text-align: left;
		}
			
			div.c_m h3 {
				color: #E54F20;
				font-weight: bold;
				padding-bottom: 10px;
				margin: 1em 0;  /* 外余白 */
				padding: 5px 5px 5px 10px;  /* 内余白 */
				border-left: 6px solid #E54F20;  /* 枠線 */
			}
						
			div.c_m p{
				padding-bottom:10px ;
				padding-top:10px ;
			}
			
			div.c_m p.pdfdl{
				margin-top: 10px;
				height: 30px;
				background: #eee url(images/pdf.png) no-repeat 10px 50%;
				text-indent: 50px;
			}
			
			div.c_m p.docdl{
				margin-top: 10px;
				height: 30px;
				background: #eee url(images/word.png) no-repeat 10px 50%;
				text-indent: 50px;
			}

			div.c_m p.pdfdl a, div.c_m p.docdl a{
				line-height: 35px;
			}
			
			div.c_m ul, div.c_m ol{
				margin-left: 30px;
			}

			div.c_m ul li, div.c_m ol li{
				line-height: 1.5em;
				padding-bottom: 3px;
			}
		
		div.c_b{
			width: 780px;
			height: 10px ;
			background: url(images/c_b.png) no-repeat;
			margin-bottom: 10px;
		}
		
		table{
			margin: 0 auto;
			border: 1px solid #594228;
		 	border-collapse: collapse;
		}
		
		table tr, table td,table th{
			border: 1px solid #594228;
			padding: 10px;
		}
		
		table th{
			background-color: #E54F20;
			color: #fff;
		}
		
		table td input, table td textarea, td select {
			margin-bottom: 5px;	
		}
		
		/* @end */
	

	div.home div.side_bar{
		margin-top: 30px;
		float: left;
		width: 200px;
	}
	
	div.home div.side_bar a{
		display: block;
		height: 44px;
		width: 200px;
		margin-bottom: 10px;
		line-height: 44px;
		color: #fff;
		font-size: 80%;
		text-decoration: none;
	}

	div.home div.side_bar a.this{
		background: url('images/side_this.png') 0 0;	
	}

			div.home div.side_bar a:hover.this{
				line-height: 54px;
				background: url('images/side_this.png') 0 -44px;	
			}

	div.home div.side_bar a.sub1{
		background: url('images/side_sub1.png');	
		text-indent: -9999px;
	}
	
		div.home div.side_bar a:hover.sub1{
			background: url('images/side_sub1.png') 0 -44px;	
		}
	
	div.home div.side_bar a.sub2{
		background: url('images/side_sub2.png');	
		text-indent: -9999px;
	}

		div.home div.side_bar a:hover.sub2{
			background: url('images/side_sub2.png') 0 -44px;	
		}
	
div#home2{
	float: left;
	width: 580px;
	height: 600px;
}

	div#home2 img{
		margin: 15px auto;
	}
	
	div#home2 p{
		font-size: 90%;
		margin: 10px 30px 10px 60px;
	}
	
	div#home2 div#top_btn{
		background: url('images/btn.png') no-repeat left top;	
		width: 530px;
		height: 146px;
		margin-bottom: 50px;
		text-indent: -9999px;
	}
	
	div#home2 div#top_btn a{
		display: block;
	}
	
	div#home2 div#top_btn a.tb1, div#home2 div#top_btn a.tb2, div#home2 div#top_btn a.tb3{
		height: 80px;
		float: left;
		width: 176px;
	}
	
		div#home2 div#top_btn a:hover.tb1{
			background: url('images/btn.png') 0 -146px;	
		}
		
		div#home2 div#top_btn a:hover.tb2{
				background: url('images/btn.png') -176px -146px;	
		}
		
		div#home2 div#top_btn a:hover.tb3{
				background: url('images/btn.png') -352px -146px;	
		}
	
	div#home2 div#top_btn a.tb4{
		float: left;
		margin-left: 100px;
		width: 140px;
		height: 60px;
	}
	
		div#home2 div#top_btn a:hover.tb4{
				background: url('images/btn.png') -100px -226px;	
		}
	
	div#home2 div#top_btn a.tb5{
		float: left;
		margin-left: 60px;
		width: 140px;
		height: 60px;
	}
	
		div#home2 div#top_btn a:hover.tb5{
				background: url('images/btn.png') -300px -226px;	
		}
	 
div#news{
	background: url(images/board.png) no-repeat 50%;
	height: 256px;
	text-align: left;
	font-size: 80%;
	width: 580px;
}

	div#news p{
		text-indent: -9999px;
	}

	div#news ul{
		position: relative;
		top: 40px;
		left: 40px;
		width: 500px;
		height: 150px;
		overflow: scroll;
		list-style-type: none;
	}
	
		div#news ul li{
			font-size: 90%;
			line-height: 2em;
			margin-bottom: 10px;
		}
		
		div#news ul li a{
			margin-bottom: 8px;
			display: block;
		}
		
		div#news ul li span.day{
			margin: 0 0 0 0;
			line-height: 2em;
			font-weight: bold;
		}

/* @group footer */

div#f_wrapper{
	background-color: #594228;
	height: 60px;
	width: 100%;
	margin-top: -60px;
}

	div.footer {
		margin: 0 50%;
		position: relative;
		top: 0;
		left: -510px;
		text-align: left;
		background: url(images/footer.png ) no-repeat ;
		width: 1020px;
		height: 60px;
		font-size: 90%;
		text-indent: -9999px;
	}
	
		div.footer p{
			float: left;
			width: 530px;
		}
		
		div.footer a{
			display: block;
			float: left;
			height: 60px;
		}
		
		div.footer a#f1{
			width: 180px;
		}
		
		div.footer a#f2{
			width: 130px;
		}
		
		div.footer a#f3{
			width: 180px;
		}

/* @end */

/* @group accordion */

.ac_menu dt{
	display:block;
	line-height:50px;
	text-align:center;
	cursor:pointer;
	font-weight: bold;
	font-size: 120%;
	color: #000;
	}
	
.ac_menu dd{
	line-height:50px;
	text-align:center;
	display:none;
	padding: 10px 20px;
	color: #000;
}

dt.green{
	border:#1ABC9C 1px solid;
}

dd.green{
	background: #f5fffd;
	border-left:#1ABC9C 1px solid;
	border-right:#1ABC9C 1px solid;
	border-bottom:#1ABC9C 1px solid;
}

dt.red{
	border:#E52C39 1px solid;
}

dd.red{
	background: #fef3f4;
	border-left:#E52C39 1px solid;
	border-right:#E52C39 1px solid;
	border-bottom:#E52C39 1px solid;
}

dt.yellow{
	border:#EAC80D 1px solid;
}

dd.yellow{
	background: #fffae0;
	border-left:#EAC80D 1px solid;
	border-right:#EAC80D 1px solid;
	border-bottom:#EAC80D 1px solid;
}

/* @end */