/* 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-size140{
	font-size:140%;
	line-height:1.5em;
}

.tx-size150{
	font-size:150%;
	line-height:1.5em;
}

.tx-size160{
	font-size:160%;
	line-height:1.5em;
}

.tx-size170{
	font-size:170%;
	line-height:1.5em;
}

.tx-size180{
	font-size:180%;
	line-height:1.5em;
}

.tx-size190{
	font-size:190%;
	line-height:1.5em;
}

.tx-size200{
	font-size:200%;
	line-height:1.5em;
}

.tx-size300{
	font-size:300%;
	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-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-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;
}

/* チェック付リスト */
ul.list-bg, ul.list-bg li {
 margin: 0; padding: 0;
}
ul.list-bg { margin-left: 0px; }
ul.list-bg li{
list-style:none;
 padding: 5px 10px 5px 30px;
 background-image:url(../img/parts/check.png);
 background-repeat: no-repeat;
 background-position: left center;
}


.number{


	/* Firefox */
	background: -moz-linear-gradient(top center, #F00 100%, #C00 100%);
	/* Chrom と Safari */
	background: -webkit-gradient(linear, center top, center bottom, from(#F00), to(#C00));
	/* 共通 */
	background: linear-gradient(top center, #F00 100%, #C00 100%);

	width:25%;
	height:150px;
	font-size:70px;
	line-height:150px;
	text-align:center;	
	background-color:#333;
	color:#FFF;
	border-radius:5px 0px 0px 5px;		/* CSS3草案 */
	-webkit-border-radius:5px 0px 0px 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius:5px 0px 0px 5px;	/* Firefox用 */

	float:left;
	
}

.caption{


	/* Firefox */
	background: -moz-linear-gradient(top center, #666 100%, #333 100%);
	/* Chrom と Safari */
	background: -webkit-gradient(linear, center top, center bottom, from(#666), to(#333));
	/* 共通 */
	background: linear-gradient(top center, #666 100%, #333 100%);
	
	width:75%;
	height:150px;
	text-align:left;	
	background-color:#333;
	color:#FFF;
	border-radius:0px 5px 5px 0px;		/* CSS3草案 */
	-webkit-border-radius:0px 5px 5px 0px;	/* Safari,Google Chrome用 */
	-moz-border-radius:0px 5px 5px 0px;	/* Firefox用 */
	
	float:right;
}



.text-shadow-1-999{
	text-shadow:
	0px -1px 0px #999,	/*上*/
	0px 1px 0px #999,	/*下*/
	-1px 0px 0px #999;	/*左*/
	1px 0px 0px #999,	/*右*/
	-1px -1px 0px #999,	/*左上*/
	1px -1px 0px #999,	/*右上*/
	-1px 1px 0px #999,	/*左下*/
	1px 1px 0px #999;	/*右下*/


	/* for IE */
	filter:
	dropshadow(color=#999,offx=0,offy=-1,positive=0),	/*上*/
	dropshadow(color=#999,offx=0,offy=1,positive=0),	/*下*/
	dropshadow(color=#999,offx=-1,offy=0,positive=0),	/*左*/
	dropshadow(color=#999,offx=1,offy=0,positive=0),	/*右*/
	dropshadow(color=#999,offx=-1,offy=-1,positive=0),	/*左上*/
	dropshadow(color=#999,offx=1,offy=-1,positive=0),	/*右上*/
	dropshadow(color=#999,offx=-1,offy=1,positive=0),	/*左下*/
	dropshadow(color=#999,offx=1,offy=1,positive=0);	/*右下*/
}