@import "contents.css";



*{
	margin:0;
	padding:0;
	font-size:100%;
	text-decoration:none;
	font-style:normal;
	list-style-type:none;
	text-align:center;
	}

body{
	
	font-size:83%;
	color:#333;
	background-color:#f2f2f2;
	font-family:verdana, arial,sans-serif;
}

a {color: #006;}
a:hover {color: #4242ff;} 

img{border:0}

.notice{color:#ff0000;}

#wrapper{
width:1000px;
margin:0 auto;
min-width:800px;
background-color:#fff;
}


#header{
height:100px;
margin-bottom:3px;
position: relative;
}


#header .logo{
position:ralative;
left:20px;
height:65px;
}

#header .logo p.saora{
margin:3px 0 0 10px;
position:absolute;
left:20px;
top:3px;
}

#header .logo p.redherring{
margin:3px 0 0 10px;
position:absolute;
left:125px;
top:25px;
}


#header .language{
position:absolute;
right:10px;
top:45px;
}


#header .language li.eng{
padding-left:15px;
background-image:url(../images/head_arrow.png);
background-position:0 0;
background-repeat:no-repeat;
}

#header .language li{
text-align:right;
}


#header ul li{
list-style-type:none;
float:left;

}


/* main menu */

#menu{
width: 1000px;
height:33px;
margin-bottom:5px;
position:absolute;
top:65px;
background-image:url(../images/menu_base.png);
background-position:0 0;
background-repeat:repeat-x;
}


#menu #nav-one
{ 
list-style: none;
width: 1000px;
 }

#menu #nav-one li{
  float: left;
  position: relative;
  border: 0;
 width:100px;
 z-index:1;
    }
 
   
#menu ul.nav{
border-bottom: 1px solid #ABABC5;
width: 157px;
position: absolute;
top:31px;
display:none;
left:0;
}



#menu ul.nav.long{
width: 230px;
}

* html #menu ul.nav{
border-bottom: 1px solid #192f60;
 width: 157px;
  position: absolute;
  top: -999em;
left: -1px;
}




#menu ul.nav li a,
#menu ul.nav li a:link,
#menu ul.nav li a:active,
#menu ul.nav li a:visited 
{
  font: 75%/23px MSゴシック,Arial, 
  Helvetica, sans-serif;
  background: #192f60;
  color: #fff;
  display: block;
  text-decoration: none;
  text-align:left;
 }





#menu ul.nav li a:active,#menu ul.nav li a{
    /*filter: alpha(opacity=85);
  -moz-opacity:0.85;
  opacity:0.85;*/
}
#menu #nav-one li:hover ul.nav  a:hover, 
#menu #nav-one li.sfHover ul.nav  a:hover {
  background:#3e62ad;
  color:#fff;
    filter: alpha(opacity=85);
  -moz-opacity:0.85;
  opacity:0.85;
}

#nav-one  li:hover ul.nav li:hover ul.left {left:-105px;}
#nav-one  li:hover ul.nav ,
#nav-one  li.sfHover ul.nav  {
display:block;
 }


* html #nav-one  li:hover ul.nav li:hover ul.left {left:-105px;}
* html #nav-one  li:hover ul.nav ,
* html #nav-one  li.sfHover ul.nav  {
  top:31px;
width: 157px;
 }


ul.nav a {
border-top: 1px solid #192f60;
  border-left: 1px solid #192f60;
  border-right: 1px solid #192f60;
   width: 155px;
  white-space: nowrap;
  padding-left:2px;
}

span.topmenu_h{position:absolute;top:-100px}

/* ここまで*/




.topimage{
width:1000px;
height:200px;
text-align:center;
overflow:none;
color:#fff;
}



/*#content_wrapper{
width:1000px;
margin:5px auto;
}*/

#content_wrapper{
background-image:url(../images/title_bg_blue.jpg);
background-repeat:no-repeat;
background-position:0 23px;
width:1000px;
margin:5px auto;
}

#content_wrapper:hover{
background-image:url(../images/title_bg_nature.jpg);
}



#content_wrapper.top{
background-image:none
}


#main{
width:650px;
float:left;
margin-top:5px;
margin-left:7px;

}

*+html #main{
margin-left:7px;
}
*html #main{
margin-left:0px;
}


#main.top{
height:370px

}


/*------below top page news-----*/



#main .news{
position:relative;
width:630px;
height:180px;
/*background-image:url(../images/news_bg.jpg);
background-position:0 0;
background-repeat:no-repeat;*/
text-align:left;
float:left;
margin-right:5px;
margin-bottom:5px;
border:1px solid #eee;
}


#main .news h2{
position:absolute;
top:7px; left:20px;
}

#main .news p.more{
position:absolute;
top:9px; left:80px
}

#main .news .newsarea{
width:600px;
overflow:auto;
height:130px;
position:absolute;
top:30px; left:15px;
border-top:solid 1px #eee;
padding-top:5px;
}

#main .news .newsarea dt,#main .news .newsarea dl dd{
text-align:left;
float:left;
margin-bottom:8px;
}

#main .news .newsarea dl dt{
margin-right:5px;
width:120px;
}

#main .news .newsarea dl dd{

width:450px;
}



/*------ top page news end-----*/

#navi_banner{
width:330px;
margin-top:73px;
/*margin-left:5px;*/
float:left;
}


#navi_banner.top{
margin-top:7px;
}


*+html #navi_banner{
margin-right:7px;
}
*html #navi_banner{
margin-right:7px;
}



#navi_banner dl{padding-top:5px;background-color:#f7fcfe;margin-bottom:5px;}

#navi_banner dl:hover{ -moz-transition: all 0.4s ease-out 0s;
    box-shadow: 0 0 2px #AAAAAA, 0 0 20px #ECEC53; background-color:#fff;}


#navi_banner dl dt{
float:left;
width:70px;
}

#navi_banner dl dd{
float:left;
width:240px;
font-size:10px;
text-align:left;
line-height:140%;
}

#navi_banner #Copyright{
width:180px;
}


#footer{
width:1000px;
margin:0 auto;
padding-top:20px;
padding-bottom:10px;
background-color:#fff;
font-size:0.8em;
}

#footer a {color: #999;}
#footer a:hover {color:#4242ff;} 


#footer ul li{
display:inline;
margin-left:10px;
}


#footer .copyright{
border-top:3px #5568B5 solid;
height:15px;
margin-bottom:3px;
font-size:1.2em;
}

#footer p{
text-align:left;
margin-left:10px;

}

#footer .copyright p{
line-height:140%;
}



.button, .button:link, .button:visited
{
	padding: 2px 5px;
	border:1px solid #ccc;
    background-color:#ffff71;
    color:#000;
    text-decoration:none;
    -moz-box-shadow: 1px 1px 2px #969696;
    -webkit-box-shadow: 1px 1px 2px #969696;
    box-shadow: 1px 1px 2px #969696;
    text-align: center;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    
    background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.00, #FFFFAB),
        color-stop(1.00, #FFFF71)
    );
    background:-moz-linear-gradient(
        center top,
        #FFFFAB 0%,
        #FFFF71 100%
    );
    
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
}

.button:hover
{
	-moz-box-shadow: 3px 3px 4px #969696;
    -webkit-box-shadow: 3px 3px 4px #969696;
    box-shadow: 3px 3px 4px #969696;
    border-color: #DDDDDD;
    
    background-color: #FFFFDE;
    background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.00, #FFFFDE),
        color-stop(1.00, #FFFF20)
    );
    background:-moz-linear-gradient(
        center top,
        #FFFFDE 0%,
        #FFFF20 100%
    );
}

.button:active
{
	-moz-box-shadow: 1px 1px 1px #969696;
    -webkit-box-shadow: 1px 1px 1px #969696;
    box-shadow: 1px 1px 1px #969696;
	
	background-color: #FFFF20;
    background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.00, #FFFFDE),
        color-stop(0.40, #FFFF20)
    );
    background:-moz-linear-gradient(
        center top,
        #FFFFDE 0%,
        #FFFF20 40%
    );
}




















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





/* Hides from IE-mac \*/
* html .container {height: 1%;}
*+html .container {height: 1%;}
.container {display: block;}
/* End hide from IE-mac */