/* ========BASIC======== */

body{
margin:1px;
text-align:center;
letter-spacing: normal;
padding:0;
font-size:80%;
line-height:1.4em;
background-color:#F0F8FF;
}

br{
letter-spacing:normal;
}

a{
color:#333;
text-decoration:none;
}

a:hover{
color:#ddd;
text-decoration:none;
}

img{
border:0px none;
}

h1, h2, h3, h4, h5, h6{
margin:0;
}

/* ========TEMPLATE FRAMEWORK======== */

#top{
width:750px;
margin: auto;
text-align:left;
}

#header{
color: #FFFFFF;
margin: 0px;
background-color: white;	
background-image: url('japonjapanimage/yun_fujisan.jpg');
background-repeat: no-repeat;	
background-position:  center 50%;	
width: 750px;
height: 283px;
border: 1px solid #999999
}

#contents{
width:750px;
margin:0 auto;
background-color: #FFFFFF;
border: 1px solid #999999;
text-align: left;
}

#main{
width:560px;
float:left;
margin:0 auto;
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 10px;
background-color: #FFFFFF;
text-align:left;
font-family: arial; size: small;

}

#sub{
width:180px;
float:right;
padding-top: 10px;
background-color: #FFFFFF;
font-family: arial; size: 100%;

}

#footer{
width:750px;
clear:both;
background:#fff;
border: 1px solid #999999;
margin-top:10px;
font-family: arial; size: 80%;
text-align: center;
}

/* ========HEADER CUSTOMIZE======== */
#header p.grand {
font-size: small; font-family: arial; color:#ffffff; font-weight: bold;
text-align: center; 
line-height: 1.5;
padding-top: 165px;
}

#header p.petit {
font-size: xx-small; font-family: arial; color: silver; font-weight: bold;
text-align: right; 
}

#header p.grand a:link{ color:#fff; text-decoration:none;}
#header p.grand a:visited{ color:#fff; text-decoration:none;}
#header p.grand a:hover{ color:cyan; text-decoration:none; }
#header p.petit a:link{ color:silver; text-decoration:none;}
#header p.petit a:visited{ color:silver; text-decoration:none;}
#header p.petit a:hover{ color:mediumturquoise; text-decoration:none; }



/* ========MAIN CONTENTS CUSTOMIZE======== */
#main a{
color:#0080B0;
}

#main a:hover{
border-left:0px none; border-right:0px none; border-top:0px none; color:#0080B0;
border-bottom:1px solid #0080B0
}


#main h2 {
font-size:105%;
text-align: center;
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
padding-right:5px;
font-family:verdana;
color:#DC143C;
font-weight:bold;
border-bottom:2px solid #0080B0;
margin-bottom:2px;
}

#main h3 {
font-size:100%;
text-align: left;
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
padding-right:5px;
font-family:verdana;
color:#0033CC;
border-bottom:2px dotted #0080B0;
margin-bottom:2px;
}

#main p {
font-size:100%; 
text-align:left;
padding-left:20px;
padding-right:20px;
font-family:arial;
}

/* ========MENU CUSTOMIZE======== */

#menu h2 {
text-align: center;
width:175px;
}

#menu ul {
margin:0;
padding:0;
}

#menu li {
list-style-type:none;
margin:0;
padding:0;
}

#menu li a{
display:block;
width:175px;
color:#557;
background:#dde;
line-height:26px;
border-top:1px solid #999;
border-bottom:none;
padding-left:5px;
}

#menu li a:hover{
color:#575;
background:#ded;
border-bottom:none;
border-top:1px solid #999;
}

/* ========SUB CONTENTS CUSTOMIZE======== */
#sub h2 {
font-size:x-small;
color:#fff;
padding:2px;
font-weight:bold;
background:#666;
}

/* ========FOOTER CUSTOMIZE======== */

#footerMenu{
padding:10px 0;
}

#footerMenu a{
color:#333;
}

#footerMenu a:hover{
border-left:0px none; border-right:0px none; border-top:0px none; color:#333;
border-bottom:1px solid #333
}

#footerMenu ul{
margin:0;
padding:0;
list-style:none;
}

#footerMenu li{
display:inline;
padding-left:8px;
background: no-repeat 0 4px; margin-left:10px; margin-right:0; margin-top:0; margin-bottom:0
}



address{
color:#333;
text-align:center;
font-size:75%;
padding:20px 0;
background:#f1f1f1;
border-top:2px solid #ddd;
}

address a:link{ color:#333; text-decoration:none;}
address a:visited{ color:#333; text-decoration:none;}
address a:hover{ color:mediumturquoise; text-decoration:none; }