/* CSS Document */



@charset 'UTF-8';



* {

	margin:0; padding:0;

	}



body{

	background:#FFFFFF url(img/footer_bg.gif) bottom repeat-x;

	}



a:hover{text-decoration:none;}



a img { border:0;}



img {

	vertical-align:top;

}



ol,ul {  

	list-style:none;  

	}  



.left { float:left;}



.right {float:right;}



.clear  {

	clear:both;

	}



html, input, textarea



	{

		/*font-family:Georgia, tahoma;*/

		font-family:'qMmpS Pro W3','Hiragino Kaku Gothic Pro','CI',Meiryo,'lr oSVbN',sans-serif;

		font-size:11px;

		line-height:17px;

		color:#868686;		

	}



input, select { vertical-align:middle; font-weight:normal;}



strong {font-size:12px; color:#444444;}



a {color:#3d6f92; font-size:12px;}



h1 {
	font-size:9px;
	margin-left:10px;
	padding: 0;
	}





/*main layout */



#main {

	margin:0 auto;

	width:800px;

	background:url(img/header_tall.gif) top repeat-x;

	}





/* --------- wb_[@Jn--------- */



#header {

	width:100%;

	height:90px;

	}



#h_logo{

	height:26px;

	width:193px;

	float:left;

	margin:5px 0 0 10px;

	}



#header ol{

	margin-right:10px;

	float:right;

	}



#header ol li{

	margin-right:20px;

	margin-top:30px;

	float:left;

	}



#header ul#gn{

	width:780px;

	height:32px;

	margin:0px auto;

	border:10px;

	}



#header li{

	float:left;

	}



#header ul li a{

	width:130px;

	height:32px;

	text-indent:-5000px;

	display: block;

	text-decoration:none;

	background:#FFF url(img/gn.gif) no-repeat 0px 0px;

	}



li#gn1 a:link, li#gn1 a:visited{

	background-position: 0px 0px;

	}

li#gn1 a:hover, li#gn1 a:active {

	background-position: 0px -32px;

	}



li#gn2 a:link, li#gn2 a:visited{

	background-position: -130px 0px;

	}

li#gn2 a:hover, li#gn2 a:active {

	background-position: -130px -32px;

	}

	

li#gn3 a:link, li#gn3 a:visited{

	background-position: -260px 0px;

	}

li#gn3 a:hover, li#gn3 a:active {

	background-position: -260px -32px;

	}



li#gn4 a:link, li#gn4 a:visited{

	background-position: -390px 0px;

	}

li#gn4 a:hover, li#gn4 a:active {

	background-position: -390px -32px;

	}



li#gn5 a:link, li#gn5 a:visited{

	background-position: -520px 0px;

	}

li#gn5 a:hover, li#gn5 a:active {

	background-position: -520px -32px;

	}



li#gn6 a:link, li#gn6 a:visited{

	background-position: -650px 0px;

	}

li#gn6 a:hover, li#gn6 a:active {

	background-position: -650px -32px;

	}



/* --------- wb_[@I--------- */



/* --------- Rec@Jn--------- */



#contents {

	width:780px;

	margin:0px auto;

	}

#moushikomi {

	width:200px;

	height:200px;

	margin:0;

	float:left;

	}

	

#moushikomi a{

    display : block ;

    width : 200px ;

	height: 200px;

	margin:0px;

    text-align : center ;

    background-repeat : no-repeat ;

    background-position : top center ;

	text-indent:-5000px;

}



#moushikomi a:link {
    background-image : url(img/satei.gif) ;
}
#moushikomi a:visited {
    background-image : url(img/satei.gif) ;
}
#moushikomi a:hover {
    background-image : url(img/satei2.gif) ;
}
/* gbvy[WȊO@Jn */

#sidebar {

	width:202px;

	margin:0 0 20px 0;

	float:left;

	}



#sidebar img{

	padding-top:10px;

	}

#sidebar p{

	padding:10px 0 0 20px;

	}

#sidebar li {

	padding:10px 0 0 50px;

	font-size:18px;

	}

#migi {

	width:550px;

	float:left;

	margin-left:5px;

	padding:5px 0 5px 0px;

	}

#gaiyou {

	margin:20px 0 10px 28px;

	}

#gaiyou a {

	font-size:14px;

	}

#gaiyou p {

	margin:10px 0 0 15px;

	padding-top:10px;

	font-size:14px;

	}

#gaiyou ol {
	margin:20px 0 20px 28px;
	font-size:14px;
	line-height:1.8em;
	border: dotted 1px #FF8C00;
	background-color:#FAF0E6;
	padding:10px 10px 10px 30px;
	color:black;
	font-weight:bold;
	}
#gaiyou ul {
	padding:20px 0 0 30px;
}
#gaiyou li {
	margin: 10px;
	font-size: 14px;
	line-height: 1.7em;
	list-style-type: disc;
}

/*@@掖y[Wp@Jn@@*/

.kakojirei {

	width:500px;

	height:200px;

	margin:20px 0 15px 0;

	padding:5px;

	border: dotted 1px #FF8C00;

	}

.thumbnail {

	width:150px;

	float:left;

	margin:25px 0 0 10px;

	}

.jireisyoukai {

	width:310px;

	float:right;

	margin:0;

	padding:0 0 0 5px;

	}

/*@@掖y[Wp@I@@*/

/* 悭鎿y[Wp@Jn@*/

.question {

	font-size:14px;

	border:solid 1px #0000ff;

	border-left:solid 5px #0000ff;

	padding:5px 5px 5px 10px;

	margin:10px 10px 0 10px;

	}

.answer {
	font-size:14px;
	border:solid 1px #FF4500;
	border-left:solid 5px #FF4500;
	padding:5px 5px 5px 10px;
	margin:1px 10px 20px 10px;
	}
.answer ul {
	padding: 5px 40px;
}
.answer li {
	list-style: disc;
	line-height:1.6em;
	font-size: 12px;
}

/* 悭鎿y[Wp@I@*/	

/* ЊTvy[Wp@Jn@*/

#vision {

	background-image : url(img/vision.gif);

	background-repeat : no-repeat ;

	margin:20px 0 0 28px;

	padding:50px 0 0 50px;

	width:531px;

	height:360px;

	}

#vision p{

	font-size:12px;

	margin:5px 0 10px 0;

	line-height:1.5em;

	}

#vision ul {

	margin: 0 0 13px 0;

	}

#vision li {

	font-size:14px;

	margin:0 0 0 50px;

	line-height:1.3em;

	}

/* ЊTvy[Wp@I@*/



#catch {

	width:550px;

	height:200px;

	float:left;

	margin-left:5px;

	padding:5px 0 5px 0px;

	}

#catch p{

	margin:0 0 7px 75px;

	}

	

#needs {

	margin:20px 0 0 5px;

	float:right;

	}



#appeal {

	margin-bottom:4px;

	margin-left:25px;

	float:left;

	}



#big {

	width:324px;

	float:left;

	margin:0;

	}



.small {
	width:324px;
	height:104px;
	margin: 3px 0 0 0;
	padding:5px;
	background:#FFF url(img/waku.gif) no-repeat 0px 0px;
	}



.small h2 {
	margin:10px 0 10px 15px;
	color:black;
	font-weight:bold;
	letter-spacing:0.1em;
	font-size:20px;
	}



.small p {
	font-size:13px;
	line-height:1.5em;
	margin-left:22px;
	}
#jirei {
	width:450px;
	float:right;
	margin:5px 0 0 0;
	}
#jirei p{
	font-size:16px;
	line-height:1.6em;
	margin:15px;
	color : #363636;
	}
.topics {

	width:255px;

	height: 300px;

	margin: 5px 0 15px 3px;

	float:left;

	border: solid 1px;

	}
.topics p {
	line-height: 1.4em;
	margin: 10px;
	color: #363636;
}


/* --------- contents END--------- */



/* --------- footer start--------- */



#footer {

	width:780px;

	border-top:3px solid #FF4500;

	margin:0 auto;

	padding:5px;

	}

	

#footer ul{

	margin:10px;

	}



#footer li {

	display:inline;

	margin:5px;

	}


/* mail form */
.mailForm{

	color: black;

}

.mailForm th{

	width: 100px;

}

.mailForm input{

	height: 25px;

	border: 1px solid gray;

	color: black;

	width:  300px;

}

.mailForm textarea{

	border: 1px solid gray;

	height: 150px;

	width:  300px;

	color: black;

}

.mailForm td.submit{

	color: red;

	text-align: center;

}

.mailForm td.submit input{

	width:  100px;

	background-color: #FFFFFF;

}



.mailForm td.check {

	height: 25px;

	font-size: 14px;

}

/* Table type 01*/

table.tb{

	width:100%;

	font-size:110%;

	border: 1px solid #cccccc;

}



table.tb a{

	text-decoration: underline;

}

table.tb th,table.tb td{

	font-size:110%;

	border-bottom: 1px solid #cccccc;

	border-left: 1px solid #cccccc;

}

table.tb th{

	background: #ffffe3;

	width:125px;

}

table.tb td{

	padding-left:5px;

}