/* -----  base setting ----- */

body,form,p,h2,h3,h4,table {
	margin:0px;
	padding:0px;
}

ul,li {
	margin:0px 10px;
	padding:0px;
}

hr,h1,small,big,u		{ display:none;}
img,table						{ border:0px;}
div,p,a,em,h4,td		{ color:#333;}
.floatclear					{ clear:both;}
.floatclearL				{ clear:left;}
.floatclearR				{ clear:right;}
.show								{ display:block;}
.hide								{ display:none;}

body {
	background-image:url(../img/bg/bg-main.gif);
	background-repeat:repeat;
	text-align:center;
}



/* ----- stage ----- */

.stage {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	height:120px;
	text-align:left;
	font-size: 13px;
	line-height: 140%;
	color: #403826;
}

.shdw-l {
	background-image: url(../img/bg/shadow-l.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
.shdw-r {
	background-image: url(../img/bg/shadow-r.gif);
	background-repeat: repeat-y;
	background-position: left top;
}


/* ----- stage-header ----- */

.header-top{
	float:left;
	width:780px;
	height:125px;
	text-align:left;
	background-image:   url(../img/top/header-top.gif);
}

.header-main{
	float:left;
	width:780px;
	height:120px;
	text-align:left;
	background-image: url(../img/top/header-main.gif);
}


/* ----- stage-footer ----- */


.footer  {
	width:780px;
	height:30px;
	background-image:url(../img/bg/footer-1.gif);
	background-repeat:repeat-x;
	text-align:left;
}


/* ----- stage-top ----- */


.top-kage{
	width:780px;
	height:40px;
	background-image: url(../img/bg/top-main.gif);
	background-repeat: repeat-x;
}



/* ----- stage-main----- */

.list-w {
	width:180px;
}

.list-w-40 {
	width:40px;
}
.list-w-520 {
	width:520px;
}



.cnts-bg {
	background-image: url(../img/bg/bg-cnts.gif);
	background-repeat: repeat-x;
	background-position: left top;
	color: #403826;
}


/* ----- box ----- */

.box520-10			{
	width:520px;
	height:10px;}

.box520-20			{
	width:520px;
	height:20px;}

.box520-30			{
	width:520px;
	height:30px;}

.box520-40			{
	width:520px;
	height:40px;}

.box520-50			{
	width:520px;
	height:50px;}

.box780-10			{
	width:780px;
	height:10px;}

.box780-20			{
	width:780px;
	height:20px;}

.box780-30			{
	width:780px;
	height:30px;}

.box780-40			{
	width:780px;
	height:40px;}

.box780-50			{
	width:780px;
	height:50px;}

.box780-60			{
	width:780px;
	height:60px;}

.box780-70			{
	width:780px;
	height:70px;}

.box780-80			{
	width:780px;
	height:80px;}

.box780-90			{
	width:780px;
	height:90px;}

.space{
clear:right;}

.box180_mb			{
	width:180px;
	height:360px;}




/* ----- txt ----- */
.txt-main {
	font-size: 90%;
	line-height: 120%;
	color: #403826;
}
.txt-sub {
	font-size: 12px;
	line-height: 15px;
	color: #333333 !important;
}
.txt-big {
	font-size: 15px;
	color: #597A52;
	font-weight: bold;
}
.txt-mid {
	font-size: 12px;
	color: #597A52;
	font-weight: bold;
}
.txt-small {
	font-size: 12px;
	line-height:1.8em;
	color: #597A52;
}
.txt-sub {
	font-size: 12px;
	line-height: 15px;
	color: #CC6633;
}

/* ----- table ----- */

div.table table { background-color: #E3DDCC } 
div.table td { background-color: #F9F9F4 } 
div.table tr.odd { background: #EFEBE1; }
div.table tr.odd2 { background: #F9F8F7; }


/* ----- other ----- */
.line1 {
	background-image: url(../img/line/1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 15px;
}
.link1 {
	background-image: url(../img/other/link1.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:25px;
	right: 25px;
	height: 25px;
}

/* ------T&M’Ç‰Á------*/
.red {color: #FF0000}


/* ----- mainbox ----- */
.imgCol4 {
	display: table;
	width: 100%;	
}
.imgCol4 .column {
	float: left;
	display: table-cell;
	width: 24%;
	margin-right: 6px;
}
.imgCol4 .column.last {
	margin-right: 0px;
}

.imgL {
	float:left;
	margin:0 10px 5px 0;
    display: table;
}


/* ----- list ----- */
ul.list {
	margin:0;
}
ul.list li {
    clear: both;
    padding-left: 10px;
	list-style: none;
	margin-bottom: 3px;
}
ul.list li .mark {
    display: inline;
    float: left;
    margin-left: -1.4em;
}



/* ------clearfix------*/

.clearfix:after{
	content:"";
	display:block;
	clear:both;
	height:0.01px;
}

.clearfix{
	display:inline-block;
}
/* no ie mac */
* html .clearfix{
	height:1%;
}

.clearfix{
	display:block;
}

