@charset "utf-8";

/**  

banno.css  
Ver.1.0

Date:2011.02.21
Update:


**/




/** [INDEX] **/


body{
	font-size:80%;
	text-align: center;
	background-color:#f0fbf6;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
	color:#333;
	line-height:140%;
}

#wrapper{
	text-align: left;
	max-width: 904px;
	width:100%;
	margin:10px auto 0 auto;
}

.mobile{display:none}


/** [HEADER] **/


#header{
	background-image: url(../images/header.jpg);
	height: 112px;
	max-width: 904px;
	width:100%;
	position: relative;	
	font-size:12px
}

#header h1{
	padding:6px 0 0 26px;
}
#header h1 a{
	color:#333333
}

#header h2 a{
	width:320px;
	height:70px;
	text-indent:-9999px;
	display:block;
	margin-left:20px
}

#header #hd_key{
	color:#006600;
	position:absolute;
	top:80px;
	left:114px
}

#header #charsize #s a{
	height: 17px;
	width: 17px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	top:52px;
	left:383px;
	background-image: url(../images/bt_charsize.gif);
}
#header #charsize #s a:hover, .on{
	background-image: url(../images/bt_charsize.gif);
}

#header #charsize #m a{
	height: 17px;
	width: 17px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	top:52px;
	left:408px;
	background-position:-25px;
}
#header #charsize #m a:hover, .on{
	background-image: url(../images/bt_charsize.gif);
}

#header #charsize #b a{
	height: 17px;
	width: 17px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	top:52px;
	left:433px;
	background-position:-50px
}
#header #charsize #b a:hover, .on{
	background-image: url(../images/bt_charsize.gif);
}


#header #address{
	position:absolute;
	top:46px;
	right:36px
}




/** [MENU] **/


#menu{
	background-image: url(../images/menu.jpg);
	height: 45px;
	max-width: 904px;
	width:100%;
	font-size:12px;
	margin-top:3px;
	
}

#menu ul{
	margin:0 6px
}

#menu li{
	float:left;
	margin-top:8px;
	background-image: url(../images/border_menu.gif);
	background-repeat: repeat-y;
	background-position:right;
	font-weight:bold;position:relative
}

#menu li a{
	color:#FFFFFF;
	display:block;
	padding:6px 20px;
}

#menu li a:hover{
	text-decoration:underline
}

/** MENU Children **/

#menu ul ul {
	display: none;
	position: absolute;
	top: 30px;
	left: 20px;
	z-index: 99999;
	
}
#menu ul ul li {
	background-image:none;
	float:none;
	padding:0;
	margin:0;
	border-bottom:1px solid #FFFFFF
}

#menu ul ul li a{
	display: block;
	background-color:#ccc;
	width:160px;
	padding:10px
}

#menu ul ul ul {
	left: 100%;
	top: 0;
}

#menu ul li:hover > ul {
	display: block;
}


#menu ul ul ul{
	display: none;
	position: absolute;
	top: 200px;
	left: 80px;
	z-index: 99999;
	
}



/** [MAIN] **/


#main{
	background-image: url(../images/bg_main.jpg);
	height: 205px;
	max-width: 904px;
	width:100%;
	font-size:12px;
	margin-top:10px;
	position:relative;
	z-index: 0;
}

#main #greeting{
	position:absolute;
	top:28px;
	right:174px;
	width:386px!important;
	color:#006600
}

#main #greeting p{
	line-height:150%!important;
}

#main #greeting p a{
	text-decoration:underline
}

#main #greeting p strong{
	font-weight:normal
}



/** [LEFT] **/


#left{
	float:left;
	width: 684px;
}

#left .wrap_column{
	margin-top:14px
}

#left #column_green_top{
	background-image: url(../images/column_green_top.gif);
	height: 19px;
	width: 684px;	
}

#left #column_green_mid{
	background-image: url(../images/column_green_mid.gif);
	width: 684px;
	background-repeat:repeat-y
}

#left #column_green_btm{
	background-image: url(../images/column_green_btm.gif);
	height: 16px;
	width: 684px;	
}

#left #column_green_mid td{
	vertical-align:top;
	width:224px;
	border-right:solid 1px #CCCCCC;
	text-align:center;
}

#left #column_green_mid p{
	padding:10px;
	text-align:left
}

#left #column_green_mid .left .alpha{
	text-align:center
}


#left .column_top{
	background-image: url(../images/column_top.gif);
	height: 38px;
	width: 684px;
	position:relative	
}

#left .column_mid{
	background-image: url(../images/column_mid.gif);
	width: 684px;
	background-repeat:repeat-y
}

#left .column_btm{
	background-image: url(../images/column_btm.gif);
	height: 12px;
	width: 684px;	
}


#left .column_top h3{
	padding:10px 0 0 30px 	
}

#left #aboutus table{
	margin:0px 0 0px 26px
}

#left #aboutus td{
	vertical-align:top;
	padding:4px 6px;
	width:300px
}

#left #aboutus th{
	vertical-align:top;
	padding:4px 0;
	font-weight:normal;
	font-size:10px;
	color:#FFFFFF
}

#left #aboutus th span.blue{
	background-image: url(../images/icon_blue.gif);
	width:53px;
	display:block;
	text-align:center;
	height:16px
}

#left #aboutus th span.green{
	background-image: url(../images/icon_green.gif);
	width:60px;
	display:block;
	text-align:center;
	height:16px
}

#left .column_mid .in{
	padding:20px
}

#left .column_mid .in .news{
	border-bottom:dotted 1px #CCCCCC;
	padding-bottom:4px;
	margin-bottom:10px
}

#left .column_mid .in .news span{
	margin-right:10px
}

#left .column_top #rss{
	position:absolute;
	top:6px;
	right:14px
}

#left #back{
	background-image: url(../images/column_back.gif);
	height: 44px;
	width: 684px;	
	position:relative
}

#left #back #home a{
	display:block;
	width:150px;
	height:44px;
	position:absolute;
	left:0
}
#left #back #home a:hover{
	background-image:url(../images/column_back_h.gif);
}

#left #back #top a{
	display:block;
	width:150px;
	height:44px;
	background-position:right;
	position:absolute;
	right:0
}
#left #back #top a:hover{
	background-image:url(../images/column_back_h.gif);
}


/** [RIGHT] **/


#right{
	float:right;
	width: 206px;
	padding-top:14px
}

#right_top{
	background-image: url(../images/right_top.gif);
	height: 42px;
	width: 206px;	
}

#right_mid{
	background-image: url(../images/right_mid.gif);
	background-repeat:repeat-y;
	width: 206px;
	padding-bottom:20px	
}

#right_btm{
	background-image: url(../images/right_btm.gif);
	height: 14px;
	width: 206px;	
}

#right_top h3{
	padding:12px 0 0 30px
}


#right .title{
	background-image: url(../images/bg_title_green.gif);
	height: 32px;
	width: 198px;
	margin-left:4px
}


#right .title h3{
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
}

#right #r_menu li{
	width: 198px;
	margin-left:4px;
	margin-bottom:1px;
}

#right #r_menu li a{
	background-color:#fff;
	display:block;
	color:#333333;
	padding:10px 0 10px 30px;
	background-image: url(../images/icon_circle.gif);
	background-position:10px center
}

#right #r_menu li a:hover{
	background-color:#eee;
	color:#FF9900;
	text-decoration:underline
}

#right_mid .in{
	padding:10px	
}

#right_mid #time_table{
	margin:0;
	padding:10px 4px!important
}

#right_mid #time_table table{
	width:100%;
	margin:0
}

#right_mid #time_table th{
	font-weight:normal;
	padding:4px 0;
	background-color:#66cc99;
	color:#FFFFFF;
	text-align:center
}

#right_mid #time_table td{
	font-weight:normal;
	padding:4px 0;
	background-color:#66cc99;
	color:#FFFFFF;
	text-align:center
}

#right_mid #time_table span{
	font-size:10px
}

#right_02_top{
	background-image: url(../images/right_top.gif);
	height: 42px;
	width: 206px;	
	margin-top:14px
}

#right_02_mid{
	background-image: url(../images/right_mid.gif);
	background-repeat:repeat-y;
	width: 206px;
	padding-bottom:20px	
}

#right_02_btm{
	background-image: url(../images/right_btm.gif);
	height: 14px;
	width: 206px;	
}

#right_02_mid .in{
	padding:10px	
}

#right_02_top h3{
	padding:12px 0 0 30px
}

#right_02_mid .in li{
	margin-left:6px;
	padding-bottom:6px
}


/** [FOOTER] **/


#footer{
	background-image: url(../images/bg_footer.gif);
	background-repeat: repeat-x;
	margin-top:40px;
	text-align:center;
	background-color:#f7f4f2;
	padding-bottom:10px
}


#footer .in{
	width:904px;
	margin:0 auto;
	text-align:left
}

#footer .in ul{
	padding:16px 0 0 0
}


#footer .in li a{
	float:left;
	padding-right:14px;
	padding-left:14px;
	color:#333333;
	font-size:10px;
	text-decoration:underline
}

#footer .in li a:hover{
	color:#999
}

#footer .left{
	width:262px;
	margin-top:20px;
}

#footer .right{
	width:600px;
	border-left:solid 1px #ccc;
	padding-left:20px;
	margin-top:20px;
	font-size:12px
}

#copyright{
	color:#fff;
	font-size:10px;
	text-align:center;
	background-color:#333333
}



#linkcat-2 h2{display:none}


#footer .sub-menu{display:none}

.new{font-size:10px; color:#fff; margin-left:6px; background-color:#CC0000; padding:0 4px}


/** PAGES **/

#hd_img{margin-top:10px}


.column_mid .in h3{
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	margin-top: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:16px;
	background-image: url(../images/title_bg.gif);
	background-position:left center
}

.column_mid .in h4{
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:16px;
	background-image: url(../images/title_bg.gif);
	background-position:left center;
	margin-bottom:20px
}


.column_mid .in th, .column_mid .in td{
	vertical-align:top
}

#history {margin-top:16px}

#history table{border-collapse:collapse}

#history th{ font-weight:normal; border-right:solid 1px #CCCCCC; padding:14px 20px}


#history td{ padding:14px 20px}

.right_img{float:right; text-align:center; font-size:10px; margin-left:10px}

.left_img{float:left; text-align:center; font-size:10px; margin-right:10px}

.breadcrumb{margin-top:40px; text-align:right; font-size:10px; color:#999999}

#all{text-align:right; font-size:10px}


#table_services{
	margin-top: 20px;
	background-color:#bcedd7;
}

#table_services table{
	width:100%
}

#table_services th{
	font-weight:normal;
	background-color:#f0fbf6;
	padding:10px
}

#table_services td{
	background-color:#fff;
	padding:10px
}


#table_services table #time_table{
	margin:0;
	padding:10px 4px!important
}

#table_services table #time_table table{
	width:100%;
	margin:0
}

#table_services table #time_table th{
	font-weight:normal;
	padding:10px;
	background-color:#66cc99;
	color:#FFFFFF;
	text-align:center;
}

#table_services table #time_table td{
	font-weight:normal;
	padding:10px;
	background-color:#66cc99;
	color:#FFFFFF;
	text-align:center;
}


#services td{padding:10px 0; vertical-align:middle; text-align:center}

#services th{padding:40px 0 0 0;}


#services td p{text-align:left}


.facilities {width:100%}


#nav-above{margin-top:20px}


#form th{font-weight:normal; text-align:right; padding:6px 0 6px 6px; white-space:nowrap}

#form td{padding:6px 6px 6px 12px;}

#form .required {border-right:1px solid #CCCCCC; padding-right:12px}

#form .required span{color:#FFFFFF; background-color:#CC0000; padding:0 4px; font-size:10px; white-space:nowrap}

#form .wpcf7-not-valid-tip-no-ajax{color:#CC0000; display:block}

#form .note{font-size:10px; color:#999999}

#form .txt_ss{width:60px; border:solid 1px #bcedd7; margin-right:6px}

#form .txt_s{width:120px; border:solid 1px #bcedd7; margin-right:6px}

#form .txt_m{width:240px; border:solid 1px #bcedd7; margin-right:6px}

#form textarea{width:440px; height:240px; border:solid 1px #bcedd7}

#form select{border:solid 1px #bcedd7}

/**.wpcf7-validation-errors{padding:10px!important; background-color:#CC0000!important; color:#006600!important; text-align:center; margin:20px; border:none!important}

.wpcf7-mail-sent-ok{padding:10px!important; background-color:#bcedd7!important; color:#FFFFFF!important; text-align:center; margin:20px; border:none!important}**/

#form .wpcf7-submit{
	background-image: url(../images/bt_submit.gif);
	height: 34px;
	width: 159px;
	text-indent:-9999px;
	display:block;
	border:none
}

#form .wpcf7-submit:hover{
  filter: alpha(opacity=70);
  -moz-opacity:0.75;
  opacity:0.75;
}