﻿*{  margin:0;   padding:0;   zoom:1;} 
body	{margin: 0; 	padding	: 0px; 	font-size: 90%;
	line-height:1.3; text-align: center;  
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #fff; color: #222;	}

/*-   ol, ul { list-style: none; }    ul[class] {list-style: none;}  --*/
/*- ページ全体をセンタリングする指定 --*/
#container, #header, #wrapper, .menu, #footer{margin: 0 auto;}
/*------------------　ヘッダー ------------*/
#header { margin-top:15px;}
#header .title{ margin-top:15px;background:#3f3f3f; height:80px; line-height:80px; color:#dfdfdf;
	font-size:1.7em; font-weight:bold; }
#header .logo { }	
/*-------------------------wrapperの指定 -----*/ 		
#wrapper{ width:930px; background:#FFF; overflow: hidden; /* heightを戻す */}
	
/*-------------------------- font-weight: 320; -----------*/
#title{text-align:left;}

h1.alt { margin-top:20px; margin-bottom:20px;  font-size:1.8em;  text-align:center;
	border-bottom: 3px solid #dfdfdf;}
h1.alt span {display: inline-block; margin-bottom: -3px; padding: 10px 0; 
	border-bottom: 4px solid #ff8400;  }
h2.alt { font-weight: 300; font-size: 1.846em; border-bottom: 1px solid #dfdfdf;  }
h2.alt span {display: inline-block; margin-bottom: -1px; padding: 10px ; 
	border-bottom: 2px solid #ff8400;  }
h3  { margin:15px 10px;  padding: 8px 10px; border-bottom: 1px solid #ff8400; }
	
h4{ margin:10px 0 3px 10px;  padding-left: 10px; border-bottom:1px solid #dfdfdf;  }
ul{ margin:5px 10px; margin-left:20px;} 
ul li{ padding:3px;}

#main{ float: left; width: 660px;
	padding:0; background:#FFF; text-align:left;  color:#052240;  }

#side{float: right; width: 220px;  margin-top:25px; }
#side h2 {margin:0.5em 0 0.8em 0; font-weight: normal;  border-bottom: 1px solid #dfdfdf; 
	color: #3f3f3f; font-size: 1.3em;  text-align:left;}
#side h2 span {display: inline-block; margin-bottom: -1px; padding: 8px 0; border-bottom: 2px solid #ff8400;}
#side .simage{ border:4px solid #eee; margin:5px auto;}

#update{ width:750px; text-align:left; margin:20px auto;}
#update ul { margin:20px 0 0 50px;}

/*-------------------  content ------------------------*/
.cont{width:610px; margin:10px auto; padding:0 10px ; }
.cont2{width:570px; margin:10px auto; padding-left:10px ; }
.cont3{width:500px; margin:10px auto; padding-left:10px; }

.image-ware{ padding:20px 0 20px 0; text-align:center; border:none;}
.image-E{ padding:30px 0 0 0; text-align:center; border:none;}
.new{ color:#F00; font-weight:bold; text-align:left;}

#content{ clear:both;}

/*---------------------------------------------------*/
/*       スクロール表示
/*---------------------------------------------------*/
#scrl {
  overflow: scroll;   /* スクロール表示 */
  margin:20px auto;  width: 600px;
  height: 150px; text-align:left;}
#scrl dl { width:580px;}
#scrl dt{float:left; padding:5px 0 5px 20px;}
#scrl dd{margin-left:110px;  padding:5px 0;}
#scrl h3{ margin:10px 0 0 10px; border:none;}
/*---------------------------------------------------*/
/*--　　　　　　　top　navi　　　　　　　　　　　　　--*/
/*---------------------------------------------------*/
#top-navi{background:#3f3f3f; height:70px; margin-bottom:5px; margin-top:10px; }
#top-menu{ margin:auto; width:930px; height:70px;}
#top-menu ul {  list-style: none; padding-top:8px; }
#top-menu ul li { float:left; height: 20px;  border: none; line-height: 20px; }
#top-menu ul li a { border: none; color: #fff;  padding:4px;}
#top-menu ul li  a:hover {background: #747474; color: #fff; padding:8px 4px;}

#result { margin:10px auto;}
#result .rimage{ width:500px; border:1px solid #999; margin:10px auto;}

/*--　　　　　　　　foot　navi　　　　　　　　　　　　　-*/
/*---------------------------------------------------*/
#foot-navi{background:#fff; height:70px; margin-bottom:5px; margin-top:10px; 
	 border-top:1px solid #dfdfdf; }
#foot-menu { margin:0 auto; width:930px; height:70px; line-height:70px; }
#foot-menu ul {  list-style: none; padding-top:5px; }
#foot-menu ul li { float:left; height: 20px;  border: none; line-height: 20px; }
#foot-menu ul li a { border: none; color: #3f3f3f;  padding:4px;}
#foot-menu ul li  a:hover {background: #747474; color: #fff; padding:4px;}

/*---------------------------------------------------*/
/*---------------------------------------------------*/
.data{width:580px; text-align:left; margin:20px auto;}
.data dl{border:solid 1px #dfdfdf; }
.data dt{width:580px; border-bottom:solid 1px #F00;  width:100%;} 
.data dd{ display:inline-block; padding:10px 6px; }
.data .dat-long{ width:570px; }
.data .dat-form{ width:100px; }
.data .dat-cont{ width:440px;border-left:solid 1px #dfdfdf; 	 }
.data .dat-none { border:none;}
.data .dat-solid { border-bottom:solid 1px #dfdfdf; width:100%;}
/*---------------------------------------------------*/
/*---------------------------------------------------*/
#Evaluation{ text-align:left; margin:20px auto;}
#Evaluation ul{ width:460px;}
#Evaluation li{ width:450px;}
#Evaluation .right{ float:right;   clear : both;}
#Evaluation dt{width:580px; border-bottom:solid 1px #F00;  width:100%;}
#Evaluation dt{ width:580px;} 
#Evaluation dd{ display:inline-block; padding:10px 6px ; }
#Evaluation .pos{ width:60px; border:solid 1px #666;}
#Evaluation .con{ width:500px; border:solid 1px #666; padding-left:60px;}
#Evaluation .eva-form{ width:50px; border:1px solid #F00; }
#Evaluation .eva-cont{ width:480px;border-left:solid 1px #dfdfdf; 	 }
/*-------------Important Dates------------------------------*/
#importantdate{ text-align:left; margin:20px auto;}
#importantdate dl{width:580px; border:solid 1px #dfdfdf; }
#importantdate dt{width:580px; border-bottom:solid 1px #dfdfdf;  width:100%;} 
#importantdate dd{ display:inline-block; padding:10px 6px; }

#importantdate .dat-cont{ width:200px;border-right:solid 1px #dfdfdf;}
#importantdate .dat-date{ width:320px; vertical-align:top;   }

#importantdate .dat-none { border:none;}
#importantdate .dat-solid { border-bottom:solid 1px #dfdfdf; width:100%;}
/*---------------------------------------------------*/
/*        pagetop
/*---------------------------------------------------*/
.pagetop{ margin:0  0 0  480px;  text-align:right; background:url(image/arrow1.png) no-repeat center;} 
.pagetop a,  a:link, a:active,  a:visited{ color:#666; text-decoration:none; }
.pagetop a:hover { font-style:italic;}
/* -----  フッター　の設定　　-----   */
#footer{ clear:both;}
#footer-cont { background:#3f3f3f; text-align: center;
	font-style:normal;	font-size:85%; padding:10px 0;
	 color:#ebebeb;}
	/*--- border-top:2px solid #4F2958;}
---------------------------------------*/
/*---------------------------------------------------*/
.col-red{ color:#F00;}
.right { text-align:right;}
.center{ text-align:center;}
.bold {font-weight:bold;}
.mb-20{ margin-bottom:20px;}
.pl-20{ padding-left:20px;}
.pt-30{ padding-top:30px;}
.mt-50{ margin-top:50px;}
.ptb-10{ padding:10px 0;}
.italic{ font-style:italic;}
.ce{ text-align:center; font-size:120%; padding:20px 0 10px 0;}
.underline{ text-decoration:underline;}
/*---------------------------------------------------*/
a{	text-decoration : none;}
a:hover{	text-decoration : underline;	}
a:active{	text-decoration : underline;}
/*---------------------------------------------------*/
.mv { border:1px solid #12207b; margin:10px 30px; padding-bottom:15px; padding-top:10px;}
.mv_title { font-size:150%; font-weight:bold; padding:10px 20px; color:#12207b;}
.mv_url { font-size:120%; padding:0px 20px;}
.mv_cont { font-size:100%; padding:10px 30px; text-align:left;}