@charset "UTF-8";

/*-----------------------------------
margin
-----------------------------------*/
.margin-t5 {
  margin-top: 5px;
}

.margin-t5inline {
  margin-top: 5px;
  display: inline-block;
}

.margin-t5inliner {
  margin-top: 5px;
  display: inline-block;
  float: right;
}

.margin-t10 {
  margin-top: 10px;
}
.margin-t20 {
  margin-top: 20px;
}
.margin-t30 {
  margin-top: 30px!important;
}
.margin-t40 {
  margin-top: 40px!important;
}
.margin-t50 {
  margin-top: 50px!important;
}

/*-----------------------------------
hide
-----------------------------------*/
.hide {
	display: none;
}

/*-----------------------------------
text
-----------------------------------*/
.red {
	color:#FF0000;
}


/*-----------------------------------
Header
-----------------------------------*/
header {
	width:1000px;
	margin:0 auto;
    margin-top:5px;
	padding:0;
}
*+html header { line-height:0;}
header  #logo{
  float:left;
  width:313px;
  height:75px;
  margin:0 0 0 0;
}
header  #logologin{
  float:left;
  width:800px;
  height:77px;
  margin:auto;
}
header #prof{float: left; line-height:1.7;}
header #prof p.date{ font-weight:bold; margin:10px 0 0;}
header #loginBox{ float:right; text-align:right; }
header #login a{
	display:block;
	background:#87CD00;
	padding:12px 25px 7px;
	color:#FFF;
	text-shadow: 1px 1px 1px rgba(111, 163, 10, 1);
	font-size:15px;
	display: inline;
	line-height:1.7;
}
header #login a:hover{
	background:#92dc03;
	 -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
}
header #loginBox .name{ 
    border:1px solid #CDCDCD; 
	border-radius:5px; 
	margin:15px 0 0; 
	clear:both; 
	padding:5px 10px; 
	line-height:1.7;
	}

/*-----------------------------------
nav
-----------------------------------*/
.navBox{
	height:100%;
	clear:both;/* IE7回避 */
	}
nav{
	background: url(../images/common/nav_bg.png) repeat-x 0 0; 
    width:100%; 
	clear:both; 
	min-height:66px;
	margin:10px 0 0 ;
	position:absolute;
	z-index:100;
	}
nav ul {
	width:1000px;
	margin:0 auto;
}
nav ul li {
	float:left;
}



/*-----------------------------------
fade
-----------------------------------*/

.img-fade {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    height: 70px;
    width: 290px;
    margin: 0 auto;  
}
 
.img-fade:hover {
    opacity: 0.6;     /* 透過レベル */
    filter: alpha(opacity=60);
}

img, x:-moz-any-link, x:default {
    box-shadow: #000 0 0 0;
} 

/*-----------------------------------
layout
-----------------------------------*/
#container{
	width:1000px;
	margin:5px auto;
}
.wrap {
  width: 1000px;
  margin:0 auto;
}
.wraptop {
  width: 1000px;
  /*height:100px;*/
  margin:0 auto;
  /*background-color:blue;*/
	/*background: url(../images/common/title_bg.jpg) repeat 0 0;*/
	/*padding:10px;*/
	/*color:#FFF;*/
color: #fff; /* 文章色 */
	font-size:14px;
	/*font-weight:bold;*/
    /*margin-bottom:10px;*/
/*border: 1px solid;*/

}

.navtop{
  width: 1000px;
  margin:0 auto;
	padding:10px 0 10px;
  transform   : scale(1.0, 1.2);   /* 変形 横,縦 */
  display     : inline-block;    /* 変形するためのブロック化 */
	}
	.navtop .menuwidth {
		
		margin-left: 10px;
		margin-right: 10px;
	}
/*-----------------------------------
footer
-----------------------------------*/
.headermenu {
  clear:both;
  width: 100%;
  background:#005EB6;
  padding: 5px 0 5px;
  color:#FFF;
  text-align:center;
}
.headermenu a{
  color:#FFF!important;
}
.headermenu a:hover {
color: #46a8d7!important;
text-decoration: none;
}
.headermenu .nav{
	padding:10px 0 10px;
	float:left;
	}
.headermenu .logo{
	clear:both;
	margin:25px 0 0;
	}






.title-bar{
	background: url(../images/common/title_bg.jpg) repeat 0 0;
	padding:10px;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
    margin-bottom:10px;
	}
.build{
	text-align:center;
	margin:70px 0 0;
	}
#comentBox{
	border:3px solid #eee;
	padding:15px;
	margin:0 0 20px;
	}
#SubBox{
	width:100%;
	text-align:center;
	margin:68px 0 0;
	background:#aad4fa url(../images/common/sub.jpg) no-repeat center 0;
	min-height:180px;
	position:relative;
	}
#SubBox p.catch{
	color:#004EAC;
	font-size:25px;
    font-weight:bold;
	text-shadow: 1px 1px 1px rgba(106, 176, 247, 1);
    text-align:left;
	width:1000px;
	margin:0 auto;
	padding:60px 0 0;
	}

/*-----------------------------------
pagetop
-----------------------------------*/
.pagetop{
	float:right;
	}

/*-----------------------------------
footer
-----------------------------------*/
footer {
  clear:both;
  width: 100%;
  background:#005EB6;
  padding: 10px 0 0;
  color:#FFF;
  text-align:center;
}
footer a{
  color:#FFF!important;
}
footer a:hover {
color: #46a8d7!important;
text-decoration: none;
}
footer .nav{
	padding:10px 0 10px;
	float:left;
	}
footer .logo{
	clear:both;
	margin:25px 0 0;
	}

footer #copy {
  padding: 10px 0;
  color: #ffffff;
  text-align:center;
  font-size:12px;
  background:#052D86;
  margin:20px 0 0;
  }