@charset "utf-8";
/* CSS Document */

/* common css */
*{

	font-size: 100%;
	font-weight: normal;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	font-style:normal;
	margin: 0px;
	padding:0px;
	border: 0px;

}

body{
	width: 100%;
	text-align:center;
	color:#3f3f3f;
	font-size:12px;
	line-height:1.4em;
	background-color:#ffffff;
}

/* FirefoxHack 
html:not([lang*=""]) 
body { font-size:11px; }
/* EndFirefoxHack */



ul, li{
	list-style-type: none;
}

img{
	border:none;
}

b,
strong{
	font-weight:bold;
}

h1{
	color:#999999;
	font-size:10px;
	text-align:right;
	padding:0 10px 0 0;
}

h2{
	background-image:url(../image/h2.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	font-size:16px;
	padding:10px 10px 12px 10px;
	margin:0 0 5px 0;
	color:#1b42a6;
	font-weight:bold;
	display:block;
}

h3{
	background-image:url(../image/h3.jpg);
	background-position:left;
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:14px;
	color:#4c5260;
	padding:0px 0 0 20px;
	margin:0 0 5px 0;
	display:block;
	height:28px;
	line-height:26px;
}

h4,
.title{
	background-color:#b7cbff;
	padding:3px 10px;
	margin:3px 0;
}

.style01{
	color:#1b42a6;
}

.style02{
	color:#ffffff;
}

.style03{
	color:#0bafd2;
}

.size01{
	font-size:10px;
}

.size02{
	font-size:14px;
}

.size03{
	font-size:16px;
}

.tell{
	color:#404040;
	font-size:20px;
	line-height:32px;
	font-weight:bold;
	display:block;
}


#shadow{
	background-image: url(../image/kage.jpg) ;
	background-repeat: repeat-y;
	background-position:center;
}

#topcontainer{
	margin: 0 auto;
	width: 800px;
	text-align:center;
	background-image:url(../image/bg.jpg);
	background-repeat:repeat-y;
	background-position:left;
	background-color: #FFFFFF;

}

#container{
	margin: 0 auto;
	width: 800px;
	text-align:center;
	background-color:#ffffff;
}



a,
a:visited{
	color:#3f3f3f;
	text-decoration:none;
}

a:hover{
	color:#749bff;
	text-decoration:none;
}

.box{
	padding:0 10px;
}

.pagetop{
	text-align:right;
	padding:10px;
	clear:both;
}

/*-- header --*/

#header{
	width:800px;
	text-align:left;
	background-image:url(../image/headerbg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:0 0 13px 0;
}

.header-left{
	width: 480px;
	float:left;
	padding:10px 0 0 0px;
	text-align:left;
}


.header-right{
	float:right;
	width:280px;
	padding:10px 15px 3px 0;
	text-align:right;
}


/*-- header link --*/

.header-link a,
.header-link a:visited{
	padding:0px 0px 0px 20px;
	margin:0 0 0 20px;
	color:#2f2f2f;
	float:right;
	display:block;
	background-image:url(../image/allow.jpg);
	background-repeat:no-repeat;
	background-position:left;
	height:16px;
	line-height:16px;
}

.header-link a:hover{
	color:#749bff;
	background-image:url(../image/allow-on.jpg);
	background-repeat:no-repeat;
	background-position:left;
}

a.header-link img{
	margin:0 5px;
}

/**/

/*-- left-menu --*/

.left-menu{
	width:240px;
	float:left;
	text-align:center;
	background-color:#749bff;
	padding:5px 0;
	color:#272b33;

}

.left-menu ul{
	
}

.left-menu li{
	width:200px;
	text-align:left;
	margin:0px auto;
	color:#272b33;
	border-bottom:1px dashed #ffffff;
	font-size:12px;
}

.left-menu li a, 
.left-menu li a:visited{
	background-image:url(../image/menu/leftmenubg.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	height:30px;
	line-height:30px;
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding:0 5px 0 35px;
	font-weight:bold;
}

.left-menu li.cu a,
.left-menu li.cu a:visited{
	line-height:13px;
	background-position:left top;
	padding:3px 5px 0 35px;
}

.left-menu li a:hover{
	background-image: url(../image/menu/leftmenubg-on.jpg);
	background-repeat: no-repeat;
	color:#272b33;
}

.att{
	width:200px;
	margin:0 auto;
	text-align:left;
}

.att p{
	margin:0 0 5px 10px;
}

/**/




/* contents */

#contents{
	width:550px;
	float:right;
	text-align:center;
}

#contents-right{
	width: 500px;
	text-align:left;
	margin:0px auto;
}


/*-- facilities --*/

.words{
	float:right;
	width:280px;
	padding:10px 0px;
}

.words b{
	color:#1b42a6;
	font-weight:bold;
	display:block;
	padding:0 0 10px 0;
}

hr.cr,
.cr{
	margin:0px 0px;
	clear:both;
	color: #a9a9a9;
  	background-color: #a9a9a9; 
 	border: 0px;
	height:1px;
}


img.fac{
	float:left;
	margin:10px 0px 10px 10px;
}

/**/




/*--link --*/
.link{
	list-style-type:disc;
	margin:10px 0 20px 40px;
}

.link li{
	list-style-type:disc;
	margin:10px 0 0 0px;
}

.link li a,
.link li a:visited{
	text-decoration:underline;
}

a.linkunderline,
a.linkunderline:visited{
	text-decoration:underline;
	color:#749bff;
}


/*--list --*/
.list{
	padding:3px 0 0px 30px;
}

ul.list li{
	list-style-type:disc;
	padding:0 0 5px 0;
}

ol.list li{
	list-style-type:decimal;
	padding:0 0 5px 0;
}

/**/


/*-- table --*/
.table01{
	margin:0 auto;
    border-top:1px solid #777777;
    border-left:1px solid #777777;
    border-collapse:collapse;
    border-spacing:0px;
	background-color:#ffffff;
    empty-cells:show;
	text-align:center;
}
.table01 th{
    border-right:1px solid #777777;
    border-bottom:1px solid #777777;
    color:#ffffff;
    background-color:#32426c;
    padding:5px 20px;
    text-align:center;
	vertical-align:middle;
}
.table01 td{
	border-right:1px solid #777777;
    border-bottom:1px solid #777777;
    padding:5px 10px;
	vertical-align:middle;
	text-align:left;
}

.table02{
	margin:0 auto;
    background-color:#ffffff;
    empty-cells:show;
}
.table02 td{
	border:1px solid #a9a9a9;
    padding:5px 10px;
}

.table02 th{
	border:none;
	padding:5px 10px;
}

.table02 td b,
.table01 td b{
	background-color:#bccfff;
	display:block;
	padding:0 10px;
}
/**/

/* download */
	
a.dl{
	width:337px;
	height:27px;
	display:block;
	background-image:url(../image/button.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
}

a.dl:hover{
	width:337px;
	height:27px;
	display:block;
	background-image:url(../image/button-on.jpg);
	background-repeat:no-repeat;
}

a.bannerbutton,
a.bannerbutton:visited{
	background-image:url(../image/bannerbutton.jpg);
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	margin:0 auto;
	display:block;
	height:42px;
	line-height:42px;

}

a.bannerbutton:hover{
	background-image:url(../image/bannerbuttonon.jpg);
	color:#3f3f3f;
}
/**/

/* footer */

#footer{
	clear: both;
	color:#a9a9a9;
	font-size:10px;
	width:800px;
	text-align: center;
	padding:5px 0 0 0;
	line-height:11px;

}

#footer a,
#footer a:visited{
	color:#a9a9a9;
	padding:0px;
}

#footer a:hover{
	color:#749bff;
}

.co{
	color:#ffffff;
	background-image: url(../image/footer.jpg);
	background-repeat:repeat-x;
	height:35px;
	line-height:35px;
	width:800px;
	margin:5px 0 0 0;
	text-align: center;
	font-size:10px;

}

.counter{
	color:#969696;
	text-align:right;
	margin:0 0 0 10px;
	font-size:10px;
	clear:both;
}

/**/

/*-----------top page--------------------------------------------------------------------------*/

#topleft{
	float:left;
	width:400px;
	text-align:left;
	padding:20px 0 0 0;
}

#flash{
	background-image:url(../image/flash.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	text-align:center;
	width:400px;
}

#flashmenu{
	padding:10px 0 0px 10px;
}

#topright{
	width:400px;
	float:right;
	text-align:left;
}

.toprightbox{
	width:190px;
	float:left;
	padding:0 5px;
}

.qrmap{
	text-align:right;
	padding:0 5px;
	margin:0 0px 0 0px;
	width:195px;
	float:right;
}

.qrmap img{
	margin:0 5px;
}



/*-- menu --*/

.menu01{
	padding:0 0 0 0px;
}


.menu01 li{
	float: left;
	text-align:left;
	margin:0 0 0 10px;
	width:185px;
}

.menu01 li a,
.menu01 a:visited{
	display: block;
	color: #ffffff;
	font-size:13px;
	font-weight:bold;
	margin:0px;
	padding:0 0 0 20px;
	height: 30px;
	line-height:30px;
	background-image:url(../image/menu/menu01.jpg);
	background-repeat:no-repeat;
	background-position:left;
}

.menu01 li a:hover{
	background-image:url(../image/menu/menu01-on.jpg);
	color:#6c6c6c;
}

.menu01 li.cu{
	width:127px;
	float:left;
	margin:0 0 0 4px;
}

.menu01 li.cu a,
.menu01 li.cu a:visited{
	background-image:none;
	padding:0px;
}

.menu03{
	float:right;
	width:260px;
	padding:20px 0 20px 0;
}

.menu03 li{
	text-align:left;
	margin:0 0 0 5px;
	background-color:#2965ff;
	height:22px;
}

.menu03 li.cu{
	margin:6px 0 6px 5px;
}

.menu03 li a,
.menu03 li a:visited{
	display:block;
	background-image:url(../image/menu/menu03.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:0px 0 0px 15px;
	color:#ffffff;
	font-weight:bold;
	line-height:22px;
}

.menu03 li a:hover{
	background-color:#cedcff;
	background-image:url(../image/menu/menu03-on.gif);
	color:#2965ff;
}

.topbanner{
	float:left;
	width:180px;
}

.topbanner li{
	padding:0 0 3px 5px;
}
	

/**/	

