/*----------------------------------------------------------
   �G�a���݁@CSS
-----------------------------------------------------------*/

/* common
------------------------------------*/

/*setting
------------------------------------*/

body{
background: #f1f1f1;
font-size: 75%;
line-height: 150%;
color: #545454;
background: url('../images/common/bg_body.gif') center top repeat-y;
height: auto;
}

html{
background: #f1f1f1;
height: auto
}

* html div#outline{
}

a { outline: none; }

a:hover img{
opacity:0.7;
filter: alpha(opacity=70);
}

* html img, #logo{
behavior: expression(IEPNGFIX.fix(this));
}
#logo{
margin: 14px 0 0 20px;
}

h2,h3,h4{
margin: 0;
padding: 0;
}

h2.text{
margin: 20px 0 10px 0;
padding: 2px 0 2px 8px;
border-left: 4px solid #1fae98;
border-bottom: 1px solid #cccccc;
}
h3.text{
font-size: 12px;
margin: 20px 0 8px 0;
padding: 0 0 0 6px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background: #e6f4f1;
}

h4.text{
margin-top: 24px;
margin-bottom: 4px;
color: #a93d71;
border-bottom: 1px dashed #a93d71;
font-size: 120%;
}
h5.text{
margin-bottom: 0;
text-align: center;
}


table{
border: #cccccc;
}
td{
border: #cccccc;
}
th{
border: #cccccc;
}

p.clear{
clear: both;
}

.textalign_right{
text-align: right;
}
.textalign_left{
text-align: left;
}
.textalign_center{
text-align: center;
}
.float_right{
float: right;
}
.float_left{
float: left;
}
div.border{
border: 1px solid #eeeeee;
}
div.box{
padding: 0 10px 32px 10px;
}
.margin_right10{
margin-right: 10px;
}
.margin_left10{
margin-left: 10px;
}
span.red{
color: #a5212f;
}

ul li{
float:left;
margin-right: 30px;
padding: 0 0 0 14px;
background: url('/images/common/point_ul.gif') left 4px no-repeat;
}


/* Link Color
--------------------------------*/
a:link {
color:#0f869b;
text-decoration:none;
}

a:visited {
color:#0f869b;
text-decoration:none;
}

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

a:active {
color:#45fed9;
text-decoration:none;
}


/*outline
------------------------------------*/
#outline{
width: 840px;
position:relative;
min-height: 100%;
height: auto !important;
height: auto;
margin: 0 auto;
}


/* navi
------------------------------------*/
#navi{
background: url('../images/common/bg_gn.jpg') repeat-x;
margin-bottom: 5px;
}

#navi img{
margin: 3px 0 0 4px;
}


/* contents
------------------------------------*/
#contents{
width: 800px;
clear: both;
padding-left: 20px;
padding-right: 20px;
}
#index #contents{
width: 820px;
clear: both;
padding-left: 10px;
padding-right: 10px;
}


/* footer
------------------------------------*/


#footer{
width: 840px;
height: 57px;
margin: 0 auto;
background: url('../images/common/bg_footer.jpg') repeat-x;
}

#copyright{
padding-top: 20px;
width: 840px;
text-align: center;
color: white;
}