@charset "utf-8";
 
/* ------------------------------------------------------------------------------------ */
/* Common Styles */
/* ------------------------------------------------------------------------------------ */
 
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video, input, select, textarea {
	font-family: "メイリオ", "Meyryo" , Verdana, Helvetica, "ＭＳ Ｐゴシック", Osaka, sans-serif ;
	font-size:1em;
}
 
body {background-color: #EDEDED; color:#333; font-size:0.85em; /* =14px*/ line-height:150%;}
 
a { color:#000000;}
a:hover,
a:active {color: #349041;} 
/* --------------------------- */
/* layout */
.m_top10	{margin-top:10px }
.m_top20	{margin-top:20px }
.m_top30	{margin-top:30px }
.m_top40	{margin-top:40px }
 
.m_left10	{margin-left:10px }
.m_left20	{margin-left:20px }
.m_left30	{margin-left:30px }
.m_left40	{margin-left:40px }
 
.m_right10	{margin-right:10px }
.m_right20	{margin-right:20px }
.m_right30	{margin-right:30px }
.m_right40	{margin-right:40px }
 
.centering	{text-align:center;}
.setright	{text-align: right;}
.setleft	{text-align: left;}
.floatL 	{float:left; }
.floatR 	{float:right; }
 
.horizontal li	{float:left;}
 
/* text styles */
em,.bold	{font-weight: bold;}
small,.small{font-size:0.92em;}
.fontLL  	{font-size:1.3em;}
.fontL  	{font-size:1.15em;}
.fontS  	{font-size:0.92em;}
.fontSS 	{font-size:0.85em;}
 
ol li   	{margin-left:2em; list-style-type:decimal;}
 
/* clearfix */
.clearfix:before,
.clearfix:after {content:""; display:table;}
.clearfix:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {zoom:1;}
 
/* base width */
.wrap { margin:0 auto; width:990px;}

/* header */
.pageheader {background:#002300 url(../images/header_bg.png) center top no-repeat; line-height: 100%;}
.pageheader_inner {position:relative; background-color: #fff}
.page_ttl 	{margin-top:100px; font-size: 0.85em;}
.hd_logo 	{margin-top: 30px;}
.hd_intro 	{margin-top: 30px;}

.header_block1,
.header_block2 {float:left; width: 495px; height: 535px; overflow: hidden;}
.header_block1 {background:url(../images/header_block1_bg.jpg) left bottom no-repeat; text-align: center;}
.header_block2 {background:url(../images/header_block2_bg.jpg) left top no-repeat; text-align: center;}
.header_block2 p {position: absolute; top: 420px; left: 50%;}

.gnav		{position:absolute; z-index:999; top:505px; clear: both; }

/* footer */
.pagefooter {padding-bottom: 20px; width:100%; background:#002300 url(../images/footer_bg.png) center bottom no-repeat;}
.ft_inner 	{width:100%; height:230px; background-color:#2D2523; color: #fff;}
.ft_inner a {color: #fff;}
.pagefooter .wrap {position:relative; }

#pagetop {position:absolute; top:-25px; right: 0; padding:5px; width:287px; border-radius: 3px; background-color: #2D2523; text-align: center; cursor: pointer;}

.ft_contact {float:left; width: 420px;}
.ft_logo {padding: 40px 0;}

.ftnav 		{float:left; margin-left: 50px; padding: 60px 0 0; width: 420px;}
.ftnav li 	{width: 110px;}
.ftnav li:last-child {width:200px;}
.ftnav a 	{display: block; padding:2px 0;}
.ft_menu{float:left; margin-left: 50px; padding: 20px 0 0;}
.ft_menu li {float:left; margin-right:12px; width: 180px; border-radius: 3px; border:solid 1px #fff; text-align: center;}
.ft_menu li a {display: block; padding:4px 0;}

/* main */
.main	{position:relative; margin-top: 10px; padding-bottom: 50px;}
h2 {margin: 10px; padding:5px 10px 5px 20px; border-radius: 3px; border:solid 1px #ACA6A1; background:#F9F9F9 url(../images/midashi_bg.gif) 5px 4px no-repeat; color: #0C5A48; font-weight: bold;}

/* index */
.content_block1,
.content_block2 {float: left; font-size: 0.85em;}
.content_block1 {margin-right: 12px; width: 490px;}
.content_block2 {width: 485px; }

.content_block1 p{margin: 15px 10px 0;}
.content_block1 .layout_text p{line-height: 22px;}
.content_block1 .layout_text p.first {margin-top: 0;}
.content_block1 .layout_text + p{margin-top: 14px;}

.box1 {margin:15px 0; padding: 10px; border:dashed 1px #ccc; background-color: #fff;}
.fitbottom {position: absolute; bottom: 0; left: 0;}



img.panorama {

margin-left:9px;
margin-bottom:10px;


}

