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