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


/* 
イニシャライズ 
--------------------------------------------------------------------------------------------------------------------------------*/
	
	* { margin: 0; padding: 0; }
	img { border: none; }
	p { margin-bottom: 10px; }
	.leftbox { float: left;}
	.middlebox { float: left;}
	.rightbox { float: right;}



/*
基本設計
--------------------------------------------------------------------------------------------------------------------------------*/

	
	/* html,body{ height: 100%; } */

	body { background-color: #fff; color: #000; font-family: Garamond, serif; font-size: 12px; line-height:  140%; margin-bottom: 80px; }
	input, textarea, select { font-family: Garamond, serif; font-size: 11px; color: #000; }
	p.japanese {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 210%;}
	.skiptocontent { display: none; }
	h2 { font-size: 14px; margin-bottom: 5px; color: #000; }
	h2 a { color: #f00; }
	h2 a:hover { color: #000 !important; }
	h2.black { color: #000; }
	h2.black a { color: #000; }
	h2.black a:hover { color: #a4dd20 !important; }
	
	#container { width: 960px; margin: 0 auto; /*height: auto !important;    height: 100%;   min-height: 100%; */}
	a { color: #000; text-decoration: underline; }
	a:hover { color: #000; text-decoration: none; }
	a.readmore { text-decoration: none; }
	a.readmore img { vertical-align: text-bottom; }
	a:hover.readmore { color: #a4dd20; }



/* HEADER */
	#header { margin: 50px 0 20px; padding-bottom: 5px;}
	#header.kei { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #000; }
	#header h1 a { display: block; width: 216px; height: 44px; background: url(../images/cross_logo.gif) no-repeat center; margin-bottom: 10px; }
	#header h1 a span { display: none; }
	#header h2 a { display: block; width: 56px; height: 44px; background: url(../images/banapa_logo_gr.gif) no-repeat center bottom; margin-left: 10px; margin-bottom: 5px; }
	#header h2 a.btnBack { display: block; width: 56px; height: 32px; background: url(../images/banapa_logo_gr.gif) no-repeat center; margin-left: 0px; margin-bottom: 5px; }
	#header h2 a:hover.btnBack { display: block; width: 56px; height: 32px; background: url(../images/banapa_logo.gif) no-repeat center; margin-left: 0px; margin-bottom: 5px; }
	#header H2 a.carrent {background: url(../images/banapa_logo.gif) no-repeat bottom; }
	#header h2 a span { display: none; }
	#header a.txtBack { display:block; margin-left: 20px; text-decoration:none;}


/* MAINN */
	#navi .menu li { list-style: none; margin-bottom: 30px;}
	#navi .menu li a {text-decoration: none; font-weight: bold; }
	#navi .menu li a.na { text-decoration: none; font-weight: bold; color:#888; }
	#navi .menu li a:hober.na { color:#888; }

	#home .topics { float:left; margin-top: 200px;}
	#home .topics h3 { font-size:10px; font-style:italic;}
	
	#home .mainvisual { float:right ;}


/* About Us */
	.about .profile h2 { font-size:12px; margin-top:40px; margin-bottom:40px; }
	.about .staff h2 { font-size:10px; margin-top:40px; margin-bottom: 5px; }
	.about .staff 
	.about .staff .meta {font-size: 90%;}
	

/* MAP */
	.contact .address h2 { font-size:12px; margin-top:40px; margin-bottom:40px; }
	.contact .map h2 { font-size:10px; margin-top:40px; margin-bottom: 5px; }
	.contact .map img { margin-top:40px; margin-bottom:40px; }	

/* NEWS */
	.info .txt { float:left; margin:0px; margin-right:200px;}
	.info .news h2 { font-size:12px; margin-top:40px; margin-bottom:40px; }
	.info .comment h2 { font-size:10px; margin-top:40px; margin-bottom: 5px; }
	.info .comment .meta {font-size: 90%;}
	.info .visual{ margin:55px;}
	.info ul.subvisual {float: left;  margin-top:10px; padding:0; list-style-type:none; }
	.info ul.subvisual li {float: left; margin-right: 2px; padding:1px;border:0px; }

/* FOOTER */
	
	#footer { /* border-top: 1px solid #c5c5c5; */ margin-top: 60px; padding-top: 8px; font-size: 10px; color: #666; /* position: relative; */}
	#footer a { color: #666; text-decoration: none; }
	#footer a:hover { color: #000; text-decoration: none; }


/* CLEARFIX */
	
	.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
	* html .clearfix { height: 1px; }