/*--------------------------------------------
www.digitaldrops.jp
/css/drops.css
2008/4/23
--------------------------------------------*/


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

body{
background: url('/images/bg_body.gif') top center repeat;
line-height: 100%;
font-size: 12px;
line-height: 20px;
}

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

p.clear{
clear: both;
margin: 0;
padding: 0;
}

.text_right{
text-align: right;
margin: 7px 0 10px 0;
}

.textlink{
background: url('/images/bg_textlink.gif') left no-repeat;
padding: 0 0 0 15px;
}

img.copy{
margin: 0 0 10px 0;
}


/* Link Color
--------------------------------*/
a:link {
color:#000099;
text-decoration:underline;
}

a:visited {
color:#000099;
text-decoration:underline;
}

a:hover {
color:#3366CC;
text-decoration:underline;
}

a:active {
color:#3366CC;
}


/* go_top
--------------------------------*/
.go_top{
text-align: right;
font-size: 10px;
margin: 10px 0 10px 0;
}

.go_top a{
background: #eeeeee;
border: 1px solid #aaaaaa;
padding: 3px;
text-decoration: none;
color: #666666;
}

.go_top a:hover{
background: #DDF3FB;
border: 1px solid #aaaaaa;
padding: 3px;
text-decoration: none;
color: #333333;
}


/*header
--------------------------------*/

#header{
width: 840px;
margin-left: auto;
margin-right: auto;
}

#header img#logo{
float: left;
margin: -15px 20px 0 0;
}

#header h1{
float: left;
font-size: 10px;
font-weight: normal;
color: #666666;
width: 540px;
height: 50px;
margin: 15px 20px 0 0;
}

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

#header ul li{
list-style: none;
float: left;
margin: 0;
padding: 0;
margin-right: 10px;
background: #FF9900;
font-size: 0%;
line-height: 0;
height: 20px;
}

#header #rightup{
float: right;
width: 270px;
}

#header #rightup #go_form{
float: right;
}

/*sign
--------------------------------*/

#sign{
background: url('/images/bg_topimage.jpg') top center repeat-x;
height: 200px;
clear: both;
position: relative;
z-index: 0;
}

#sign_contents{
width: 840px;
margin-left: auto;
margin-right: auto;
text-align: right;
}

#sign_2nd{
background: url('/images/bg_2nd_image.jpg') top center repeat-x;
height: 50px;
clear: both;
}


/*outline
--------------------------------*/

#outline{
width: 924px;
margin-left: auto;
margin-right: auto;
}

/*contents
--------------------------------*/
#contents{
float: right;
width: 650px;
padding: 20px 62px 20px 20px;
}

/*main
--------------------------------*/

#contents #main_top{
background: url('/images/bg_main_top.png') no-repeat ;
height: 20px;
margin-top: -38px;
position: relative;
z-index: 1;
font-size: 10px;
letter-spacing: 0.1em;
padding: 0 10px 0 10px;
text-align: right;
color: #666666;
}

* html #contents #main_top {
background: url('/images/bg_main_top.gif') no-repeat ;
}

#contents #main{
padding: 0px 20px 0px 20px ;
border: 1px solid #aaaaaa;
border-top: 0;
border-bottom: 0;
overflow: hidden;
}

#contents #main_bottom{
background: url('/images/bg_main_bottom.gif') no-repeat;
height: 20px;
}

#contents #main #title_bar{
margin: 0 -20px 10px -20px;
height: 100px;
border-top: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;
font-size: 0;
}

#contents #main #title_bar h2{
margin: 0;
padding: 0;
}

/*side
--------------------------------*/

#side{
width: 192px;
float: left;
margin-top: -18px;
position: relative;
z-index: 2;
}

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

#side ul li{
list-style: none;
margin: 0;
padding: 0;
font-size: 0%;
line-height: 0;
border-left: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
}

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

#footer{
font-family: Arial;
clear: both;
width: 820px;
margin-left: auto;
margin-right: auto;
padding: 10px;
text-align: center;
background: url('/images/bg_footer.gif') repeat-x top;
}

#footer ul{
margin: 0;
padding: 0;
margin-bottom: 10px;
}

#footer ul li{
list-style: none;
display: inline;
margin: 0;
padding: 0;
margin: 3px;
}

#footer p{
font-size: 10px;
line-height: 16px;
}