@charset "utf-8";

/*
**************************************
*Since: 2007-5-14
**************************************
*/


/*==========================================================
mainContent
==========================================================*/
#mainContent h1{
    float:left;
	width:570px;
	height:23px !important;
	height:30px;
	margin:10px 0px 10px 0px;
	padding:7px 0px 0px 25px;
	font-size:16px;
	color:#FFFFFF;
	background:url(../../common/title_sub00.gif) no-repeat;
}

/*=====================================
title
=====================================*/
#mainContent .title{
	width:570px;
	height:115px;
	padding:0px 0px 0px 13px;
	background:url(../images/title_main.jpg) no-repeat;	
}

#mainContent .title img{
    width:132px;
	height:30px;
	margin:77px 5px 0px 0px;
}

/*=====================================
explain
=====================================*/
#mainContent .explain{
	width:546px;
	margin:0px 12px 0px 12px !important;
	margin:0px 6px 0px 6px;	
}

#mainContent .explain span{
	float:right;
	width:156px;
}

#mainContent .explain h2{
	float:right;
	width:390px;
}

#mainContent .explain01{
    float:left;
	width:546px;
}

#mainContent .price{
	float:right;
	font-size:20px;
	color:#FF0000;
	width:370px !important;
	width:390px;
	height:45px;
	padding:0px 10px 0px 10px;
	background: url(../images/price_back.gif) no-repeat;
}

#mainContent .price h3{
	float:left;
	font-size:20px;
	padding:12px 10px 0px 0px;
	color:#FF0000;
}

#mainContent .price small{
    float:left;
	font-size:12px;
	padding:13px 10px 0px 0px;
	font-weight:bold;
	color:#000000;
}

#mainContent .price p{
    float:left;
	font-size:12px;
	line-height:14px;
	padding:8px 0px 0px 10px;
	color:#000000;
}

#mainContent .include{
    float:left;
	width:204px;
	margin:10px 0px 0px 0px;
}

#mainContent .include h4{
    font-size:12px;
	width:189px;
	background: url(../../common/mark03.gif) no-repeat;
	padding:0px 0px 0px 15px;
}

#mainContent .include p{
	width:184px;
	font-size:12px;
	padding:0px 0px 0px 20px;
	line-height:16px;
}

#mainContent .noinclude{
    float:left;
	width:342px;
	margin:10px 0px 0px 0px;
}

#mainContent .noinclude h4{
    font-size:12px;
	width:327px;
	background: url(../../common/mark03.gif) no-repeat;
	padding:0px 0px 0px 15px;
}

#mainContent .noinclude table{
    float:right;
	width:323px;
	font-size:12px;
	line-height:16px;
	border:0px;
}

#mainContent .noinclude td{
	font-size:12px;
	margin:0px 0px 0px 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;	
}


/*=====================================
contents
=====================================*/
#mainContent .flow{
	width:546px;
	margin:0px 12px 0px 12px !important;
	margin:0px 6px 0px 6px;	
}

#mainContent .flow span{
    float:left;
	width:20px;
	height:13px !important;
	height:18px;
	margin:5px 0px 5px 120px;	
}

#mainContent .flow table{
    float:right;
	width:516px;
	border:0px;
}

#mainContent .flow td{
    vertical-align:top;
    line-height:16px;
    font-size:12px;
}


#mainContent .flow tdLeft{
	width:150px;
}

#mainContent .flow tdRight{
    width:349px;
}

#mainContent .flow00{
    float:left;
	width:546px;
}

#mainContent .flow00 h2{
    float:left;
	width:516px;
	height:25px !important;
	height:31px;
	padding:6px 0px 0px 30px;
	font-size:14px;
	color:#000000;
	background: url(../images/flow00.gif) no-repeat;
}

#mainContent .flow01{
    float:left;
	width:546px;
}

#mainContent .flow01 h2{
    float:left;
	width:516px;
	height:25px !important;
	height:31px;
	padding:6px 0px 0px 30px;
	font-size:14px;
	color:#000000;
	background: url(../images/flow01.gif) no-repeat;
}

#mainContent .flow02{
    float:left;
	width:546px;
}

#mainContent .flow02 h2{
    float:left;
	width:516px;
	height:25px !important;
	height:31px;
	padding:6px 0px 0px 30px;
	font-size:14px;
	color:#000000;
	background: url(../images/flow02.gif) no-repeat;
}

#mainContent .flow03{
    float:left;
	width:546px;
}

#mainContent .flow03 h2{
    float:left;
	width:516px;
	height:25px !important;
	height:31px;
	padding:6px 0px 0px 30px;
	font-size:14px;
	color:#000000;
	background: url(../images/flow03.gif) no-repeat;
}

#mainContent .flow04{
    float:left;
	width:546px;
}

#mainContent .flow04 h2{
    float:left;
	width:516px;
	height:25px !important;
	height:31px;
	padding:6px 0px 0px 30px;
	font-size:14px;
	color:#000000;
	background: url(../images/flow04.gif) no-repeat;
}

#mainContent .flow05{
    float:left;
	width:546px;
}

#mainContent .flow05 h2{
    float:left;
	width:516px;
	height:25px !important;
	height:31px;
	padding:6px 0px 0px 30px;
	font-size:14px;
	color:#000000;
	background: url(../images/flow05.gif) no-repeat;
}

#mainContent .flow06{
    float:left;
	width:546px;
}

#mainContent .flow06 h2{
    float:left;
	width:516px;
	height:25px !important;
	height:31px;
	padding:6px 0px 0px 30px;
	font-size:14px;
	color:#000000;
	background: url(../images/flow06.gif) no-repeat;
}

#mainContent .flow07{
    float:left;
	width:546px;
}

#mainContent .flow07 h2{
    float:left;
	width:516px;
	height:25px !important;
	height:31px;
	padding:6px 0px 0px 30px;
	font-size:14px;
	color:#000000;
	background: url(../images/flow07.gif) no-repeat;
}

#mainContent .flow07 ul{
    float:left;
	width:516px;
	margin:0px 0px 0px 30px !important;
	margin:0px 0px 0px 15px;
	font-size:12px;
}

#mainContent .flow07 li{
	width:501px;
	margin:6px 0px 0px 0px !important;
	margin:3px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	font-size:12px;
	line-height:16px;
	background: url(../images/mark00.gif) no-repeat;
}