@charset "UTF-8";


body{
	margin:0;
	padding:0;
	text-align:center;
	background:url(../image/common/wl_base_bg.gif);
	}

.clearfix:after {
	content: ".";  
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}

.clearfix {
	min-height: 1px;
	}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
	}

/* メインコンテナ用 */
div#container {
	margin:0 auto;
	padding:0;
	width:810px;
	position:relative;
	text-align:left;
	}

/* ヘッダー用 */
div#header {
	width:810px;
	height: 80px;
	background:url(../image/common/containerBg.gif) repeat-y center 0;
	}
	
div#headerInner {
	position: relative;
	width:800px;
	height: 80px;
	margin-left:5px;
	background:url(../image/common/headBg.gif) repeat-x;
	}

#siteLogo{
	width:120px;
	height:70px;
	position:absolute;
	top:10px;
	left:0px;
	}

#siteLogo a{
	width:120px;
	height:70px;
	display:block;
	}

#headLogo{
	width:560px;
	height:30px;
	position:absolute;
	top:0px;
	right:0px;
	}

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

#navi{
	position:absolute;
	top:30px;
	left:127px;
	width:673px;
	height:34px;
	background:url(../image/common/naviBg.gif) no-repeat right bottom;
	}

#navi li{
	height:34px;
	float:left;
	border-bottom:none;
	}
	
#navi #navi01{width:75px;}
#navi #navi02{width:109px;}
#navi #navi03{width:83px;}
#navi #navi04{width:78px;}
#navi #navi05{width:103px;}
#navi #navi06{width:120px;}


/* ボディ用 */
div#pagebody {
	width:760px;
	padding:0 25px;
	background:url(../image/common/containerBg.gif) repeat-y;
	}

/* パンくずリスト */
#pagebody ul#pankuzuNavi {
	margin:0 0 10px;
	padding:5px 0;
	width:760px;
	list-style:none;
	background:url(../image/common/dotline01.gif) repeat-x 0 bottom;
	}

#pagebody ul#pankuzuNavi li {
	display:inline;
	margin:0;
	padding:0;
	font-size:10px;
	line-height:12px;
	border-bottom:none;
	}

/* コンテンツ左右ボックス用 */
div#leftBox{
	float:left;
	width:200px;
	}
	
div#rightBox{
	float:right;
	width:571px;
	}

/* トップページサイズ変更用 */
#main_index div#leftBox{
	width:511px;
	padding-top:15px;
	}
	
#main_index div#rightBox{
	width:260px;
	padding-top:5px;
	}


/* フッター用 */
div#footer {
	width:810px;
	background:url(../image/common/footerBg.gif) no-repeat;
	padding-top:35px;
	height:24px;
	}

#copyright {
	margin:0 0 0 5px;
	padding:0;
	font-size: 10px;
	line-height: 12px;
	}

	
/*common class*/
.hidden{
	display:none;
	}

.btm5{margin-bottom:5px;}
.btm10{margin-bottom:10px;}
.btm15{margin-bottom:15px;}
.btm20{margin-bottom:20px;}
.btm30{margin-bottom:30px;}
.btm40{margin-bottom:40px;}
.top10{margin-top:10px;}
.top20{margin-top:20px;}
.top30{margin-top:30px;}
.top50{margin-top:50px;}
.w80{width:80px;}
.w100{width:100px;}
.w200{width:200px;}
.w400{width:400px;}

.noBdr{border:none;}

input.noBdr:hover{
	border:none;
	}

.clear{clear:both;}
.f_left{float:left;}
.f_right{float:right;}
img.f_left{margin:0 15px 15px 0;}
img.f_right{margin:0 0 15px 15px;}

.red{color:#ff0000;}

.arrow{
	background:url(../image/common/circleArrow01.gif) no-repeat 0 0;
	padding-left:20px;
	display:block;
	}

.imgTitle01{
	margin-bottom:13px;
	}

#leftBox #bannerList,
#rightBox #bannerList{}

#leftBox #bannerList li,
#rightBox #bannerList li{
	margin-bottom:10px;
	}

#footAdd{
	margin-bottom:21px;
	_margin-bottom:20px;
	}