@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 .explain p.detail{
	width:390px;
	margin-bottom:5px;
	font-size:110%;
	font-weight:bold;
	float:left;
	line-height:1.3;
	color:#333;
}

#mainContent .explain p.detail span{
	display:block;
	margin-top:5px;
	font-size:85%;
	font-weight:normal;
	float:none;
	width:auto;
}


#mainContent .price{
	float:left;
	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{    color:#0000FF;
    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;
    color:#0000FF;
	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;
	color:#000000;
	margin:0px 0px 0px 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;	
}

#mainContent .noinclude td a{
    color:#3300CC;
}

#mainContent .noinclude td a:hover{
	color:#FF0000;	
}


/*=====================================
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 .flow .tdRight .details{
	float:none;
	clear:both;
	width:305px !important;
	width:334px;
	height:20px !important;
	height:25px;
	padding:5px 0px 0px 29px;
	margin:5px 0px 0px 10px;
	color:#FFFFFF;
	font-weight:bold;
	background:url(../images/btn_back.gif) no-repeat left top;
}


#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 .flow04 ul{
    list-style-type:disc;
    float:left;
	margin:0px 0px 0px 20px !important;
	margin:0px 0px 0px 0px;
	padding:0px !important;
	padding:0px 0px 0px 30px;
	
}

#mainContent .flow04 li{
	font-size:12px;
	line-height:14px;
	margin:5px 0px;
}

#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 .flow05 ul{
    list-style-type:disc;
    float:left;
	margin:0px 0px 20px 20px !important;
	margin:0px 0px 10px 0px;
	padding:0px !important;
	padding:0px 0px 0px 30px;
	
}

#mainContent .flow05 li{
	font-size:12px;
	line-height:14px;
	margin:5px 0px;
}

#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 .flow06 ul{
    list-style-type:disc;
    float:left;
	margin:0px 0px 20px 20px !important;
	margin:0px 0px 10px 0px;
	padding:0px !important;
	padding:0px 0px 0px 30px;
	
}

#mainContent .flow06 li{
	font-size:12px;
	line-height:14px;
	margin:5px 0px;
}

#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;
}