@charset "utf-8";

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

body,div,h1,h2,h3,h4,h5,h6,p,ul,li,address,img,dl,dt,dd{
margin:0;
padding:0;
}

body{
color:#fff;
background:#64aae6 url(../images/bg.jpg) repeat-x left top;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:12px;
margin:0 auto;
text-align:center;
}

img{
border:none;
}

ul{
list-style:none;
}

ol{
margin-top:0;
padding-top:0;
}

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

hr{
display:none;
}

*{
line-height:1.5;
}
/*===============================
LAYOUT
===============================*/
#container{
margin:42px auto;
text-align:left;
width:880px;
}

#header{
width:878px;
height:37px;
min-height:37px;
border:1px #FFFFFF solid;
}

#topmenu{
float:right;
width:554px;
text-align:left;
}

#contents{
width:880px;
margin:30px 0 0 0;
}

#footer{
width:880px;
clear:both;
}
/*===============================
LINK
===============================*/
a:link , a:visited , a:active{
color:#e7bc7f;
text-decoration:underline;
}
a:hover{
color:#fff;
text-decoration:none;
}

/*copyright*/
#footer p a{
color:#e7bc7f;
text-decoration:underline;
}
#footer p a:hover{
color:#fff;
text-decoration:none;
}
/*===============================
HEADER
===============================*/
#container h1{
font-size:12px;
text-align:right;
margin:0 0 4px 0;
}

#header p{
color:#fff;
font-size:80%;
padding:3px;
}

#header h2{
float:left;
display:block;
width:206px;
padding:10px 10px 8px 10px;
}
/*===============================
TOPNAVI
===============================*/
#topmenu{
height:37px;
min-height:37px;
}
#topmenu ul{
float:right;
letter-spacing:1px;
}

#topmenu li{
border-top:1px solid #014681;
border-left:4px solid #fff;
border-bottom:1px solid #fff;
border-right:1px solid #014681;
font-weight:bold;
float:left;
margin:6px 3px;
}

#topmenu a , #topmenu li.activepage{
width:108px;
display:block;
text-decoration:none;
color:#FFFFFF;
padding:3px 0 3px 10px;
}

#topmenu a:hover{
/*background:#2267a2;*/
background:#014681;
color:#64aae6;
}

/*#topmenu li.activepage{
background:#ccc;
color:#333;
}*/
/*===============================
SIDEMENU
===============================*/
#sidemenu h2{
background:#f60 url(../images/ico_ttl01.gif) no-repeat 2% 50%;;
color:#fff;
font-weight:bold;
font-size:90%;
padding:5px 0 5px 15px;
}
#sidemenu li a{
border-bottom:1px dashed #999;
padding:3px 5px 3px 15px;
width:140px;
display:block;
text-decoration:none;
background:#fff;
}
#sidemenu li a:hover{
background:#fd0;
color:#fff;
}

/*===============================
CONTENTS
===============================*/
/*contmenu*/
#contmenu{
width:366px;
margin:0 0 0 514px;
}

#contents dl{
display:block;
width:880px;
margin:10px 0px 0px 0px;
padding:0;
}
#contents dt{
clear:both;
display:block;
float:left;
width:80px;
font-weight:bold;
margin:0 10px 0 10px;
padding:0 0 4px 0;
}
#contents dd{
display:block;
float:left;
width:760px;
margin:0;
padding:0 0 4px 0;
}

#contents p{
margin:10px 0px 16px 10px;
padding:0;
letter-spacing:1px;
}
#contents p.last{
margin:10px 0px 0px 10px;
}

#contents p.privacy strong{
margin:0px 0px 10px 0px;
font-size:15px;
color:#e7bc7f;
}

#contents h3{
margin:10px 0px 0px 10px;
padding:0;
font-size:14px;
}
#contents h3.works{
background:url(../images/ico_works.gif) no-repeat 0 40%;
font-size:14px;
color:#e7bc7f;
font-weight:bold;
padding-left:15px;
letter-spacing:1px;
}
#contents h3.works_other{
background:url(../images/ico_works_other.gif) no-repeat 0 40%;
font-size:14px;
color:#ffffff;
font-weight:bold;
padding-left:15px;
letter-spacing:1px;
}
#contents h3.email{
background:url(../images/ico_email.gif) no-repeat 0 50%;
font-size:14px;
color:#e7bc7f;
font-weight:bold;
padding-left:15px;
letter-spacing:1px;
}

#contents dl{
display:block;
width:880px;
margin:32px 0px 0px 0px;
padding:0;
}
#contents .sitemap dt{
clear:both;
display:block;
float:left;
width:180px;
font-weight:bold;
margin:0 10px 0 30px;
padding:0 0 4px 15px;
background:url(../images/ico_works.gif) no-repeat 0 40%;
}
#contents .sitemap dd{
display:block;
float:left;
width:615px;
margin:0;
padding:0 0 4px 0;
}

#contents ul.w_list{
margin:10px 0px 0px 10px;
padding:0 0 0 0px;
letter-spacing:1px;
}
#contents .w_list li{
margin:0px 24px 0px 0px;
padding:0 0 0 15px;
float:left;
background:url(../images/ico_works_li.gif) no-repeat 0 50%;
}
br.clear{
clear:left;
}

#contents ul.p_list{
margin:0px 0px 0px 10px;
padding:0 0 0 0px;
letter-spacing:1px;
}
#contents .p_list li{
margin:0px 0px 0px 0px;
padding:0 0 0 16px;
background:url(../images/ico_privacy_li.gif) no-repeat 0 50%;
}

/*newsbox*/
#newsbox{
border:1px solid #999;
background:#fff;
padding:6px;
margin:10px;
border-top:5px solid #f60;
}
#newsbox h2{
background:#fff url(../images/ico_ttl02.gif) no-repeat 0 50%;
padding:0 0 0 20px;
font-weight:bold;
font-size:90%;
letter-spacing:2px;
}
#newsbox li{
border-top:1px dashed #999;
margin:7px 0 0 0;
padding:7px 0 0 0;
}
/*greetingbox,courcebox*/
#greetingbox h2, #courcebox h2{
border-bottom:1px solid #999;
margin:0px 0px 7px;
padding:5px 0px 4px 12px;
font-weight:bold;
background:#fff url(../images/ico_ttl03.gif) no-repeat 0 50%;
}

img.topimg{
clear:both;
margin:60px 0 0px 0;
padding:0px 0 12px 0;
border-bottom:1px #fff solid;
}
img.contentsimg{
clear:both;
margin:0px 0 0px 0;
padding:0px 0 12px 0;
border-bottom:1px #fff solid;
}

img.imgleft{
float:left;
}

img.imgright{
float:right;
}

/*greetingbox*/
#greetingbox{
margin:5px 15px 10px;
}

/*courcebox*/
#courcebox{
margin:5px 15px 10px;
}

#courcebox .leftbox{
width:245px;
float:left;
}

#courcebox .rightbox{
width:245px;
float:right;
}

#courcebox h3{
background:#666;
color:#fff;
font-weight:bold;
padding:2px 5px;
}

#courcebox h4{
color:#f60;
font-weight:bold;
padding:2px 5px;
}



/*etc*/
p.detaillink{
border-top:1px dashed #999;
margin:7px 0 0 0;
padding:7px 0 0 0;
text-align:right;
font-size:90%;
}
p.detaillink a{
background:#fff url(../images/ico_arw01.gif) no-repeat 0 50%;
padding:0 0 0 15px;
}

/*===============================
FOOTER
===============================*/
#footer address , #footer p{
color:#FFFFFF;
font-size:12px;
text-align:right;
}
address{
padding:5px 7px 0 0 ;
font-style:normal;
}
p{
padding:4px 7px 6px 0 ;
}