@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*================================================
 *  一般・共通設定
 ================================================*/

body {
	font-size:14px;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1.6;
    background: linear-gradient(#60aa60,#ffffff);
    background-repeat: no-repeat;    
/*サイトの最大幅を800pxとして中央に配置*/
    /*----------------------------*/
    max-width: 806px;
    position:relative;
    margin: 0 auto;
    border: 1px solid #000000;
    /*----------------------------*/
}

.body_b {
    width:804px;
    margin: 0 auto;
    top: 0px;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #ffffff;    
}

header {
    position:fixed;
    margin: 0 1px 0;
    top: 0px;
    width:800px;    
    height:75px;/*スライドショーの位置を同量オフセットが必要*/
    background-color: #303030;
    border: 1px solid #000000;    
    z-index:10;
}

header img {
    width:180px;
    height:50px;
    float: right;
}

main {
    position:relative;
    margin: 0 auto;
    width: 800px;
    background-color: #ffffff;
}

.contents {
    width: 800px;
    position:relative;
	margin: 0 auto;
}



a {
	color:#009595;
}

a:hover {
	color:#00bb00;
}

h1 {
	font-size:24px;
    text-indent: 1em;    
    color:#008000;
    font-weight:bold;
    background-color: #ffffff;
    text-align:left; 
    margin: 0 0 0;
    height: 40px;
    text-shadow: 1px 1px 1px #505050,2px 2px 2px #808080;
    padding:10px 0 0;
}

h1 a {
    color: #008000;
    text-decoration:none;
}

h2 {
    position: relative;
    margin: 2px auto;
    clear: both;
    background:url(../images/common/bg_h2.gif) no-repeat;
    height:32px;
    line-height:32px;
    width:800px;
    font-size:20px;
    text-indent: 1em;    
}

p {
	margin:0.5em 0 0.5em 0;
}

ul,ol,dl {
	margin:0 0 1em 0;
}
ul li {
	list-style:disc;
}
ol li {
	list-style:decimal;
}
li {
	margin-left:2em;
}


/*================================================
 *  グローバルナビゲーション
 ================================================*/
nav {
    width:800px;
    position:relative;
    margin: 0 0 0;
	opacity:0.8;
	background:#303030;
	padding:0 0;
}

nav ul {
    width:800px;
    margin:0 0 0;
    /*
    overflow: hidden;
    list-style: none;
    */
/*    background:#30ff30;指定反映しない？*/
    border:1px solid #000000;
}
nav li {
	position:relative;
	float:left;
	list-style:none;
	margin:0;
	padding:2.5px 10px;
    background:#303030;
    border:1px solid #000000;
    font-size:11px;    
}
nav li:last-child {
    float:right;
}
nav li a {
	color:#ffffff;
	text-decoration:none;
}
nav li a:hover {
	color:green;
	text-decoration:underline;
}

section {
	margin-bottom:10%;
}

/*================================================
 *  フッター
 ================================================*/
footer {
    clear: both;
    width: 804px;
    position: relative;
    margin:0 auto 10px auto;
	padding:0.5em 0;
	font-size:11px;
	text-align:center;
    color: #ffffff;
    background:#303030;
    top: 10px;
}

.copyright a {
    color: #ffffff;
    text-decoration:none;
}

.copyright a:hover {
	color:#008000;
    text-decoration:underline;
}

/*================================================
 *  ページトップへの戻り
 ================================================*/

.totop {
	position:fixed;
	bottom:15px;
	right:15px;
}
.totop a {
	display:block;
	text-decoration:none;
}
.totop img {
	background:#008000;
}
.totop img:hover {
	background:#00ff00;
}

/*================================================
 *  スライドショー
 ================================================*/
.slide {
    width: 800px;    
    position:relative;   
    margin: 0 0 0;
	overflow:hidden;
/*    border:1px solid #ffffff;*/
    background-color: #ffffff;
}

.slideInner {
	list-style:none;
	margin:76px 0 0;/*heder高さ分+1オフセット*/
	padding:0;
}

.slideInner li {
	position:relative;
	width:100%;
	margin:0;
	padding:0;
	background-color:#60aa60;
	background-position:100% 0;
	background-repeat:no-repeat;
}

.non_slide {
    display: none;
}

/*================================================
 *  Topインフォメーション
 ================================================*/
#top_info_L {
    float: left;    
    width: 530px;
}

#top_info_L img {
    position:relative;
	margin: 0 10px;
    width: 500px;
    height: 25px;
}

#top_info_L iframe {
    width: 500px;
    height: 354px;
    position:relative;
	margin: 0 10px;
    border: 1px solid #000000; 
    vertical-align: bottom
}

/*================================================
 *  Topページサイドバナー
 ================================================*/
#side_bar_R {
    float: right;
    width: 270px;
    height: 365px;
}

#side_bar_R a {
    text-decoration:none;
}

.link_box {
    position:relative;
	margin: 10px auto;
    width: 250px;
    height: 85px;    
    border: 1px solid #000000; 
}

.link_txt {
    position: relative;
    margin: 65px auto 0px auto;
    width: 250px;
    height: 20px;
    background-color: #303030;
    color: #ffffff;
    font-weight:bold;
    text-align: left;
    text-indent: 1em;
    opacity: 0.8;
}

#link_box1 {    
    background-image: url(../images/top/bnr_01.jpg);
    background-size: cover
}

#link_box2 {    
    background-image: url(../images/top/bnr_02.jpg);
    background-size: cover
}

#link_box3 {
    background-image: url(../images/top/bnr_03.jpg);
    background-size: cover
}

#link_box4 {
    background-image: url(../images/top/bnr_japa.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.link_box:hover {
    opacity: 0.5;
}


/*================================================*/
@media screen and (max-width: 480px) {
    /* 480px以下に適用されるCSS（スマホ用） */
    img {
        max-width: 480px;
    }
    
    body {
        font-size: 14px;
        font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック",
            "MS PGothic", sans-serif;
        line-height: 1.6;
        background: linear-gradient(#60aa60, #ffffff);
        background-repeat: no-repeat;
        /*サイトの最大幅を480pxとして中央に配置*/
        /*----------------------------*/
        max-width: 480px;
        position: relative;
        margin: 0 auto;
        border: 1px solid #000000;
        /*----------------------------*/
    }
    
    .body_b {
        width: 476px;
        margin: 0 auto;
        top: 0px;
        position: relative;
        background-color: #ffffff;
        border: 1px solid #ffffff;
    }
    
    h1 {
	font-size: 22px;
        text-indent: 0em;
    color:#008000;
    font-weight:bold;
    background-color: #ffffff;
    text-align: center; 
    margin: 0 0 0;
    height: 40px;
    text-shadow: 1px 1px 1px #505050,2px 2px 2px #808080;
    padding:0 0 0;
}

h1 a {
    color: #008000;
    text-decoration:none;
}
    
    h2 {
        position: relative;
        margin: 2px auto;
        clear: both;
        background: url(../images/common/bg_h2.gif) no-repeat;
        height: 32px;
        line-height: 32px;
        width: 474px;
        font-size: 18px;
        text-indent: 1em;
    }
    
    main {
         width: 474px;
         font-size: small;
     }
    .contents {
    width: 476px;
    position:relative;
	margin: 0 auto;
}


    /*================================================
     *  グローバルナビゲーション スマホ用
    ================================================*/
    nav {
        width: 476px;
        position: relative;
        margin: 0 0 0;
        opacity: 0.8;
        background: #303030;
        padding: 0 0;
    }

    nav ul {
        width: 474px;
        margin: 0 0 0;
        /*    background:#30ff30;指定反映しない？*/
        border: 1px solid #000000;
    }

    nav li {
        position: relative;
        float: left;
        list-style: none;
        margin: 0;
        padding: 2.5px 10px;
        background: #303030;
        border: 1px solid #000000;
        font-size: 11px;
    }
    nav li a {
        color: #ffffff;
        text-decoration: none;
    }
    nav li a:hover {
        color: green;
        text-decoration: underline;
    }

    section {
        margin-bottom: 10%;
    }

    /*================================================
    header スマホ用
    ================================================*/

.body_b {
    width:478px;
    margin: 0 auto;
    top: 0px;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #ffffff;    
}
    
    header {
        position: fixed;
        margin: 0 1px 0;
        top: 0px;
        width: 474px;
        height: 65px; /*スライドショーの位置を同量オフセットが必要*/
        background-color: #303030;
        border: 1px solid #000000;
        z-index: 10;
    }
    
    .mail_img {
        display: none;
    }
    
    /*================================================
    スライドショー スマホ用（固定写真表示）
    ================================================*/
    .slide {
        display: none;
        width: 474px;
        position: relative;
        margin: 0 0 0;
        overflow: hidden;
        /*    border:1px solid #ffffff;*/
        background-color: #ffffff;
    }

    .slideInner {
        display: none;
        list-style: none;
        margin: 66px 3.5px 0; /*heder高さ分+1オフセット*/
        padding: 0;
    }

    .slideInner li {
        display: none;
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0;
        background-color: #60aa60;
        background-position: 100% 0;
        background-repeat: no-repeat;
    }
    
    .slideInner li img {
        display: none;
        max-width: 450px;
    }

    .non_slide {
        display: flex;
        width: 474px;
        position: relative;
        margin: 0 0 0;
        overflow: hidden;
        background-color: #ffffff;
        padding: 66px 0 0 0;
    }
    /*================================================
    Topインフォメーション スマホ用（非表示）
    ================================================*/
    #top_info_L {
        display: none;
    }

    #top_info_L img {
        display: none;
    }

    #top_info_L iframe {
        display: none;
    }

    /*================================================
    Topページサイドバナー  スマホ用
    ================================================*/
    #side_bar_R {
        float: none;
        width: 476px;
        height: 347px;
    }

    /*================================================
    フッター スマホ用
    ================================================*/
    footer {
        clear: both;
        width: 476px;
        position: relative;
        margin: 30px auto 10px auto;
        padding: 0.5em 0;
        font-size: 11px;
        text-align: center;
        color: #ffffff;
        background: #303030;
        top: 10px;
    }

    .copyright a {
        color: #ffffff;
        text-decoration: none;
    }

    .copyright a:hover {
        color: #008000;
        text-decoration: underline;
    }
}