@charset "UTF-8";
/* CSS Document */

/* Base ---------------------*/

body {
    padding: 0;
	margin: 0;
    font-size: 15px;
    color: #333;
    background-color: #fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
}
p {
    margin: 0;
    line-height: 1.7;
}
a {
   
    text-decoration: none;
}
 a img { border:none;}

h1, h2, h3, h4 {
    margin: 0;
    padding: 0;
    font-weight: 400;
    line-height: 1;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
li {
    line-height: 1;
}
.row {
  zoom: 1;
}
.row:after {
  content: "";
  display: block;
  clear: both;
}
h3 { font-size:20px;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-weight:bold;
}

h3 span { font-size:14px;}

h4 { font-size:18px;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-weight:bold;
}

hr.line { border: 0px solid #ccc; margin:0px 0px ; height:60px; background:#fff; width:100%; clear:both; display:block; background-image:url(../img/line01.gif)}
hr.line02 { border: 0px solid #ccc; margin:0px 0px ; height:60px; background:#fff; width:100%; clear:both; display:block;}
#maximage {
/*				position:fixed !important;*/
			}
			
			
/* Toppage ---------------------*/
			
#toppage {　}
			
#logo {
	top:20px;
	height:auto;
	left:30px;
	position:absolute;
	width:45%;
	z-index:100;
	}
#logo img {
	width:100%; max-width:626px;
	}
#top_fooer {
	bottom:0px;
	height:auto;
	left:0px;
	position:absolute;
	width:100%;
	min-width:920px;
	z-index:110;

	}
#top_fooer div.cont { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);
	height:118px; background-color:rgba(0,0,0,0.8); color:#fff; padding:20px 30px;}
#top_fooer div.cont li{ float:left; margin-right:15px; padding-right:15px; border-right:solid #FFF 1px;}
#top_fooer div.cont li a{ color:#FFF;}
#top_fooer div.cont li img{ margin-top:5px;}
#top_fooer div.cont li a:hover img{ opacity:0.5; -moz-opacity:0.5;filter:alpha(opacity = 50);}
#top_fooer div.cont_ti { float:right; max-width:250px; margin-top:45px}
#top_fooer div.cont_ti img { max-width:250px}

#top_fooer div.btm { height:30px; background-color:#0050d2; color:#fff; padding:15px 30px;}
#top_fooer div.btm li{ float:left; margin-right:30px; font-size:12px;}
#top_fooer div.btm li:first-child { margin-right:15px;}
#top_fooer div.logo { float:right;max-width:150px;}
#top_fooer div.btm li a{ color:#FFF;}
#top_fooer div.btm li a:hover{ text-decoration:underline;}

@media screen and (max-width: 920px){
#top_fooer div.cont_ti { display:none}
}


/* contents_page ---------------------*/

header#header{ width:100% ; margin:10px 0 0 0; padding:0; min-height:60px; border-top:#0050d2 solid 3px;min-width:960px;}
header#header div.header_menu{ width:900px ; margin:5px auto; padding:0;}
header#header div.header_logo{ width:217px ; margin:0; padding:0; float:left}
header#header div.g_menu{ width:525px ; margin:15px 0 0 0; padding:0; float:right}
header#header div.g_menu li{ width:130px ; margin:0; padding: 0; float:left; text-align:center; font-size:13px; border-right:solid #999 1px;}
header#header div.g_menu li a { color:#666; width:130px; padding:5px 0; display:block;}
header#header div.g_menu li a:hover {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#800050d2,endColorstr=#800050d2);
	 background-color:rgba(0,80,210,0.5);color:#FFF;}
header#header div.g_menu li a.nav-selected { background-color:#0050d2; color:#FFF;}
div#header_bar{ width:100% ; margin:0 ; padding:0; clear:both; min-height:200px; background-color:#0050d2; min-width:960px;}
div#header_bar div.imagetitle{ width:900px ; margin:0 auto ; padding:0 30px; }
div#header_bar div.imagetitle div.imgsp{ width:400px ; margin:0 30px 0 0; padding:0; float:left }
div#header_bar div.imagetitle div.imgsp img{ width:400px ; margin:0; padding:0;}
div#header_bar div.imagetitle div.copysp,div#header_bar div.imagetitle div.copysp2{ width:470px ; margin:0; padding:0; float:right }
div#header_bar div.imagetitle div.copysp h2{ text-align:left; font-size:24px; color:#FFF; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; line-height:1.5em; margin-top:60px; font-weight:bolder;}
div#header_bar div.imagetitle div.copysp2 h2{ text-align:left; font-size:24px; color:#FFF; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; line-height:1.5em; margin-top:80px; font-weight:bolder;}

div#contents{ width:900px ; margin:40px auto ; padding:0px 30px; clear:both; }
#contents div.leftspace{ width:400px ; margin:0 30px 0 0  ; padding:0; float:left; text-align:center;}
#contents div.rightspace{ width:470px ; margin:0 ; padding:0; float:right }
div.rightspace h3{ margin: 0 0 20px 0 }
div.records h3{ margin: 30px 0 20px 0 }
div.rightspace h4,div.records h4{ margin: 35px 0 15px 0;}

#contents div.records_left{ width:430px ; margin:30px 40px 0 0; padding:0; float:left;}

#contents div.records_right{ width:430px ; margin:30px 0 0 0 ; padding:0; float:right; }
/*#contents div.records_left p, #contents div.records_right p {width:207px; margin:0 3px 10px 3px; float:left;}*/
#contents div.records_left h4,#contents div.records_right h4 {font-size:14px; margin:10px 0; clear:both; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:normal;}

div.records div.records_right table , div.records div.records_left table{width:429px; }
div.records div.records_right table td ,div.records  div.records_left table td {margin:1px; padding: 2px 2px ;  vertical-align:top; width:210px}

div.rightspace table{ border:none}
div.rightspace table td{ padding: 5px 2px; line-height:1.5en; vertical-align:top}
div.record_table table{ width:100%; border-collapse:collapse;border-spacing:0px;}
div.record_table table td{margin:0; padding: 2px 2px; line-height:1.5en; vertical-align:top; border-bottom:solid 1px #999;border-left:solid 1px #999;  text-align:left;}
div.record_table table td:first-child{ padding: 2px 2px; line-height:1.5en; vertical-align:top; border-bottom:solid 1px #999;border-left:none; }
div.record_table table th{ margin:0; padding: 4px 2px; line-height:1.5en; vertical-align:top;border-left:solid 1px #fff;  text-align:center ; background:#999; color:#FFF; font-size:12px;}

div.history table{ width:100%; border-collapse:collapse;border-spacing:0px; font-size:12px}
div.history table td{ margin:0; padding: 2px 2px; line-height:20px; vertical-align:top; text-align:left;}
div.history table td.line{ padding: 2px 0; width:15px; vertical-align:top; text-align:center; background:url(../img/history_line.gif)}
div.history table td.line2,div.history table th.line2{ padding: 2px 0; background:url(../img/history_line02.gif)}
div.history table th{ margin:0; padding:2px 2px; line-height:20px; vertical-align:top; text-align:left;}

footer#footer {
	height:auto;
	left:0px;
	width:100%;
	min-width:960px;
	min-height:50px; background-color:#0050d2; color:#fff;
	clear:both; margin-top:30px;
	}

footer#footer  div.btm { padding:15px 0px;width:900px; margin:0 auto}
footer#footer  div.btm li{ float:left; margin-right:30px; font-size:12px;}
footer#footer  div.btm li:first-child { margin-right:15px;}
footer#footer  div.logo { float:right;max-width:150px;}
footer#footer  div.btm li a{ color:#FFF}
footer#footer  div.btm li a:hover{ text-decoration:underline;}

div#gotop {
	bottom:150px;
	height:20px;
	right:10px;
	position:fixed;
	width:80px;
	text-align:center;
	z-index:120;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);
	background-color:rgba(50,50,50,0.8);
	padding:10px 5px;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	}
div#gotop a {color:#FFF; background:url(../img/up_arrow01.png)no-repeat left center;padding-left: 20px;height: 15px;font-size: 14px;}
div#gotop a:hover { text-decoration:underline}


/* mailform ---------------------*/
#contents div.form-group{margin:20px 40px; width:100%;clear:both;}
#contents div.form-group label {width:160px; display:block; float:left;}

#contents div.form-group input,#contents div.form-group textarea {font-size:14px;
    border: 1px solid #B9C9CE;
    border-radius:5px;
    padding: 5px 15px;
	margin:0px 40px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);}
#contents div.fields {width:700px; margin:15px auto;}

#contents div.form-group label span.small {font-size:12px; color:#c00;}
#contents div.form-actions { text-align:center; }

#contents div.form-actions input.btn {font-size:20px; width:150px; }

#contents div.alert {margin:30px 0; padding:15px; border:#999 solid 1px;}
#contents div.error { color:#c00; margin:10px 20px; font-weight:bold;}


/* screen ---------------------*/

/*header.ui-draggable-handle {min-width:initial;}*/