@charset "utf-8";

/*/////////////////////////////////////////////////////////////

    [Font-size list (base: 13px)]
         62% =  8px
         70% =  9px
         77% = 10px
         85% = 11px        162% = 21px        239% = 31px
         93% = 12px        170% = 22px        247% = 32px
        100% = 13px        177% = 23px        254% = 33px
        108% = 14px        185% = 24px        262% = 34px
        116% = 15px        193% = 25px        270% = 35px
        124% = 16px        200% = 26px        277% = 36px
        131% = 17px        208% = 27px        285% = 37px
        139% = 18px        216% = 28px        293% = 38px
        147% = 19px        224% = 29px        300% = 39px
        154% = 20px        231% = 30px        308% = 40px

/* /////////////////////////////////////////////////////////////

/* --------------------------------------------------
	0. Resetting default margin and padding
-------------------------------------------------- */
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,a,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,menu,nav,section,summary,time,mark,audio,video {
	box-sizing: border-box; /*padding と border の幅を要素の幅と高さに含める*/
	margin: 0;
	padding: 0;
}

/* --------------------------------------------------
	1. HTML, Body, Anchor
-------------------------------------------------- */
html { overflow-y: scroll; }
body {
	font-family: "Hiragino Kaku Gothic ProN","Meiryo", sans-serif;
    font-size: 13px;
    *font-size: 82%; /* for ie6/7 */
}
a {
    color: #7da933;
    transition: all 0.3s;
}
a:hover, a:active {
    color: #354825;
}
a img {
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
    transition: all 0.3s;
}
a:hover img {
    opacity:0.5;
    filter:alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
}
nav a:hover img {
    opacity:1;
    filter:alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
}

/* --------------------------------------------------
	2. Heading, Paragraph
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    font-size:100%;
    font-weight:normal;
}
h1 {}
.h1A {	
}
.h1B {}
h2 {
    background: url(../img/h2-title.png);
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin-bottom: 15px;
    padding-left: 15px;
    text-shadow: 0px 0px 5px #000;
}
/*サイドバー用*/
.h2A {
    background: #354825;
    background-image: none;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;
    margin: 0;
}
/*ページタイトル用*/
.h2B {
    background-image: none;
	color: #354825;
	font-size: 25px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    padding: 0;
    margin-bottom: 20px;
	text-shadow: none;
}

@media only screen and (max-width: 1000px) {
.h2B {
background-image: none;
color: #354825;
font-size: 22px;
height: inherit;
line-height: 1em;
text-align: center;
padding: 20px 0;
margin-bottom: 30px;
text-shadow: none;
}
}

h3 {
	border-bottom: 1px solid #7da933;
	color: #7da933;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.h3A {}
.h3B {}
h4 {
	color: #f19715;
	font-size: 16px;
	font-weight: bold;
}
.h4A {}
.h4B {}
h5 {
    font-weight: bold;
}
.h5A {}
.h5B {}
h6 {}
.h6A {}
.h6B {}
p {
    font-size: 108%;
	line-height: 1.8em;
	margin-bottom: 1.5em;
}

/* --------------------------------------------------
	3. List
-------------------------------------------------- */
ul { letter-spacing: -.40em; }
li { list-style: none; letter-spacing: normal; }
ul.basic li { float: left; }

/* --------------------------------------------------
    4. Table
-------------------------------------------------- */
table { border-collapse: collapse; }


/* --------------------------------------------------
    5. Form
-------------------------------------------------- */
/*デフォルトをリセット*/
input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    box-sizing: border-box;
}
/*テキスト入力*/
input[type="text"] {
    background: #FFF;
    font-size: 12px;
    padding: 10px;
	width: 100%;
}
/*送信ボタン*/
input[type="submit"] {
    background: #7da933;
    color: #FFF;
	display: block;
    font-size: 14px;
    font-weight: bold;
	width: 100%;
	height: 35px;
	padding: 0;
    transition: all 0.3s;
}
input[type="submit"]:hover {
    background: #354825;
}
/*ラジオボタン*/
input[type="radio"] {
	display: none;
}
label {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 20px;
	cursor: pointer;
}
label::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 14px;
	height: 14px;
	margin-top: -8px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 100%;
}
input[type="radio"]:checked + label::after {
	position: absolute;
	content: '';
	top: 50%;
	left: 4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #3498db;
	border-radius: 100%;
}
@media only screen and (max-width: 1000px) {
    label.menu-btn::before {
		display: none;
	}  
}
/*チェックボタン*/
input[type="checkbox"] { display: none; }
input[type="checkbox"]:checked + label::after {
	position: absolute;
	content: '';
	top: 5px;
	left: 3px;
	width: 13px;
	height: 5px;
	border-left: 2px solid #3498db;
	border-bottom: 2px solid #3498db;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


/* --------------------------------------------------
    6. Other
-------------------------------------------------- */
img { border: none; vertical-align: bottom; -ms-interpolation-mode: bicubic; }
object { vertical-align: middle; outline: none; }
em, strong { font-weight: bold; font-style: normal; }
abbr, acronym { border: none; font-variant: normal; }
q { quotes: "「" "」" "『" "』"; }
q:before { content: open-quote; }
q:after { content: close-quote; }
address, caption, cite, code, dfn, var { font-weight: normal; font-style: normal; }
code, pre { font-family: monospace; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
hr {
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin: 20px 0;
}

/* ------------------------------------------------------------
    7. For IE6/7
------------------------------------------------------------ */
/* --- for ie7: page zoom bug fix --- */
*:first-child+html body,
*:first-child+html br { letter-spacing: 0; }

/* --------------------------------------------------
    8. clearfix
-------------------------------------------------- */

.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0;
    visibility:hidden;
}
.clearfix { zoom:1;/*for IE 5.5-7*/ }