@charset "UTF-8";

/* Reset
------------------------------------------------------------*/
html,body{width: 100%;}

html {height:100%;}
body {height:100%;}
#info {height:100%;}

*, *:before, *:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
address,em { font-style: normal; }
table {border-collapse: collapse;border-spacing: 0;}
th { text-align: left; }
hr,legend { display: none;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
img,fieldset { border: 0; }
li { list-style-type: none; }
.content{width: 980px;margin-left: auto;margin-right: auto;background-image: url(url);margin-top: 50px;}
.main02{width: 100%;padding-left: 30px;padding-right: 30px;padding-bottom: 50px;float: left;padding-top: 50px;background-color: #F7F7F7;min-height: 400px;}
.main01,.main03{width: 100%;padding-left: 30px;padding-right: 30px;padding-bottom: 50px;float: left;padding-top: 50px;background-color: #FFFFFF;}
h3{float: left;font-size: 1.4em;width: 50%;letter-spacing: 2px;margin-bottom: 40px;text-shadow: -1px 1px 0 rgba(255,255,255,1);}
#sub_title {width: 50%;text-align: right;padding-top: 10px;font-style: italic;float: right;margin-bottom: 51px;}
#sub_page_title span {font-size: 0.6em;opacity: 0.7;}
.sub_page_title_text {width: 100%;font-size: 1.4em;text-align: center;text-shadow: -1px 1px 0 rgba(255,255,255,1);letter-spacing: 3px;margin-top: 40px;margin-bottom: 40px;line-height: 36px;}

/* Fonts
------------------------------------------------------------*/
body {
font-size: 75%; /* IE */
font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
html>/**/body {
	font-size: 12px;
	background-color: #000000;
	letter-spacing: 0.7px;
} /* Except IE */
#text01{
	width: 100%;
	float: left;
	font-size: 1.2em;
	color: #868686;
}
h6 a{text-decoration: none;color: #FFFFFF;}
h6 a:hover {text-decoration: underline;}

/* logo
------------------------------------------------------------*/
#logo{
	max-width: 256px;
	margin-left: auto;
	margin-right: auto;
	padding: 2rem 2rem 1rem 2rem;
	background-color: #000;
}

/* header
------------------------------------------------------------*/
header{height: 100vh; position: relative;}
#arrow{position: absolute; bottom: 80px;}
#header{position: absolute; bottom: 0;}
#header{
	width: 100%;
	height: 55px;
	background-repeat: repeat-x;
	background-color: #000000;
	z-index: 0;
	color: #FFFFFF;
}
h1{
	margin-top: 7px;
	padding: 0;
	float: left;
}
h1 a{
   display:block;
}
#header_l{
	width: 279px;
	float: left;
	height: 55px;
	border-right: 1px solid #333333;
	padding-top: 8px;
}
#header_l p{
	color: #FFFFFF;
	float: left;
	font-size: 10px;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 0;
	letter-spacing: 1.5px;
	margin-left: 10px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#header_r{
	width: 700px;
	float: right;
}
.inner{
   width:980px;
   margin:auto;
}

/* gnav*/
#header ul li{
	float: left;
	width: 16.5%;
	text-align: center;
	height: 55px;
	line-height: 4.7em;
	letter-spacing: 1.5px;
	border-right: 1px solid #333333;
	text-shadow: -1px 1px 0 rgba(0,0,0,1);
}
#header ul li a{
   font-size:12px;
   color:#FFFFFF;
   text-decoration:none;
   display:block;
   height:55px;
}
#header ul li a:hover{
	color: #000;
	background-color: #FFFFFF;
	text-shadow: -1px 1px 0 rgba(255,255,255,1);
}

/* page
-----------------------------------------------------------*/
#page {
	width: 100%;
	margin: 0px auto;
	background-color: #FFFFFF;
}
#content{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}


/* footer
-----------------------------------------------------------*/
#banner{width: 100%;clear: both;padding-top: 10px;padding-bottom: 10px;background-color: #f7f7f7;background-image: url(../img/banner_bg.png);height: 80px;border-top: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}
.banner_c{width: 980px;margin-left: auto;margin-right: auto;}
.banner_c img{margin-right: 10px;}

/* footer
-----------------------------------------------------------*/
footer {overflow: hidden;width: 100%;background-color: #000000;padding-bottom: 40px;padding-top: 40px;}
#footer {width: 980px;margin-right: auto;margin-left: auto;}
.footer_l{float: left;width: 50%;}
.footer_r{float: right;width: 50%;}
h5{margin-top: 7px;padding: 0;float: left;margin-bottom: 20px;}
.footer_l p{color: #FFFFFF;float: left;font-size: 10px;margin-top: 6px;margin-right: 0;margin-bottom: 0;letter-spacing: 1.5px;margin-left: 10px;font-weight: bold;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
h6{width: 100%;float: left;margin-bottom: 15px;color: #FFFFFF;}
#pagetop{float: right;}
address {float: right;font-size: 12px;color: #FFF;width: 100%;letter-spacing: 2px;}