@charset "utf-8";

/* -------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
	NANAKA official site
	
	new released : January, 2016
	update : 

	Copyright(c) NANAKA ALL RIGHT RESERVED.
----------------------------------------------------------------------------------------
------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------
  COMMON
------------------------------------------------------------------------------------- */
p.memo{margin-bottom:20px;padding:10px;color:#000;border:solid 1px #999;font-size:12px;background-color:#fff;}
p.memo-s{margin-bottom:20px;font-size:11px;}

/* -------------------------------------------------------------------------------------
  GUIDE
------------------------------------------------------------------------------------- */
#guide ul.major{list-style:none;margin-top:30px;}
#guide ul li{float:left;margin-bottom:10px;}
#guide ul li:nth-child(even){float:right;}

/* -------------------------------------------------------------------------------------
  FIRST TIME CUSTOMERS
------------------------------------------------------------------------------------- */
#first{text-align:center;}
#first .intro{padding:50px 0;}
#first .point h2{margin-bottom:5px;padding-bottom:5px;}
#first .reco{margin:50px 0;}#first .reco p{margin-bottom:20px;}

/* -------------------------------------------------------------------------------------
  SHIPMENT
------------------------------------------------------------------------------------- */
#shipment p.in-title{font-size:14px;margin:20px 0;padding:1px 5px;color:#bb0511;line-height:15px;font-weight:bold;border-left:solid 4px;}
#shipment p.sday-txt{float:left;width:380px;}
#shipment p.sday-img{float:right;width:436px;}

/* -------------------------------------------------------------------------------------
  PROCEDURE
------------------------------------------------------------------------------------- */
ul.pro-ind{list-style:none;margin:50px 0;}
ul.pro-ind li{text-align:center;margin-bottom:20px;}

#procedure{margin-bottom:100px;}
#procedure #tab-head{list-style:none;margin:40px 0 120px;position:relative;/zoom:1;}#procedure #tab-head:after{content:'';display:block;clear:both;height:0;}
#procedure #tab-head li{float:left;}
#procedure #tab-head li.pop1{float:none;position:absolute;top:135px;left:327px;}
#procedure #tab-head li.pop2{float:none;position:absolute;top:135px;left:503px;}
#procedure #tab-head li img.arrow{margin:60px 1px 0 2px;}
#procedure .step{padding-top:20px;color:#000;}
#procedure .step .step-body{padding:25px 25px 25px 120px;position:relative;border:solid 1px #c2c2c2;background-color:#fff;}
#procedure .step .step-body .flag{position:absolute;top:-20px;left:10px;}
#procedure .step .step-body h2{font-size:22px;font-weight:bold;color:#f67600;padding-bottom:15px;}
#procedure .step .step-body span{text-decoration:underline;font-weight:bold;}
#procedure .step .step-body div.inframe{background-color:#e5ffb2;margin-top:20px;padding:15px;border:dashed 1px #a1bb83;}
#procedure .step .step-body div.inframe h3{font-size:15px;font-weight:bold;margin-bottom:10px;color:#46af00;border-left:7px solid;padding-left:3px;line-height:19px;}
#procedure .step .step-body p.note{padding:10px 0 0 0;font-size:12px;line-height:16px;font-weight:normal;}
#procedure .step .step-body p.thumbnail{margin-top:20px;}
#procedure p.goup-link{margin-top:10px;text-align:right;}
#procedure p.step-arrow{margin-bottom:10px;text-align:center;}
#procedure .step ol{margin:0 0 15px 1.7em;}
#procedure .step ol li{padding-bottom:25px;}
#procedure .step ol p{font-weight:bold;padding-bottom:10px;}
/* -------------------------------------------------------------------------------------
  UVOICE
------------------------------------------------------------------------------------- */
#uvoice .v-container{color:#000;margin:20px 15px 0 0;background-image:url(../images/info/uvoice_icon_female.png);background-position:15px 22px;background-repeat:no-repeat;background-color:#f5f3e0;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;padding:20px;/zoom:1;}#uvoice .v-container:after{content:'';display:block;clear:both;height:0;}
#uvoice .v-container.male{background-image:url(../images/info/uvoice_icon_male.png);background-position:15px 22px;background-repeat:no-repeat;background-color:#f5f3e0;}
#uvoice .v-container .product{margin-left:60px;padding:10px 0 0;}
#uvoice .v-container .product h3{font-size:12px;}
#uvoice .v-container h4{margin-left:60px;font-size:15px;}
#uvoice .v-container h4 img{float:right;margin:0 0 10px 10px;}
/* -------------------------------------------------------------------------------------
  QA
------------------------------------------------------------------------------------- */
#qa ul{list-style:none;margin:50px 0;}
#qa ul li{border:dashed 1px #96c526;font-size:14px;line-height:18px;margin-bottom:10px;}
#qa ul li a{display:block;background-image:url(../images/info/qa_icon_question.png);background-position:5px center;background-repeat:no-repeat;background-color:#f8ffeb;padding:20px 110px 20px 70px;font-weight:bold;position:relative;color:#000000;}
#qa ul li a:hover{background-color:#f0ffd3;}
#qa ul li a:after{content:"";width:75px;height:14px;margin-top:-7px;position:absolute;top:50%;right:10px;background-image:url(../images/info/qa_open.png);background-repeat:no-repeat;}

#qa div.qa-detail{border:solid 1px #c2c2c2;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;margin:50px 0;padding:5px;}
#qa div.qa-detail h2{background-image:url(../images/info/qa_icon_question.png);background-position:5px center;background-repeat:no-repeat;background-color:#f0ffd3;padding:30px 20px 30px 70px;font-size:14px;line-height:18px;font-weight:bold;}
#qa div.qa-detail h3{background-image:url(../images/info/qa_icon_answer.png);background-position:5px center;background-repeat:no-repeat;padding:30px 20px 30px 70px;}

/* -------------------------------------------------------------------------------------
  STAFF
------------------------------------------------------------------------------------- */
div#staff{margin:50px 0;}div#staff p{margin-bottom:30px;}div#staff div#as p{float:left;}

/* -------------------------------------------------------------------------------------
  CUSTOMIZE
------------------------------------------------------------------------------------- */
#custom{margin-top:50px;}
#custom .c-case{margin-bottom:100px;background-color:#ffeaeb;padding-bottom:30px;}
#custom .c-case p.title{margin-bottom:30px;}

/* -------------------------------------------------------------------------------------
  SPONSORED
------------------------------------------------------------------------------------- */
#sponsored{margin:50px auto 0;width:850px;}
#sponsored .dancers{width:400px;float:left;}
#sponsored .dancersr{width:400px;float:right;}
#sponsored .d-name{padding:20px 0;font-size:17px;}
#sponsored ul{margin-left:20px;}
#sponsored ul li{padding:0;margin:0;}