body {
margin:0;
padding:0;
}
.container {
width:782px;
margin:0;
padding:0 0 0 100px;
background:url(../img/base/bg.jpg) no-repeat 0 3px;
position:relative;
}
.container p {
margin:0 0 10px 0;
padding:0;
line-height:150%;
color:#333333;
font-size:0.85em;
}
.container a {
color:#2686F0;
text-decoration:none;
outline:none;
}
.container a:hover {
color:#FF9900;
text-decoration:none;
}
.container-in {
width:780px;
margin:0;
padding:0 2px 0 0;
background:url(../img/base/shadow-side.gif) repeat-y top right;
}
.header {
clear:both;
width:780px;
margin:0;
padding:0;
}
.header h1 {
width:780px;
height:214px;
margin:0;
padding:0;
font-size:0.75em;
line-height:300%;
color:#CCCCCC;
font-weight:normal;
background:url(../img/base/header.jpg) no-repeat 0 1px;
display:block;
}
.header h1 a {
width:780px;
height:214px;
margin:0;
padding:0;
color:#CCCCCC;
font-weight:normal;
background:url(../img/base/header.jpg) no-repeat 0 1px;
display:block;
}

.contents {
clear:both;
position:relative;
width:780px;
margin:0;
padding:0;
    overflow: hidden;
}

.contents:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .contents {
    height: 1em;
    overflow: visible;
}
/**/
.main {
clear:both;
float:left;
width:540px;
margin:0;
padding:0 0 0 10px;
}

/* side
------------------------------------------------*/
.side {
float:right;
width:200px;
background:url(../img/base/bg-side.jpg) no-repeat 0 0;
}

.s-box {
margin:30px 10px 0 10px;
padding:0;
}
.s-box h4 {
margin:0;
padding:0 0 7px 0;
font-size:0.85em;
color:#333333;
border-bottom:#333333 3px solid;
}
.s-box h4 a {
color:#333333;
}
.s-box ul {
margin:8px 0 0 0;
padding:0;
font-size:0.85em;
line-height:150%;
list-style:none;
}
.s-box li {
margin:8px 0 0 0;
padding:0 0 8px 0;
font-weight:bold;
background:url(../img/base/a-n.gif) repeat-x left bottom;
}
.s-box li a {
color:#000099;
}
.s-box li a:hover {
color:#FF9900;
}
.s-co-box {
width:158px;
margin:380px 0 0 10px;
padding:10px;
border:#999999 1px solid;
}
.s-co-box h4 {
margin:0;
padding:0;
font-size:0.75em;
color:#333333;
}
.s-co-box p {
margin:0;
padding:0;
font-size:0.75em;
}




.footer {
clear:both;
width:780px;
border-top:#000000 20px solid;
margin:60px 0 0 0;
padding:7px 0 0 0;
background:url(../img/base/shadow-under.gif) no-repeat bottom right;
    overflow: hidden;
}

.footer:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .footer {
    height: 1em;
    overflow: visible;
}
/**/
.footer p {
float:right;
margin:0;
padding:0;
background:url(../img/base/mail.gif) no-repeat 0 0;
color:#999999;
display:block;
}
.footer p a {
margin:0;
padding:0 10px 7px 30px;
background:url(../img/base/mail.gif) no-repeat 0 0;
color:#999999;
display:block;
}
p.con {
margin:0;
padding:0;
text-align:right;
}
strong {
color:#333333;
}
p.pan {
margin:7px 0 0 0;
padding:0;
font-size:10px;
}
p.s-con {
margin:0 10px 0 0;
padding:0;
text-align:right;
}

/* japanese
------------------------------------------------*/
p.japanese {
	position:absolute;
	width:50px;
	height:15px;
	margin:0;
	padding:0;
	text-indent:-9999em;
	background:url(../img/base/japanese.gif) no-repeat 0 0;
	display:block;
	left: 825px;
	top: 7px;
}
p.japanese a {
width:50px;
height:15px;
margin:0;
padding:0;
text-indent:-9999em;
outline:none;
background:url(../img/base/japanese.gif) no-repeat 0 0;
display:block;
}

/* side
------------------------------------------------*/
.banner {
width:180px;
margin:20px auto 0 auto;
padding:0;
}