@charset "UTF-8";

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

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:0.06em;
   font-family:Verdana, Helvetica, sans-serif;
   font-size:14px;
   color:#333;
}

br {
   letter-spacing:normal;
}

a {
   color:#422f28;
   text-decoration:none;
}

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

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

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

h1 {
     position: relative;
     padding-bottom: 0.5em;
     border-bottom: 4px solid #DDD;
}
 
h1::after {
     position: absolute;
     content: " ";
     border-bottom: solid 4px #6c6c6c;
     bottom: -4px;
     width:10%;
     display: block;
}

h2 {
     position: relative;
     padding-bottom: 0.5em;
     border-bottom: 4px solid #DDD;
}
 
h2::after {
     position: absolute;
     content: " ";
     border-bottom: solid 4px #6c6c6c;
     bottom: -4px;
     width:10%;
     display: block;
}

h3 {
     position: relative;
     color: white;
     padding:0.5em 0.5em 0.5em 1.4em;
     background-color: #959595;
     border-radius: 5px;
}
 
h3::after {
     position: absolute;
     top: 50%;
     left:0.7em;
     transform:translateY(-50%);
     content: '';
     width: 5px;
     height:25px;
     background-color:white;
}

h4 {
     position: relative;
     padding-left: 0.7em;
}
 
h4::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 5px;
     height:1em;
     background-color: #6c6c6c;
}

.button01{
     display:block;
     width: 400px;
     height:70px;
     line-height: 70px;
     color: #FFF;
     text-decoration: none;
     text-align: center;
     background-color: #f39800; /*ボタン色*/
     border-radius: 5px; /*角丸*/
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     font-size: 24px;
     font-weight: bold;
}
.button01:hover{
     background-color: #f9c500; /*ボタン色*/
     color: #FFF;
}


.button02{
     display:block;
     width: 400px;
     height:80px;
     line-height: 80px;
     color: #FFF;
     text-decoration: none;
     text-align: center;
     background-color: #3366cc; /*ボタン色*/
     border-radius: 5px; /*角丸*/
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     font-size: 24px;
     font-weight: bold;
}
.button02:hover{
     background-color: #6699ff; /*ボタン色*/
     color: #FFF;
}

/* ========TEMPLATE LAYOUT======== */
#top {
   width:960px;
   margin:0 auto;
}

#header {
   position:relative;
   width:960px;
}

#pr {
   width:960px;
}

#gnavi {
   position:absolute;
   bottom:5px;
   right:0;
}

#menu {
   float:left;
   width:960px;
   margin-bottom:20px;
}

#icatch {
   width:960px;
   margin:0 auto;
   background:#fff;
}

#contents {
   width:960px;
   margin:0 auto;
   padding:10px 0 ;
   background:#fff;
}

#main {
   float:right;
   width:720px;
}

#sub {
   float:left;
   width:200px;
}

#info {
   float:left;
   width:385px;
}

#news {
   float:right;
   width:385px;
}

#pageTop {
   clear:both;
}

#footMenu {
   width:960px;
   clear:both;
   overflow:hidden;
   padding:10px 0;
}

#footer {
   width:960px;
   clear:both;
   padding:10px 0;
}


/* ========HEADER CUSTOMIZE======== */
#header h1 {
   margin:0;
   padding:10px 0;
   font-size:24px;
   color:#333;
}

#header h1 a {
   color:#ff667f;
}

#header h1 a:hover {
   color:#ff667f;
   text-decoration:none;
}

/* PR CUSTOMIZE */
#header #pr p {
   margin:0;
}

/* GNAVI CUSTOMIZE */
#header #gnavi ul {
   list-style:none;
}

#header #gnavi li {
   float:left;
   font-size:12px;
   margin-left:15px;
}

#header #gnavi li a {
   padding-left:15px;
   background:url(../images/bg_gnavi.gif) 0 50% no-repeat;
}


/* ========MENU CUSTOMIZE======== */
#menu ul {
   float:left;
   margin:0;
   padding:0;
}

#menu li {
   margin:0;
   padding:0;
   float:left;
   font-size:11px;
   color:#333;
   text-align:center;
   list-style-type:none;
}

#menu li span {
   font-family:verdana;
   font-size:13px;
   color:#fff;
}

#menu li a {
   display:block;
   width:160px;
   padding:15px 0;
   color:#FFF1A4;
   background:url(../images/bg_menu.jpg) 0 100% repeat-x;
}

#menu li a:hover {
   text-decoration:none;
   background:url(../images/bg_menu.jpg) 100% 100% repeat-x;
}


/* ========INFO CUSTOMIZE======== */
#info h2 {
   background:#333333;
   font-size:16px;
   color:#fff;
   padding:2px 5px 0px 5px;
   border-bottom:3px solid #333333;
}

#info dl dt {
   clear:left;
   float:left;
   width:7em;
   padding:10px 0.5em;
}

#info dl dd {
   margin-left:0;
   padding:10px 0.5em 10px 8em;
   background:#fff url(../images/bg_info_line.gif) 0 100% repeat-x;
}


/* ========NEWS CUSTOMIZE======== */
#news p {
   margin:0;
   padding:0 0 1em 0;
}

#news h2 {
   background:#422F28;
   font-size:16px;
   color:#fff;
   padding:5px;
}


/* ========MAIN CONTENTS CUSTOMIZE======== */
#main a {
   color:#422f28;
}

#main a:hover {
   color:#db0000;
}

#main h2 {
   position: relative;
     padding-bottom: 0.5em;
     border-bottom: 4px solid #DDD;
}
 
#main h2::after {
     position: absolute;
     content: " ";
     border-bottom: solid 4px #6c6c6c;
     bottom: -4px;
     width:10%;
     display: block;
}

#main h3 {
     position: relative;
     color: white;
     padding:0.5em 0.5em 0.5em 1.4em;
     background-color: #797979;
     border-radius: 5px;
}

#main h3::after {
     position: absolute;
     top: 50%;
     left:0.7em;
     transform:translateY(-50%);
     content: '';
     width: 5px;
     height:25px;
     background-color:white;
}

#main h4 {
     position: relative;
     padding-left: 0.7em;
}
 
#main h4::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 5px;
     height:1em;
     background-color: #6c6c6c;
}


#main h5 {
   margin-bottom:2px;
   font-size:13px;
   color:#363636;
   border-bottom:1px dotted #363636;
}

#main h6 {
   margin-bottom:2px;
   font-size:13px;
   color:#363636;
}

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

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

#main dd {
   padding:0;
   margin:0 0 0.5em 1em;
   padding:4px;
   background:#FFF3EF;
}

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

#main dl.information dt {
   margin:0;
   padding:0 0 0 10px;
   background:url(../images/bg_list.gif) 0 6px no-repeat;
}

#main dl.information dd {
   margin:0 0 1em 1em;
   padding:3px;
}

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

#main table th {
   padding:5px;
   font-size:13px;
   color:#333;
   text-align:center;
   border:0px solid #ddd;
   background:#ffffff;
}

#main table td {
   padding:5px;
   font-size:13px;
   text-align:left;
   border:0px solid #ddd;
   line-height:1.5;
}


#main .button01{
     display:block;
     width: 400px;
     height:70px;
     line-height: 70px;
     color: #FFF;
     text-decoration: none;
     text-align: center;
     background-color: #f39800; /*ボタン色*/
     border-radius: 5px; /*角丸*/
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     font-size: 24px;
     font-weight: bold;
}
#main .button01:hover{
     background-color: #f9c500; /*ボタン色*/
     color: #FFF;
}


/* ========SUBCONTENTS CUSTOMIZE======== */
#sub .section {
   margin-bottom:10px;
}

#sub h2 {
   font-size:14px;
   font-weight:normal;
   color:#333;
   line-height:1.2;
}

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

#sub li {
   padding:5px 0 5px 0;
   list-style:none;
   background:url(../images/bg_sub_line.gif) 0 100% repeat-x;
}

#sub li a {
   display:block;
   width:190px;
   padding-left:12px;
   background:url(../images/bg_list.gif) 0 6px no-repeat;
}

#sub li a:hover {
   border:none;
   font-weight:bold;
   background:url(../images/bg_list.gif) 0 6px no-repeat;
   text-decoration:none;
}


/* ========PAGETOP CUSTOMIZE======== */
#pageTop {
   padding:10px 0;
   text-align:right;
}

#pageTop a {
   padding:0 0 0 12px;
   background:url(../images/bg_pagetop.gif) 0 60% no-repeat;
}


/* ========FOOTMENU CUSTOMIZE========= */
#footMenu {
   position:relative;
   padding:20px 0 0 0;
   border-top:1px solid #CECFCE;
}

#footMenu ul {
   position:relative;
   left:50%;
   float:left;
   margin:0;
   padding:0;
   list-style:none;
}

#footMenu li {
   position:relative;
   left:-50%;
   float:left;
   margin:0 20px 0 0;
   padding:0;
 
}


/* ========FOOTER CUSTOMIZE======== */
#footer {
   text-align:center;
   padding:20px 0;
}

.copyright {
   font-size:12px;
}