@charset  "utf-8";

/* Base */

body,th,td{
	font-size:12px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','Osaka','ＭＳ ゴシック','Osaka‐等幅',sans-serif;
	color:#333333;
	line-height:140%;
}

body{
	text-align:center;
	background-color:#ffffff;
	padding:0;
	margin:0;
	background-image: url(/images/bg.gif);
	background-position: top;
	background-repeat: repeat-x;
}


.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix{
	height:1%;
}
.clearfix{
	display:block;
}
/* End hide from IE-mac */

a{
	color:#333333;
	padding:0;
	margin:0;
}

div{
	padding:0;
	margin:0;
}


img{
	border:0;
}



h1,h2,h3,h4,h5,h6{
	font-size:100%;
	padding:0;
	margin:0;
}



p{
	padding:0;
	margin:0 0 1em 0;
}


em{
	font-style:normal;
}

/* 0616 smc */

/* none 削除 */
hr{
	border: 1px; color: #cdcdcd
	/*display:none;*/
}

/* 0→1 */
table,th,td{
	font-weight:normal;
	border: 0;
	padding:0;
}
/* 0616 smc end */


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

ol,ol li{
	padding:0;
	margi
	n:0 0 0 10px;
}

dl,dt,dd{
	padding:0;
	margin:0;
}


form{
	padding:0;
	margin:0;
}


.left{
	float:left;
}

.right{float:right;}

.clear{clear:both;height:0;overflow:hidden;*height:1px;}

.align_right{text-align:right;}
.align_center{text-align:center;}

.img-left {
	margin: 0px 10px 0px 0px;
	float: left;
	}

.img-right {
	margin: 0px 0px 0px 10px;
	float: right;
	}

.txtb-green {
	color: #34d4aa;
	font-weight: bold;
	}

.txtb-green2 {
	color: #00ba89;
	font-weight: bold;
	}

.txtb-red {
	color: #d40000;
	font-weight: bold;
	}

.txt-orange {
	color: #ff6c00;
	}

.optiontxt {
	font-weight: bold;
	font-size: small;
	}
/*  margin
==============================================*/
.tmg05 {margin: 5px 0px 0px 0px;}
.tmg07 {margin: 7px 0px 0px 0px;}
.tmg10 {margin: 10px 0px 0px 0px;}


.rmg05 {margin: 0px 5px 0px 0px;}
.rmg10 {margin: 0px 10px 0px 0px;}
.rmg15 {margin: 0px 15px 0px 0px;}
.rmg20 {margin: 0px 20px 0px 0px;}
.rmg60 {margin: 0px 60px 0px 0px;}

.bmg05 {margin: 0px 0px 5px 0px;}
.bmg10 {margin: 0px 0px 10px 0px;}
.bmg15 {margin: 0px 0px 15px 0px;}
.bmg30 {margin: 0px 0px 30px 0px;}
.bmg50 {margin: 0px 0px 50px 0px;}

.lmg05 {margin: 0px 0px 0px 5px;}
.lmg06 {margin: 0px 0px 0px 6px;}


/*  bg
==============================================*/
#frame {
	width: 730px;
	margin: 16px auto 0px;
	background-image: url(/images/bg_waku_t.gif);
	background-position: top;
	background-repeat: no-repeat;
	text-align: left;
	}

#frame-b {
	width: 730px;
	height: 19px;
	margin: 0px auto;
	background-image: url(/images/bg_waku_b.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	}




/*  header
==============================================*/
#header {
	padding: 17px 35px 0px 45px;
	}

#header h1{
	padding: 10px 0px 0px 0px;
	}

#head-r {
	width: 384px;
	float: right;
	text-align: right;
}


/* fontChange */
#fontChange {
	width:127px;
	height: 18px;
	background-image: url(/images/font.gif);
	background-repeat: no-repeat;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	float: left;
}

#fontChange li {
float: left;
}

#fontChange01  {
width: 60px;
height: 18px;
display: block;
background-image: url(/images/font.gif);
background-position: 0px -18px;
}


#fontChange02 a {
width: 24px;
height: 18px;
display: block;
}

#fontChange02 a:hover {
background-image: url(/images/font.gif);
background-position: -60px -18px;
}

#fontChange03 a {
width: 24px;
height: 18px;
display: block;
}

#fontChange03 a:hover {
background-image: url(/images/font.gif);
background-position: -84px -18px;
}

#fontChange04 a {
width: 19px;
height: 18px;
display: block;
}

#fontChange04 a:hover {
background-image: url(/images/font.gif);
background-position: -108px -18px;
}

/* googleSearch */
#googleSearch {
	margin: 0px;
	padding: 0px;
	float: right;
}


/*  navi
==============================================*/
#navi{
	width:675px;
	height: 42px;
	background-image: url(/images/navi.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 28px;
	padding: 0px;
}

#navi li {
float: left;
}

#navi01 a {
width: 92px;
height: 42px;
display: block;
}

#navi01 a:hover {
background-image: url(/images/navi.jpg);
background-position: 0px -42px;
}

#navi01on a {
width: 92px;
height: 42px;
display: block;
background-image: url(/images/navi.jpg);
background-position: 0px -42px;
}

#navi02 a {
width: 134px;
height: 42px;
display: block;
}

#navi02 a:hover {
background-image: url(/images/navi.jpg);
background-position: -92px -42px;
}

#navi02on a {
width: 134px;
height: 42px;
display: block;
background-image: url(/images/navi.jpg);
background-position: -92px -42px;
}

#navi03 a {
width: 107px;
height: 42px;
display: block;
}

#navi03 a:hover {
background-image: url(/images/navi.jpg);
background-position: -226px -42px;
}

#navi03on a {
width: 107px;
height: 42px;
display: block;
background-image: url(/images/navi.jpg);
background-position: -226px -42px;
}

#navi04 a {
width: 107px;
height: 42px;
display: block;
}

#navi04 a:hover {
background-image: url(/images/navi.jpg);
background-position: -333px -42px;
}

#navi04on a {
width: 107px;
height: 42px;
display: block;
background-image: url(/images/navi.jpg);
background-position: -333px -42px;
}

#navi05 a {
width: 107px;
height: 42px;
display: block;
}

#navi05 a:hover {
background-image: url(/images/navi.jpg);
background-position: -440px -42px;
}

#navi05on a {
width: 107px;
height: 42px;
display: block;
background-image: url(/images/navi.jpg);
background-position: -440px -42px;
}

#navi06 a {
width: 128px;
height: 42px;
display: block;
}

#navi06 a:hover {
background-image: url(/images/navi.jpg);
background-position: -547px -42px;
}

#navi06on a {
width: 128px;
height: 42px;
display: block;
background-image: url(/images/navi.jpg);
background-position: -547px -42px;
}


.navi-line {
	width: 674px;
	margin: 0px 0px 0px 28px;
	}



/*  wrapper
==============================================*/
#wrapper{
	width: 675px;
	margin: 0px 0px 0px 28px;
	}

#wrapper h2 {
	padding: 0px;
	margin: 0px;
	}

#wrapper .info {
	width: 653px;
	margin: 0px 0px 6px 13px;
	}

#wrapper .info h3 {
	padding: 6px 0px 15px 15px;
	}

#wrapper .info ul {
	width: 295px;
	margin: 0px 0px 0px 15px;
	}

#wrapper .info li.date {
	width: 80px;
	color: #8b8b8b;
	float: left;
	vertical-align: top;
	}

#wrapper .info li.txt {
	width: 215px;
	float: left;
	}

#wrapper .info a:link {
	color: #333333;
	}

#wrapper .info a:hover {
	color: #d70000;
	}

#wrapper .info .topbefore {
	width: 320px;
	background-image: url(/images/top_beforebg_t.jpg);
	background-repeat: no-repeat;
	float: left;
	}

#wrapper .info .topbeforeb {
	width: 320px;
	height: 16px;
	background-image: url(/images/top_beforebg_b.gif);
	background-repeat: no-repeat;
	}

#wrapper .info .top-r {
	width: 325px;
	float: right;
	text-align: left;
	}

#wrapper .info .top-r .topafter {
	width: 320px;
	background-image: url(/images/top_afterbg_t.jpg);
	background-repeat: no-repeat;
	}

#wrapper .top-r .topbanner {
	float: right;
	margin: 10px 0px 10px 0px;
	}

#wrapper .topbanner {
	float: right;
	margin: 10px 0px 10px 0px;
	}


.ba-r20 {
	float: left;
	margin: 7px 20px 0px 0px;
	}



.pagetop {
	text-align: right;
	margin: 0px;
	}

.speck {
	text-align: right;
	margin: 0px;
	}

/*  foot
==============================================*/
#foot {
	width: 730px;
	margin: 16px auto 10px;
	} 

#foot .link {
	width:388px;
	height: 11px;
	background-image: url(/images/foot_link.gif);
	background-repeat: no-repeat;
	float: left;
	/* attach */
	background-position: left top;
	overflow: hidden;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}

#foot .link li {
	float: left;
	}

#foot .link01 a {
	width: 97px;
	height: 11px;
	display: block;
	}

#foot .link01 a:hover {
	background-image: url(/images/foot_link.gif);
background-position: 0px -11px;
}

#foot .link02 a {
	width: 112px;
	height: 11px;
	display: block;
	}

#foot .link02 a:hover {
	background-image: url(/images/foot_link.gif);
background-position: -97px -11px;
}

#foot .link03 a {
	width: 67px;
	height: 11px;
	display: block;
	}

#foot .link03 a:hover {
	background-image: url(/images/foot_link.gif);
background-position: -209px -11px;
}

#foot .link04 a {
	width: 112px;
	height: 11px;
	display: block;
	}

#foot .link04 a:hover {
	background-image: url(/images/foot_link.gif);
background-position: -276px -11px;
}




/*  hidden
==============================================*/
#fontChange,#navi,#foot {
	text-indent: -9999px ;
	
/*  MacIE 5 \*/
overflow: hidden;
/*  MacIE 5 end */

	}



/*
for flash
*/
#wrapper #flash {
	margin:0 8px 0 7px;
}