@charset "UTF-8";


/* ========BASIC======== */
html {
   overflow-y:scroll;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   font-family:"メイリオ", Verdana, Helvetica, sans-serif;
   font-size:12px;
   color:#333;
   border-top:3px solid #0089a1;
   background:#fff;
}

br {
   letter-spacing:normal;
}

a {
   color:#0089a1;
   text-decoration:underline;
}

a:hover {
   color:#0089a1;
   text-decoration:none;
}

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6,h7 {
   margin:0;
}


/* ========TEMPLATE LAYOUT======== */
#header {
   width:1200px;
   margin:0 auto;
   position:relative;
   padding:0 5px;
}

#menu {
   width:100%;
   float:left;
   border-bottom:5px solid #0089a1;
   background:url("../images/bg_menu.gif") 0 0 repeat-x;
}

#icatchIndexWrap {
   width: 100%;
   margin: 0 auto;
   clear: both;
   text-align:center;
   z-index:-1;
   overflow:hidden;
   height: 560px;
   background:#99C8FF url(../images/headbg.png);
}

#icatchWrap {
   width:1200px;
   margin: 0 auto;
   clear:both;
   z-index:-1;
   overflow:hidden;
   height:560px;
   background:#fff;
}
.waku{
   width:1200px;
   margin:0 auto;
   display:block;
   height:560px;
   background:url(../images/headbg_waku.png) no-repeat;
   z-index:100;
   position:relative;
}

#icatch {
   width:1200px;
   margin:0 auto;
   display:block;
   height:560px;
   position:relative;
}
.path01 span,.path02 span,.path03 span{ display:none;}

.path01{ 
background:url(../images/top/top_main_path01.png) no-repeat;
width:792px; height:145px; position:absolute; top:5%; left:2%; z-index:200;

}
.path02{
background:url(../images/top/top_main_path02.png) no-repeat;
width:806px; height:122px; position:absolute; top:35%; left:4%; z-index:200;
}
.path03{ 
background:url(../images/top/top_main_path03.png) no-repeat; 
width:485px; height:46px; position:absolute; top:70%; left:31%; z-index:200;

}

#icatch .area_box{ 
background:url(../images/top/area_box_bg.png);
border:2px solid #fff;
color:#fff;
width:230px;
font-size:17px; font-weight:700;
padding:40px 25px 10px;
border-radius:8px;
position:absolute; top:63%; left:6%; z-index:200;
}

#icatch .area_box p{ 
background:#0E7802; 
position:absolute; 
top:-30px; 
left:-20px;
padding:5px 20px 2px;
border:2px solid #fff;
border-radius:30px;
}


#icatch img.topbg { 
z-index:1;
position: absolute;
top:0;
left:0;}

#contents {
   clear:both;
   z-index:100;
   overflow:hidden;
   width:1200px;
   margin: 0 auto;
   background:#fff;
}

#main {
   float:right;
   width:840px;
   padding:10px;
   //background:url("../images/bg_contents.gif") 100% 0 no-repeat;
}

#sub {
   font-size:14px;
   float:left;
   width:220px;
   margin-left: 115px;
   padding: 2px;
   background:#fceec0 none repeat scroll 0 0;
   //url("../images/bg_contents.gif") 0 0 no-repeat;
   position: relative;
}

#pageTop {
   clear:both;
   width:800px;
}

#footer {
   clear:both;
   color:#336;
   position:relative;
}

#footMenu {
   clear:both;
   overflow:hidden;
   margin:0 auto;
   padding:10px 5px 5px 5px;
   border-bottom: 1px solid #87b5ea;
   border-collapse: collapse;
   border-top: 1px solid #87b5ea;
   background-color: #c3dfff;
   position:relative;
}

#banner {
   margin-bottom:10px;
   background:rgba(0,0,0,0) url("../images/banner/line.jpg") repeat-y scroll left top;
   padding:10px 10px 10px 20px;
}

/* ========HEADER CUSTOMIZE======== */
#header_line {
   padding-top: 5px;
   padding-bottom: 5px;
   border-bottom: 3px solid #9bcaff;
   border-collapse: collapse;
   width: 100%;
}

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

#header_logo {
   height: 100px;
   width: 100%;
   padding-bottom: 10px;
   //border-bottom: 3px solid #9bcaff;
   border-collapse: collapse;
}

#header_logo h1 {
   width: 900px;
   margin:0;
   padding:30px 0;
   font-size:24px;
   color:#fff;
   line-height:70px;
   float: left;
}

#header_logo h1 a {
   color:#333;
}

#header_logo h1 a:hover {
   color:#666;
}

#header_logo #gNavi {
   width: 250px;
   margin:0;
   font-size:11px;
   float: right
}


/* ========MENU CUSTOMIZE======== */
#menu ul {
   overflow:hidden;
   width:780px;
   margin:0 auto;
   padding:0;
   border-right:1px solid #e5e5e5;
}

#menu li {
   float:left;
   color:#333;
   text-align:center;
   list-style-type:none;
}

#menu li:hover {
   color:#fff;
   text-decoration:none;
   background:url("../images/bg_menu_on.gif") 0 0 repeat-x;
}

#menu li:active {
   color:#fff;
   text-decoration:none;
   background:url("../images/bg_menu_on.gif") 0 0 repeat-x;
}


#menu li a {
   display:block;
   width:155px;
   color:#333;
   line-height:50px;
   text-decoration:none;
   border-left:1px solid #e5e5e5;
}


/* ========ICATCH CONTENTS CUSTOMIZE======== */
#icatch h2 {
   padding-top:30px;
}

/* ========SUBCONTENTS CUSTOMIZE======== */
#sub .section {
   margin-bottom:10px;
   border:1px solid #fceec0;
   background-color:#fceec0;
}

#sub .section_a {
   margin-bottom:10px;
   border:0px none #000000;
   background-color:#fceec0;
   font-size:12px;
}

#sub h3 {
   padding:10px 5px;
   font-size:13px;
   font-weight:bold;
   color:#fff;
   text-align:center;
   border:1px solid #fff;
   border-bottom:none;
   background:#f0e68c url("../images/bg_sub_h3.gif") 0 0 repeat-x;
}

#sub ul {
   margin:0;
   padding:5px 5px 1px 5px;
}

#sub ul.a {
   margin:0;
   padding:0px 10px 0px 10px;
}

/* ナビゲーション　通常 */

#sub li {
   margin-bottom:5px;
   padding:5px;
   list-style:none;
   border:1px solid #f4a460;
}

#sub li.nav1,#sub li.nav2,#sub li.nav3,#sub li.nav4 {
   background:#fff url("../images/bg_sub_list_nav1-4.gif") 0 0 repeat-x;
}

#sub li.nav5,#sub li.nav6 {
   background:#fff url("../images/bg_sub_list_nav5-6.gif") 0 0 repeat-x;
}

#sub li.nav7 {
   background:#fff url("../images/bg_sub_list_nav7.gif") 0 0 repeat-x;
}

#sub li.nav8,#sub li.nav9,#sub li.nav10,#sub li.nav11 {
   background:#fff url("../images/bg_sub_list_nav8-11.gif") 0 0 repeat-x;
}


#sub li a {
   display:block;
   padding-left:5px;
   line-height:1.5;
}

#sub li.nav1 a,#sub li.nav2 a,#sub li.nav3 a,#sub li.nav4 a {
   color:#000;
   border-left:5px solid #b22222;
}

#sub li.nav5 a,#sub li.nav6 a {
   color:#000;
   border-left:5px solid #87cefa;
}

#sub li.nav7 a {
   color:#000;
   border-left:5px solid #ffa500;
}

#sub li.nav8 a,#sub li.nav9 a,#sub li.nav10 a,#sub li.nav11 a {
   color:#000;
   border-left:5px solid #3cb371;
}



/* ナビゲーション　マウスオーバー */

#sub li:hover {
   margin-bottom:5px;
   padding:5px;
   border:1px solid #f4a460;
   list-style:none;
}

#sub li.nav1:hover,#sub li.nav2:hover,#sub li.nav3:hover,#sub li.nav4:hover {
   color:#fff;
   background:#003366 url("../images/bg_sub_list_nav1-4_hover.gif") 0 0 repeat-x;
}

#sub li.nav5:hover,#sub li.nav6:hover {
   color:#fff;
   background:#003366 url("../images/bg_sub_list_nav5-6_hover.gif") 0 0 repeat-x;
}

#sub li.nav7:hover {
   color:#fff;
   background:#003366 url("../images/bg_sub_list_nav7_hover.gif") 0 0 repeat-x;
}

#sub li.nav8:hover,#sub li.nav9:hover,#sub li.nav10:hover,#sub li.nav11:hover {
   color:#fff;
   background:#003366 url("../images/bg_sub_list_nav8-11_hover.gif") 0 0 repeat-x;
}



#sub li a:hover {
   display:block;
   padding-left:5px;
   line-height:1.5;
}

#sub li.nav1 a:hover,#sub li.nav2 a:hover,#sub li.nav3 a:hover,#sub li.nav4 a:hover {
   color:#fff;
}

#sub li.nav5 a:hover,#sub li.nav6 a:hover {
   color:#fff;
}

#sub li.nav7 a:hover {
   color:#fff;
}

#sub li.nav8 a:hover,#sub li.nav9 a:hover,#sub li.nav10 a:hover,#sub li.nav11 a:hover {
   color:#fff;
}


/* 
--------------------------------
#sub li:active {
   margin-bottom:5px;
   padding:5px;
   line-height:1.4;
   border:1px solid #2f4f4f;
   list-style:none;
   background:#f5deb3 url("../images/bg_sub_list.gif") 0 0 repeat-x;
}

#sub li a:active {
   color:#2f4f4f;
   display:block;
   padding-left:5px;
   line-height:3.0;
   border-left:5px solid #2f4f4f;
}
--------------------------------  
*/

#sub2 ul {
   margin:0;
   padding:0;
}

#sub2 li {
   line-height:1.4;
   border-bottom:1px solid #ddd;
   list-style:none;
}

#sub2 li a {
   display:block;
   padding-left:20px;
   color:#333;
   line-height:3.0;
}

/* ========MAIN CONTENTS CUSTOMIZE======== */
/* 不要 */
#main h2 {
   margin-bottom:8px;
   padding:2px 2px 2px 0;
   color:#5A5132;
   font-size:15px;
   font-weight:bold;
   border-bottom:3px double #5A5132;
}

/* 不要 */
#main h3 {
   margin-bottom:5px;
   padding:16px 10px 10px 10px;
   font-size:14px;
   border-bottom:1px dotted #ddd;
   background:#fff url("../images/bg_main_h3.gif") 0 0 repeat-x;
}

#main h4 {
    background-color: #fff;
    border-collapse: collapse;
    border-left: 1px solid #adaaac;
    border-top: 1px solid #adaaac;
    color: #bd3244;
    font-size: 110%;
    line-height: 0.4em;
    margin-bottom: 10px;
    padding: 7px 10px;
}

#main h5 {
   margin-bottom:5px;
   padding:7px 10px 5px;
   font-size:120%;
   color:#451a09;
   background:#e1d0b2;
   border-bottom:1px solid #c2a46f;
}

#main h6 {
   margin-bottom:5px;
   margin-top:10px;
   font-size:13px;
   padding:3px;
   color:#fff;
   background:#5ebfec;
   text-align:center;
}

#main h7 {
    font-size: 100%;
    border-left: 8px solid #000000;
    border-collapse: collapse;
    color: #000000;
    line-height: 14px;
    margin-bottom: 5px;
    padding: 2px 10px 1px;
}


#main p {
   margin:1em 0 1em 0;
}

#main p.aa {
    border-collapse: collapse;
    border-top: 1px dotted #000000;
    padding-left: 10px;
    padding-top: 5px;
}

#main .box_left{
   float:left;
   margin-bottom:20px;
   width:410px;
}

#main .box_right{
   float:right;
   margin-bottom:20px;
   width:410px;
}

#main dt {
   margin-bottom:3px;
}

#main dd {
   padding:0;
   margin:0 0 0.5em 1em;
   padding:3px;
   background:#eee;
}

/* INFORMATION CUSTOMIZE */
* html body #main dl.information dd div {
   display:inline-block;
}

#main dl.information dt {
   float:left;
   width:10em;
   margin:0;
   padding:0;
}

#main dl.information dd {
   margin:0 0 0.5em 20em;
   padding:0;
   background:transparent;
}

#main table {
   width:100%;
   border-collapse:collapse;
}

#main table th {
   padding:5px;
   font-size:12px;
   text-align:left;
   border:1px solid #ddd;
   background:#f0f7fc;
}

#main table td {
   padding:5px;
   font-size:12px;
   text-align:left;
   border:1px solid #ddd;
}


/* ========BANNERMENU CUSTOMIZE======== */

#banner .l430{
   float:left;
   width:430px;
}

#banner .r245{
   float:right;
   width:245px;
   margin-top:-180px;
   margin-left:500px;
   margin-bottom:10px;

}

/* ========FOOTMENU CUSTOMIZE======== */
#footMenu .section {
   margin-right:10px;
   padding:0;
}

/* #footMenu h3 { 						*/
/*   font-size:12px; 					*/
/*   border-bottom:1px dotted #999; 	*/
/*} 									*/

#footMenu ul {
   margin:0px 0;
   padding-top:0px;
   text-align:center;
 //border-top:1px solid #ddd;
}

#footMenu li {
   display:inline;
   margin:0 0 0 5px;
   list-style:none;
}

#footMenu li a {
   padding-left:10px;
   font-size:11px;
   color:#336;
   text-decoration: none;
/*   background:url(../images/bg_footmenu.gif) 0 50% no-repeat; */
}

#footMenu li a:hover {
  text-decoration: underline;
}


/* ========PAGETOP CUSTOMIZE========= */
#pageTop {
   padding:20px 0 4px 0;
   text-align:right;
/*   position:absolute; top:-42px; right:15%; z-index:500;	*/
}

#pageTop a {
   color: #ffffff;
   padding:5px 5px 5px 17px;
   background:#4169e1 url("../images/bg_pagetop.gif") 7px 50% no-repeat;
   font-size:11px;
}

/* ========FOOTER CUSTOMIZE======== */
.copyright {

   clear:both;
   padding:10px 0;
   font-style:normal;
   font-size:11px;
   text-align:center;
}


/*サイトバー　エリア*/

.area_box{ 
background:url(../images/top/area_box_bg.png);
border:2px solid #fff;
color:#fff;
width:180px;
font-size:14px; font-weight:700;
padding:30px 15px 10px;
border-radius:8px;
position: relative; top:63%; left:3px; z-index:200;
margin-bottom:20px;
}

.area_box p{ 
background:#0E7802; 
position:absolute; 
top:-30px; 
left:22%;
padding:5px 20px 2px;
border:2px solid #fff;
border-radius:30px;
}



/* ========追加したボタンCSS======== */
.main_p{ position:absolute; bottom:8%; left:38%; z-index:200;}
a span{ 
color:#fff; 
font-weight:bold; 
font-size:16px; 
padding:0 0 0 30px; 
background: url(../images/btn_licon.png) no-repeat;}

a.btn_blue{ 
background: #00218B;
padding:10px 24px 8px;
border-radius:6px;
border-bottom:5px solid #00113E;
text-decoration:none;
transition:border-bottom 0.8s linear 0, background 1s linear 0;
}

a:hover.btn_blue{ 
background: #0548E3;
border-bottom:1px solid #00113E;

}

a.btn_green{ 
background: #057C3B;
padding:10px 24px 8px;
border-radius:6px;
border-bottom:5px solid #04460A;
text-decoration:none;
transition:border-bottom 0.8s linear 0, background 1s linear 0;
}

a:hover.btn_green{ 
background: #065500 ;
border-bottom:1px solid #00113E;

}



a.btn_red{ 
background: #9E0C0F;
padding:10px 24px 8px;
border-radius:6px;
border-bottom:5px solid #4D0203;
text-decoration:none;
transition:border-bottom 0.8s linear 0, background 1s linear 0;
}

a:hover.btn_red{ 
background: #760001;
border-bottom:1px solid #00113E;

}

a.btn_orang{ 
background: #E96804;
padding:10px 24px 8px;
border-radius:6px;
border-bottom:5px solid #521A01;
text-decoration:none;
transition:border-bottom 0.8s linear 0, background 1s linear 0;
}

a:hover.btn_orang{ 
background: #B34800;
border-bottom:1px solid #00113E;

}



a.btn_yellow{ 
background: #D9C400;
padding:10px 24px 8px;
border-radius:6px;
border-bottom:5px solid #624600;
text-decoration:none;
transition:border-bottom 0.8s linear 0, background 1s linear 0;
}

a:hover.btn_yellow{ 
background: #D48B02 ;
border-bottom:1px solid #00113E;

}