@charset "UTF-8";
/* CSS Document */

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}


/* headbtn
----------------------------------------------------------------------------------------------------*/

a.headbtn1{	display:block;	background-image:url(../img200911/topimg/head2-2a.jpg);	width:130px;	height:42px;	margin-bottom:1px;}
a.headbtn1:hover{ background-position:top center;}
a.headbtn1:active{ background-position:top right;}

a.headbtn2{	display:block;	background-image:url(../img200911/topimg/head2-3.jpg);	width:169px;	height:42px;	margin-bottom:1px;}
a.headbtn2:hover{ background-position:top center;}
a.headbtn2:active{ background-position:top right;}



/* menu
----------------------------------------------------------------------------------------------------*/

.menu{
	padding:0;
	width:180px;
	list-style:none;
	margin: 0;
}
.menu li{
	display:block;
	margin-right: 0;
	margin-left: 7px;
	width: 163px;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	margin-bottom: 10px;
}
.menu li a{
	text-align:left;
	height:20px;
	color:rgb(255,255,255);
	display:block;
	text-decoration:none;
	outline:none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	background-image: url(../img200911/topimg/menu2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 28px;
}
.menu li a:hover{
	color:rgb(255,255,255);
	background-image: url(../img200911/topimg/menu2.jpg);
	background-repeat: no-repeat;
	background-position: 0px -20px;
}
.menu li a.active, .menu li a.active:hover{background:url('../img200911/topimg/menu2.jpg') 0px -80px no-repeat; color:rgb(255,255,255);}
.menu li a span{line-height:20px;}






/* Containers
----------------------------------------------------------------------------------------------------*/

#container {
	width: 820px;
	margin-left: auto;
	margin-right: auto;
}

#container-dock {
	width: 820px;
	margin-left: auto;
	margin-right: auto;
}




#head {
	width: 820px;
}

.flame {
	width:420px;
	height:90px;
	overflow:auto;
	padding-top: 10px;
	padding-right: 9px;
	padding-bottom: 10px;
	padding-left: 9px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}



/* footer
----------------------------------------------------------------------------------------------------*/

ul.footer li {
	display: inline;
	margin-right: 10px;
	float: right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666;
	margin-top: 20px;
	padding-left: 10px;
}

.footgrid255 {
	width:245px;
	background-image: url(../img200911/topimg/foot03.jpg);
	background-repeat: no-repeat;
	height: 90px;
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
}
.footer-ssl {height: auto;	width: 130px;	float: right;	margin-top: 20px;	margin-right: 5px;}

.kaijo{clear:left;}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}