@charset "utf-8";

/* ブラウザの初期化設定
--------------------------------------------------------------------------------*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,blockquote{
margin:0;
padding:0;
}

em,address{
font-style:normal;
font-weight:normal;
}

h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}

table{
border-collapse:collapse;
border-spacing:0;
}

caption,th{
font-style:normal;
font-weight:normal;
text-align:left;
}

fieldset,img{
border:0;
}

ol,ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

/* html body
--------------------------------------------------------------------------------*/
body,html{   
height:100%;
background-color:#F5F5F5;
}

body{
color:#333333;
font-size:14px;
font-style:normal;
font-weight:normal;
font-family:Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
background:url(../img/background_top.gif) left top repeat-x;
}

*:first-child + html body {font-size:90%;}
*:first-child + html table {font-size:100%;}
* html body {font-size:90%;}
* html table {font-size:100%;}

/*
*:first-child + html body {font-size:75%;}
*:first-child + html table {font-size:100%;}
* html body {font-size:75%;}
* html table {font-size:100%;}
*/

#container {
position: relative; 
height: auto !important;    
height: 100%;   
min-height: 100%;
}

/* header
----------------------------------------*/
#header{
width:800px;
margin:0 auto;
}

#header #logo{
padding:70px 0 30px 0;
}

/* contents
----------------------------------------*/
#contents {
width:800px;
margin:0 auto;
padding-bottom:50px;
background:url(../img/background_contents.gif) left top repeat-y;
}

/* main
----------------------------------------*/
#main{
float:right;
width:510px;
padding:40px 30px 0 30px;
background:url(../img/background_main.gif) left top no-repeat;
}

#main h2{
color:#004A75;
font-size:120%;
font-weight:bold;
margin-bottom:1em;
padding-bottom:5px;
background:url(../img/background_line.gif) left bottom repeat-x;
}

#main h3{
font-size:100%;
font-weight:bold;
padding-left:8px;
margin-bottom:0.5em;
background:url(../img/icon_off.gif) left 4px no-repeat;
}

#main p{
line-height:1.5;
margin-bottom:1.5em;
}

#main .return{
font-size:90%;
text-align:right;
}

#main dl{
margin-left:8px;
margin-bottom:1.5em;
}

#main dt{
font-weight:bold;
line-height:1.5;
}

#main dd{
margin-left:1em;
line-height:1.5;
}

div.env#main p{
line-height:1.5;
margin-bottom:1.5em;
margin-left:8px;
}

#gallery{
width:510px;
}

#gallery ul{
width:525px;
margin-right:-15px;
overflow:hidden;
_zoom:1;
}

#gallery ul li{
width:154px;
float:left;
margin-right:15px;
margin-bottom:15px;
border:solid 3px #C0C0C0;
}

#gallery ul li img{
vertical-align:bottom;
}



/* sub
----------------------------------------*/
#sub{
float:left;
width:180px;
padding:40px 10px 0 10px;
background:url(../img/background_sub.gif) left top no-repeat;
}

#sub ul li{
padding-left:8px;
padding-bottom:1em;
background:url(../img/icon_on.gif) left 4px no-repeat;
}

/* footer
----------------------------------------*/
#footer-area{
clear:both;
position:absolute;
bottom:0;
width:100%;
background:#004A75;
} 

#footer{
width:800px;
margin:0 auto;
color:#FFFFFF;
text-align:right;
}

#copyright{
font-size:90%;
padding:10px 0;
}

/* link color
--------------------------------------------------------------------------------*/
a			{color:#002941;}			/*未訪問*/
a:link 		{color:#002941;}			/*未訪問*/
a:visited	{color:#002941;}			/*訪問済*/
a:hover 	{color:#004A75;}			/*オンマウス*/
a:active	{color:#004A75;}			/*クリック時*/