@charset "UTF-8";

/* Common Style
-----------------------------------------------------------------------------  */	
/* h1 */
h1{
	}

/* h2 */
#main h2{
	line-height:24px;
	text-indent:-5000px;
	background:url(/img/common/h2_guide.gif) no-repeat;
	}
#main h2.h2Flow{
	background-position:0 0;
	}
#main h2.h2Draft{
	background-position:0 -24px;
	}
#main h2.h2Payment{
	background-position:0 -48px;
	}
#main h2.h2Check{
	background-position:0 -72px;
	}
#main h2.h2Ms{
	background-position:0 -96px;
	}
#main h2.h2Confirm{
	background-position:0 -120px;
	}
#main h2.h2Date{
	background-position:0 -144px;
	}
#main h2.h2Send{
	background-position:0 -168px;
	}
#main h2.h2Deliverydate{
	background-position:0 -192px;
	}
#main h2.h2Sample{
	background-position:0 -216px;
	}
#main h2.h2Cancel{
	background-position:0 -240px;
	}
#main h2.h2Return{
	background-position:0 -264px;
	}
#main h2.h2Access{
	background-position:0 -288px;
	}
#main h2.h2Transaction{
	background-position:0 -312px;
	}
#main h2.h2Terms{
	background-position:0 -336px;
	}
#main h2.h2List{
	background-position:0 -360px;
	}
#main h2.h2Privacy{
	background-position:0 -384px;
	}
#main h2.h2Save{
	background:url(/img/common/h2_info.gif) no-repeat 0 0;
	background-position: 0 -168px;
}
#main h2.h2Choice{
	background-position:0 -408px;
	}
#main h2.h2Order{
	background-position:0 -432px;
	}
#main h2.h2Draft_web{
	background-position:0 -456px;
	}
#main h2.h2Draft_mail{
	background-position:0 -480px;
	}
#main h2.h2Draft_media{
	background-position:0 -504px;
	}
#main h2.h2Membership{
	background-position:0 -528px;
	}
#main h2.h2DatChange{
	background-position:0 -552px;
	}
#main h2.h2Bill01{
	background-position:0 -576px;
	}
#main h2.h2Bill02{
	background-position:0 -600px;
	}
#main h2.h2Bill03{
	background-position:0 -624px;
	}
#main h2.h2Point01{
	background-position:0 -648px;
	}
#main h2.h2Point02{
	background-position:0 -672px;
	}
#main h2.h2Point03{
	background-position:0 -696px;
	}
#main h2.h2quotation{
	background-position:0 -720px;
	}
#main h2.h2contact{
	background-position:0 -744px;
	}
#main h2.h2payment01{
	background-position:0 -768px;
	}
#main h2.h2payment02{
	background-position:0 -792px;
	}
#main h2.h2payment03{
	background-position:0 -816px;
	}
#main h2.h2payment04{
	background-position:0 -840px;
	}
#main h2.h2Os{
	background-position:0 -864px;
	}
#main h2.h2Browzer{
	background-position:0 -888px;
	}
#main h2.h2Js{
	background-position:0 -912px;
	}
#main h2.h2SSL{
	background-position:0 -936px;
	}


/* h3 */
#main h3{
	font-weight:bold;
	margin-bottom:10px;
	padding-bottom:3px;
	background:url(/img/common/line_dot_light.gif) repeat-x 0px 100%;
	}
#main h3 a{
	background:url(/img/icon/list_b.gif) no-repeat 0px 0.15em;
	padding-left:13px;
	}
/* h4 */
#main h4{
	font-weight:bold;
	margin-bottom:8px;
	}
	
#main table.sheet{
	width:635px;
	margin:0 auto 20px auto;
	}
#main table.sheet thead th{
	text-align:center;
	font-weight:bold;
	}
#main table.sheet tbody.right td{
	text-align:right;
	}
#main .grayBox{
	background:#EEEEEE;
	padding:10px;
	margin-bottom:10px;
	}
#main .grayBox ul.disc{
	padding:0 0 0 20px;
	margin:0;
	}
#main .inside{
	width:635px;
	margin:0 auto 20px auto;
	}
#main .inside h4{
	font-weight:normal;
	margin-bottom:5px;
	}
#main img.image {
	float:left;
	padding:0 10px 0 0;
	}
#main a:hover img{
	filter:alpha(opacity=85);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	}	
	
#guideMenu:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#guideMenu {
	display: inline-block;
	margin:30px 0;
	border: double 4px #EEE;
	padding:5px;
	}
/* Hides from IE-mac \*/
* html #guideMenu {height: 1%;}
#guideMenu {display: block;}
/* End hide from IE-mac */

	
#guideMenu li{
	float:left;
	width:215px;
	}
#guideMenu li a{
	background:url(/img/icon/list_b.gif) no-repeat 10px 0.15em;
	padding-left:23px;
	}



/* p-peyment
-----------------------------------------------------------------------------  */
#p-payment #btnPayment{
	text-align:center;
	margin:10px 0 10px 0;
	}
#p-payment #btnPayment img{
	margin:0 10px 5px 10px;
	}

#p-payment .btnPayment{
	text-align:center;
	margin:10px 0 10px 0;
	}
#p-payment .btnPayment img{
	margin:0 10px 5px 10px;
	}


	
/* p-transaction
-----------------------------------------------------------------------------  */	
#p-transaction table.sheet th{
	width:120px;
	}

/* p-cancel
-----------------------------------------------------------------------------  */	

#p-cancel table.sheet th{
	width:70px;
	}
#p-cancel table.sheet thead th{
	width:auto;
	}
/* p-sample
-----------------------------------------------------------------------------  */	
#p-sample .sanpleService{
	width:635px;
	background:#EEE;
	margin:0 auto 20px;
	padding:10px;
	}

/* p-draft
-----------------------------------------------------------------------------  */
#p-draft table.sheet{
	width:100%;
}
#p-draft table.sheet td{
	padding:10px 6px 10px 10px;
}
#p-draft .sheet img{
	margin:10px auto;
	display:block;
	}
#p-draft .sheet td{
	width:28%;
	vertical-align:top;
	}
#p-draft .sheet td.webDraft,
#p-draft .sheet th.webDraft{
	width:46%;
	}

/* p-check
-----------------------------------------------------------------------------  */
#p-check h4{
	font-weight:bold;
	margin-bottom:2px;
	margin-left:10px;
	}
#p-check ul.check{
	margin-bottom:20px;
	}
#p-check ul.check li{
	background:url(/img/guide/check/icon_check_01.gif) no-repeat 0 3px;
	padding-left:20px;
	margin-bottom:5px;
	}
#p-check .grayBox{
	width:635px;
	background:#EEE;
	margin:0 auto 20px;
	padding:10px;
	}

/* p-ms
-----------------------------------------------------------------------------  */	
#p-ms .grayBox{
	width:635px;
	background:#EEE;
	margin:0 auto 20px;
	padding:10px;
	}
#p-ms h4{
	font-weight:bold;
	margin-bottom:2px;
	margin-left:10px;
	}	

/* p-date
-----------------------------------------------------------------------------  */
#p-date h4{
	font-weight:bold;
	margin-bottom:2px;
	}
#p-date #main h4.orangeTitle{
	background:#F48709;
	margin-bottom:7px;
	width:665px;
	}
#p-date #main h4.orangeTitle{
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	padding:3px 0 3px 5px;
	}	

/* p-confirm
-----------------------------------------------------------------------------  */
.pinkBox{
	background:#FFE1E1;
	padding: 3px;
	}

/* p-send
-----------------------------------------------------------------------------  */	
#main ul.note {
	margin-bottom:20px;
	}

/* google-map
-----------------------------------------------------------------------------  */
#map {
	margin:auto;
	margin-bottom: 20px;}

/* p-flow
-----------------------------------------------------------------------------  */	
/* left margin */
#p-flow #main .flow {
	float:left;
	padding:0px 0px 0px 230px;
}
/* flow txt */
#p-flow #main .flow p {
	font-size:13px;
	line-height:20px;
	margin:0;
	padding:0;
	width:410px;
}

/* fig.1*/
#p-flow #main .flowwrap1{
	position:relative;
	clear:both;
	width:640px;
	height:770px;
	margin:auto;
	padding:0;
	background-image:url(/img/guide/flow/flow-01.png);
	background-repeat:no-repeat;
	background-position:top left;
}
/* v-align 1 */
#p-flow #main p.flow1text1 {
	padding-top:30px;
	height:80px;}
#p-flow #main p.flow1text2 {
	height:140px;}
#p-flow #main p.flow1text3 {
	height:110px;}
#p-flow #main p.flow1text4 {
	height:80px;}
#p-flow #main p.flow1text5 {
	height:240px;}
#p-flow #main p.flow1text6 {
	height:90px;}

/* fig.2*/
#p-flow #main .flowwrap2{
	position:relative;
	clear:both;
	width:640px;
	height:850px;
	margin:auto;
	padding:0;
	background-image:url(/img/guide/flow/flow-02.png);
	background-repeat:no-repeat;
	background-position:top left;
}
/* v-align 2 */
#p-flow #main p.flow2text1 {
	padding-top:30px;
	height:80px;}
#p-flow #main p.flow2text2 {
	height:140px;}
#p-flow #main p.flow2text3 {
	height:100px;}
#p-flow #main p.flow2text4 {
	height:90px;}
#p-flow #main p.flow2text5 {
	height:80px;}
#p-flow #main p.flow2text6 {
	height:240px;}
#p-flow #main p.flow2text7 {
	height:90px;}


/* p-choice
-----------------------------------------------------------------------------  */	
/* left margin */
#p-choice #main .choice {
	float:left;
	padding:0px 0px 0px 426px;
}
/* choice txt */
#p-choice #main .choice p {
	font-size:13px;
	line-height:20px;
	margin:0;
	padding:0;
	width:230px;
}

/* fig.1*/
#p-choice #main .choicewrap1{
	position:relative;
	clear:both;
	width:675px;
	height:660px;
	margin:auto;
	padding:0;
	background-image:url(/img/guide/choice/choice-01.png); */
	background-repeat:no-repeat;
	background-position:top left;
}
/* v-align 1 */
#p-choice #main p.choice1text1 {
	padding-top:105px;
	height:165px;}
#p-choice #main p.choice1text2 {
	height:60px;}
#p-choice #main p.choice1text3 {
	height:80px;}
#p-choice #main p.choice1text4 {
	height:125px;}
#p-choice #main p.choice1text5 {
	height:115px;}

/* fig.2*/
#p-choice #main .choicewrap2{
	position:relative;
	clear:both;
	width:675px;
	height:580px;
	margin:auto;
	padding:0;
	background-image:url(/img/guide/choice/choice-02.png); */
	background-repeat:no-repeat;
	background-position:top left;
}
/* v-align 2 */
#p-choice #main p.choice2text1 {
	padding-top:115px;
	height:60px;}
#p-choice #main p.choice2text2 {
	height:145px;}
#p-choice #main p.choice2text3 {
	height:130px;}
#p-choice #main p.choice2text4 {
	height:120px;}

/* p-order
-----------------------------------------------------------------------------  */	
/* left margin */
#p-order #main .order {
	float:left;
	padding:0px 0px 0px 426px;
}
/* order txt */
#p-order #main .order p {
	font-size:13px;
	line-height:20px;
	margin:0;
	padding:0;
	width:230px;
}

/* fig.1*/
#p-order #main .orderwrap1{
	position:relative;
	clear:both;
	width:675px;
	height:632px;
	margin:auto;
	padding:0;
	background-image:url(/img/guide/order/order-01.png); */
	background-repeat:no-repeat;
	background-position:top left;
}
/* v-align 1 */
#p-order #main p.order1text1 {
	padding-top:125px;
	height:330px;}
#p-order #main p.order1text2 {
	height:177px;}

/* fig.2*/
#p-order #main .orderwrap2{
	position:relative;
	clear:both;
	width:675px;
	height:1234px;
	margin:auto;
	padding:0;
	background-image:url(/img/guide/order/order-02.png); */
	background-repeat:no-repeat;
	background-position:top left;
}
/* v-align 2 */
#p-order #main p.order2text1 {
	padding-top:130px;
	height:85px;}
#p-order #main p.order2text2 {
	height:70px;}
#p-order #main p.order2text3 {
	height:170px;}
#p-order #main p.order2text4 {
	height:390px;}
#p-order #main p.order2text5 {
	height:200px;}
#p-order #main p.order2text6 {
	height:189px;}

/* fig.3*/
#p-order #main .orderwrap3{
	position:relative;
	clear:both;
	width:675px;
	height:530px;
	margin:auto;
	padding:0;
	background-image:url(/img/guide/order/order-03.png); */
	background-repeat:no-repeat;
	background-position:top left;
}
/* v-align 3 */
#p-order #main p.order3text1 {
	padding-top:85px;
	height:95px;}
#p-order #main p.order3text2 {
	height:135px;}
#p-order #main p.order3text3 {
	height:215px;}

/* fig.4*/
#p-order #main .orderwrap4{
	position:relative;
	clear:both;
	width:675px;
	height:480px;
	margin:auto;
	padding:0;
	background-image:url(/img/guide/order/order-04.png); */
	background-repeat:no-repeat;
	background-position:top left;
}
/* v-align 4 */
#p-order #main p.order4text1 {
	padding-top:65px;
	height:175px;}
#p-order #main p.order4text2 {
	height:240px;}

/* fig.5*/
#p-order #main .orderwrap5{
	position:relative;
	clear:both;
	width:675px;
	height:166px;
	margin:auto;
	padding:0;
	background-image:url(/img/guide/order/order-05.png); */
	background-repeat:no-repeat;
	background-position:top left;
}
/* v-align 5 */
#p-order #main p.order5text1 {
	padding-top:10px;
	height:156px;}

/* fig.6*/
#p-order #main .orderwrap6{
	position:relative;
	clear:both;
	width:675px;
	height:750px;
	margin:auto;
	padding:0;
	background-image:url(/img/guide/order/order-06.png); */
	background-repeat:no-repeat;
	background-position:top left;
}
/* v-align 6 */
#p-order #main p.order6text1 {
	padding-top:80px;
	height:130px;}
#p-order #main p.order6text2 {
	height:540px;}

/* fig.7*/
#p-order #main .orderwrap7{
	position:relative;
	clear:both;
	width:675px;
	height:572px;
	margin:auto;
	padding:0;
	background-image:url(/img/guide/order/order-07.png); */
	background-repeat:no-repeat;
	background-position:top left;
}
/* v-align 7 */
#p-order #main p.order7text1 {
	padding-top:105px;
	height:467px;}

/* fig.8*/
#p-order #main .orderwrap8{
	position:relative;
	clear:both;
	width:675px;
	height:1135px;
	margin:auto;
	padding:0;
	background-image:url(/img/guide/order/order-08.png); */
	background-repeat:no-repeat;
	background-position:top left;
}
/* v-align 8 */
#p-order #main p.order8text1 {
	padding-top:95px;
	height:1040px;}

/* fig.9*/
#p-order #main .orderwrap9{
	position:relative;
	clear:both;
	width:675px;
	height:480px;
	margin:auto;
	padding:0;
	background-image:url(/img/guide/order/order-09.png); */
	background-repeat:no-repeat;
	background-position:top left;
}
/* v-align 6 */
#p-order #main p.order9text1 {
	padding-top:95px;
	height:305px;}
#p-order #main p.order9text2 {
	height:80px;}


/* p-terms
-----------------------------------------------------------------------------  */	
#p-terms #main h4{
	margin-bottom:2px;
	}

/* p-access
-----------------------------------------------------------------------------  */	
#p-access #main .sheet{
	font-size:120%;
	}

/* p-save
-----------------------------------------------------------------------------  */	
/*#p-save	h1{
	background-position: 0 -729px;
	}*/
#p-save .orangeBox{
	color:#C00;
	font-weight:bold;
	font-size:130%;
	}



/* payment
-----------------------------------------------------------------------------  */	
.creditDetail{
	background-color:#FFC;
	margin:10px 0;
    padding: 5px;
	}
.creditFlow{
	width:550px; 
	margin:10px auto;
	}
	
	
/* guide
-----------------------------------------------------------------------------  */	

#guideBox .leftBox{
	width:320px;
	float:left;
	margin:10px 0 0 0;
	}

#guideBox .rightBox{
	width:320px;
	float:right;
	margin:10px 0 0 0;
	}
		
#p-guide #guideBox h3{
	border-bottom:solid 2px #F90;
    height: 58px;
    margin-bottom: 15px;
	padding:0 0 5px 0;
    text-indent: -5000px;
	width:300px;	
	}

#p-guide h3#first{
    background: url("/img/guide/h3_first.gif") no-repeat scroll 0 0 transparent;
	}

#p-guide h3#order{
    background: url("/img/guide/h3_order.gif") no-repeat scroll 0 0 transparent;
	}

#p-guide h3#draft{
    background: url("/img/guide/h3_draft.gif") no-repeat scroll 0 0 transparent;
	}
#p-guide h3#dataCheck{
    background: url("/img/guide/h3_dataCheck.gif") no-repeat scroll 0 0 transparent;
	}
#p-guide h3#payment{
    background: url("/img/guide/h3_payment.gif") no-repeat scroll 0 0 transparent;
	}
#p-guide h3#sendGuide{
    background: url("/img/guide/h3_sendGuide.gif") no-repeat scroll 0 0 transparent;
	}
#p-guide h3#cancel{
    background: url("/img/guide/h3_cancel.gif") no-repeat scroll 0 0 transparent;
	}
#p-guide h3#aboutCompany{
    background: url("/img/guide/h3_aboutCompany.gif") no-repeat scroll 0 0 transparent;
	}
#p-guide h3#others{
    background: url("/img/guide/h3_others.gif") no-repeat scroll 0 0 transparent;
	}




#guideBox ul{
	list-style-position:outside;	
	}
	
/* membership
-----------------------------------------------------------------------------  */	
.guideSection{
    border: 2px solid #FED7B4;
    padding: 10px ;
}

#p-membership h3{
	font-size:16px;
	color:#F00;
	}


.guideSection ul li{
 background: url("/img/icon/guide_check.gif") no-repeat scroll 2px 4px transparent;
    display: block;
    line-height: 150%;
    padding: 0 0 0 25px;
	margin:9px 0 9px 0;
}

.guideSection li span{
	font-weight:bold;
	font-size:16px;
}

#p-membership .guideSection li span{
	font-size:17px;
}



#p-membership #stampBox{
	position:relative;
	}

#p-membership #stamp{
	position:absolute; 
	top:-40px; 
	right:-10px;
	}


/* bill
-----------------------------------------------------------------------------  */	

.billBtn{
	text-align:center;
	margin:10px 0;
	}

.billBtn img{
	margin: 0 15px 0 0;
	}

/* terms
-----------------------------------------------------------------------------  */	

.terms {
    border: 1px solid #CCCCCC;
    height: 300px;
    margin-bottom: 15px;
    overflow-y: scroll;
    padding: 10px;
}

/* point
-----------------------------------------------------------------------------  */	

#p-point .guideSection ul li span{
	font-size:20px;
	color:#C00;
	padding-bottom:15px;
	}
	
.mb20{
	margin-bottom:20px;	
	}
/* point
-----------------------------------------------------------------------------  */	

#p-browzer #main p{
	margin-bottom:10px;
	}
#p-browzer ul.disc {
margin: 0 0px 1em;
list-style: disc;
}