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

/* ------------------------------
Property-Resset
------------------------------ */

body,
h1, h2, h3, h4, h5, h6,
p, ul, ol, dl, dt, dd, li, table, th, td,
form, select, option, address, pre, blockquote, code {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
font-style: normal;
text-align: left;
}

img {
border: 0;
margin: 0;
padding: 0;
}

ul, ol, dl {
list-style-type: none;
}

li li, li p, li pre, li dt, li dd,
dd li, dd p, dd pre, dd dt, dd dd {
font-size: 100%;
}

hr {
display: none;
}

a{
	text-decoration:none;
	color:black;
}

/* property-reset end */
/*footer_area*/
#footer {
	margin-bottom:0px;
	padding: 0;
	font-size: 10px;
	border-top: 1px solid #DDD;
	background: #EDEDED url(/image/footer/footer_top_bg_shadow.jpg) repeat-x 0 0;
}
#footer #box {
	width: 900px;
	padding-top: 10px;
}
#footer #link {
	width: 728px;
	margin-top: 2px;
	padding-bottom: 6px;
	border-bottom: 1px solid #CCC;
}
#footer #link a {
	padding-left: 1em;
	margin: 0 5px;
	text-decoration: none;
	color: #666;
	background: url(/image/footer/footer_link_arrow.gif) no-repeat 0 .2em;
}
#footer #link a:hover {
	color: #888;
}
#footer #link dt {
	float: left;
}
#footer #logo {
	margin-top: 5px;
	margin-right: 13px;
}
#footer #copyright {
	width: 728px;
	padding: 0px 0 12px 0;
	color: #666;
	margin: 0px 5px 0 5px;
}
#footer-box {
	width: 950px;
	padding-top: 10px;
	text-align: left;
	font-size:10px;
}
#footer-link {
	width:660px;
	margin-top: 2px;
	padding-bottom: 6px;
	border-bottom: 1px solid #CCC;
}
#footer-link a {
	text-decoration: none;
	color: #666;
	background: url(/image/footer/footer_link_arrow.gif) no-repeat 0 .2em;
	padding-left: 1em;
	margin: 0 5px;
}
#footer-link a:hover {
	color: #888;
}
#footer-link dt {
	float: left;
}
#footer-logo {
	margin-top: 5px;
	margin-right: 13px;
}
#footer-copyright {
	width:728px;
	padding: 5px 0 12px 0;
	color: #666;
	margin: 3px 5px 0 5px;
}
/*for IE*/
#footer #link, #footer-link, #footer #copyright, #footer-copyright {
	width: 700px;
}


.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

a img:hover{
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
 }

.scrollAnchor{
	text-decoration:underline;
	text-align:right;
	margin:10px 5px 10px;
}

#wrapper{
	width:1000px;
	margin:0 auto;
}

#MainVisual,#main_contents{
	background-image:url(../img/dot.jpg);
}

#contents{
	width:900px;
	margin:0 auto;
}

#MainVisual{
	height:325px;
	position:relative;
}

#MainVisual > h1{
	text-align:center;
	padding:7px 0;
}

#MainVisual > div{
	background-color:#FBF7E6;
	border:1px solid #CCC;
	width:814px;
	margin:0 auto;
	padding:5px 0;
}

#MainVisual > div > p{
	float:left;
	margin-left:30px;
}

#banner_shotai{
	position:relative;
	margin:20px 0;
}

#banner_shotai > div{
	position:absolute;
	right:10px;
	bottom:10px;
}

#banner_shotai > div > p{
	float:left;
	margin-left:68px;
}

#banner_area{
	position:relative;
	margin:20px 0;
}

#banner_area > div{
	position:absolute;
	right:10px;
	bottom:10px;
}

#banner_area > div > p{
	float:left;
	margin-left:68px;
}

#main_contents{
	width:890px;
	margin:0 auto;
	padding:10px 0 10px 0;
}

#main_contents h4,#main_contents h5{
	text-align:center;
}

#information_area > h2{
	float:left;
}

#information_area > div{
	float:left;
	width:430px;
	margin-left:7px;
	font-size:12px;
}

#information_area > div > h3{
	float:left;
	width:100px;
	text-align:center;
}

#information_area > div > ul{
	float:left;
}

#information_area > div > ul > li{
	margin-bottom:5px;
}

#information_area > div > ul > li > span{
	color:red;
	margin-left:5px;
}

#new_info {
  width:850px;
  height:55px;
  background-image: url("../img/new_info.jpg" ) ;
  background-repeat: no-repeat;
  padding-top:35px;
  padding-left:20px;
}

.news {
  width:425px;
  height:25px;
  float:left;
}
  

#three_top > div{
	
	background-color:white;
}

#three_top > div,#private > div{
	width:430px;
	padding-bottom:5px;
	float:left;
	
}

#three_top > div{

}

#three_top > div > div,#private > div > div,#public > div{
	position:relative;
	margin-top:5px;
}

#three_top > div > div > p,#private > div > div > p,#public > div > p{
	position:absolute;
	right:20px;
	top:4px;
	font-size:14px;
	color:#990000;
}

#three_top > div > div > p.koukai_button,#private > div > div > p.koukai_button,#public > div > p.koukai_button{
	position:absolute;
	right:12px;
	top:2px;
	line-height:20px;
}

#three_top > div > div > p.koukai_button span,#private > div > div > p.koukai_button span,#public > div > p.koukai_button span{
	position:absolute;
	right:109px;
	top:6px;	
	color:red;
	margin-right:5px;
}

#private,#public,#database,#pickup{
	margin:auto;
	background-color:white;
	width:870px;
	padding-bottom:10px;
}

#private{
	margin:20px auto;
}

#public > div{
	width:430px;
	margin-left:5px;
}

#database{
	margin:20px auto;
}

# > div{
	position:relative;
}

#database > div > p{
	position:absolute;
	bottom:0;
	right:30px;
}

#database h5{
	margin-top:10px;
}


#pickup > div{
	width:350px;
	float:left;
	margin-left:28px;
}

#pickup > div > h5{
	margin-top:10px;
}

#pickup > div > p{
	font-size:12px;
	text-align:center;
	margin-top:5px;
}

/*ABてすとようのこーーーど。ユーザビリティ*/
#detail2{
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-top:6px solid #100F86;
	position:relative;
	width:866px;
	margin:10px 0 0 10px;
	background-color:white;
	padding-bottom:10px;
	float:left;
}

#detail2 > div > div > h3{
	margin:3px 0 0 20px;
}

#detail2 > div > div > span{
	position:absolute;
	top:10px;
	right:10px;
}

#detail2 > div > div > h4,#nada > div > h4{
	text-align:left;
	margin:7px 0 0 20px;
	color:#3366CC;	
}

#detail2 > div > div > p{
	margin:5px 0 0 25px;
	font-size:14px;
}

#detail2 > div > div > p > a,#nada > div > p > a{
	text-decoration:underline;
}

#detail2 > div > div > div{
	margin-top:10px;
}

#detail2 > div > div > div > p,#nada > div > div > div > p{
	float:left;
	margin-left:20px;
}

#detail2 > div > div > div > div,#nada > div > div > div{
	float:left;
	margin:5px 0 0 7px;
}

#detail2 > div > div > div > div > p,#nada > div > div > div > p{
	float:left;
	margin-left:5px;
	font-size:14px;
	line-height:20px;
}

#detail2 > div > div > div > div > p img,#nada > div > div > div > p img{
	margin-left:5px;
}


#detail2 > div > div#detail2_pickup{
	border-top:none;
	padding-bottom:14px;
}

#detail2 > div > div#detail2_pickup > p{
	text-align:center;
	margin:10px auto;
}

#detail2 > div > div#nada{
	width:860px;
	height:260px;
}

.math{
	width:150px;
	height: 100px;
	background-color: #99E5FF;
}

.math > div{
	margin: 10px 0 0 10px;
	width:130px;
	height: 50px;
	background-color: white;
	padding: 5px 0 0 3px;
}
.science{
	width:150px;
	height: 100px;
	background-color: #73FF73;
}

.science > div{
	margin: 10px 0 0 10px;
	width:130px;
	height: 50px;
	background-color: white;
	padding: 5px 0 0 3px;
}
.jap{
	width:150px;
	height: 100px;
	background-color: #FF8788;
}

.jap > div{
	margin: 10px 0 0 10px;
	width:130px;
	height: 50px;
	background-color: white;
	padding: 5px 0 0 3px;
}
.soc{
	width:150px;
	height: 100px;
	background-color: #FFD349;
}

.soc > div{
	margin: 10px 0 0 10px;
	width:130px;
	height: 50px;
	background-color: white;
	padding: 5px 0 0 3px;
}
.japsoc{
	width:300px;
	height: 100px;
	background-color: #FF9673;
	padding-top: 3px;
	padding-left: 3px;
}


.japsoc > div{
	margin: 5px 0 0 10px;
	width:270px;
	height: 50px;
	background-color: white;
	padding: 5px 0 0 3px;
}

.btn {
    background: red;
    border-top: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-right: 1px solid #BBB;
    border-bottom: 1px solid #BBB;
    color:#111;
    width: 50px;
    height: 25px;
	text-align: center;
	margin: 10px 0 0 5px;
	padding-top: 4px;
	float:left;
}
.btn2 {
    background: red;
    border-top: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-right: 1px solid #BBB;
    border-bottom: 1px solid #BBB;
    color:#111;
    width: 250px;
    height: 25px;
	text-align: center;
	margin: 10px 0 0 5px;
	padding-top: 4px;
	float:left;
}

/*以上！！*/

/* ここからdetail */

.jap{
	color:#FF6666;
}

.math{
	color:#3399FF;
}

.sci{
	color:#009900;
}

.soc{
	color:#FF9900;
}

.guidance_link{
	background:url(../img/guidance_link.jpg) no-repeat;
	color:#3366CC;
	padding-left:80px;
	height:18px;
	line-height:18px;
	font-size:14px;
}

.guidance_link a{
	color:#3366CC;
}

.report_link{
	background:url(../img/report_link.jpg) no-repeat;
	color:#D6496B;
	padding-left:80px;
	height:18px;
	line-height:18px;	
	font-size:14px;
}

.report_link a{
	color:#D6496B;
}

.preparing{
	filter: alpha(opacity=20);
	-moz-opacity:0.20;
	opacity:0.20;
}

#detail > div > div{
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-top:6px solid #100F86;
	position:relative;
	width:866px;
	/*margin:10px 0 0 3px;*/
	background-color:white;
	padding-bottom:10px;
	float:left;
	height:240px;
}

#detail > div > div > h3{
	margin:3px 0 0 20px;
}

#detail > div > div > span{
	position:absolute;
	top:10px;
	right:10px;
}

#detail > div > div > h4,#nada > div > h4{
	text-align:left;
	margin:7px 0 0 20px;
	color:#3366CC;	
}

#detail > div > div > p{
	margin:5px 0 0 25px;
	font-size:14px;
}

#detail > div > div > p > a,#nada > div > p > a{
	text-decoration:underline;
}

#detail > div > div > div{
	margin-top:10px;
}

#detail > div > div > div > p,#nada > div > div > div > p{
	float:left;
	margin-left:20px;
}

#detail > div > div > div > div,#nada > div > div > div{
	float:left;
	margin:5px 0 0 7px;
}

#detail > div > div > div > div > p,#nada > div > div > div > p{
	float:left;
	margin-left:5px;
	font-size:14px;
	line-height:20px;
}

#detail > div > div > div > div > p img,#nada > div > div > div > p img{
	margin-left:5px;
}


#detail > div > div#detail_pickup{
	border-top:none;
	padding-bottom:30px;
}

#detail > div > div#detail_pickup > p{
	text-align:center;
	margin:10px auto;
}

#detail > div > div#nada{
	width:860px;
	height:260px;
}

#nada{
	position:relative;
}

#nada > div{
	width:425px;
	float:left;
}

#nada > div > h3{
	margin-left:20px;
}

#nada > div > p{
	margin-top:10px;
}

#nada_left{
	border-right:1px solid gray;
}

#nada > div#nada_left > div > div{
	margin-top:16px;
}

#nada_right{
	padding-top:45px;
}

#nada_right {
   padding-top: 50px\9; /* IE8 and below */
   *padding-top: 50px; /* IE7 and below */
   _padding-top: 50px; /* IE6 */
}

#nada > div#nada_right > div > div{
	margin-top:25px;
}

#nada_right > p{
	
	font-size:14px;
}

/* 更新情報にスクロール表示 */
.koushin {
  border:1px solid #CCC;
  background-color:white;
  overflow: scroll;
  overflow-x: hidden;
  width:430px;
  height:95px;
  padding-top:5px;
}

.koushinjouhou {
  padding-top:10px;
}

.navi {
    display: inline-block;
    width: 296px;
}

.navi img {

}

#navigation{
	height:60px;
	margin-bottom: 20px;
}

#famous{
    text-align: center;
    width: 886px;
}

#shiritsu{
    text-align: center;
    width: 886px;
}

#kokuritsu{
    text-align: center;
    width: 886px;
}

.gray {
	background-color: #CCCCCC;
}