@charset "shift_jis";

* {
	margin:0px;
	padding:0px;
	text-align:left;
}

html{
}


body {
	margin:0px;
	padding:0px;
	text-align:left;
	color:#333;
	letter-spacing: 0.05em;
	background: url("../img/html_bg.jpg") repeat-x top center white;
}


/*[[ フロートレフト]*/
.fleft{
float:left;
}
/*[[ フロートライト]*/
.fright{
float:right;
}
/*[[ クリアクラス]*/
.clear{
	clear:both;
}

/*[[ アライン]*/
.al-left{
	text-align:left;
}
.al-center{
	text-align:center;
}
.al-right{
	text-align:right;
}

/*[[ 画像脇スペース]*/
.spcleft{
	margin-left:20px;
}

.spcright{
	margin-right:20px;
}

.spctop{
	margin-top:20px;
}
.spctop-5{
	margin-top:5px;
}

.spcbottom{
	margin-bottom:20px;
}


/*[[ テキストカラー ]]*/
a {text-decoration: underline;}
a:link {color:#003366; text-decoration:underline;}
a:visited {color: #003366; text-decoration:underline;}
a:hover {color: #003366; text-decoration:none;}
a:visited:hover {color: #003366; text-decoration:none;}

a.orange2 {color:#c4590b; text-decoration:underline;}
a.orange2:link {color:#c4590b; text-decoration:underline;}
a.orange2:hover {color:#c4590b; text-decoration:none;}
a.orange2:visited {color: #c4590b; text-decoration:underline;}
a.orange2:visited:hover {color: #c4590b; text-decoration:none;}

a.black {color:#111; text-decoration:underline;}
a.black:link {color:#111; text-decoration:underline;}
a.black:hover {color:#111; text-decoration:none;}
a.black:visited {color: #111; text-decoration:underline;}
a.black:visited:hover {color: #111; text-decoration:none;}

a.white {color:#ffffff; text-decoration:underline;}
a.white:link {color:#ffffff; text-decoration:underline;}
a.white:hover {color:#ffffee; text-decoration:none;}
a.white:visited {color: #ffffff; text-decoration:underline;}
a.white:visited:hover {color: #ffffff; text-decoration:none;}

a.white2 {color:#ffffff; text-decoration:none;}
a.white2:link {color:#ffffff; text-decoration:none;}
a.white2:hover {color:#ffffee; text-decoration:underline;}
a.white2:visited {color: #ffffff; text-decoration:none;}
a.white2:visited:hover {color: #ffffff; text-decoration:underline;}

a.yellow {color:#fff558; text-decoration:underline;}
a.yellow:link {color:#fff558; text-decoration:underline;}
a.yellow:hover {color:#fff558; text-decoration:none;}
a.yellow:visited {color: #fff558; text-decoration:underline;}
a.yellow:visited:hover {color: #fff558; text-decoration:none;}

a.gray {color:#555; text-decoration:underline;}
a.gray:link {color:#555; text-decoration:underline;}
a.gray:hover {color:#555; text-decoration:none;}
a.gray:visited {color: #555; text-decoration:underline;}
a.gray:visited:hover {color:#555; text-decoration:none;}

a.gray2 {color:#555; text-decoration:none;}
a.gray2:link {color:#555; text-decoration:none;}
a.gray2:hover {color:#555; text-decoration:underline;}
a.gray2:visited {color: #555; text-decoration:none;}
a.gray2:visited:hover {color:#555; text-decoration:underline;}

a.blue {color:#006DCD; text-decoration:underline;}
a.blue:link {color:#006DCD; text-decoration:underline;}
a.blue:hover {color:#0080D6; text-decoration:none;}
a.blue:visited {color: #006DCD; text-decoration:underline;}
a.blue:visited:hover {color: #006DCD; text-decoration:none;}

a.orange {color:#885300; text-decoration:underline;}
a.orange:link {color:#885300; text-decoration:underline;}
a.orange:hover {color:#885300; text-decoration:none;}
a.orange:visited {color: #885300; text-decoration:underline;}
a.orange:visited:hover {color: #885300; text-decoration:none;}

.white {color:#FFFFFF; text-decoration:none;}
.pink {color:#ff0066; text-decoration:none;}
.orange {color:#885300; text-decoration:none;}
.blue {color:#4f5a71; text-decoration:none;}
.red {color:#ff0000; text-decoration:none;}
.green {color:#003300; text-decoration:none;}
.yellow {color:#ffcc00; text-decoration:none;}
.gray {color:#666666; text-decoration:none;}
.bk {color:#000000; text-decoration:none;}
.brown {color:#6a4d10; text-decoration:none;}

.bold {font-weight : bold;}

.f10{font-size:77%;}
.f11{font-size:85%;}
.f12{font-size:93%;}
.f13{font-size:100%;}
.f14{font-size:108%;}
.f15{font-size:116%;}
.f16{font-size:123.1%;}
.f17{font-size:131%;}
.f18{font-size:138.5%;}
.f20{font-size:180%;}


a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}
a:hover img.nobright{
	opacity:1.0;
	filter: alpha(opacity=100);
}



#hd-menu{
	width:910px;
}
#hd-menu img{
	float:left;
}

#menu01{
	padding-right:20px;
}
#menu02{
	padding-right:22px;
}
#menu03{
	padding-right:22px;
}
#menu04{
	padding-right:22px;
}
#menu05{
	padding-right:20px;
}
#menu06{
	padding-right:20px;
}



/*[[ ラップ]]*/
#wrap{
	width:950px;
	margin: 0px auto;
}
#wrap-body{
	width:950px;
	margin: 0px auto;
}

/*[[ 左カラム]]*/
#left-column{
	width:220px;
	float:left;
}

/*[[ 左メニュー]]*/
#left-menu{
	width:220px;
	background: url("../img/menu_bg.jpg") repeat-x top center #045080;
	padding-bottom:6px;
}

/*[[ 右カラム]]*/
#right-column{
	width:690px;
	float:left;
	padding-left:40px;
}

/*[[ ヘッダー]]*/
#header{
	width:690px;
	height:100px;
}
/*[[ ヘッダーメニュー]]*/
#header-mn{
	width:320px;
	padding:10px 0 5px 370px;
}
#header-mn img{
	float:left;
}
/*[[ ヘッダーバナー]]*/
#header-bn{
	width:690px;
}
#header-bn img{
	float:left;
}

/*[[ メインスペース ]]*/
#body{
	width:690px;
}

/*[[ 新着情報 ]]*/
#wn{
	width:430px;
	line-height:200%;
	float:left;
}
#wn-title{
	width:430px;
	height:48px;
	background: url("../img/wn_bg.gif") no-repeat top left;
}
#right_bnr{
	width:220px;
	float:left;
	margin-top:20px;
	margin-left:40px;
}


/*[[ フッター ]]*/

#footer{
	width:950px;
	margin:0 auto;
	padding-bottom:50px;
}
#pagetop{
	width:950px;
	text-align:right;
}
#copyright{
	width:950px;
	border-top:1px solid #c7d3dc;
	margin-top:10px;
	padding-top:10px;
	color:#777;
}


/*[[ スペース ]]*/

.spc-2{
	width:2px;
	height:2px;
	display:block;
}
.spc-5{
	width:5px;
	height:5px;
	display:block;
}
.spc-6{
	width:6px;
	height:6px;
	display:block;
}

.spc-10{
	width:10px;
	height:10px;
	display:block;
}

.spc-12{
	width:12px;
	height:12px;
	display:block;
}
.spc-13{
	width:13px;
	height:13px;
	display:block;
}
.spc-15{
	width:15px;
	height:15px;
	display:block;
}
.spc-16{
	width:16px;
	height:16px;
	display:block;
}
.spc-17{
	width:17px;
	height:17px;
	display:block;
}
.spc-18{
	width:18px;
	height:18px;
	display:block;
}
.spc-20{
	width:20px;
	height:20px;
	display:block;
}
.spc-25{
	width:25px;
	height:25px;
	display:block;
}
.spc-30{
	width:30px;
	height:30px;
	display:block;
}
.spc-50{
	width:50px;
	height:50px;
	display:block;
}



/*[[ セカンドページ ]]*/



/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }