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

@media screen and (max-width: 959px){	

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

body{
   margin : 0px auto;
   padding:  0px;
   background-color: #FFFFFF;
   font-size: 20px;
   line-height:200%;
   color: #000000;
   vertical-align: baseline;
   font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; /*'ipaexm',*/
}

/*
/* IE */
@font-face {
font-family: ipaexm;
src: url(../font/ipaexm.eot);
}
/* Firefox, Opera, Safari */
@font-face {
font-family: ipaexm;
src: url(../font/ipaexm.ttf) format("truetype");
}
*/

html, body, div, span, strong,img{
   margin : 0px;
   padding: 0px;
   border : 0;
   vertical-align: baseline;
}

#top, #jump00, #jump01, #jump02, #jump03, #jump04, #jump05, #jump06, #jump07, #jump08, #jump09, #jump10, #jump11, #jump12 {
   margin-top :-70px;
   padding-top: 70px;
}


/* --- *** --- *** --- *** --- */

a:link {
   text-decoration: none;
   color: #008C69;
}

a:visited {
   text-decoration: none;
   color: #008C69;
}

a:hover {
   text-decoration: underline;
   color: #CCCCCC;
}

a:active {
   text-decoration: underline;
   color: #8C0000;
}

a:hover img{
   opacity:0.5;
   filter: alpha(opacity=50);
   -ms-filter: "alpha( opacity=50 )";
}

/* --- *** --- *** --- *** --- */

p{
   margin : 10px 20px;
   padding:  0px;
   line-height: 200%;
}

.txt10 {
   font-size: 10px;
}

.txt12 {
   font-size: 12px;
}

.txt14 {
   font-size: 14px;
}

.txt16 {
   font-size: 16px;
}

.txt18 {
   font-size: 18px;
}

.txt20 {
   font-size: 20px;
}

.txt22 {
   font-size: 22px;
}

.txt24 {
   font-size: 24px;
}

li {
   line-height: 150%;
}

ul {
   line-height: 180%;
}

/* --- *** --- *** --- *** --- */

.title_01 {  
   border-bottom: 1px solid  #000000;
   padding:  0px; 
   margin : 20px 5px 10px 5px;
   font-size: 26px;
}

h2{  
   border-left  : 7px solid  #000000; 
   padding: 0px 20px; 
   margin : 20px 5px 5px 5px;
   font-size : 26px;
   font-weight : normal;
}

/* --- *** --- *** --- *** --- */

#header {
   position : fixed;
   top  : 0px; 
   width  : 100%;
   height :  65px;
   margin :   0px auto;
   z-index : 999;
   overflow : hidden;
   background-image : url(../c_image/h_bg01.png) ;
   background-repeat:repeat-x ;
}

#h_oritomi {
   width  : 100%;
   height  : 30px;
   margin :   1px auto;
   padding :  0px;
   font-size: 0.8em;
   text-align : center;
   color : #FFFFFF;
}

#h_menu {
   width  : 100%;
   height  : 30px;
   margin :   1px auto;
   padding :  0px;
   font-size: 0.9em;
   text-align : center;
   color : #FFFFFF;
}

#h_menu a:link {
   text-decoration: none;
   color: #FFFFFF;
}

#h_menu a:visited {
   text-decoration: none;
   color: #FFFFFF;
}

#h_menu a:hover {
   text-decoration: none;
   color:  #93FF26;
}

#h_menu a:active {
   text-decoration: none;
   color:  #93FF26;
}

/* --- *** --- *** --- *** --- */

#wapper{
   clear: both;
   width  : 100%;
   padding : 70px 0px 0px 0px;
   margin  :  0px auto;
}

/* 1column */
.top{
   clear: both;
   width: 100%;
   padding : 0px;
   margin  : 0px 0px 10px 0px;
}

/* 1column */
.content{
   clear: both;
   width: 100%;
   padding : 0px;
   margin  :50px 0px;
}

/* 1column */
.index{
   width: 100%;
   padding :15px 0px;
   margin  :50px 0px;
   background-color : #EEEEEE;
   background-image : url(../index/index_bg01.png);
}

.index img{
   padding :  0px;
   margin  :  8px;
}

/* 1column */
.c01{
   clear: both;
   width: 100%;
   padding : 0px;
   margin  :50px 0px;
   background-image:url(../index/c01_bg.png);
   background-position: center bottom;
   background-repeat:no-repeat;
}

.top_link_01{
   width: 100%;
   padding : 0px;
   margin  : 0px 0px 80px 0px;
   border-bottom: 1px solid  #BDBDAE;
   text-align : right;
}

.top_link_01 img {
   margin : 0px;
   padding: 0px;
   border : 0;
   vertical-align: bottom;
}


#footer{
   width: 100%;
   padding :  0px;
   margin  :  10px auto;
   background-color : #000000;
   font-size : 18px;
   text-align : center;
   color : #FFFFFF;
}

#footer h1{  
   padding: 20px; 
   font-size : 14px;
   font-weight : normal;
   color : #FFFFFF;
}



/* Top page images --- --- --- --- --- --- */
#slideshow {
   position: relative;
   width:  100%;
   height: 450px;
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}
/* --- --- --- --- --- --- --- --- --- --- */

}