@charset "UTF-8";

html {
	overflow-y: scroll;
}
* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
a img {
	border: none;
}
a:focus {
	outline: none;
}

body {
	text-align: center;
	background-color:#ffff00;
}
#all{
	position:relative;
	width:798px;
	margin:0 auto;
}
/*ヘッダー*/

#head {
	width: 798px;
	height: 60px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
#head h1 {
	position: absolute;
	top: 27px;
	left: 0px;
}
#head h2#sub_title {
	position: absolute;
	top: 40px;
	left: 505px;
	width:108px;
}

/*コンテンツ*/
#contents {
	width: 798px;
	height:520px;
	margin: 0 auto;
	text-align: left;
/*	border: solid 1px #000;*/
/*	position: relative;*/
	background-color: #ffffff;
	border-left:solid 1px #000;
	border-right:solid 1px #000;
}
/*
#contents-area{
	border-left:solid 1px #000;
	border-right:solid 1px #000;
}
*/
/*コンテンツのグローバルナビ*/
#contents .menu{
/*	position:relative;*/
	width: 798px;
	height:22px;
	background-color:#99ff00;
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
}
#contents ul#navi{
	background-color:#99ff00;
	font-size:0px;
	height:22px;
/*	border-top:solid 1px #000;*/
/*	border-bottom:solid 1px #000;*/
}
/*
#contents ul#navi li{
	border-right:solid 1px #000;
}
*/
#contents ul#navi li.navi_top{
	position:absolute;
	left:0;
	top:60px;
}
#contents ul#navi li.navi_bbs{
	position:absolute;
	left:101px;
	top:60px;
}
#contents ul#navi li.navi_faq{
	position:absolute;
	left:202px;
	top:60px;
}
#contents ul#navi li.navi_check{
	position:absolute;
	left:303px;
	top:60px;
}
#contents ul#navi li.navi_special{
	position:absolute;
	left:444px;
	top:60px;
}
#contents ul#navi li img{
	border:solid 1px #000;
}

#contents ul#navi li a:hover img{
	position:absolute;
	top:-4px;
	opacity:1.0;
	filter: alpha(opacity=100);
}







/*立て伸びコンテンツ*/
#liquid-contents {
	width: 798px;
	margin: 0 auto;
	text-align: left;
/*	border: solid 1px #000;*/
/*	position: relative;*/
	background-color: #ffffff;
	border-left:solid 1px #000;
	border-right:solid 1px #000
}
/*
#contents-area{
	border-left:solid 1px #000;
	border-right:solid 1px #000;
}
*/
/*立て伸びコンテンツのグローバルナビ*/
#liquid-contents .menu{
	width: 798px;
	height:22px;
	background-color:#99ff00;
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
}
#liquid-contents ul#navi{
	background-color:#99ff00;
	font-size:0px;
	height:22px;
/*	border-top:solid 1px #000;
	border-bottom:solid 1px #000;*/
}
/*
#liquid-contents ul#navi li{
	border-right:solid 1px #000;
}
*/
#liquid-contents ul#navi li.navi_top{
	position:absolute;
	left:0;
	top:60px;

}
#liquid-contents ul#navi li.navi_bbs{
	position:absolute;
	left:101px;
	top:60px;
}
#liquid-contents ul#navi li.navi_faq{
	position:absolute;
	left:202px;
	top:60px;
}
#liquid-contents ul#navi li.navi_check{
	position:absolute;
	left:303px;
	top:60px;	
}
#liquid-contents ul#navi li.navi_special{
	position:absolute;
	left:444px;
	top:60px;
}
#liquid-contents ul#navi li img{
	border:solid 1px #000;
}

#liquid-contents ul#navi li a:hover img{
	position:absolute;
	top:-4px;
	opacity:1.0;
	filter: alpha(opacity=100);
}













/*フッター*/
#foot {
	width: 798px;
	height:22px;
	margin: 0 auto;
/*	border-top: solid 1px #000;*/
	position:absolute;
    bottom:0px;
	background-color:#000;
}
/*
#foot ul#footnavi{
	font-size:0px;
}
*/
#foot ul#footnavi li{
	float:left;
	border-right:solid 1px #fff;
}


/*立て伸びコンテンツのフッター*/
#liquid-foot {
	width: 798px;
	height:22px;
	margin: 0 auto;
/*	border-top: solid 1px #000;*/
    bottom:0px;
	background-color:#000;
}
/*
#liquid-foot ul#footnavi{
	font-size:0px;
}
*/
#liquid-foot ul#footnavi li{
	float:left;
	border-right:solid 1px #fff;
}




/*フッターのロールオーバー*/
#foot ul#footnavi li a{
    display:block;
	height:22px;
    text-indent:-1000px;
    overflow:hidden;
}
#liquid-foot ul#footnavi li a{
    display:block;
	height:22px;
    text-indent:-1000px;
    overflow:hidden;
}
a.smap{
    background-image:url(../img/common/btn_smap.gif);
	width:108px;
}
a:hover.smap{
    background-position:0px -22px;
}
a.spolicy{
    background-image:url(../img/common/btn_spolicy.gif);
	width:117px;
}
a:hover.spolicy{
    background-position:0px -22px;
}
a.ppolicy{
    background-image:url(../img/common/btn_ppolicy.gif);
	width:151px;
}
#foot ul#footnavi a:hover.ppolicy{
    background-position:0px -22px;
}
#liquid-foot ul#footnavi a:hover.ppolicy{
    background-position:0px -22px;
}




/* 汎用 */

.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html .clearfix{
	display:inline-table;
	/*\*/display:block;/**/
}