@charset "shift_jis";
/* CSS Document */

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

img{
	border:0px;
}

html {
overflow-x: hidden;
} 

body {
	font-size: 0.8em;
	color: #333333;
	letter-spacing: 1px;
	line-height: 160%;
}

html,body {
	scrollbar-arrow-color: #cccccc;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-darkshadow-color: #cccccc;
	scrollbar-track-color: #eeeeee;
}
.font-s{
	font-size:11px;
}
h1{
	font-size:11px;
	text-align: center;
	color: #FFF;
	background-color: #333;
	height: 16px;
}

.table-10 td{
	padding:10px;
}

.table-5 td{
	padding:5px;
}

.table-0 td{
	padding:0px;
}

.table-3 td{
	padding: 3px;
}

.table-3 th{
	font-size:110%;
}

.table-1 td{
	padding: 1px;
}

a:link {
	color:#003366;
	
}

a:hover {
	color:#0063C6;
}

a:active {
	color:#003366;
}

a:visited {
	color:#003366;
}

#header-back{
	background-image:url(../img/header-back.jpg);
	background-repeat:repeat-x;
}

#header-left{
	padding-left:20px;
	padding-top:20px;
	float:left;
}

#header-right{
	float:right;
	padding-top: 25px;
	padding-right: 5px;
	padding-bottom: 15px;
}

#header-langage{
	float:left;
	padding-top: 35px;
	padding-left: 25px;
	padding-bottom: 0;
}
#header-langage img{
	padding-bottom:5px;
}
#header-119{
	float:left;
	padding-top: 25px;
	padding-left: 25px;
}
.clear{
	clear:both;
}

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

#menu{
	clear: both;
	font-size: 0;
	background-image: url(../img/menu-back.jpg);
	height: 62px;
}

#menu ul{
	text-align: center;
	font-size: 0;
	padding: 0;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

#menu li{
	display: inline;
	list-style-type: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	}

#main{
	width:920px;
	margin-left:auto;
	margin-right:auto;
}

#flash-back{
	background-image:url(../img/flash-back.jpg);
	height: 300px;
}

#contents{
	width:920px;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFF;
	padding-bottom: 50px;
}

#products-left{
	float:left;
	width:480px;
	margin-top: 20px;
	padding-bottom: 8px;
}

#new-right{
	float:right;
	width:420px;
	margin-top: 20px;
}

#products-left-wrap{
	width:464px;
	background-color: #F5F5F5;
	padding-right: 8px;
	padding-left: 8px;
	margin-bottom: 20px;
	padding-bottom: 8px;
}

.products-left{
	width:209px;
	border: 1px solid #CCC;
	float:left;
	background-color: #FFF;
	padding: 8px;
	margin-top: 8px;
}

.products-right{
	width:209px;
	border: 1px solid #CCC;
	float:right;
	background-color: #FFF;
	padding: 8px;
	text-align: left;
	margin-top: 8px;

}

.products-s-left{
	width:110px;
	float:left;
	padding-top: 5px;
	font-size: 85%;
	letter-spacing: 0.1em;
	line-height: 110%;
}

.products-s-right{
	width:90px;
	float:right;
	text-align: center;
	padding-top: 5px;
	color: #666;
}

.arrow-green a{
	background-image: url(../img/arrow-green.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: left 2px;
	text-align: left;
}

.arrow-blue a{
	background-image: url(../img/arrow-blue.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: left 2px;
	text-align: left;
}

#new-right-wrap{
	width:410px;
	text-align: center;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.new{
	line-height: 200%;
	padding: 10px;
}

#footer{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	text-align: center;
}

#footer-link{
	width:920px;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}

#footer-link a{
	background-image: url(../img/arrow-blue.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: left 2px;
	text-align: left;
	padding-right: 25px;
}

#copy{
	padding-top:30px;
	text-align: center;
}

/* secound */

#contents-left{
	width: 230px;
	float: left;
}


.side-menu{
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
}

.side-menu04{
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

.side-menu02{
	background-image: url(../side/side-back.jpg);
	width: 210px;
	height: 265px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
}

.side-menu03{
	padding-top:10px;
}

.side-back{
	background-color:#E9F0F3;
	padding-top: 6px;
	padding-bottom: 6px;
}

.side-btn img{
	padding-bottom:5px;
}
	

#contents-right{
	width:670px;
	float:right;
}

.contents-wrap{
	width:650px;
	padding-left:20px;
}

#contents-right h2{
	padding-bottom:30px;
}

#pankuzu{
	padding-left: 10px;
	font-size: 85%;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
}

.danraku{
	padding-bottom:10px;
	padding-left: 10px;
}

.contents-wrap h3{
	padding-bottom: 15px;
}

.brown{
	color: #AD0C03;
}

.padding-top{
	padding-top:30px;
}

.contents-wrap ul{
	padding-left:30px;
}

.usage-link{
	padding-top:20px;
	width:62
	0px;
	text-align:center;
}

.pagetop{
	text-align:right;
	padding-top: 50px;
	padding-right: 10px;
}

.line{
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	text-align: center;
}

.sitemap-left{
	width:320px;
	float:left;
}

.sitemap-right{
	width:320px;
	float:right;
}

.sitemap-left ul{
	list-style-type:none;
}

.sitemap-right ul{
	list-style-type:none;
}
	
.sitemap-left li a{
	background-image: url(../sitemap/img/arrow-black.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: left 2px;
}

.sitemap-right li a{
	background-image: url(../sitemap/img/arrow-black.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: left 2px;
}

.sitemap-s li a{
	background-image: url(../sitemap/img/arrow-silver.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-left: 30px;
}

.sitemap-left li{
	padding-bottom: 10px;
	padding-top: 10px;
}

.sitemap-right li{
	padding-bottom: 10px;
	padding-top: 10px;
}

.sitemap-s li{
	padding-bottom: 10px;
}


#products2{
	width:630px;
	background-color: #F5F5F5;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

.products-left2{
	width:287px;
	border: 1px solid #CCC;
	float:left;
	background-color: #FFF;
	padding: 10px;
	margin-top: 10px;
}

.products-right2{
	width:287px;
	border: 1px solid #CCC;
	float:right;
	background-color: #FFF;
	padding: 10px;
	text-align: left;
	margin-top: 10px;

}

.products-s-left2{
	width:150px;
	float:left;
	padding-top: 5px;
}

.products-s-left2 img{
	padding-top:10px;
}


.products-s-right2{
	width:132px;
	float:right;
	text-align: center;
	padding-top: 5px;
	color: #666;
}

.white{
	color:#FFF;
}

.table-black{
	background-color: #cccccc;
}

.table-black th{
	background-image: url(../img/table-black.jpg);
	background-repeat: repeat-x;
	font-weight: normal;
	background-position: center top;
	padding: 5px;
}

.table-black td{
	padding: 5px;
}

.blue{
	color:#1A4B74;
}

#footer-ad{
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	text-align: center;
}

#counter{
	margin-right: 60px;
	padding-top: 10px;
	float: right;
	font-size: 9px;
}

.danraku img{
	padding-left:10px;
	padding-right:10px;
	}

.line02{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

.red{
	color:red;
}

.btn img{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.btn p{
	padding-bottom: 1px;
	text-align:center;
}


.banner01{
	float: left;
}

.banner02{
	float: right;
}

.banner03{
	float: right;
}

.banner{
	width:575px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	margin-bottom: 20px;
}

.iframe{
	margin-bottom:10px;
}

.padding-b10 {
	padding-bottom: 10px;
}

.padding-b20 {
	padding-bottom: 20px;
}

.panching{
	padding-right:120px;
	text-align:right;
}

/* トップキャラクター */

.chara{
	text-align:center;
}

.chara img{
	margin-right:20px;
	margin-left: 20px;
}

.top-midashi{
	padding-bottom:8px;
}