@charset "UTF-8";

/* -------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
	SORASHOP Ch.
	
	new released : 22 Dec, 2011
	update : 

	Copyright(c)WEATHER NEWS INC. ALL RIGHT RESERVED.
----------------------------------------------------------------------------------------
------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------
  Initialize
------------------------------------------------------------------------------------- */
body{font:12px/1.3 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;background-image:url(../images/body_background.gif); background-color:#f5f8fa; background-repeat:repeat-x;text-align:center;color:#fff;}
body,table,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,blockquote,form,label{margin:0;padding:0;}
img{border-style:none;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt35{margin-top:35px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mr20{margin-right: 20px;}.ml20{margin-left:20px;}.pr20{padding-right:20px;}
.clear{clear:both;}
/* -------------------------------------------------------------------------------------
  to avoid reading CSS bug of Safari
------------------------------------------------------------------------------------- */
a,a:link,a:visited{color:#000;text-decoration:none;}
a:hover,a:focus{color: #0c419a;text-decoration:none;}
a:active{color: #0c419a;text-decoration:none;}
/* -------------------------------------------------------------------------------------
  Clearfix
------------------------------------------------------------------------------------- */
.clearfix{/zoom:1;}.clearfix:after{content:"";display:block;clear:both;height:0;}
/* -------------------------------------------------------------------------------------
  header & footer
------------------------------------------------------------------------------------- */
#header{width:800px;height:44px;margin:0 auto;background:#fff;/zoom:1;}
#header:after {content:"";display:block;clear:both;height:0;}
#header-logo{float:left;padding:4px 0 0 10px;}
#header h1#header-chname{float:right;}
#footer{width:800px; line-height:19px;margin:0 auto;background:#fff;text-align: center;}
#footer img{ margin-top:8px;}
#footer-index{width:800px; line-height:19px;margin:0 auto;background:#fff;text-align:right;font-size:10px; color:#999;}
#footer-index p{margin-right:10px;}
#footer-index a:hover{color:#0c419a;}
#footer-index img{ margin-right:35px;}

/* -------------------------------------------------------------------------------------
  container
------------------------------------------------------------------------------------- */
#outer-container{width:800px;height:537px;text-align:left;margin:0 auto;background:#fff;}
#outer-index-container{width:800px;text-align:left;margin:0 auto;background:#fff;}
#container-index-body{width:782px;margin:0 auto; background-image:url(../images/bg_mid.png); background-repeat: repeat-y;}
#container-index-body .inner{background-image: url(../images/bg_head.png); background-repeat:no-repeat; background-position:top;}
#container-body{width:782px;height:537px;margin:0 auto; background-image:url(../images/content_bg.jpg); background-repeat:no-repeat;}
#container-detail-body{width:782px;height:537px;margin:0 auto;background-image:url(../images/content_detail_bg.jpg); background-repeat:no-repeat;}
#container-recommend-body{width:782px;height:537px;margin:0 auto;background-image:url(../images/content_recommend_bg.jpg); background-repeat:no-repeat;}
#container-reserve-body{width:782px;height:537px;margin:0 auto;background-image:url(../images/content_reserve_bg.jpg); background-repeat:no-repeat;}
#topics{padding:70px 0 0 15px;float:left;}
#cart{float:right;padding:25px 1px 0 0;color:#000;}
#lineup{padding:0 15px;clear:both;}

/* -------------------------------------------------------------------------------------
  TOPICS
------------------------------------------------------------------------------------- */
#topics-images{width:165px;text-align:center;padding-top:10px;float:left;}
#topics-images #thumnails{width:165px;padding-top:10px;}
#topics-images #thumnails a img{margin-right:5px;}#topics-images #thumnails a:last-child img{margin-right:0;}
#topics-description{float:left;padding:30px 10px 0 15px;}
#topics-description .lead-text{font-size:14px;}
#topics-description .name{padding:10px 0 20px 0;}
/* -------------------------------------------------------------------------------------
  CART
------------------------------------------------------------------------------------- */
#cart-body{width:245px;height:311px;background-image:url(../images/cart_bg.png); background-repeat:no-repeat;}
#cart-body .items{padding:80px 0 0 65px;}
#cart-body .items-body{width:172px;height:165px;overflow:auto;overflow-x:hidden;border:solid 1px #c7d1d6;background:rgba(255,255,255,.7)}
#cart-detail{padding:3px 0 0 63px;}
.piece{margin:5px 0 0 2px;padding:0 0 5px 0;border-bottom:dotted 1px #c7d1d6}
.piece p{float:left;}
.piece p span{display:block;padding-top:10px;}
.piece p span img{vertical-align:top;margin-left:5px;}
/* -------------------------------------------------------------------------------------
  LINEUP
------------------------------------------------------------------------------------- */
p.lu-arrow{float:left;padding-top:65px;}
ul#products{margin-top:5px;list-style-type:none;float:left;} 
ul#products li{display:block;float:left;text-align:center;line-height:13px;position:relative;}
ul#products li a{width:137px;height:156px;display:block;background:url(../images/btn_product_out.png)0 0 no-repeat;}
ul#products li a:hover{background:url(../images/btn_product_over.png)0 0 no-repeat;}
ul#products li a img{width:90px;height:90px;margin-top:14px;}
ul#products li.new:after{width:46px;height:48px;content:url(../images/icon_new.png);position:absolute;top:7px;left:7px;}
ul#products li.less:after{width:77px;height:17px;content:url(../images/icon_less.png);position:absolute;top:85px;left:30px;}
ul#products li.soldout:after{width:90px;height:55px;content:url(../images/icon_soldout.png);position:absolute;top:30px;left:23px;}

/* -------------------------------------------------------------------------------------
  LINEUP-NEW!
------------------------------------------------------------------------------------- */
ul#products-list{margin-top:5px;list-style-type:none; width:770px; margin-left:15px;} 
ul#products-list li{display:block;float:left;text-align:center;line-height:13px;position:relative; padding:0px 4px; }
ul#products-list li a{width:127px;height:156px; padding:0 5px;display:block;background:url(../images/btn_product_out.png)0 0 no-repeat;}
ul#products-list li a:hover{background:url(../images/btn_product_over.png)0 0 no-repeat;}
ul#products-list li a img{width:90px;height:90px;margin-top:14px;}
ul#products-list li.new:after{width:46px;height:48px;content:url(../images/icon_new.png);position:absolute;top:7px;left:7px;}
ul#products-list li.less:after{width:77px;height:17px;content:url(../images/icon_less.png);position:absolute;top:85px;left:35px;}
ul#products-list li.soldout:after{width:90px;height:55px;content:url(../images/icon_soldout.png);position:absolute;top:30px;left:28px;}

/* -------------------------------------------------------------------------------------
  LINEUP-NEW!-4item
------------------------------------------------------------------------------------- */
ul#products-list2{margin-top:5px;list-style-type:none; width:770px; margin-left:20px;} 
ul#products-list2 li{display:block;float:left;text-align:center;line-height:13px;position:relative; padding:0 10px; margin-bottom:15px;}
ul#products-list2 li a{width:138px;height:168px; padding:0 10px;display:block;background:url(../images/btn_productL_out.png)0 0 no-repeat; background-image:url(../images/btn_productL_out.png);}
ul#products-list2 li a:hover{background:url(../images/btn_productL_over.png)0 0 no-repeat; background-image:url(../images/btn_productL_over.png);}
ul#products-list2 li a img{width:90px;height:90px;margin-top:14px;}
ul#products-list2 li.new:after{width:46px;height:48px;content:url(../images/icon_new.png);position:absolute;top:7px;left:7px;}
ul#products-list2 li.less:after{width:77px;height:17px;content:url(../images/icon_less.png);position:absolute;top:85px;left:51px;}
ul#products-list2 li.soldout:after{width:90px;height:55px;content:url(../images/icon_soldout.png);position:absolute;top:30px;left:44px;}
ul#products-list2 li img{margin-bottom:6px;}


/* -------------------------------------------------------------------------------------
  DETAIL
------------------------------------------------------------------------------------- */
#detail{padding:110px 0 0 90px;}
#detail .note{font-size:10px;padding-top:5px;}
#detail-images{width:210px;text-align:center;padding-top:10px;float:left;}
#detail-images #thumnails{width:210px;padding-top:10px;}
#detail-images #thumnails a img{margin-right:3px;}#topics-images #thumnails a:last-child img{margin-right:0;}
#detail-description{float:left;padding:15px 10px 0 25px;}
#detail-description .lead-text{font-size:14px;}
#detail-description .name{padding:10px 0 10px 0;}
#detail-description .price span{display:block;font-size:18px;padding-bottom:5px;}
#detail-description .price{font-size:14px;padding-bottom:10px;}
#detail-description .text{width:340px;color:#000;}
.back{text-align:center;padding-top:20px;}
.add-cart{margin-bottom:10px;}
#detail-description .soldout{margin-bottom:10px;background:#e20000;padding:3px;text-align:center;font-weight:bold;border:solid 1px #fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
.add-cart img{vertical-align:middle;margin-left:15px;}

/* -------------------------------------------------------------------------------------
  RECOMMEND
------------------------------------------------------------------------------------- */
#recommend{padding:140px 0 0px 90px; color:#333;}
#recommend-description{width: 600px; height: 290px; overflow:auto; }
.recommend-table{ background-color: #FFF;width:560px; margin:auto; border-collapse: collapse;border-spacing: 0; border-top:1px solid #dadada; border-left:1px solid #dadada;}
.recommend-table th,.recommend-table td{padding: 5px; border-bottom:1px solid #dadada; border-right:1px solid #dadada;}
.recommend-table th{background-color: #328ee4; color: #FFF; text-align:center;}
.reload{text-align:right;margin:5px 20px 0 0;}.reload input{width:150px;}
/* -------------------------------------------------------------------------------------
  PAYMENT
------------------------------------------------------------------------------------- */
#payment{padding:8px; color:#333; line-height: 140%;}
#payment #container{margin:33px auto; height:380px; overflow:auto; margin-right:5px;}
#payment #container table th{font-weight:normal;}
#step1-body{width:548px;height:523px;background-image:url(../images/step1_bg.png); background-repeat:no-repeat;float:left;}
#step2-body{width:548px;height:523px;background-image:url(../images/step2_bg.png); background-repeat:no-repeat;float:left;}
#step3-body{width:548px;height:523px;background-image:url(../images/step3_bg.png); background-repeat:no-repeat;float:left;}
#step4a-body{width:548px;height:523px;background-image:url(../images/step4a_bg.png); background-repeat:no-repeat;float:left;}
#step4b-body{width:548px;height:523px;background-image:url(../images/step4b_bg.png); background-repeat:no-repeat;float:left;}
#step5a-body{width:548px;height:523px;background-image:url(../images/step5a_bg.png); background-repeat:no-repeat;float:left;}
#step5b-body{width:548px;height:523px;background-image:url(../images/step5b_bg.png); background-repeat:no-repeat;float:left;}
#step-nav{width:218px;height:523px;float:right;}
#verisign{text-align:right;padding:33px 20px 0 0;}
.btn-1{text-align: center; margin:20px auto;}
.btn-2{float: left;}
.btn-3{float: right;}
#btn-box,.form{width: 400px; margin:20px auto;}
.form p{line-height:25px;}
#card-img{ margin:10px auto;}
#card-img img{padding: 5px;}
#bank{ font-size: 110%; line-height: 150%; list-style: none;width: 300px; margin: 10px auto; padding: 20px; border:1px solid #dadada;}
#bank-price{font-size: 110%; line-height: 150%;width: 300px; margin: 10px auto; padding: 20px;}
#bank-price span{font-size: 120%;}


/* -------------------------------------------------------------------------------------
  PAYMENT TABLE
------------------------------------------------------------------------------------- */
.order-table,.order-form,.credit-form{width:500px; margin:auto; border-collapse: collapse;border-spacing: 0; border-top:1px solid #dadada; border-left:1px solid #dadada;}
.order-table th,.order-table td,.order-form th,.order-form td,.credit-form th,.credit-form td{padding: 5px; border-bottom:1px solid #dadada; border-right:1px solid #dadada;}
.order-table th{background-color: #e7e7e7;text-align:center;}
.order-form th{background-color: #dfedff; text-align:left;width:8.5em; background-image:url(../images/mark01.png); background-position:5px 7px ; background-repeat:no-repeat; text-indent:10px; vertical-align: top;}
.credit-form th{background-color: #dfedff; text-align:left;width:11.5em; background-image:url(../images/mark01.png); background-position:5px 7px ; background-repeat:no-repeat; text-indent:10px; vertical-align: top;}
.order-form td{background-color: #f4f9ff;}
.order-form td p{line-height: 22px;}
#price{ width:7em;}
#many{ width:3em;}
#total td{font-size: 120%; font-weight:bold; padding:5px;}
.item-img{border-right:#FFF !important;}
.item-img img{border:1px solid #3b7ec3;}
#payment .txtbox{width:500px; margin:5px auto;}
.form-head{float:left; width:4.5em; line-height: 22px; clear:both;}
.form-head2{float:left; width:8.5em; line-height: 22px; clear:both;}
.order-form input{margin: 2px;}
.select{line-height: 25px; font-size:110%; text-align:center;}