/* :::::::::::::::::::::::::::: reset :::::::::::::::::::::::::::: */
html{
	height:100%;
	overflow-y:scroll;
}

body{
	height:100%;
	text-align:center;
	color:#333;
	font:13px/1.3;
	*font-size:small;
	*font:x-small;
}
html>/**/body { font:13px/1.3 sans-serif; }


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}

table { border-collapse:collapse; border-spacing:0; font-size:inherit; font:100%; }
th,td{ vertical-align: top; }

fieldset,
img { border:0; }

li img { vertical-align:bottom; }

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var { font-style:normal; font-weight:normal; }

pre,
code,
kbd,
samp,
tt { font-family:monospace; *font-size:108%; line-height:99%; }

li { list-style:none; }

caption,
th { text-align:left; }

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

q:before,q:after { content:''; }

abbr,
acronym { border:0; font-variant:normal; }

sup,
sub { line-height:-1px; vertical-align:text-top; }
sub { vertical-align:text-bottom; }

input,
textarea,
select { font-family:inherit; font-size:inherit; font-weight:inherit; }

address { font-style:normal; }

hr { display:none; }


/* :::::::::::::::::::::::::::: link ::::::::::::::::::::::::::: */
a { color:#1068a8; text-decoration:none; outline:none; }
/*a:visited { text-decoration:none; }*/
a:hover { text-decoration:underline; }
a:focus { -moz-outline-style:none; }


/* ::::::::::::::::::::::::: clear fix ::::::::::::::::::::::::: */
.clear { clear:both }

div:after { content: "."; display: block; height: 0px; line-height: 0; clear: both; visibility: hidden; }
div { zoom: 1; }

dl:after { content: "."; display: block; height: 0px; line-height: 0; clear: both; visibility: hidden; }
dl { zoom: 1; }

ul:after { content: "."; display: block; height: 0px; line-height: 0; clear: both; visibility: hidden; }
ul { zoom: 1; }

body {
    padding:20px 0;
    background:url(../images/common/bg_outer_html.gif);
}

#container {
    width:910px;
    margin:0 auto;
    padding:10px;
    background:#ffffff;
    text-align:left;
}

#main_outer {
}

#main {
	width:890px;
	padding:15px 10px 0;
}

/***********************************************/ 
/*font style*/
/***********************************************/ 
body#ouen {
	font-size:85%;
	color:#333333;
	line-height:150%;
	text-align:left;
}
h5,h6 {
	font-size:100%;
}
.smallx{
	font-size:65%;
}
.small{
	font-size:75%;
}

.big{
	font-size:100%;
}
.bigx{
	font-size:120%;
}
.bigxx{
	font-size:140%;
}
.attention{
	text-indent:-1em;
	padding-left:1em;
}

/***********************************************/ 
/*navi*/
/***********************************************/ 
#navi{
	float:left;
	width:220px;
	padding-bottom:10px;
	margin-bottom:10px;
}
.contentsMenu,
.infoMenu{
	margin:20px 0 0 0;
	text-align:left;
}

.contentsMenu li a,
.infoMenu li a{
	display:block;
	width:195px;
	height:23px;
	text-decoration:none;
	color:#000000;
	padding:7px 0 0 25px;
}

* html .contentsMenu li a,
* html .infoMenu li a{
	width:240px;
	height:30px;
}
.contentsMenu li a{
	background:url(../images/common/menu3.gif) left top no-repeat;
}

.contentsMenu li a:hover{
	background:url(../images/common/menu3_over.gif) left top no-repeat;
}

.infoMenu li a{
	background:url(../images/common/menu2.gif) left top no-repeat;
}

.infoMenu li a:hover{
	background:url(../images/common/menu2_over.gif) left top no-repeat;
}

/***********************************************/ 
/*contents*/
/***********************************************/ 
#contents{
	float:right;
	width:650px;
	padding-bottom:20px;
}
/***********************************************/ 
/*footer*/
/***********************************************/ 
#footerBanner {
	clear:both;
	padding-top:10px;
}

#footerBanner li {
	display:block;
	float:left;
	margin-right:15px;
}

#footerBanner li.last {
	margin-right:0;
}

/*
#footerWrapper{
	background:url(../images/common/footer.gif) repeat-x;
	height: 50px;
	margin:0 auto;
	clear:both;
}
*/
#footerWrapper {
	clear:both;
	width:880px;
	height:24px;
	padding:6px 0 0 10px;
	margin:30px auto 0;
	background:url(../images/common/bg_main_footer.gif) no-repeat bottom;
	text-align:left;
	font-size:80%;
}
.footer_links{
	padding:0 0 0 10px;
}
.footer_links a{
	text-decoration:none;
	color:#333333;
}
.footer_links a:hover{
	text-decoration:underline;
	color:#FF6600;
}
.address{
	text-align:right;
}
/***********************************************/ 
/*common style*/
/***********************************************/ 
.contentsTitle{
	background:url(../images/common/contentsttl.gif) left top no-repeat;
	width:650px;
	height:30px;
	display:block;
	text-align:left;
	clear:both;
	margin-bottom:20px;
}

.clearBoth{
	clear:both;

}
.contentsTitle h3{
	padding:5px 0 0 20px;
	font-size:14px;
}
* html .contentsTitle h3{
	padding:5px 0 0 20px;
}
*:first-child+html .contentsTitle h3{
	padding:7px 0 0 20px;
}

.pagetop{
	margin:10px 0;
	clear:both;
	width:650px;
	display:block;
}
.pagetop p{
	text-align:right;
}
/***********************************************/ 
/*margin*/
/***********************************************/ 
.mt5{
	margin-top:5px;
}
.mt10{
	margin-top:10px;
}
.mt20{
	margin-top:20px;
}
.mt30{
	margin-top:30px;
}
.mt40{
	margin-top:40px;
}
/***********************************************/ 
.mr5{
	margin-right:5px;
}
.mr10{
	margin-right:10px;
}
.mr20{
	margin-right:20px;
}
.mr30{
	margin-right:30px;
}
.mr40{
	margin-right:40px;
}
/***********************************************/ 
.mb5{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mb40{
	margin-bottom:40px;
}
/***********************************************/ 
.ml5{
	margin-left:5px;
}
.ml10{
	margin-left:10px;
}
.ml20{
	margin-left:20px;
}
.ml30{
	margin-left:30px;
}
.ml40{
	margin-left:40px;
}