/* CSS Document */

/*空白*/
.spacer4{margin-bottom:4px;}
.spacer5{margin-bottom:5px;}
.spacer10{margin-bottom:10px;}
.spacer15{margin-bottom:15px;}
.spacer20{margin-bottom:20px;}
.spacer25{margin-bottom:25px;}
.spacer30{margin-bottom:30px;}
.spacer35{margin-bottom:35px;}
.spacer40{margin-bottom:40px;}
.spacer50{margin-bottom:50px;}

.table_class_bt{
width:100%;
margin:0px auto 10px auto;
padding:0px;
border-collapse:collapse;
}

.table_class_bt th{
vertical-align:middle;
background-color:#FCF;
border:1px solid #666666;
text-align:center;
vertical-align:top;
height:auto;
}

.table_class_bt td{
background-color:white;
border:1px solid #666666;
vertical-align:middle;
height:auto;
}

.table_w80 {
width:80%;
margin:	0px auto 10px auto;
padding:0px;
border-collapse:collapse;
}

.table_w80 th {
text-align:left;vertical-align:top;
background-color:#FCF;
border:1px solid #666666;
text-align:center;
vertical-align:top;

}

.table_w80 td {
background-color:white;
border:1px solid #666666;
vertical-align:top;
}

/* フォントの色 */

.tx-red{
	color:red;
}

.tx-blue{
	color:blue;
}

.tx-green{
	color:green;
}

/* フォントの背景 */

.haikei-yellow{
	background-color:#FFFF33;
}


/* フォントのスタイル */

.tx-bold{
	font-weight:bold;
}

.tx-kasen{
	text-decoration:underline;
}

.tx-syatai{
	font-style:italic;
}


/* フォントのサイズ */
.tx-size80{
	font-size:80%;
	line-height:1.2em;

}

.tx-size90{
	font-size:90%;
	line-height:1.3em;

}


.tx-size110{
	font-size:110%;
	line-height:1.3em;
}

.tx-size120{
	font-size:120%;
	line-height:1.4em;
}

.tx-size130{
	font-size:130%;
	line-height:1.5em;
}

/* フォントの位置 */
.tx-left{
	text-align:left;
}

.tx-right{
	text-align:right;
}

.tx-center{
	text-align:center;
}


/* 横幅 */

.w-10{
	width:10%
}

.w-20{
	width:20%
}

.w-30{
	width:30%
}

.w-40{
	width:40%
}

.w-45{
	width:45%
}

.w-49{
	width:49%
}


.w-50{
	width:50%
}

.w-60{
	width:60%
}

.w-70{
	width:70%
}

.w-80{
	width:80%
}

.w-90{
	width:90%
}


.w-100{
	width:100%
}

.w-auto{
	width:auto
}

/* 高さ */

.h-10{
	height:10%
}

.h-20{
	height:20%
}

.h-30{
	height:30%
}

.h-40{
	height:40%
}

.h-50{
	height:50%
}

.h-60{
	height:60%
}

.h-70{
	height:70%
}

.h-80{
	height:80%
}

.h-90{
	height:90%
}

.h-100{
	height:100%
}

.h-auto{
	height:auto
}


/* 余白・感覚 */
.mr-0{
	margin:0px;
}

.mr-5{
	margin:5px;
}

.mr-10{
	margin:10px;
}

.mr-20{
	margin:20px;
}

.mr-r-1{
	margin-right:1px;	
}
.mr-r-2{
	margin-right:2px;	
}
.mr-r-3{
	margin-right:3px;	
}
.mr-r-4{
	margin-right:4px;	
}
.mr-r-5{
	margin-right:5px;	
}
.mr-r-10{
	margin-right:10px;	
}
.mr-r-15{
	margin-right:15px;	
}
.mr-r-20{
	margin-right:20px;	
}
.mr-r-25{
	margin-right:25px;	
}
.mr-r-30{
	margin-right:30px;	
}

.mr-l-5{
	margin-left:5px;	
}
.mr-l-10{
	margin-left:10px;	
}
.mr-l-15{
	margin-left:15px;	
}
.mr-l-20{
	margin-left:20px;	
}
.mr-l-25{
	margin-left:25px;	
}
.mr-l-30{
	margin-left:30px;
}

.mr-t-5{
	margin-top:5px;	
}
.mr-t-10{
	margin-top:10px;	
}
.mr-t-15{
	margin-top:15px;	
}
.mr-t-20{
	margin-top:20px;	
}
.mr-t-25{
	margin-top:25px;	
}
.mr-t-30{
	margin-top:30px;	
}
.mr-t-50{
	margin-top:50px;	
}



.mr-b-5{
	margin-bottom:5px;	
}
.mr-b-10{
	margin-bottom:10px;	
}
.mr-b-15{
	margin-bottom:15px;	
}
.mr-b-20{
	margin-bottom:20px;	
}
.mr-b-25{
	margin-bottom:25px;	
}
.mr-b-30{
	margin-bottom:30px;
}



.pd-0{
	padding:0px;
}

.pd-5{
	padding:5px;
}

.pd-10{
	padding:10px;
}

.pd-20{
	padding:20px;
}

.pd-r-5{
	padding-right:5px;	
}
.pd-r-10{
	padding-right:10px;	
}
.pd-r-15{
	padding-right:15px;	
}
.pd-r-20{
	padding-right:20px;	
}
.pd-r-25{
	padding-right:25px;	
}
.pd-r-30{
	padding-right:30px;	
}

.pd-l-5{
	padding-left:5px;	
}
.pd-l-10{
	padding-left:10px;	
}
.pd-l-15{
	padding-left:15px;	
}
.pd-l-20{
	padding-left:20px;	
}
.pd-l-25{
	padding-left:25px;	
}
.pd-l-30{
	padding-left:30px;
}

.pd-t-5{
	padding-top:5px;	
}
.pd-t-10{
	padding-top:10px;	
}
.pd-t-15{
	padding-top:15px;	
}
.pd-t-20{
	padding-top:20px;	
}
.pd-t-25{
	padding-top:25px;	
}
.pd-t-30{
	padding-top:30px;	
}

.pd-b-5{
	padding-bottom:5px;	
}
.pd-b-10{
	padding-bottom:10px;	
}
.pd-b-15{
	padding-bottom:15px;	
}
.pd-b-20{
	padding-bottom:20px;	
}
.pd-b-25{
	padding-bottom:25px;	
}
.pd-b-30{
	padding-bottom:30px;
}








/*　インデント　*/
.indent-5{
	padding-left:5px;
}

.indent-10{
	padding-left:10px;
}

.indent-15{
	padding-left:15px;

}

.indent-20{
	padding-left:20px;
}




/*　囲み・線　*/

.border-solid-1-red{
	border:1px #FF0000 solid;
}

.border-solid-2-red{
	border:2px #FF0000 solid;
}

.border-solid-3-red{
	border:3px #FF0000 solid;
}

.border-solid-1-blue{
	border:1px #0033FF solid;
}

.border-solid-2-blue{
	border:2px #0033FF solid;
}

.border-solid-3-blue{
	border:3px #0033FF solid;
}

.border-solid-1-green{
	border:1px #00CC00 solid;
}

.border-solid-2-green{
	border:2px #00CC00 solid;
}

.border-solid-3-green{
	border:3px #00CC00 solid;
}

.border-solid-1-gray{
	border:1px #999999 solid;
}

.border-solid-2-gray{
	border:2px #999999 solid;
}

.border-solid-3-gray{
	border:3px #999999 solid;
}

.border-dotted-1-gray{
	border:1px #999999 dotted;
}

.border-dotted-2-gray{
	border:2px #000000 dotted;
}

.border-dotted-3-gray{
	border:3px #999999 dotted;
}

/*見出しボックス*/
.kakomi-blue{
	color:white;
	background:#0099FF;
	border-bottom:1px solid #CCCCCC;
}

.kakomi-orange{
	color:white;
	background:orange;
	border-bottom:1px solid #CCCCCC;
}

.kakomi-red{
	color:white;
	background:red;
	border-bottom:1px solid #CCCCCC;
}

.kakomi-green{
	color:white;
	background:#66CC00;
	border-bottom:1px solid #CCCCCC;
}


.centering{
	margin-right:auto;
	margin-left:auto;
}

/*左右分割*/

.fl-l{
	float:left;
}
.fl-r{
	float:right;
}


/* 固定CSS */
#global-area{
	background-color:#111;
	width:100%;
	position:absolute;
	top:102px;
	border-top:2px #000 solid;
	border-bottom:2px #000 solid;

}



#global-area ul{
  list-style-type: none;
  width:880px;
  border-left:1px solid #ccc;
  margin-top:0px;
  margin-right:auto;
  margin-left:auto;
  padding:0;

}

#global-area li{
  float: left;
  width: 145px;
  margin: 0;
  padding: 0;
  border-right:1px solid #CCC;
}

#global-area li:first-child {
border-left: 1px solid #fff;
}

#global-area a{
  text-align: center;
  font-size:130%;
  font-weight:bold;
  display:block;
  padding: 10px 0;
  background-color:#111;
  color: white;
}

#global-area a:hover{
  background-color:#666;
  color:#fff;
}


/* 角丸テキストボックス */
.box-333-5{
	padding:5px 10px;
	background-color:#333;
	color:#FFF;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}

/* 角丸テキストボックス */
.clear{
	clear:both;
}


/*
	text-shadow:0px 1px 0px #FFA64D,
				0px 0px 2px #FFA64D, 
				1px 0px 0px #FFA64D,
				0px -1px 1px #FFA64D,
				-1px -1px 0px #FFA64D,
				-1px 0px 0px #FFA64D,
				1px -1px 0px #FFA64D,
				1px 1px 0px #FFA64D;

	
	filter:dropshadow(color=#FFA64D,offx=0,offy=1,positive=1),dropshadow(color=#FFA64D,offx=0,offy=0,positive=1),dropshadow(color=#FFA64D,offx=0,offy=-1,positive=1),dropshadow(color=#FFA64D,offx=-1,offy=-1,positive=1),dropshadow(color=#FFA64D,offx=-1,offy=0,positive=1);		
*/