@charset "utf-8";


html, body{
	font-size:14px;
	line-height: 20px;
	color:#666666;
	margin:0px auto;
	padding: 0px;
	text-align:left;
	font-family: "ＭＳ Ｐゴシック";
	}



ul,li {
    list-style:none;
    border:0;	
	margin:0;
	padding:0;
	
} 


li img{
	vertical-align:bottom;
	padding-bottom: 2px;
}

p  {
	margin:0;
	padding:0;
}

fieldset,form {    
    border:0;
	margin:0;
	padding:0;	
} 

img {    
    border:0;
} 

h1 {
	margin:0px;
	padding:0;
	font-weight: normal;
	font-size:12px;
	line-height:18px;
	height:22px;
}

h1 .txt{
	padding-top:4px;
} 

h2,h3,h4,h5 {
	margin:0;
	padding:0;
	font-weight: normal;
	font-size:12px;
	line-height:18px;
} 

h6 {
	padding-top:18px;
	font-weight: normal;
	font-size:12px;
	line-height:22px;
} 


.clear{
	margin:0px auto;
	padding: 0px;
	clear:both;
}

.tablespace{
	white-space:nowrap;
}



a:link{
    color:#FF9900;
    text-decoration:underline;
}

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

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


#header{
	background-image: url(../images/01header_bg.gif);
	background-repeat: repeat-x;
	height: 120px;
	width: 100%;
	clear:both;
	margin:0px auto;
	padding: 0px;	
}

#header .inbox{
	height: 120px;
	width: 840px;
	margin:0px auto;
	padding: 0px;	
}

#header .inbox .left{
	height: 120px;
	width: 551px;
	margin:0px;
	padding: 0px;
	float:left;
}

#header .inbox .right{
	height: 120px;
	width: 289px;
	margin:0px;
	padding: 0px;
	float:left;
}

#gnavi{
	background-image: url(../images/02gnavi_bg.gif);
	background-repeat: repeat-x;
	height: 48px;
	width: 100%;
	clear:both;
	margin:0px auto;
	padding: 0px;
}

#gnavi .inbox{
	height: 48px;
	width: 840px;
	margin:0px auto;
	padding: 0px;	
}

#gnavi li {
    list-style:none;
    border:0;	
	margin:0;
	padding:0;
	float:left;
}

#gnavi li img{
	vertical-align:bottom;
}



#news li {
    list-style:none;
    border:0;	
	margin:0;
	padding:0;
	line-height:16px;
}

#news li img{
	vertical-align:bottom;
}



#container {
	background-image: url(../images/03container_bg.gif);
	background-repeat: repeat;
	height: 100%;
	width: 100%;
	clear:both;
	margin:0px auto;
	padding: 0px;
}

#container .inbox{
	width: 840px;
	margin:0px auto;
	padding-bottom: 10px;
	background-color:#FFFFFF;
	clear:both;	
}

#container .inbox .left{
	width: 220px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:30px;
	padding: 0px;
	float:left;
	display:inline;
}

#container .inbox #menu{
position:absolute
}

#container .inbox .right{
	width: 580px;
	margin-left:10px;
	margin-right:10px;
	padding: 0px;
	float:right;
	display:inline;
}

#container .inbox .order{
	margin-top:20px;
	margin-bottom:20px;
	padding: 0px;
	text-align:center;
}

#container .inbox .illust{
	margin-top:20px;
	padding: 0px;
	text-align:right;
}



#footer {
	width: 820px;
	margin-left:10px;
	margin-right:10px;
	clear:both;
	text-align:center;
	color:#FFFFFF;
}

#footer .bg01{
	background-color: #ede9de;
}

#footer .bg02{
	background-color: #00adda;
}

#footer .txt12{
	font-size:12px;
	color:#666666;	
}

#footer ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	clear:both;
}

#footer li{
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;	
}

#footer a:link{
	color: #FFFFFF;
	text-decoration:none;
}

#footer a:hover{
	color: #FFFFFF;
	text-decoration:none;	
}

#footer a:visited{
	color: #FFFFFF;
	text-decoration:none;	
}

.info_subtitle{
	background-color: #efefef;
	padding: 10px;
	width: 560px;
	font-size:16px;
	font-weight:bold;
	line-height:22px;
}



.info_box560{
	width: 560px;
	text-align:left;
	margin:0px auto;
	padding: 10px;
	line-height:22px;
}

.info_box560 h5{
	font-size:14px;
	font-weight:bold;
	line-height:24px;
}

.info_box560 .m_top{
	margin-top:15px;
}

.info_box560 .page_top{
	font-size:12px;
	line-height:18px;
	text-align:right;
	padding: 10px;
}

.costgraph{
	font-size:12px;
	line-height:18px;
}

#sitemap .m_side{
	margin:10px;
}

.red{
	color:#FF3300;
}