@charset "utf-8";

/*==========================================
 body
===========================================*/
body {width: 100%;
background-color:#ffffff;
text-align: left;
line-height: 1.8;
letter-spacing: -0.001em;		/* iOS4でのテキストの隙間への対応 */
-webkit-text-size-adjust: 100%;		/* 文字サイズの自動調整機能のキャンセル */
}


/*==========================================
 Header
===========================================*/
header {width: 100%;
padding-top: 0px;
background-color:#ffffff;}


/*==========================================
 Article
===========================================*/
article {width: 100%;
margin: 0 auto 0;
padding: 0;}

/*==========================================
 Mainvisual
===========================================*/
#mainvisual {width: 100%; margin: 0; padding: 0; }
#mainvisual ul {position: relative;}
#mainvisual ul li {display: none;
position: absolute;/* 背面の画像にはposition: absoluteを指定 */
z-index: 1;/* 背面の画像のz-indexを1に指定 */
width: 100%;
top: 0;/* 背面の画像をtop: 0に移動し、画像を重ねる */
}

#mainvisual ul li:first-child {/* first-child */
display: block;
position: relative;/* 前面の画像にはposition: relativeを指定 */
z-index: 1000;/* 前面の画像のz-indexを1000に指定 */
}


/*  Mainvisualbutton ------------------------------------------------*/
#mainvisual-button {width: 100%;
padding: 20px 0 20px;
background-color: #f2c40f;
border-top:2px solid #ff7400;
border-bottom:2px solid #f2c40f;}

#mainvisual-button ul {
text-align: center;
line-height: 10px;}

#mainvisual-button li {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
overflow: hidden;
vertical-align: top;}

#mainvisual-button li a {
display: block;
width: 10px;
height: 20px;}

#mainvisual-button li a:link,
#mainvisual-button li a:visited{margin-top: 0;}

#mainvisual-button li a:hover,
#mainvisual-button li a:active,
#mainvisual-button li a.current {margin-top: -10px;}

/*==========================================
 title_con
===========================================*/
#title_cont {width: 100%;
margin: 0 auto 18px;
padding: 0 auto;
background-color: #e89900;
-webkit-box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.8);
box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.8);}

#title_cont h2 {font-size:1.4em; /* font-weight: bold;*/ margin:0px; color: #ffffff; text-shadow: 4px 4px 8px #888888; letter-spacing:3px;
padding-top: 8px;
padding-bottom:8px;}


/*==========================================
 Contents-2col
===========================================*/
#contents-2col {width: 100%;
margin: 0 auto 0px;
padding:8px 0px;
background-color:#e89900;}

/*==========================================
 Contents-2colsub
===========================================*/
#contents-2colsub {width: 100%;
margin: 0 auto 0px;
padding:8px 0px 28px;
}



/*==========================================
 toppage indexmenu
===========================================*/
#indexmenu {width: 100%;/*max-width:1024px;*/
margin: 0px auto 0px;
padding: 0px;
padding-bottom: 20px;
background: #f2c40f; /* Old browsers */
background: -moz-linear-gradient(top,  #f2c40f 0%, #e89900 66%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f2c40f 0%,#e89900 66%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f2c40f 0%,#e89900 66%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c40f', endColorstr='#e89900',GradientType=0 ); /* IE6-9 */
}

#indexmenu .col-left {float: left;
margin:0.38%;
padding:0.55%;
width: 31.25%;}

#indexmenu .col-left section a {
display: block;
position: relative;
padding: 0.48%;
text-decoration: none;}

#indexmenu .col-left section a:link,
#indexmenu .col-left section a:visited {
background-color: transparent;}

#indexmenu .col-left section a:hover,
#indexmenu .col-left section a:active {
/*background-color: #f5f5f5;*/}

#indexmenu .col-left section img{margin: 0 18px 4px 0; vertical-align: bottom;
border-radius:8px;
box-shadow: 1px 1px 8px #333333;}

#indexmenu .col-left section h1 {
margin-bottom: 3px;
font-size:1.18em;
/*font-weight: bold;*/
color: #ffffff;
text-shadow: 1px 1px 2px #333333;}

#indexmenu .col-left section h1:after {
font-family: FontAwesome;
content: '\f138';
transition-duration: 0.3s;}

#indexmenu .col-left section a:link h1:after,#indexmenu section a:visited h1:after {margin-left: 5px;}
#indexmenu .col-left section a:hover h1:after,#indexmenu section a:active h1:after {margin-left: 8px;}
#indexmenu .col-left section p {font-size:0.9em; color: #333333;}
/*  toppage indexmenu  ------------------------------------------------*/

/*  contents  ------------------------------------------------*/
#contents {width: 100%; margin: 0 auto 0; padding: 0;}
#contents .col-left {float: left; padding:0.55%; width: 65%;}
#contents .col-right {float: right; width: 32%;}
#contents .col-left section {width: 100%; margin:8px 0 48px; border-bottom:2px dotted #f2c40f;}
#contents .col-left p {margin: 0px 0px 18px 2px;}

/*==========================================
 Contents_eria
===========================================*/
#contents_eria {width: 100%; margin: 0px auto 48px;}
#contents_eria p {margin: 0px 0px 4px 0px; padding: 3px;}
#contents_eria section#left {width: 48%; float:left;}
#contents_eria section#right {width: 48%; float:right;}
#contents_eria section ul li {width: 100%; margin:8px 0px 18px 0px;}
#contents_eria section h2 {margin: 0;
color: #333333;
font-size:1.2em;
/* font-weight: bold;*/
background: url(../images-top/bg_headerLine.jpg) repeat-x bottom;
padding-bottom: 10px;}


/*==========================================
 Footer
===========================================*/
footer {width: 100%;
margin: 48px auto 0px;
padding:18px 0 18px;
color: #ffffff;
background: rgb(242,196,15); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(242,196,15,1) 0%, rgba(232,153,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,196,15,1)), color-stop(100%,rgba(232,153,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,196,15,1) 0%,rgba(232,153,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,196,15,1) 0%,rgba(232,153,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,196,15,1) 0%,rgba(232,153,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,196,15,1) 0%,rgba(232,153,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c40f', endColorstr='#e89900',GradientType=0 ); /* IE6-9 */
}

/*==========================================
 copyright
===========================================*/
#copyright {font-size:1em;
color: #ffffff;
margin: 0;
padding: 18px 0px 148px 0px;}

#copyright p {font-size:1em;
color: #ffffff;
outline: none;}

#copyright a {
color: #ffffff;
outline: none;}