/*　ページ全体の横幅を100%に変更 */
.layout_body{
width: 100%;
}

/*　左右メニューとコンテンツエリアの横幅を900pxに設定　*/
.layout_table{
width: 900px;
margin-right:auto;
margin-left:auto;
}

/*　並び替えを非表示　*/
.FS2_sort_menu_bg {
display:none;
}

/*　カート画面に入ったら左右メニューを非表示　*/
#FS2_body_Cart .layout_menu{
display:none;
}

#FS2_body_Cart .layout_right{
display:none;
}

/*　会員登録に入ったら左右メニューを非表示　*/FS2_body_Login
#FS2_body_Member .layout_menu{
display:none;
}

#FS2_body_Member .layout_right{
display:none;
}

/*　ログインに入ったら左右メニューを非表示　*/
#FS2_body_Login .layout_menu{
display:none;
}

#FS2_body_Login .layout_right{
display:none;
}

/*　フォント設定　*/
.f9{ font-size: 9px;color: #333333;line-height: 150%;}
.f10{ font-size: 10px; color: #333333; line-height:150%;}
.f10b{ font-size: 10px; color: #000000; line-height:150%; background-color: #DDDDDD;}
.f11b{ font-size: 11px; color: #333333; line-height:140%; font-weight:bold;}
.f12{ font-size: 12px; color: #333333; line-height:150%;}
.f12h{ font-size: 12px; color: #333333; line-height:150%;}
.f12b{ font-size: 12px; color: #000000; line-height:150%; background-color: #DDDDDD;}
.f14{ font-size: 14px; color: #333333; line-height:150%;}


/* 透ける画像 */
IMG.alpha {position: relative;filter: alpha(style=0);}


/* サイドメニューの装飾 */
#side {
font-size: 12px;
}

#side ul {
margin : 4px 1px;                       /* マージン指定 */
padding : 0;                            /* リストインデントなし */
}

#side li {
list-style-type: none;                  /* リストの装飾なし */
margin : 4px 1px;                       /* マージン指定 */
padding : 0;                            /* リストインデントなし */
border-bottom: 1px solid #999999;       /* 下ボーダーの指定 */
line-height: 150%;                      /* 行間の指定 */
}

#side li a {
display: block;                         /* ブロック要素に指定 */
text-decoration:none;
}


#side li a:hover{
color: #FF0000;
background: whitesmoke;
}




/*　ページ切り替えを非表示　*/
#FS2_body_Goods .pager {
display:none;
}

/*お試し店舗のヘッダを非表示*/
.FS2_trial{
display:none;
}

/*プレビューモードのヘッダを非表示*/
.FS2_preview{
display:none;
}

/* 商品説明テーブル　タイトル部分 */
.title {
font-size: 12px;
color: #666666;
line-height:140%;
background-color: #FFFFFF;
text-align: center;
}

/* 商品説明テーブル　詳細部分 */
.detail {
font-size: 12px;
color: #666666;
line-height:140%;
background-color: #FFFFFF;
padding-left: 10px;
}

/* 商品説明テーブル　詳細部分(全成分のみ) */
.detail2 {
font-size: 10px;
color: #666666;
line-height:140%;
background-color: #FFFFFF;
padding-left: 10px;
}

/* 商品詳細へボタン ここから */
#detail {
width: 240px;
height: 30px;
margin-bottom: 8px;
}

#detail h5 {
width: 240px;
float: left;
margin: 0px;
}

#detail a {
text-decoration: none;
text-align: center;
color: #000000;
display: block;
width: 240px;
/* background-image: url(btn_p_w240h30.jpg); */     /* 画像は各ボタン表示位置で指定 */
height: 30px;
line-height: 30px;
background-position: left bottom;                   /* ボタン画像の上部30pxを表示 */
}

#detail a:hover{
background-position: left top;                /* ボタン画像の下部30pxを表示 */
}

#detail a:active{
background-position: left top;                /* ボタン画像の下部30pxを表示 */
}
/* 商品詳細へボタン ここまで */


/* よくあるご質問 設定 ここから */
#faq table {
table-layout: auto;
caption-side: top;
border-collapse: collapse;
}

#faq td {                /* テーブルセル内の設定 */
font-size: 12px;
line-height: 140%;
}

.qa {            /* 質問集セル内の設定 */
font-weight: bold;
color: #D51949;
}

.ques {          /* 質問セル内の設定 */
font-weight: bold;
}

.return {       /* 回答セル内の設定 */
font-size: 10px;
font-decoration: underline;
}

/* よくあるご質問（スライドパネル） */
#faq_wrap {
    width: 680px;
}

.faq_q {
    background-color: #F4F4F4;
    background-image: url(http://www.kobe-beauty.cc/images/page/faq_q.png);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    border-top: 1px #2280BC dotted;
    font-size: 14px;
    cursor: pointer;
    padding: 10px 10px 10px 40px;
    line-height: 1.6;
}
         
#faq_a {
    background: #FFEFF2;
    background-image: url(http://www.kobe-beauty.cc/images/page/faq_a.png);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 12px;
    padding: 10px 10px 10px 40px;
    display:none;
}
/* よくあるご質問 設定 ここまで */




a img {
vertical-align:top;
}


/************************************************************/
/* ページ全体のレイアウトを指定  2011.04.26                 */
/************************************************************/


body {
   margin:0;
   padding:0;
}

a {
   color: #0099CC;
   text-decoration:none;
}

a:hover {
   color: #CC3400;
   text-decoration: none;
}

img {
   border:0;
   vertical-align:bottom;
}

a img {
   border: none;
}

a.transparence:hover img {
	-ms-filter: "alpha(opacity=80)"; /* for IE8 */
	filter: alpha(opacity=80); /* for IE6〜7 */
	opacity: 0.8;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

.clear {
clear: both;
}

#pagetop {
    position: absolute;
    top: 0;
    left: -9999em;
}

/* ========TEMPLATE LAYOUT======== */
div#headWrap {
   position:relative;
   width:100%;
   margin:0 auto;
   padding:10px 0;
   background:#fff;
   border-top:5px solid #333;
}

div#header {
   position:relative;
   width:900px;
   margin:0 auto;
   background:#fff;
}

div#pr {
   position:absolute;
   left:0;
   top:0;
   width:900px;
}

div#gnavi {
   position:absolute;
   bottom:0;
   right:0;
   font-size: 10px;
   line-height: 1.4;
}

div#menu {
   width:100%;
   float:left;
   background:url("https://c09.future-shop.jp/shop/item/kobebeauty/design/img02/bg_menu.gif") 0 0 repeat-x;
}

div#icatch {
   width:900px;
   margin:0 auto;
   background:#fff;
   margin-bottom: 20px;
}

div#contents {
   width:900px;
   margin:0 auto;
   padding:10px 0 ;
   background:#fff;
}

div#main {
   float:right;
   width:680px;
}

div#sub {
   float:left;
   width:200px;
}

div#footMenu {
   width:900px;
   margin: 0 auto 60px auto;
}

div#footer {
   background:url("https://c09.future-shop.jp/shop/item/kobebeauty/design/img01/bg_footer.png") 0 0 repeat-x;
   border-bottom: 10px solid #333;
   padding-top: 30px;
}

/* ========HEADER CUSTOMIZE======== */
div#header h1 {
   margin: 0;
   padding-top: 25px;
   font-size: 32px;
   color: #fff;
   line-height: 50px;
}

div#header h1 a {
   color:#9B0000;
}

div#header h1 a:hover {
   color:#D30000;
}

div#header #pr p {
   margin:0;
   font-size: 12px;
}


/* ========SUBCONTENTS CUSTOMIZE======== */
div#sub .section {
   margin-bottom:10px;
   font-size: 12px;
}

div#sub h2 {
   padding:3px;
   font-size: 14px;
   font-weight:bold;
   color:#fff;
   padding-left:10px;
   background:#333;
   border-bottom:1px solid #C1C1C1;
   border-right:1px solid #C1C1C1;
}

div#sub ul {
   margin:5px 0 0 5px;
   padding:0;
}

div#sub li {
   padding:5px 0 5px 0;
   line-height:1.4;
   list-style:none;
   background:url("https://c09.future-shop.jp/shop/item/kobebeauty/design/img02/bg_dotline.gif") 0 100% repeat-x;
}

div#sub li a {
   display:block;
   padding-left:12px;
   background:url("https://c09.future-shop.jp/shop/item/kobebeauty/design/img02/bg_list.gif") 0 6px no-repeat;
}


/* ========MENU CUSTOMIZE======== */
div#menu ul {
   width:900px;
   margin:0 auto;
   padding:0;
}

div#menu li {
   float: left;
   font-size: 12px;
   color: #333;
   text-align: center;
   list-style-type: none;
}

div#menu li a{
   display:block;
   width:148px;
   color:#FFFFFF;
   line-height:45px;
}

div#menu li.home a {
}

div#menu li a:hover {
   color:#CCCCCC;
   background:#fff url("https://c09.future-shop.jp/shop/item/kobebeauty/design/img02/bg_menu.gif") 0 0 repeat-x;
   z-index:100;
}

/* ========TOTOP CUSTOMIZE========= */
div#totop {
   margin:0 10px;
   text-align:right;
   font-size:11px;
}

div#totop a {
   padding-left:8px;
   background: url("https://c09.future-shop.jp/shop/item/kobebeauty/design/img02/bg_totop.gif") 0 50% no-repeat;
}


/* ========FOOTMENU CUSTOMIZE======== */
div#footMenu {
   padding-top: 10px;
   font-size: 10px;
   line-height: 1.6;
   text-align: center;
}

div#footMenu a {
   color: #333;
}

div#footMenu a:hover {
   color: #CCCCCC;
}


/* ========FOOTER SOCIAL BOOKMARK======== */

.social {
margin: 25px auto;
width: 900px;
}


.social li {
float: left;
margin: 0 5px;
}


/* ========FOOTER CUSTOMIZE======== */
address {
   padding:30px 0;
   font-size: 11px;
   font-style:normal;
   color:#333;
   text-align:center;
}


/* ======== カルーセルパネル ======== */

#carouselWrap {
    margin: 0 auto 40px auto;
    width: 900px;
    height: 160px;
    padding: 0 auto;
    background: url("https://c09.future-shop.jp/shop/item/kobebeauty/design/img01/bg_carousel.png") no-repeat;
}

#carousel {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#carousel ul.column {
    list-style-type: none;
    width: 860px;
    height: 120px;
    padding: 20px 0 20px 35px;
    float: left;
}

#carousel ul.column li {
    list-style-type: none;
    float: left;
    margin-right: 10px;
    display: inline;
}

#carousel ul.column li img {
    border: none;
}

/***********************************************************************/
/***********************************************************************/
/* カレンダー　calendar_s.css */
/***********************************************************************/
/***********************************************************************/

table.calendar {
	padding: 0;
	margin: 10px auto;
	width:180px;
}
table.calendar tr.headline td{
	font-size: 10px;
}
table.calendar th {
	text-align: left;
	font-family: "verdana";
	font-size: 12px;
	color: #666666;
	background-color:#FFFFFF;
}
table.calendar th span {
	font-family: "verdana";
	cursor: pointer;
	float: right;
	font-size: 10px;
}
table.calendar td {
	border-bottom: solid 1px #CCCCCC;
	text-align: center;
	height: 25px;
	vertical-align: middle;
	font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
	line-height: normal;
	font-size: 10px;
	color: #333333;
}
table.calendar td.click {
	cursor: pointer;
	background-color:#FFFFFF;
}
table.calendar td.Today {
	font-weight: bold;
	text-decoration:underline;
}
table.calendar td.Sat {
	color: #FF0000;
	background-color:#FBE8ED; 
}
table.calendar td.SatToday {
	color: #FF0000;
	background-color:#FBE8ED; 
	font-weight: bold;
	text-decoration:underline;
}
table.calendar td.Sun {
	color: #FF0000;
	background-color:#FBE8ED;
}
table.calendar td.SunToday {
	color: #FF0000;
	background-color:#FBE8ED;
	font-weight: bold;
	text-decoration:underline;
}
table.calendar td.otherToday {
	color: #FF6600;
	background-color:#FFEDCC;
	font-weight: bold;
	text-decoration:underline;
}
table.calendar td.holiday {
	color: #FF0000;
	background-color:#FBE8ED;
}
table.calendar td.other {
	color: #FF9900;
	background-color:#FFF0D9;
}
table.calendar td.otherday {
	color: #FF9900;
	background-color:#FFF0D9;
}
table.calendar td.otherToday {
	color: #FF9900;
	background-color:#FFF0D9;
	font-weight: bold;
	text-decoration:underline;
}

table.calendar td.other {
	color: #FF6600;
	background-color:#FFEDCC;
}
table.calendar td.xday {
	font-weight: bolder;
	color: #009999;
	font-size: 14px;
}
table.calendar td.birthday {
	font-weight: bolder;
	color: #990000;
	font-size: 14px;
}