@charset "utf-8";
/* CSS Document */

@import url("../css/common.css");
/************************************ABOUT**/

#about-select {
	width:723px;
	margin-top:70px;
}
#about-select .select-left {
	float:left;
	width:280px;
	margin-left:20px;
}
* html #about-select .select-left{
float:left;
	width:270px;
	margin-left:20px;
}
#about-select .select-right {
	float:right;
	width:410px;
}
* html #about-select .select-right {

	width:410px;
}
#about-select .select-left h3 {
	margin-top:20px;
	line-height:1.6;
	font-size:12px;
	font-weight: normal;
}
#about-select .select-left p {
	margin-top:30px;
	font-size: 10px;
	font-style: normal;
	color: #999999;
	line-height:1.6;
}
.liblo,.liblo2{
	width:205px;
	text-align:center;
}
.liblo {
	float:left;
}
.liblo2{
float:right;
}
.liblo p,.liblo2 p {
	margin-top:20px;
	margin-bottom:16px;
	line-height:1.6;
}
.liblo em,.liblo2 em {
	font-size:10px;
	color:#999999;
	font-style:normal;
	letter-spacing:1px;
}
#about-select .select-cap {
	clear:both;
	color: #999999;
	font-size:10px;
	line-height:1.6;
	margin-left:20px;
}
.order-flow {
	margin-top:20px;
	width:723px;
	height:130px;
	background: url(../image/about/order_flow.gif) no-repeat;
	color:#999999;
	font-size:10px;
	line-height:1.5;
}
.order-flow h4 {
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	padding-top:10px;
	margin-right:10px;
	letter-spacing:1px;
}
.order-flow-text {
	margin-top:58px;
	padding-left:0px;
}
.order-flow-text p {
	text-align:center;
	float:left;
	width:130px;
	margin-right:24px;
	margin-left:28px;
}
* html .order-flow-text p {
	margin-right:24px;
	margin-left:20px;
}
#about-select .order-flow-text .flow-last {
	margin-right:0px;
}
#about-select .flow-prop {
	font-size:11px;
	line-height:1.6;
	margin-top:30px;
	width:723px;
	height:1073px;
	background: #EBEBEB url(../image/about/prop_bg2.jpg) no-repeat;
	letter-spacing:1px;
}
#about-select .flow-prop-left {
	position:absolute;
	width:284px;
	left: 260px;
	top: 1260px;
}
* html #about-select .flow-prop-left {
top: 1310px;
}
#about-select .flow-prop-right {
	position:absolute;
	width:284px;
	left: 617px;
	top: 1260px;
}
* html #about-select .flow-prop-right {
top: 1310px;
}
#about-select .flow-prop-bottom {
	position:absolute;
	width:273px;
	left: 249px;
	top: 1481px;
}
* html #about-select .flow-prop-bottom {
top: 1530px;
}
#about-select .more {
	text-align:right;
	font-size:10px;
	position:absolute;
	width:273px;
	left: 249px;
	top: 1541px;
}
* html #about-select .more {
top:1590px;
}
#about-select .flow-prop-footer {
	color:#999999;
	font-size:10px;
	position:absolute;
	width:661px;
	left: 249px;
	top: 1570px;
}
* html #about-select .flow-prop-footer {
top: 1620px;
}
#about-select .flow-prop-color {
	position:absolute;
	width:273px;
	left: 249px;
	top: 1755px;
}
* html #about-select .flow-prop-bottom {
top: 1530px;
}
#about-select .more2 {
	text-align:right;
	font-size:10px;
	position:absolute;
	width:273px;
	left: 251px;
	top: 1991px;
}
#about-select .flow-prop-footer2 {
	color:#999999;
	font-size:10px;
	position:absolute;
	width:662px;
	left: 250px;
	top: 2030px;
	height: 25px;
}

#about-select .option {
	margin-top:30px;
	margin-bottom:30px;
	width:723px;
	height:442px;
	background: url(../image/about/option_bg.jpg) no-repeat;
	padding-top:100px;
}
#about-select .option-text {
	width:180px;
	float:left;
	margin-left:30px;
	margin-right:30px;
	color:#333333;
	letter-spacing:1px;
}
* html #about-select .option-text {

margin-left:15px;
margin-right:0px;
}

* html .option-center{
margin-right:0px;
padding-left:45px;

}
* html .option-last{
margin-right:0px;
padding-left:50px;

}
#about-select .option h4, #about-select .option h5 {
	font-size: 12px;
	font-weight: normal;
	margin-bottom:10px;
}
#about-select .option h4{
margin-top:20px;
}
#about-select .option p {
	line-height:1.6;
	font-size:11px;
}
#about-select .option-contents {
	height:365px;
}
#about-select .option-mt {
	font-size:10px;
	text-align:right;
}
* html #about-select .option-mt {

margin-left:15px;
margin-right:0px;
}

* html .option-mtcenter{
margin-right:0px;
padding-left:45px;

}
* html .option-mtlast{
margin-right:0px;
padding-left:40px;

}
.option-more {
	height:60px;
	font-size:10px;
}
.option-more p {
	margin-left:30px;
	padding-top:20px;
	clear:both;
	color:#999999;
}
/***********************************************************/
.breadlist {
	font-size:10px;
	letter-spacing:1px;
	padding-top:10px;
}
.pagetitle {
	margin-top:20px;
	height:19px;
	font-size: 12px;
	font-weight: normal;
	width:703px;
	background-color:#FFF100;
	padding-top:7px;
	padding-left:20px;
}
#flow-contents {
	width:518px;
	height:2388px;
	background: url(../image/about/flow/flow_bg.gif) no-repeat;
	margin-top:10px;
	padding-left:205px;
	line-height:1.8;
	color:#333333;
}
#flow-contents p {
	margin-bottom:12px;
	margin-top:10px;
}
#flow-contents em {
	font-size:10px;
	line-height:1.6;
	font-style: normal;
	color: #999999;
}
.flow-text1 {
	padding-top:55px;
}
.flow-text2 {
	padding-top:70px;
	*padding-top:68px;
}
.flow-text3 {
	padding-top:77px;
	margin-bottom:40px;
}
.flow-text4 {
	padding-top:134px;
}
.flow-text5 {
	padding-top:72px;
}
.flow-text6 {
	padding-top:90px;
}
.flow-text7 {
	padding-top:74px;
}
body:first-of-type .flow-text2{
padding-top:76px;
}

body:first-of-type .flow-text3{
padding-top:83px;
}

body:first-of-type .flow-text4{
	padding-top:120px;
}
body:first-of-type .flow-text5{
padding-top:72px;
}

body:first-of-type .flow-text6{
padding-top:90px;
}

body:first-of-type .flow-text7 {
	padding-top:75px;
}

/*********************************************/
html[xmlns*=""] body:last-child .flow-text2 {
padding-top:75px;
}
html[xmlns*=""] body:last-child .flow-text3 {
padding-top:82px;
}
html[xmlns*=""] body:last-child .flow-text4 {
padding-top:119px;
}
html[xmlns*=""] body:last-child .flow-text5 {
padding-top:74px;
}
html[xmlns*=""] body:last-child .flow-text6 {
padding-top:92px;
}
html[xmlns*=""] body:last-child .flow-text7 {
padding-top:76px;
}
/*****************************************************/
#option-contents {
	width:463px;
	height:1110px;
	background: url(../image/about/option/option_bg.jpg) no-repeat;
	margin-top:10px;
	padding-left:260px;
	line-height:1.8;
	color:#333333;
	padding-top:50px;
	border-bottom: 2px solid #E6E6E6;
	margin-bottom:20px;
}
#option-contents em {
	font-size:11px;
	font-style: normal;
}
#option-contents img {
	margin-bottom:5px;
}
.option-text1 {
	border-bottom: 1px solid #CCCCCC;
	height:270px;
}
.option-text2 {
	padding-top:34px;
	padding-bottom:20px;
		border-bottom: 1px solid #CCCCCC;
}
.option-text3 {
	padding-top:34px;
	padding-bottom:20px;
}
.exam {
	margin-top:20px;
}
.parts-left {
	float:left;
	width:346px;
	padding-top:15px;
}
.parts-right {
	float:right;
	width:339px;
	font-size:10px;
}
#parts-contents h4 {
	font-size: 12px;
	font-weight: normal;
	margin-top:14px;
	margin-bottom:20px;
}
#parts-contents h5 {
	clear:both;
	font-size: 10px;
	color:#999999;
	font-weight: normal;
	margin-bottom:20px;
	line-height:1.8;
	padding-top:10px;
}
*:first-child+html #parts-contents h5 {
	padding-top:0px;
}
.parts-left p {
	font-size:11px;
	line-height:1.6;
	margin-top:20px;
}
.parts-left .cap, .parts-right .cap {
	font-size: 10px;
	color: #999999;
	line-height:1.8;
}
.parts-right img {
	margin-bottom:20px;
	margin-top:5px;
}
/*****************************************************/
#photo-contents{
	margin-top:10px;
	border-top: 1px solid #CCCCCC;
	padding-top:40px;
	color:#333333;
}
#photo-contents h3{
	font-size: 12px;
	font-weight: normal;
	margin-top:10px;
	
		line-height:1.6;
}
#photo-contents p{
	font-size: 10px;
	color: #999999;
	line-height:1.6;
margin-top:10px;
}
#photo-contents .option-text2{
border-top: 1px solid #CCCCCC;
}
#photo-contents .rgb{
color:#333333;
margin-bottom:30px;
}
/*****************************************************/
#helpmenu{
	padding-left:16px;
	margin-top:10px;
	border-top: 1px solid #CCCCCC;
	padding-top: 20px;
	padding-bottom: 5px;
}
#helpmenu{
    zoom:1;/*for IE 5.5-7*/
}
#helpmenu:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0; 
    visibility:hidden;
}
#helpmenu ul{
float:left;
width:230px;
}
#helpmenu li{
margin-bottom:14px;
}
#help-contents{
width:723px;
color: #333333;
clear:both;
margin-top:30px;
	border-top: 1px solid #CCCCCC;
	background: url(../image/help/bg.gif) repeat-y;
}
#help-contents .photo-text{
	padding-top:10px;
	border-top: 10px solid #FFFFFF;
	border-bottom: 1px solid #cccccc;
	clear:both;
}
.photo-text{
    zoom:1;/*for IE 5.5-7*/
}
.photo-text:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0; 
    visibility:hidden;
}
#help-contents h3{
	float:left;
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	line-height:1.6;
	width:170px;

	padding-left:10px;
}
#help-contents h4{
margin-top:26px;
font-weight: normal;
}
#help-contents p,#help-contents .exp h4{
margin-top:20px;
font-size: 12px;
}
#help-contents .exp h3{
	margin-top:0px;
	font-size: 12px;
	float: none;
	margin:0;
	padding:0;
	font-weight:normal;
	width:530px;
	color:#333333;
}
#help-contents .exp{
float:right;
width:530px;
line-height:1.6;
}
#help-contents .pagetop{
clear:both;
font-size:10px;
width:723px;
text-align:right;
border-bottom: 10px solid #FFFFFF;
padding-bottom:10px;
padding-top:20px;
}
.transprice{
	font-size:10px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.transprice td,.transprice th{
	text-align:center;
	padding:5px;
	font-weight:normal;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.transprice th{
	background: #FFFFCC;
}
.transp{
margin-top:0;
width:400px;
text-align:right;
font-size:10px;
}
.side-form dl {
margin-top:20px;
 width:530px;  
}  
.side-form dt {  
 float:left;  
 width:30px;  
 padding:0px 0 5px 0px;  
 clear:both;  
 
}  
.side-form dd {  
 width:480px;  
 margin-left:40px;  
 padding:0px 5px 5px 10px;  

}