@charset "shift_jis";


/* ========BASIC======== */
*{margin: 0;padding: 0;}
html,body,div#container,div#wrapper {height: 100%;} /*footer固定*/
*html body {overflow-y:auto;} /*ズレ対策　IE6だけに適用*/
*+html body {overflow-y:auto;} /*ズレ対策 IE7だけに適用*/
html {font-size: 62.5%;}
body {
	font-size: 16px; 
	font-size: 1.6rem; /* =16px */
	font-family: 'メイリオ',Meiryo, 'ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro';
	color: #333;
	line-height:1.4;
   	letter-spacing:0.8px;
	background: url('') repeat fixed; height: 100%;
	overflow-y:scroll;/* ズレ対策 */
}

br {letter-spacing:normal;}
a {color:#156972;text-decoration:none;}
a:hover {color:#1ab1cc;}
img {border:0;vertical-align:bottom;}
h1,h2,h3,h4,h5,h6 {margin:0;}  

/*-------------------------------------------------- ▼▼wrapper | 全体を包む▼▼--------------------------------------------------*/
div#wrapper {
	width:100%;
	height: auto !important;
	min-height: 100%;
	margin: 0 auto;	
	position:relative;
	background: url('../background/wrap.png') center top repeat-y;
}
/*--------------------------------------------- ▼▼container | headerとcontentsを包む▼▼-----------------------------------------*/
div#container {
	width:100%;
	margin: 0 auto;
}

/* ========TEMPLATE LAYOUT======== */
#headWrap {
	position:relative;
	width:100%;
	height:100px;
	margin:0 auto;
	padding:0;
}
#header {
	position:relative;
	width:1050px;
	height:100px;
	margin:0 auto;
	padding:0;
}
#pr {
	width:1050px;
	position:absolute;
	left:0;
	top:0;
}

#entranceWrap {
	position:relative;
	width:100%;
	height:400px;
	margin:0 auto;
	padding:0;
	background: url('../background/index_wrap.png') center top repeat-x;
}
#entrance {
	position:relative;
	width:1150px;
	height:400px;
	margin:0 auto;
}


#contents {
	width:1050px;
	clear:both;
	margin:0 auto;
	padding:10px 10px 250px 10px;/* must be same height as the footer */
}


#bx1000{
	width:1000px;
	clear:both;
	margin:0 auto;
}

#footer {
	height:250px;
	margin-top: -250px; /* negative value of footer height */
	margin-right: auto;
	margin-left: auto;
	position: relative;
	bottom: 0;
	text-shadow: 0.1em 0.1em 0.8px #ccc;
	background:url("../background/bg_footer.png") center top no-repeat;
}
#footMenu {
	width:1050px;
	margin:0 auto;
}
* html #footer {
	bottom:expression(document.getElementById("wrapper").offsetHeight % 2 == 0 ? 0 : -1);
}

/* ========HEADER CUSTOMIZE======== */
#header h1 {
   margin:0;
   font-size: 10px;
   font-size: 1.0rem; /* =10px */
   color:#ccc;
}

#header h1 a {
   color:#9B0000;
}

#header h1 a:hover {
   color:#D30000;
}

#header #pr p {
   margin:0;
   font-size:11px;
}

#header #gnavi ul {
   list-style:none;
}

#header #gnavi li {
   font-size: 11px;
   font-size: 1.1rem; /* =11px */
   margin-left:15px;
   float:left;
}

#header #gnavi li a {
   display:block;
}

#header #gnavi .tel {
   color:#fff;
   font-size: 20px;
   font-size: 2.0rem; /* =20px */
   font-weight:bold;
   letter-spacing:-1px;
   line-height:1.2;
   text-shadow: 0.1em 0.1em 1px #666;
}

/* ========bx1000 CUSTOMIZE========= */

#bx1000 h2 {
   height:40px;
   margin-bottom:20px;
   padding:0px;
   font-size: 17px;
   font-size: 1.7rem; /* =17px */
   color:#439aa3;
   font-weight:bold;
   text-indent:5.1rem;   
   text-shadow: 0.1em 0.1em 1px #ccc;
   line-height:40px;

   background:url("../background/bg_h2_1000.png") 100% 100% no-repeat; 
}
#bx1000 h2 span{
   font-size: 11px;
   font-size: 1.1rem; /* =11px */
}

#bx1000 #groupsite{
	width: 	1000px;
	margin:0px auto;
	padding:0;
}

#bx1000 #groupsite div.bn_box_960{
	width: 960px;
	margin:0px auto;
	padding:0;
	text-align:center;
}
#bx1000 #groupsite div.bn_box_960 div.bn_320{
	width: 320px;
	margin:0px auto;
	padding:0;
	text-align:center;
	float:left;
}

#bx1000 #groupsite div.bn_box_960 div.bn_320 div.bn_320sf{
	width: 320px;
	height:100px;
	margin:0px auto;
	padding:0;
	text-align:center;
	background:url(../bn/sitebn_ikjsf.jpg) no-repeat;
}
#bx1000 #groupsite div.bn_box_960 div.bn_320 div.bn_320l {
	width: 160px;
	margin:0px auto;
	padding:0;
	text-align:center;
	float:left;
}
#bx1000 #groupsite div.bn_box_960 div.bn_320 div.bn_320r {
	width: 160px;
	margin:0px auto;
	padding:0;
	text-align:center;
	float:left;
}

#bx1000 #attn{
	width: 960px;
	margin:0px auto;
	padding:0;
}
#bx1000 #anc1{
	width: 960px;
	margin:0px auto;
	padding:0;
	font-size: 12px; 
	font-size: 1.2rem; /* =12px */
	text-align:center;
}
#bx1000 #anc2{
	width: 960px;
	margin:0px auto;
	padding:0;
	font-size: 12px; 
	font-size: 1.2rem; /* =12px */
	text-align:center;
}

#bx1000 #groupsite2{
	width: 1000px;
	margin:0px auto;
	padding:0;
}

#bx1000 #groupsite2 div.bn_box_960{
	width: 960px;
	margin:0px auto;
	padding:0;
	text-align:center;
}
#bx1000 #groupsite2 div.bn_box_960 div.bn_320{
	width: 320px;
	margin:0px auto;
	padding:0;
	text-align:center;
	float:left;
}

#bx1000 #groupsite2 div.bn_box_960 div.bn_320 div.bn_320sf{
	width: 320px;
	height:100px;
	margin:0px auto;
	padding:0;
	text-align:center;
	background:url(../bn/sitebn_ikjsf.jpg) no-repeat;
}
#bx1000 #groupsite2 div.bn_box_960 div.bn_320 div.bn_320l {
	width: 160px;
	margin:0px auto;
	padding:0;
	text-align:center;
	float:left;
}
#bx1000 #groupsite2 div.bn_box_960 div.bn_320 div.bn_320r {
	width: 160px;
	margin:0px auto;
	padding:0;
	text-align:center;
	float:left;
}
#bx1000 #lnk{
	width: 1000px;
	margin:0px auto;
	padding:0;
	font-size: 12px; 
	font-size: 1.2rem; /* =12px */
}
#bx1000 #lnk div.bn_box_960{
	width: 960px;
	margin:0px auto;
	padding:0;
	text-align:center;
}
#bx1000 #lnk div.linkbox_980{
	width: 980px;
	margin:0px auto;
	padding:0;
}

#bx1000 #darea{
	width: 1000px;
	margin:0px auto;
	padding:0;
	font-size: 12px; 
	font-size: 1.2rem; /* =12px */
}
#bx1000 #darea p{
	font-size: 14px; 
	font-size: 1.4rem; /* =14px */
	text-align:center;
	font-weight:bold;
}

/* ========FOOTMENU CUSTOMIZE======== */
#footMenu ul {
	margin:0;
	padding:65px 0 0 0;
	text-align:center;
}

#footMenu li {
	display:inline;
	margin:0 0 0 5px;
	list-style:none;
	font-size: 12px; 
	font-size: 1.2rem; /* =12px */
}

#footMenu li a {
	padding-left:5px;
	color:#156972;
}
#footMenu li a:hover{
	color:#1ab1cc;
}



/* ========FOOTER CUSTOMIZE======== */
.copyright {
	padding:30px 0;
	font-size: 11px;
	font-size: 1.1rem; /* =11px */
	font-style:normal;
	color:#333;
   	text-align:center;
}
.copyright p{
	padding:30px 0;
	font-size: 16px;
	font-size: 1.6rem; /* =16px */
	font-style:bold;
	color:#5A482B;
	text-align:center;
}


/* ============================= 装飾 ========================== */

/* ==== 角丸 ==== */
.rd5  {
    -moz-border-radius: 5px; /* gecko */
    -webkit-border-radius: 5px; /* webkit */
    border-radius: 5px; /* CSS3 standard */
    -khtml-border-radius: 5px; /* old konkeror */
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -khtml-border-radius-topright: 5px;
    -khtml-border-radius-topleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.rd10  {
    -moz-border-radius: 10px; /* gecko */
    -webkit-border-radius: 10px; /* webkit */
    border-radius: 10px; /* CSS3 standard */
    -khtml-border-radius: 10px; /* old konkeror */
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -khtml-border-radius-bottomright: 10px;
    -khtml-border-radius-bottomleft: 10px;
    -khtml-border-radius-topright: 10px;
    -khtml-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

/* ==== ボックスシャドウ ==== */
.bshadow {
	padding: 10px;
	background-color:#fff;
    -moz-box-shadow: 0 0 3x #666;
    -webkit-box-shadow: 0 0 3px #666;
    -ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666,strength=3)";
    filter:
        progid:DXImageTransform.Microsoft.Shadow(color=#666,direction=0,strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color=#666,direction=90,strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color=#666,direction=180,strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color=#666,direction=270,strength=3);
    box-shadow: 0 0 3px #666;
}
.bshadow2 {
	padding: 0px;
	background-color:#fff;
    -moz-box-shadow: 0 0 3x #666;
    -webkit-box-shadow: 0 0 3px #666;
    -ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666,strength=3)";
    filter:
        progid:DXImageTransform.Microsoft.Shadow(color=#666,direction=0,strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color=#666,direction=90,strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color=#666,direction=180,strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color=#666,direction=270,strength=3);
    box-shadow: 0 0 3px #666;
}

.bshadow3 {
	padding: 5px;
	background-color:#fff;
	font-size: 14px;
	font-size: 1.4rem; /* =14px */
	
    -moz-box-shadow: 0 0 3x #666;
    -webkit-box-shadow: 0 0 3px #666;
    -ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666,strength=3)";
    filter:
        progid:DXImageTransform.Microsoft.Shadow(color=#666,direction=0,strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color=#666,direction=90,strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color=#666,direction=180,strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color=#666,direction=270,strength=3);
    box-shadow: 0 0 3px #666;
}
/*DETAIL ------------------------------------------------------------------------------------------------*/
div.attention1 {
	width: 955px;
	height:150px;
	margin:10px auto;
	text-align:center;
	font-size:24px; font-size: 2.4rem;/* =24px */
	background:url(../background/at1.png) no-repeat;	
    	display:inline-table;
    	vertical-align:middle;
}
div.attention1 > p {
	font-size:24px; font-size: 2.4rem;/* =24px */
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
div.attention1 span{
	font-size:18px; font-size: 1.8rem;/* =18px */
}

div.line955t {
	width: 955px;
	height:15px;
	margin:0px auto;
	text-align:center;
	background:url(../background/line955t.png) no-repeat;
}
div.line955b {
	width: 955px;
	height:15px;
	margin:0px auto;
	text-align:center;
	background:url(../background/line955b.png) no-repeat;
}
div.line955bg {
	width: 955px;
	height:15px;
	margin:0px auto;
	text-align:center;
	background:url(../background/line955bg.png) no-repeat;
}
/*-------------------------------------------------- ▼▼clearfix▼▼--------------------------------------------------*/
.clearfix { /zoom: 1; } /* lte ie7 */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block; }
/* End hide from IE-mac */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/