@charset "shift_jis";

/*----------------------------------------------------
base
----------------------------------------------------*/
body{
margin: 0px;
padding: 0px;
font-size: x-small;
color: #333;
background-color: #FFFFFF;
text-align: center;
}

h1 , h2 , h3, p , li , ul , div {
margin: 0px;
padding: 0px;
}

h2 , h3 , h4 {
letter-spacing: 1px;
}

h2 {
font-size: medium;
border-bottom: solid #39f 3px;
}

h3 {
font-size: small;
font-weight: bold;
margin: 10px 0px 0px 0px;
}

ul {
list-style: none;
}

hr {
display: none;
}

p {
line-height: 1.4em;
}

a img {
border: none;
}

.clear {
clear: both;
}
/*----------------------------------------------------
layout
----------------------------------------------------*/
#container {
width: 760px;
margin: 30px auto 0px;
text-align: left;
}

#title_header {
width: 760px;
height: 40px;
}

#top_img {
width: 760px;
height: 200px;
margin: 0px 0px 20px 0px;
clear: both;
}

#header {
width: 760px;
margin: 0px 0px 10px 0px;
}

#contents {
width: 760px;
margin: 0px 0px 40px 0px;
clear: both;
}

#box_h75 {
width: 730px;
height: 75px;
margin: 0px 15px 0px;
}

#box_h100 {
width: 730px;
height: 100px;
margin: 0px 15px 0px;
}

#box_h100_blue {
width: 730px;
height: 100px;
background-color:#d2f2ff;
padding: 0px 10px 0px 10px;
}

#box_h130 {
width: 730px;
height: 130px;
margin: 0px 15px 0px;
}

#box_h150 {
width: 730px;
height: 150px;
margin: 0px 15px 0px;
}

#box_h200 {
width: 730px;
height: 200px;
margin: 0px 15px 0px;
}

#box_h250 {
width: 730px;
height: 250px;
margin: 0px 15px 0px;
}

#box_h300 {
width: 730px;
height: 300px;
margin: 0px 15px 0px;
}

#box_h310 {
width: 730px;
height: 310px;
margin: 0px 15px 0px;
}

#box_h350 {
width: 730px;
height: 350px;
margin: 0px 15px 0px;
}

#box_h500 {
width: 730px;
height: 500px;
margin: 0px 15px 0px;
}

/*----------------------------------------------------
img
----------------------------------------------------*/
img.right {
float: right;
}

img.left {
float: left;
}

img.margin5 {
margin: 5px 0px 0px 0px;
}

img.margin10 {
margin: 10px;
}

img.margin20 {
margin: 20px 0px 0px 40px;
}

/*----------------------------------------------------
BACKGROUND VALUE
----------------------------------------------------*/
.white {  background-color:#ffffff;}
.bg-blue{  background-color:#D2F2FF;}
.bg-gray {  background-color:#cccccc;}
.bg-gray02 {  background-color:#999999;}
.bg-gray03 {  background-color:#666666;}
.bg-gray04 {  background-color:#dddddd;}
.bg-gray05 {  background-color:#eeeeee;}
.bg-orange02 {  background-color:#FF9900;}
.bg-orange03 {  background-color:#ffcc66;}
.bg-orange04{  background-color:#FCF1BE;}
.bg-orange {  background-color:#ffc266;}
.bg-gray06 {  background-color:#B2B2B2;}
.bg-gray07 {  background-color:#F0F0F0;}

.header_bg{background: url(../Images/small_window_header_bg.gif);}

/*----------------------------------------------------
FONT VALUE
----------------------------------------------------*/
.gray {  color:#666666;}

.gray_xxs {
color: #666;
font-size: xx-small;
}

.blue-01{color:#0099FF;}
.red {  color:#FF0000;}
.orange {  color:#FF9933;}


.css1 {  FONT-size: 70%; line-height: 110%}
.css1-2 { FONT-size: 70%; line-height: 120%}
.css2 {  FONT-size: 80%; line-height: 110%}
.css2-2 { FONT-size: 80%; line-height: 120%}
.css3 {  FONT-size: 90%; line-height: 110%}
.css3-2 { FONT-size: 90%; line-height: 120%}
.css4 {  FONT-size: 100%; line-height: 110%}
.css4-2 { FONT-size: 100%; line-height: 120%}
.css5 {  FONT-size: 120%; line-height: 110%}
.css5-2 { FONT-size: 120%; line-height: 120%}
td {  FONT-size: 80%}

a {  text-decoration: none}
a:visited {  text-decoration: none}
a:hover {  text-decoration: underline}

/*----------------------------------------------------
etc
----------------------------------------------------*/
#box_h100_blue h3 {
color: #039;
}

.top_img {
text-indent: -9999px;
background:  url("../images/img_top.jpg") no-repeat;
width: 760px;
height: 200px;
font-size: 1px;
}