
#system{
	width			: 710px;
	margin			: 0 0 0 20px;
}

#img{
	margin-bottom: 15px;
}

#himage{
	margin-bottom: 15px;
}

/** box1 **/

.box1_bs{
	width			: 710px;
	float			: left;
	background		: url(./img/box1.gif) repeat-y;
	margin			: 0 0 15px 0;
}

.box1_bg{
	width			: 710px;
	float			: left;
	padding			: 0 0 1px 0;
	background		: url(./img/box1_bt.gif) no-repeat bottom;
}

.box1{
	width			: 710px;
	float			: left;
	padding			: 0 0 20px 0;
	background		: url(./img/box1_top.gif) no-repeat;
}

.box1 h3{
	margin			: 0 0 10px 0;
}

.box1 table{
	width			: 315px;
	font-size		: 20px;
	line-height		: 30px;
}

.box1 th{
	font-weight		: normal;
	text-align		: left;
	color			: #867d66;
	padding			: 5px 0 4px 0;
	border-bottom	: 1px dotted #3b352b;
}

.box1 td{
	font-size		: 24px;
	text-align		: right;
	padding			: 5px 0 4px 0;
	border-bottom	: 1px dotted #3b352b;
}

.box1 .boxtxt{
	clear			: left;
	font-size		: 10px;
	line-height		: 20px;
	padding			: 20px 0 0 30px;
}

.box1 .boxtxt em{
	color			: #ff6666;
}

.box1_l{
	width			: 345px;
	float			: left;
}

.box1_r{
	width			: 365px;
	float			: left;
}

.box1_r:after{
	content			: "";
	display			: block;
	clear			: both;
}

#sys4 table{
	width			: 650px;
	margin-left		: 30px;
}

#sys4 th{	width	: 330px;}

.box1_l table{	margin-left: 30px;}
.box1_r table{	margin-left: 20px;}

#maga{
	margin			: 0 0 15px 0;
}


/** box2 **/

.box2{
	width			: 708px;
	clear			: left;
	border			: 1px solid #2a2724;
	margin			: 0 0 15px 0;
	padding			: 0 0 20px 0;
}

.box2 h3{
	margin			: 1px 0 0 1px;
}

#credit div{
	font-size		: 11px;
	line-height		: 20px;
	background		: url(./img/credit.png?t=0825) no-repeat;
	padding			: 50px 0 0 30px;
}

#credit p{
	width			: 650px;
	font-size		: 11px;
	line-height		: 20px;
	border-top		: 1px dotted #3b352b;
	margin			: 10px 0 0 30px;
	padding			: 10px 0 0 0;
}

#credit .bt{
	text-align		: center;
}

#use .p_use{
	font-size		: 11px;
	line-height		: 20px;
	padding			: 0 0 15px 30px;
}

#use .p_use a{
	color			: #ffffff;
	text-decoration	: underline;
}

#use .p_use a:hover{
	color			: #f2e7c9;
	text-decoration	: none;
}

#use h4{
	text-align		: center;
}

#use table{
	width			: 670px;
	font-size		: 11px;
	line-height		: 18px;
	margin			: 0 0 0 20px;
}

#use tr{
	vertical-align	: middle;
}

#use th{
	width			: 128px;
	font-size		: 16px;
	font-weight		: normal;
	line-height		: 26px;
	text-align		: center;
	color			: #af9d6f;
	background		: url(./img/th.gif) top left;
	border			: 1px solid #332d28;
}

#use th p{
	text-indent		: 10px;
	background		: url(./img/th_p.png) no-repeat;
}

#use td{
	padding			: 10px 0 10px 3px;
}

.box2 em{	color	: #ff6666;}
.box2 span{	color	: #867d66;}


/** caution **/

.caution{
	width			: 710px;
	color			: #999999;
}

.caution h3{
	margin			:  0 0 10px 0;
}

.caution div{
	clear			: left;
	font-size		: 10px;
	line-height		: 18px;
	margin			: 0 0 15px 0;
}

.caution ul{
	display			: block;
	margin			: 0 0 15px 0;
}

.caution li{
	font-size		: 11px;
	line-height		: 18px;
	border-bottom	: 1px dotted #2a2724;
	background		: url(./img/i2.gif) no-repeat 8px 10px;
	padding			: 4px 0 3px 0;
}

.caution li p{
	padding			: 0 0 0 18px;
}

.caution em{	color	: #ff6666;}
