@import "base.css";



/*
	Default Styles
*/
html {
	overflow-y:scroll;
}
body {
	background:url(../img/header_bg_x.jpg) repeat-x;
}
.wrapper {
	 width: 900px;
	 margin: 0 auto;
	 text-align:left;
}


a:link{ color:#4B9942; text-decoration:none; }
a:visited{ color:#4B9942; text-decoration:none; }
a:hover{ color:#4B9942; text-decoration:none; }
a:active{ color:#4B9942; text-decoration:none; }

.center{
	text-align:center;
}

/*
	Header
*/

div#header {
	height:100px;
}

h1#logo {
	float:left;
	margin:30px 0;
	width:148px;
	height:34px;
}

div.utility {
	float: right;
	width: 450px;
	margin: 20px 0 0;
	font-size: 12px;
}

div.navigation_sub {
	float: left;
	width: 240px;
	margin: 10px 0 0;
}

div.navigation_sub ul li {
	float:right;
	padding-left:13px;
	margin-left:13px;
	background:url(../img/header_icn.gif) no-repeat;
	display: inline;
}

div.navigation_sub ul li a{ color:#333333;}
div.navigation_sub ul li a:hover{ color:#4B9942;}

div.font-size  {
	float:right;
	background:url(../img/font-size.jpg) no-repeat 0 0;
	width: 186px;
	height: 35px;
}

div.font-size ul {
	float: right;
	margin: 7px 5px 0 0;
}

div.font-size ul li {
	display: inline;
	margin-left: 2px;
	cursor:pointer;
}

h2#title{
	float: right;
	margin-top: 10px;
	text-align:right;
}
/*
	Navigation
*/

div#navigation {
	padding-bottom:19px;
	
}
div#navigation ul { 

}
div#navigation li {
	float:left;
	display: inline;
}



/*
	Banner
*/

.banner{
	text-align:center;
	margin:0 auto;
	width:900px;
	padding-top:13px;
	padding-bottom:15px;
	border-bottom:1px dotted #bbbbbb;
}
.banner div#banner_img{
	float:left;
	width:625px;
	height:58px;
	background:url(../img/baner_bg.jpg) no-repeat;
	display: inline;
}

.banner div#banner_img ul{

}

.banner div#banner_img li{
	float:left;
	margin:7px 0 0 5px;
	display: inline;
}

.banner div#contact{
	float:right;
	width:272px;
	height:58px;
	background:url(../img/contact_bg.jpg) no-repeat;
	display: inline;
}

.banner div#contact ul{

}

.banner div#contact li#oto{
	float:left;
	margin:14px 0 0 11px;
	display: inline;
}
.banner div#contact li#us{
	float:right;
	margin:7px 0 0 5px;
	display: inline;
}
.banner div#contact li#ti{
	float:left;
	padding:0px 0 0 10px;
	display: inline;
}
/*
	Footer
*/


.footer{
	text-align:center;
	margin:0 auto;
	width:900px;
}
.footer div#sub_footer{
	padding-top:14px;
	padding-bottom:31px;
	text-align:left;
	border-bottom:2px solid #bbbbbb;
}
.footer div#sub_footer img#privacy{
	float:right;
	display: inline;
	padding-right:20px;
}

.footer div#sub_footer li#name{
	padding-top:62px;
	color:#2cc6e9;
}
.footer div#sub_footer li#address{
}

.footer p{
	padding:9px 0 20px 0;
}
.footer p#url{
	float:left;
	display: inline;
}
.footer p#copyright{
	float:right;
	display: inline;
}

div#pagetop{
	text-align:center;
	margin:0 auto;
	width:900px;
	padding-top:30px;
}
div#pagetop p{
	display:inline;
	float:right;
}

p#con_line{
	clear:both;
	padding-top:15px;
	text-align:center;
	margin:0 auto;
}
.cl_p{
	width:900px;
	height:30px;
}
/*
	ぱんくず
*/
#pan_list {
	clear:both;
	color:#333333;
	margin-bottom: 10px;
	line-height:24px;
	letter-spacing:1px;
	text-align:right;
}

#pan_list a{
	color:#4B9942;
	text-decoration:underline;
}

#pan_list .select{
	color:#333333;
}


br {
letter-spacing: 0;
}