/* CSS Document */

* {margin: 0px;padding: 0px;}
br,div,ul,ol,li,p,dl,dt,dd{margin:0;padding:0;}
h1,h2,h3,h4,h5{font-weight: normal;font-size: 12px;}
li img,dt img,dd img{vertical-align:bottom;}
ul,li{ list-style:none; margin:0; padding:0; line-height:20px;}
img{ border:none; }

body{
	padding: 0px;
	margin: 0px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	/*font-family: "ＭＳ Ｐゴシック";*/
	background-color: #FFF;
	font-size: 12px;
	color: #333;
	line-height: 16px;
}

hr{
	margin-bottom: 6px;
	margin-top:0px;
	border:dotted #8F8F8F;
	border-width:1px 0px 0px 0px;
	height:0px;
}

#pagetop{
	text-align: right;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#bgimage{
	background-image: url(/support/online/kyushu/img/backimg.jpg);
	background-repeat: repeat-x;
}

#contents{
	margin: auto;
	background-color: #FFF;
	width: 960px;
	padding:0px;
}

.main{
	background-color: #FFF;
	width: 934px;
	padding-bottom: 10px;
	padding-left: 13px;
	margin: 0;
}

/*-------font-------*/

a:link{ text-decoration:underline;}
a:visited{ text-decoration:none;}
a:active{ text-decoration:none;}
a:hover{ text-decoration:none;}

.white{color:#ffffff;}
.red{color:#ff0000;}
.blue{color:#0000FF;}
.brown{
	color: #630;
}

.txt10{font-size: 10px;}
.txt12{font-size: 12px;}
.txt14{font-size: 14px;}
.txt16{font-size: 16px;}
.txt18{font-size: 18px;}
.txt20{font-size: 20px;}
.txt22{font-size: 22px;}
.txt24{font-size: 24px;}
.txt26{font-size: 26px;}
.txt28{font-size: 28px;}
.txt30{font-size: 30px;}
.txt32{font-size: 32px;}

/*-------margin-------*/

.mt10{margin-top: 10px;}
.mr4{margin-right: 4px;}
.mr8{margin-right: 8px;}
.mr4{margin-right: 4px;}
.mr11{margin-right: 11px;}
.mr12{margin-right: 12px;}
.mr16{margin-right: 16px;}
.mb4{margin-bottom: 4px;}
.mb6{margin-bottom: 6px;}
.mb9{margin-bottom: 9px;}
.mb14{margin-bottom: 14px;}

/*-------padding-------*/

.ls3{padding-left: 3px;}
.ls4{padding-left: 4px;}
.ls5{padding-left: 5px;}
.ls6{padding-left: 6px;}
.ls8{padding-left: 8px;}
.ls10{padding-left: 10px;}
.ls20{padding-left: 20px;}
.ls50{padding-left: 50px;}
.ls12{padding-left: 12px;}
.ls13{padding-left: 13px;}
.rs3{padding-right: 3px;}
.rs4{padding-right: 4px;}
.rs5{padding-right: 5px;}
.rs6{padding-right: 6px;}
.rs7{padding-right: 7px;}
.rs8{padding-right: 8px;}
.rs10{padding-right: 10px;}
.rs12{padding-right: 12px;}
.rs13{padding-right: 13px;}
.rs14{padding-right: 14px;}
.rs16{padding-right: 16px;}
.ts2{padding-top: 2px;}
.ts3{padding-top: 3px;}
.ts4{padding-top: 4px;}
.ts5{padding-top: 5px;}
.ts8{padding-top: 8px;}
.ts10{padding-top: 10px;}
.ts16{padding-top: 16px;}
.ts20{padding-top: 20px;}
.ds1{padding-bottom: 1px;}
.ds2{padding-bottom: 2px;}
.ds3{padding-bottom: 3px;}
.ds4{padding-bottom: 4px;}
.ds5{padding-bottom: 5px;}
.ds6{padding-bottom: 6px;}
.ds7{padding-bottom: 7px;}
.ds8{padding-bottom: 8px;}
.ds10{padding-bottom: 10px;}
.ds12{padding-bottom: 12px;}
.ds16{padding-bottom: 16px;}
.ds20{padding-bottom: 20px;}
.ds24{padding-bottom: 24px;}

/*-------パンくず-------*/

#pankuzu_box{
	width: 937px;
	margin-bottom:10px;
}

.pankuzu{
	margin:0;
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.pankuzu ul {
	list-style:none;
	margin:0;
	padding:0;
}

.pankuzu li {
	display:inline;
	padding-right: 3px;
}

.pankuzu_left{
	float:left;
	padding-top: 4px;
}
.pankuzu_right{
	float:right;}

/*.pankuzu a:link{color:#333333;text-decoration: none;}
.pankuzu a:visited{color:#333333;text-decoration: none;}
.pankuzu a:active{color:#0099CC;text-decoration: none;}
.pankuzu a:hover{color:#3399CC;text-decoration:underline;}*/

/*-------float解除-------*/

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix{
zoom:100%;
overflow:hidden; /* for dreamweaver */
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.fr{float:right;}
.fl{float:left;}
.clear{clear: both;}
.cl{clear: both;margin:0;padding:0;}

/*-------リンクカラー------*/

a:link { color:#006699; text-decoration:underline;}
a:visited { color:#006699; text-decoration:underline;}
a:active { color:#FF3300; text-decoration:none;}
a:hover { color:#FF3300; text-decoration:none;}
