@charset "utf-8";

body {
	font-size: 14px;
	line-height: 1.8;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
main {
	margin:0;
	padding:0;
}
img {
	vertical-align:bottom;
	border:0;
	 max-width:100%;
}
a:link  {
	text-decoration: none;
}


.logo_sp {
	float:left;
	margin:15px 0 15px 10px;
	padding:0;
}
.logo {
	display:none
}
.br_sp {
	display:none;
}
.line {
	text-align:center;
	margin:50px auto 0 auto;
	padding-bottom:20px;
	border-bottom:5px solid #000;
	line-height:1;
}

.triangle {
	text-align:center;
	margin:0 0 40px 0;
	padding:0;
	line-height: 0;
}


.super {
	 vertical-align: super;
	 font-size:10px;
}
nav {
	display:none;
}
h1 .line{
	text-align:center;
	margin:0;
	padding:50px 0 20px 0;
	border-bottom:5px solid #000;
}
.pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
}
.pagetop a:link img{
	opacity:0.3;
	filter:alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
}
.pagetop a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
footer {
	background-color:#373434;
	width:100%;
	margin:50px 0 0 0;
	padding:20px 0;
}

.footer_area {
	margin:0;
	padding:0 0 10px 0;
}

.footer1 {
	text-align:center;
	margin:0 0 0 0;
}
.footer2 {
	text-align:center;
	margin:15px 0 0 0;
}
.footer3 {
	text-align:center;
	margin:15px 30px 0 30px;
	padding:15px 0 20px 0;
	border-top:1px solid #666;
}

/*--テーブルのスクロール--*/
.table_area {
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}

/*--clearfix--*/
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}


@media all and (min-width:  641px){
body{
min-width:1200px;
_display: inline;
_zoom:1;
}
main {
	margin:30px auto 0 auto;
	padding:0;
	width:1000px;
}

#nav {
	display:none;
}
.pnav_area {
	width:100%;
	height:30px;
	background: rgba(0,0,0,0.1);
}
.pnav_area2 {
	width:100%;
	height:30px;
	background: rgba(0,0,0,0.3);
}
.pnav {
	margin:0 auto;
	padding:6px 0 0 0;
	font-size:10px;
	color:#FFF;
	width:980px;
}
.pnav_arrow {
	padding:0 10px 0 10px;
}

.pnav a:link {
	color: #FFF;
	text-decoration:none;
}
.pnav a:hover  {
	color: #FFF;
	text-decoration: underline;
}
.pnav a:visited {
	color: #FFF;
	text-decoration:none;
}

.nav_base {
	margin:0; 
	padding:0; 
	width:100%;
	height:50px;
	background-color:#E6E6E6;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	z-index:99;
}
.nav_wrap {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
.logo_sp {
	display:none;
}
.logo {
	display:block;
	float:left;
	margin:10px 0 0 20px; 
	padding:0; 
}
nav {
	display:block;
	float:left;
	margin:0; 
	padding:0; 
}
.gnav {
	width: 594px;
	margin-left:215px;
	overflow:hidden;
	text-indent: -9999px;
	background-image: url("../images/nav_line.png");
}
.gnav ul{
	margin: 0;
	padding: 0;
}
.gnav li{
	list-style-type: none;
	margin: 0;
	padding: 0;
	float:left;
	text-indent: -9999px;
}
.gnav a{
	text-decoration: none;
	background-image: url("../images/g_nav.png");
	outline-width: 0;
	display: block;
	width:69px;
	height:50px;
}
.gnav1 a{
	background-position: 0px 0px;
}
.gnav1 a:hover{
	background-position: 0px -50px;
}
.gnav1on a{
	background-position: 0px -50px;
}
.gnav2 a{
	background-position: -69px 0px;
}
.gnav2 a:hover{
	background-position: -69px -50px;
}
.gnav2on a{
	background-position: -69px -50px;
}
.gnav3 a{
	background-position: -138px 0px;
}
.gnav3 a:hover{
	background-position: -138px -50px;
}
.gnav3on a{
	background-position: -138px -50px;
}
.gnav4 a{
	background-position: -207px 0px;
}
.gnav4 a:hover{
	background-position: -207px -50px;
}
.gnav4on a{
	background-position: -207px -50px;
}
.gnav5 a{
	background-position: -276px 0px;
}
.gnav5 a:hover{
	background-position: -276px -50px;
}
.gnav5on a{
	background-position: -276px -50px;
}
.gnav6 a{
	background-position: -345px 0px;
}
.gnav6 a:hover{
	background-position: -345px -50px;
}
.gnav6on a{
	background-position: -345px -50px;
}
.gnav7 a{
	background-position: -414px 0px;
	width:76px;
}
.gnav7 a:hover{
	background-position: -414px -50px;
	width:76px;
}
.gnav7on a{
	background-position: -414px -50px;
	width:76px;
}
.gnav8 a{
	background-position: -490px 0px;
	width:88px;
}
.gnav8 a:hover{
	background-position: -490px -50px;
	width:88px;
}
.gnav8on a{
	background-position: -490px -50px;
	width:88px;
}

.txt_center{
	text-align:center;
}
.br_sp {
	display: block;
}
.footer_area {
	margin:0 auto;
	padding:0 0 10px 0;
	width:1000px;
	overflow:hidden;
}
.footer1 {
	text-align:center;
	margin:0 0 0 50px;
}
.footer2 {
	float: right;
	margin:-50px 50px 0 0;
}
.footer3 {
	float: left;
	margin:-60px 0 0 50px;
	border:none;
}
}