@charset "utf-8";

@import url("home_common.css");

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　タイトル : ページ共有のスタイル
+　ファイル名 : ファイルのパスを入れます。(ルート、相対どちらでも)
+　概要 : CSSの用途を説明を入れます。
+　サイト名 : サイトの説明を入れます。
+　URL : http://
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
body {
    min-width: 1000px;
}


.wrapper_960 {
    width: 960px;
    margin: 0px auto 0px auto;
}

/* --------------------------------------------------------------------------------------
 main_img
--------------------------------------------------------------------------------------- */

/* main_img ------------------------------ */

.main_img {
	width: 100%;
	height: 480px;
	background: #eddcd4 url(../img/874/top_bg_main.png?20230501) no-repeat center 0;
	text-align: center;
	margin: 0px 0px 0px 0px;
}
.main_img h2{
    padding: 115px 0px 33px 0px;
}

.main_img ul{

}

/* --------------------------------------------------------------------------------------
 section
--------------------------------------------------------------------------------------- */

/* section01_box ------------------------------ */
.section01_box {
    background-color: #ffffff;
    text-align: center;
    zoom: 1;
}
.section01_box h2{
    padding: 30px 0px 20px 0px;
}
.section01_box .bg_inner{
    position: relative;
    width: 831px;
    height: 230px;
    margin: 0px auto 0px auto;
    background: url(../img/757/bg_section01.gif) no-repeat 0px 30px;
}
.section01_box ul{
    position: absolute;
    left: 120px;
    top: 0px;
    zoom: 1;
}
.section01_box p{
    position: absolute;
    left: 160px;
    top: 170px;
}

.section01_box ul li{
	display: inline;
	float: left;
	margin: 0 65px 0 0;
}

.section01_box ul li.txt01{
	margin: 0 65px 0 0;
}
.section01_box ul li.txt02{
	margin: 0 64px 0 0;
}
.section01_box ul li.txt03{
	margin: 0 51px 0 0;
}
.section01_box ul li.txt04{
	margin: 0 0 0 0;
}


/* section02_box ------------------------------ */

.section02_box {
	padding: 45px 0 0 0;
	background: #fef7e5 url(../img/757/bg_section02.gif) repeat-x left bottom;
	font-size: 117%;
	text-align: left;
}

.section02_box .right_img{
	display: inline;
	float: right;
	margin: 0 19px 0 0;
}

.section02_box .left_box{
	display: inline;
	float: left;
	width: 390px;
	margin: 0 0 0 72px;
	padding: 49px 0 0 0;
}

.section02_box h3{
	margin: 0 0 25px 0;
}

.section02_box .img_txt img{
	position: relative;
	display: inline;
	float: left;
	margin: 0 7px 0 -4px;
}

.section02_box .size12{
	font-size: 87%;
}

/* section03_box ------------------------------ */

.section03_box {
	padding: 13px 0 0 0;
	font-size: 117%;
	background-color: #ffffff;
	text-align: left;
}

.section03_box .right_box{
	display: inline;
	float: right;
	width: 420px;
	margin: 0 11px 0 0;
	padding: 108px 0 0 0;
}

.section03_box h3{
	margin: 0 0 22px 0;
}

.section03_box .size12{
	margin: 8px 0 0 0;
	font-size: 87%;
}

.section03_box .left_img{
	display: inline;
	float: left;
	margin: 0 0 0 36px;
}


/* section04_box ------------------------------ */

.section04_box {
	padding: 58px 0 53px 0;
	background: #edf6e6;
	font-size: 117%;
	text-align: left;
}

.section04_box .right_img{
	display: inline;
	float: right;
	margin: 0 56px 0 0;
}

.section04_box .size12{
	margin: 10px 0 0 0;
	font-size: 87%;
}

.section04_box .left_box{
	display: inline;
	float: left;
	margin: 0 0 0 100px;
	padding: 40px 0 0 0;
}

.section04_box h3{
	margin: 0 0 30px 0;
}


/* section05_box ------------------------------ */

.section05_box {
    width: 100%;
	height: 683px;
	background: url(../img/757/bg_section05.gif) repeat-x left bottom;
}
.section05_box .wrapper_960 {
    position: relative;
}

.section05_box h2{
	padding: 34px 0 0 0;
	text-align: center;
}

.section05_box h2 span{
	display: block;
	margin: 0 0 6px 0;
	text-align: center;
	font-size: 250%;
}

.section05_box h2 span em{
	font-size: 120%;
	color: #6fb839;
}

.section05_box p{
	position: absolute;
	left: 120px;
	top: 148px;
}

.section05_box ul{
	position: absolute;
	left: 243px;
    left: 176px;
	top: 591px;
}

.section05_box ul li{
	display: inline;
	float: left;
	margin: 0 35px 0 0;
}

.section05_box ul li a{
	float: left;
}


/* section06_box ------------------------------ */

.section06_box {
	padding: 15px 0;
	text-align: center;
	background-color: #ffffff;
}

.section06_box .btn{
	margin: 12px 0 0 0;
}

/** header footer **/
#footer, #header {
    font-family: Meiryo, メイリオ, 'ヒラギノ角ゴ ProN W3', 'Lucida Grande', 'Hiragino Kaku Gothic ProN', sans-serif;
    font-size: 16px;
    line-height: 1.4;
    background: white;
    color: #424242;
    /* HTML5 display-role reset for older browsers */
}
#footer a, #header a {
    text-decoration: none;
}
#footer a:hover, #header a:hover {
    opacity: 80%;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
    text-decoration: underline;
}
#footer strong, #header strong {
    font-weight: bold;
}
#footer div, #footer span, #footer applet, #footer object, #footer iframe,
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer p, #footer blockquote, #footer pre,
#footer a, #footer abbr, #footer acronym, #footer address, #footer big, #footer cite, #footer code,
#footer del, #footer dfn, #footer em, #footer img, #footer ins, #footer kbd, #footer q, #footer s, #footer samp,
#footer small, #footer strike, #footer strong, #footer sub, #footer sup, #footer tt, #footer var,
#footer b, #footer u, #footer i, #footer center,
#footer dl, #footer dt, #footer dd, #footer ol, #footer ul, #footer li,
#footer fieldset, #footer form, #footer label, #footer legend,
#footer table, #footer caption, #footer tbody, #footer tfoot, #footer thead, #footer tr, #footer th, #footer td,
#footer article, #footer aside, #footer canvas, #footer details, #footer embed,
#footer figure, #footer figcaption, #footer footer, #footer header,
#footer menu, #footer nav, #footer output, #footer ruby, #footer section, #footer summary,
#footer time, #footer mark, #footer audio, #footer video, #header div, #header span, #header applet, #header object, #header iframe,
#header h1, #header h2, #header h3, #header h4, #header h5, #header h6, #header p, #header blockquote, #header pre,
#header a, #header abbr, #header acronym, #header address, #header big, #header cite, #header code,
#header del, #header dfn, #header em, #header img, #header ins, #header kbd, #header q, #header s, #header samp,
#header small, #header strike, #header strong, #header sub, #header sup, #header tt, #header var,
#header b, #header u, #header i, #header center,
#header dl, #header dt, #header dd, #header ol, #header ul, #header li,
#header fieldset, #header form, #header label, #header legend,
#header table, #header caption, #header tbody, #header tfoot, #header thead, #header tr, #header th, #header td,
#header article, #header aside, #header canvas, #header details, #header embed,
#header figure, #header figcaption, #header footer, #header header,
#header menu, #header nav, #header output, #header ruby, #header section, #header summary,
#header time, #header mark, #header audio, #header video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
#footer article, #footer aside, #footer details, #footer figcaption, #footer figure,
#footer footer, #footer header, #footer menu, #footer nav, #footer section, #header article, #header aside, #header details, #header figcaption, #header figure,
#header footer, #header header, #header menu, #header nav, #header section {
    display: block;
}
#footer body, #header body {
    line-height: 1;
}
#footer ol, #footer ul, #header ol, #header ul {
    list-style: none;
}
#footer blockquote, #footer q, #header blockquote, #header q {
    quotes: none;
}
#footer blockquote:before, #footer blockquote:after,
#footer q:before, #footer q:after, #header blockquote:before, #header blockquote:after,
#header q:before, #header q:after {
    content: '';
    content: none;
}
#footer table, #header table {
    border-collapse: collapse;
    border-spacing: 0;
}

#header #header-top {
    margin: 0 auto;
    width: 1000px;
}
#header #header-top-wrapper {
    width: 100%;
    min-width: 1000px;
    padding: 0;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #header #header-top-wrapper {
        width: 100%;
        min-width: 1000px;
        padding: 0 15px;
    }
}

#header #header-top {
    margin: 0 auto;
    width: 1000px;
}
#header #header-top-wrapper {
    background: #8ab73e;
}
#header #header-top {
    padding-top: 12px;
}
#header #header-top:before, #header #header-top:after {
    content: " ";
    display: table;
}
#header #header-top:after {
    clear: both;
}
#header #header-top {
    *zoom: 1;
}
#header #header-top #logo {
    width: 140px;
    margin-right: 54px;
    padding-bottom: 13px;
    float: left;
}
#header #header-top #logo a {
    display: block;
    line-height: 0;
}
#header #header-top #global-nav {
    float: left;
    margin-top: 12px;
}
#header #header-top #global-nav ul:before, #header #header-top #global-nav ul:after {
    content: " ";
    display: table;
}
#header #header-top #global-nav ul:after {
    clear: both;
}
#header #header-top #global-nav ul {
    *zoom: 1;
}
#header #header-top #global-nav ul li {
    float: left;
    margin-right: 20px;
    font-size: 15px;
    line-height: 1.0;
}
#header #header-top #global-nav ul li a {
    color: #fff;
    text-decoration: none;
}
#header #header-top #global-nav ul li.current {
    font-weight: bold;
}
#header #header-top .login-area {
    float: right;
    font-size: 14px;
    margin-bottom: 4px;
}
#header #header-top .login-area .no-login li, #header #header-top .login-area .logged-in li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 20px;
    vertical-align: middle;
}
#header #header-top .login-area .no-login a, #header #header-top .login-area .logged-in a {
    color: #fff;
    text-decoration: none;
}
#header #header-top .login-area .no-login {
    padding-top: 8px;
}
#header #header-top .login-area .logged-in {
    font-size: 20px;
}
#header #header-top .login-area .logged-in li {
    position: relative;
}
#header #header-top .login-area .logged-in li .user {
    font-size: 14px;
    background: url("../img/874/login-triangle.png") no-repeat center right;
    padding-right: 15px;
}
#header #header-top .login-area .logged-in li img {
    width: 40px;
    height: 40px;
}
#header #header-top .login-area .logged-in li .menu-box {
    position: absolute;
    background: #fff;
    padding: 10px;
    top: 37px;
    left: -25px;
    -webkit-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.3);
}
#header #header-top .login-area .logged-in li .menu-box li {
    display: block;
    font-size: 13px;
    margin-bottom: 10px;
    min-width: 130px;
    padding-left: 20px;
}
#header #header-top .login-area .logged-in li .menu-box li a {
    text-decoration: none;
    color: #424242;
}
#header #header-top .login-area .logged-in li .menu-box li.setting {
    background: url("../img/874/login-wheel.png") no-repeat;
}
#header #header-top .login-area .logged-in li .menu-box li.logout {
    background: url("../img/874/logout-icon.png") no-repeat;
    margin-bottom: 0;
}
#header #header-top .login-area .logged-in li .menu-box:after {
    content: '';
    position: absolute;
    display: block;
    height: 11px;
    width: 16px;
    background: url("../img/874/up-white-triangle.png") no-repeat 50px 0px;
    top: -10px;
    left: 50px;
    z-index: 5000;
}

#footer {
    width: 100%;
    min-width: 1000px;
    background: #faf7ea;
    padding: 37px 0 20px;
    text-align: left;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #footer {
        width: 100%;
        min-width: 1000px;
        background: #faf7ea;
        padding: 37px 15px 20px;
    }
}
#footer #footer-inner {
    margin: 0 auto;
    width: 1000px;
}
#footer #footer-top {
    margin-bottom: 35px;
}
#footer #footer-top:before, #footer #footer-top:after {
    content: " ";
    display: table;
}
#footer #footer-top:after {
    clear: both;
}
#footer #footer-top {
    *zoom: 1;
}
#footer #footer-top .foot-nav-wrap {
    float: left;
    padding-right: 5px;
    width: 195px;
}
#footer #footer-top .foot-nav-wrap h5 {
    font-size: 13px;
    font-weight: bold;
    color: #70b639;
    margin-bottom: 5px;
    height: 23px;
    line-height: 23px;
    vertical-align: middle;
}
#footer #footer-top .foot-nav-wrap li {
    font-size: 13px;
    margin-bottom: 2px;
}
#footer #footer-top .foot-nav-wrap li a {
    color: #8c8a85;
}
#footer #footer-bottom {
    border-top: 1px solid #f4e3c3;
    padding-top: 28px;
    font-size: 13px;
}
#footer #footer-bottom #footer-bottom-nav {
    margin-bottom: 30px;
}
#footer #footer-bottom #footer-bottom-nav ul {
    text-align: center;
    letter-spacing: -0.3em;
}
#footer #footer-bottom #footer-bottom-nav ul li {
    letter-spacing: normal;
    display: inline-block;
    border-left: 1px solid #424242;
    padding-left: 4px;
    *display: inline;
    *zoom: 1;
    margin-right: 4px;
}
#footer #footer-bottom #footer-bottom-nav ul li:first-child, #footer #footer-bottom #footer-bottom-nav ul li.first-child {
    border: none;
}
#footer #footer-bottom #footer-bottom-nav ul li a {
    color: #424242;
}
#footer #footer-bottom p {
    text-align: center;
    font-size: 14px;
}
div#ft {
    width: 100%;
    margin: 0 0 0 0;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .main_img {
        padding: 0 15px;
    }
    .section01_box, .section02_box, .section03_box, .section04_box, .section05_box, .section06_box {
        width: 100%;
        min-width: 1000px;
        padding-left: 15px;
        padding-right: 15px;
    }
}