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

/* base
------------------------------------------------------------------------------------------------ */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, p, blockquote, th, td { margin:0; padding:0; }
body { color:#333; font: 62.5%/1.4 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; margin: 0 auto; }

img { max-width: 100%; width: auto\9; /* ie8 */ height: auto; border:0; vertical-align: top; }

a:link, a:visited, a:active { color:#1d3994; text-decoration: none; }
a:hover { color:#069; text-decoration: underline; }
ul, ol { list-style: none; }
p { margin-bottom: 1.2em; line-height: 1.6; }

/*clearfix*/
.clearfix:after { display: block; visibility:hidden; clear: both; height:0; content: " "; font-size: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* pc-nonpc_switch  */
.pc { display:block; }/*pcのみ表示*/
.nonpc { display: none; }/*pc非表示、tablet,smartphoneで表示*/
.pc-tablet { display: block; }/* PC,tabletで表示 */
.pc-tablet-inline { display: inline; }/* PC,tabletで表示 */
.nonpc-small { display: none; }/* smartphoneのみ表示*/
.nonpc-small-inline { display: none; }/* smartphoneのみ表示*/
.tablet { display:none; }/* tabletのみ表示*/
.tablet-inline { display: none; }/* tabletのみ表示*/

@media screen and (max-width: 768px) {
.pc { display:none; }/*pcのみ表示*/
.nonpc { display:block; }/*pc非表示、tablet,smartphoneで表示*/
.pc-tablet { display: block; }/* PC,tabletで表示 */
.pc-tablet-inline { display: inline; }/* PC,tabletで表示 */
.nonpc-small { display: none; }/* smartphoneのみ表示*/
.nonpc-small-inline { display: none; }/* smartphoneのみ表示*/
.tablet { display:block; }/* tabletのみ表示*/
.tablet-inline { display: inline; }/* tabletのみ表示*/
}

@media screen and (max-width: 480px) {
.pc { display:none; }/*pcのみ表示*/
.nonpc { display:block; }/*pc非表示、tablet,smartphoneで表示*/
.pc-tablet { display: none; }/* PC,tabletで表示 */
.pc-tablet-inline { display: none; }/* PC,tabletで表示 */
.nonpc-small { display: block; }/* smartphoneのみ表示*/
.nonpc-small-inline { display: inline; }/* smartphoneのみ表示*/
.tablet { display:none; }/* tabletのみ表示*/
.tablet-inline { display: none; }/* tabletのみ表示*/












}

/* 全体を含むボックス：100%とする */
#page { width: 100%; background: url(../images/cmn/header_bg.jpg) repeat-x; }
@media screen and (max-width: 768px) {
#page { background: none; }
}


/* ---------------------------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------------------------ */
#header-box { margin: 0 auto; width: 1002px;}
#catchbox{ width: 100%; margin: 0 auto; height: 114px; }
h1 { font-size: 1.2em; font-weight: normal; margin-bottom: 4px; }
#header-topbox{ overflow: hidden; width: 100%; padding-top: 11px;}
#header-image{ clear: both; margin: 12px auto 2px auto; width: 1002px; }
#header-topbox .float-r{ width: 460px\9; margin-right:-40px\9; }



@media screen and (max-width: 768px) {
#header-box { margin: 0; width: 100%; }
#catchbox{ margin: 0; height: auto; }
#catchtxt{ background: url(../images/cmn/header_catch_bg.gif) repeat top; }
h1{ padding: 4px 0 0 10px; }
#header-topbox{ background: #FFF; width: 768px; margin: 0 auto; }
#header-topbox .float-l{ width: 290px; margin-left: 10px; }
#header-topbox .float-r{ width: 460px; }
#header-image{ width: 768px; height: auto; margin: 0 auto 2px auto; padding: 10px 0; background: url(../images/cmn/header_bg_tablet.jpg) repeat-x; }
#header-image img{ width: 748px; height: auto; margin: 0 auto; }
}

@media screen and (max-width: 480px) {
#header-box { width: 100%; }
h1{ width: 300px; margin: 0 auto; }
#header-topbox{ margin-bottom: 4px; padding-top: 0; width: 300px; }
#header-topbox .float-l{ float: none; width: 280px; margin: 0 auto 8px auto; }
#header-topbox .float-r{ float: none; width: 300px; margin-bottom: 4px; overflow: hidden; }
#header-topbox .float-r img{ width: 140px; float: left; }
#header-image{ width: 300px; height: auto; padding: 0; background: none; }
}



/* Global navi
------------------------------------------------------------------------------------------------ */
#gnavi-box { clear: both; margin: 0 auto; width: 1002px; overflow: hidden; }
#nav { width: 1002px; margin: 0 auto; }
#nav li { float:left; height: 48px; }
#nav-nonpc { display: none; }

/* tablet */
@media screen and (max-width: 768px) {
#gnavi-box { width: 680px; margin-top: 4px; }
#nav { display: none; width: 0; }
#nav-nonpc { display: inline-block; overflow: hidden; margin: 0 0 0 5px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
#nav-nonpc li { display: block; float:left; width: 223px; height: 46px; background: url(../images/cmn/gnavi_nonpc_bg.jpg) repeat-x;  border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#nav-nonpc li a{ display: block; font-size: 1.4em; color: #FFF; width: 223px; height: 30px; padding-top: 16px; text-align: center; }
#nav-nonpc li a:hover{ color: #A6C1DD; text-decoration: none; }
}
/* smart-phone */
@media screen and (max-width: 480px) {
#gnavi-box { width: 300px; }
#nav-nonpc { width: 300px; margin: 0; }
#nav-nonpc li { margin: 0; width: 148px; height: 42px; }
#nav-nonpc li a{ font-size: 1.2em; width: 148px; height: 30px; padding-top: 12px; }
}



/* CONTENTS
------------------------------------------------------------------------------------------------ */
/* contents = main + side */
/*#contents-area{ width:90%; margin:0 auto; }*/

#contents-area { clear: both; margin:0 auto; width: 1002px; }
#contents-area-box { overflow: hidden; margin: 0 auto; width: 1002px; }
#main { float: right; overflow: hidden; margin: 20px 0 0 60px; padding: 5px 0 0 0; width: 680px; font-size: 1.4em; }
#page-ttl { border-bottom: 2px solid #4192D9; margin-bottom: 18px; vertical-align: middle; padding: 12px 0 4px 8px; }


@media screen and (max-width: 768px) {
#contents-area { max-width:768px; }
#contents-area-box { width: 768px; }
#main { float: none; padding: 10px 0 0 0; width: 680px; margin:0 auto; clear: both; }
}
@media screen and (max-width: 480px) {
#contents-area { width: 100%; }
#contents-area-box { margin:0 auto; padding:0; clear: both; width: 300px; background: none;  }
#main { margin: 15px auto 30px 0; padding: 0; width: 100%; }
#page-ttl { padding: 10px 3px 4px 3px; }



}





/* CONTENTS_AREA
------------------------------------------------------------------------------------------------ */

#breadcrumb{ list-style: none; margin:  0 0 10px; padding: 0; border: 1px solid #ccc; height: 1.8em; line-height: 1.8em; }
#breadcrumb li{ margin: 0; padding: 0 0 0 .5em; float: left; font-size: .9em; }
#breadcrumb li a{ display: block; padding: 0 20px 0 0; background: url(../images/cmn/crumbs.gif) no-repeat right; }
#breadcrumb li a:link, #breadcrumb li a:visited{ text-decoration: none; color: #333; }
#breadcrumb li a:hover, #breadcrumb li a:focus{ color: #777; }

#main h2 { border: 1px solid #00336A; margin: 50px 0 10px 0; font-size: 1.15em }
#main h2{background:url(../images/cmn/h2_bg.jpg) repeat-x left top; height:auto; color:#FFF; padding:8px 0 1px .5em; border-radius:3px;
text-shadow: -1px 1px 0 rgba(0,0,0,0.3); clear:both;}

#main h3 { padding: 2px 18px 1px; border:4px solid #F0EDE1; border-left:none; border-right:none; margin: 50px 0 20px 0; font-size: 1em; clear:both; background: url(../images/cmn/h3_bg_icon.png) no-repeat left 9px, url(../images/cmn/h3_bg.png) repeat; border-radius:3px;}
#main h4 { line-height: 110%; font-size: 1.1em; border-left: 8px solid #B68BB4; margin: 1em 0 0.5em; clear: both;  border-bottom: 1px solid #CCC; padding: 4px 0 4px 6px; width: 300px; }

.btn-action { overflow: hidden; margin: 60px 0; }
.btn-action p { border-bottom: 3px solid #4192D9; padding-bottom: 6px; }
@media screen and (max-width: 480px) { .btn-action { margin: 30px 0 60px;} }


#gotop { clear: both; margin: 0 0 10px 0; padding-top: 60px; text-align: right; }
@media screen and (max-width: 768px) { #gotop { display: none; } }



/* SIDEBAR
------------------------------------------------------------------------------------------------ */
#sidebar { float: left; width: 260px;font-size: 1.4em; }
#sidebox { margin: 2px 0 20px 0; width: 260px; padding-top: 20px; }

.side-menu { margin: 0 0 35px 0; padding: 0 10px; width: 240px; background: url(../images/cmn/side_menu_box_bg.jpg) no-repeat bottom; border: 1px solid #CCC; border-radius: 4px; }
.side-menu li { background: url(../images/cmn/side_menu_bg.gif) no-repeat 4px 1px; }
.side-menu li a { display: block; margin: 0; padding: 18px 14px 10px 18px; }
.side-menu li a:link { color: #333; text-decoration: none; }
.side-menu li a:visited { color: #572769; text-decoration: none; }
.side-menu li a:active { text-decoration: none; }
.side-menu li a:hover { color: #003399; text-decoration: underline; background: url(../images/cmn/side_menu_bg_over.gif) no-repeat 4px 1px; }
.side-menu-top{ background-position: 4px -1px !important; }
.side-menu-top a:hover{ background-position: 4px -1px !important; }

.side-menu-ttl{ margin: 0px 0 0 0; }

#side-map-box { height: 200px; margin-bottom: 10px; width: 240px; }
@media screen and (max-width: 480px) {
#side-map-box { width: 100%; height:200px; margin-bottom: 20px; }
}


@media screen and (max-width: 768px) {
#sidebar { float: none; width: 100%; }
#sidebox { width: 100%; }
.left-side{ float: left; width: 260px; clear: both; margin: 0 0 0 46px; }
.right-side{ float: right; width: 260px; margin: 0 80px 0 0; }
}


@media screen and (max-width: 480px) {
.left-side, .right-side { float: none; margin: 0 auto; }
}



/* FOOTER
------------------------------------------------------------------------------------------------ */
#footer-area { clear: both; margin: 40px 0 0 0; font-size: 1.4em; padding-top: 15px; width: 100%; background: url(../images/cmn/footer_bg.gif) repeat-x top; }

#footer-linkbox { width: 800px; margin: 0 auto 1em auto; padding-top: 1em; overflow: hidden; }
#footer-linkbox ul { text-align: center; line-height: 1; padding-right: 25px; padding-left: 25px;  }
#footer-linkbox li { display: inline-block; /display: inline; /zoom: 1; margin: 6px 0; padding: 0 6px 0 3px; border-right: 1px solid #333; }

#footer-copy { text-align: center; clear: both; background: url(../images/cmn/footer_copy_bg.gif) repeat; padding: 4px 0; color: #FFF; font-size: 13px; }
#footer-copy a { color: #fff; text-decoration: none; }
#footer-copy h1{ margin-top: 10px;}

@media screen and (max-width: 768px) {
#footer-area { width: 100%; }
#footer-linkbox { width: 94%; }
#footer-copy { width: 100%; }
}

@media screen and (max-width: 480px) {
#footer-linkbox { width: 100%; }
#footer-linkbox ul { text-align: left; padding: 0 0 0 10px; }
#footer-linkbox li { border: none; margin: 1em 0; display: block; padding: 0 0 0 14px; }
}



@media print {#footer-area {display:none;}




}










.absolute_test {
    position:  absolute;        /* 要素の配置方法を指定 */
       /* 背景色指定 */
               /* 余白指定 */
    right:  70px;                /* 左からの位置指定  70 変更前*/
    top: 30px;                /* 上からの位置指定 30　変更前*/
	height:378px;
	
	
} 


@media screen and (max-width: 1366px) {
	.absolute_test{
		display: none;
	}
	
	
}


@media screen and (min-width: 2000px) {
	.absolute_test{
		display: none;
	}
	
	
}