/* ■CSS リセット■ */
/* Reethttp://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain) */

html, body, div, span, applet, object, iframe,
h1, h3, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ■Body■ */
body {
	font-family: Arial, Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
                                font-size: 1em;
                                line-height: 180%;
                                background-position: center center; 
                                color: #000000;
}

/* ■Header■ */
#Header_Menu_Area {
	background-image: url("../image/BG_Header_Menu_Area.png");
	background-repeat: repeat-x;
	height: 60px;
	width: 100%;
	text-align: left; 
}

/* ■Hamberger■ */
nav.menu {
	width:30px; height:30px; top: 20px; right:20px; position:fixed; cursor:pointer; overflow:hidden; z-index:9999; font-size: 10px;
}
nav .menu1 {
	width:30px; height:2px; background-color: #000; top:0px; position:absolute;
} 
nav .menu2 {
	width:30px; height:2px; background-color: #000; top:6px; position:absolute;
} 
nav .menu3 {
	width:30px; height:2px; background-color: #000; top:12px; position:absolute;
}
nav .menu4 {
	width:30px; height:2px; background-color: #000; top:12px; position:absolute;
}

nav .menu1,nav .menu2,nav .menu3 {
	transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; /* Opera */ -moz-transition: all 0.5s ease-out; /* Firefox */
	-webkit-transition: all 0.5s ease-out; /* GoogleChrome, Safari */ -ms-transition: all 0.5s ease-out; /* IE */
}
nav .menuclick1 {
	top:8px; -o-transform: rotate(405deg); -moz-transform: rotate(405deg); -webkit-transform: rotate(405deg);
	-ms-transform: rotate(405deg); transform: rotate(405deg);
}
nav .menuclick2 {
	background-color:rgba(255,255,255,0);
}
nav .menuclick3 {
	top:8px; -o-transform: rotate(-405deg); -moz-transform: rotate(-405deg);
	-webkit-transform: rotate(-405deg); -ms-transform: rotate(-405deg); transform: rotate(-405deg);
}

#menu {
                                text-align: left;
                                position: fixed;
                                font-weight: bold;
                                display: none;
                                right: 15px;
                                top: 30px;
                                list-style-type: none;
                                background-color: rgba(255, 255, 255, 0.95);
                                border: 1px solid #ccc;
                                padding: 5px 20px 0px 10px;
                                z-index: 9999;
                                letter-spacing: 0.05em
                                font-size: 7px;
}
#menu li a{
                                display:block;
                                width:100%;
}
#menu a {
                                text-decoration: none;
                                font-size: 90%;
                                padding-left: 0px;
}
#menu a:hover {
	background-color: #d9defb;
}
.left_margin {
                                margin-left: 8px;
}
/* ■aタグ■ */
a {
	color: #003399;
	text-decoration: none;
}
a:hover {
	color: #ce9212;
	text-decoration: underline;
}
a visited{
	color: #003399;
	text-decoration: none;
}

/* ■全体コンテナ■ */
.container {
                                margin: 0 auto;
                                max-width:700px;
}


.clear {
	clear: both;
	height: 15px;
}

/* ■本文■ */
.contents {
                                width: 100%;
                                margin: 40px 0 180px;
}
/* ■Hタグ■ */
h1 {
	font-size: 145%;
	margin-top :2px;
	margin-bottom :12px;
	margin-left : 0px;
	color: #fff;
}
h2 {
	font-size: 190%;
	margin-top :60px;
	margin-bottm :40px;
}
h3 {
	font-size: 140%;
                                color: #003366;
	margin-top :30px;
	margin-bottom : 10px;
                                line-height:160%;
}
h4 {
	font-size: 105%;
                                color: #333333;
	margin-left :-10px;
                                font-weight: bold;
 }
.bracket {
                                margin-left: -14px;
}

/* ■Footer■ */
.Footer {
	background-color: #000;
	color: #fff;
	text-align: center;
	margin: 400px;
}

.size110B {
	font-size:110%;
	font-weight: bold;
}
strong {
	font-weight: bold;
}

/* ■.background-fixed■ */
#background-fixed01 {
	width: 100%;
	padding-top: 350px;
	background: url("./image/bg_01.jpg");
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
}
#background-fixed02 {
	width: 100%;
	padding-top: 350px;
	background: url("./image/bg_02.jpg");
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
}
#background-fixed03 {
	width: 100%;
	padding-top: 350px;
	background: url("./image/bg_03.jpg");
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
}
#background-fixed04 {
	width: 100%;
	padding-top: 350px;
	background: url("./image/bg_04.jpg");
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
}
#background-fixed05 {
	width: 100%;
	padding-top: 350px;
	background: url("./image/bg_05.jpg");
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
}
#background-fixed06 {
	width: 100%;
	padding-top: 350px;
	background: url("./image/bg_06.jpg");
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
}
#background-fixed07 {
	width: 100%;
	padding-top: 350px;
	background: url("./image/bg_07.jpg");
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
}

/* ボタン */
.button01{
     display:block;
     width: 100%;
     height:: 50px;
     line-height: 50px;
     font-size: 110%;
     color: #000;
     text-decoration: none;
     text-align: center;
     background-color: #ffffff; /*ボタン色*/
     border-radius: 4px; /*角丸*/
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     border: 1px solid #000000;
     margin-top: 40px;
}
.button01:hover{
     background-color: #f8f8f8; /*ボタン色*/
     text-decoration: none; /*ボタン色*/
}

/* ■本文■ */
.b90 {
                                font-size: 90%;
}
.asterisk {
                               color: #ff8800;
}
p.border {
   border-bottom: 1px solid #666666;
                                margin-bottom: 10px;
}
.gray {
                                color: #666666;
}