/* ************************************************ 
 *	共通設定
 * ************************************************ */
* {
	margin: 0px;
	padding: 0px;
}

body {
	color: #ddd;
	font-size: small;
	font-family:'ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro','Verdana','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.6em;
	text-align:center;
background: #323232 url(https://img17.shop-pro.jp/PA01099/814/etc/back_gray.jpg?20120406154918) repeat-x;
}

html,body {
	height: 100%;               /* point01 */  
}



br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}
.clear{ clear: both; line-height: 0}

img {
	border: 0px;
}

a:link {color: #b4cec9; text-decoration: underline;}
a:visited {color: #b4cec9; text-decoration: underline;}
a:active {color: #ffff00; text-decoration: underline;}
a:hover {color: #ffff00; text-decoration: underline;}






/* ------------------------------------- 
 *	ページレイアウト
 * -------------------------------------  */


/*ページ全体の幅、レイアウトをセンタリング*/
#container {
    position: relative;
	margin:0px auto;
	width:930px;
	text-align:left;
    min-height: 100%;             /* point02 */  
    height: auto !important;      /* point03 */  
    height: 100%;                 /* point04 */  
}





body > #container {
    height: auto;
}

#contents { 
	padding-bottom:250px;           /* point */ 
}



#wrap {
	width:930px;
	margin:0px auto;

}

/* ヘッダー */
#header {
}


/*　画面右側メニューの幅　*/
.side {
	float: right;
	width:230px;
}

/*　画面左側の幅　*/
.main {
	float: left;
	width: 630px;
}

/* ************************************************ 
 *	ヘッダーメニュー
 * ************************************************ */

.h1 {
	font-size:<{$shop_title_fontsize}>;/* タイトル文字サイズ */
	margin-left:50px;/* タイトル左部のスペース横幅 */
	margin-right:20px;
	line-height:1.4em;
}

/*ショップタイトルのレイアウト*/
#header {
	width:890px;
}

#header .mainlogo{
	width: 220px;
	padding-right: 605px;
}

#header .sns{
	width: 65px;
	text-align: right;
    vertical-align: middle;
}

#header .sns .insta{
	padding-right: 15px;
}


#header_menu {
	text-align:right;
	width:890px;
	padding-bottom: 10px;
}

#header_menu dd{
	padding:0px 0px 0px 15px;
	display:inline;
}




/* ************************************************ 
 *	右側メニュー
 * ************************************************ */

.sidemenu {
	width:190px;
	color:<{$font_color}>;
	margin-bottom: 20px;
	}

.side_title {
	height:30px;
	background:transparent url(https://img.shop-pro.jp/tmpl_img/26/side_cat_title_bg.jpg) 0px 0px no-repeat;
	color:#6d2916;
	padding-left:15px;
	font-weight:bold;
	}

.side_text {
	background-color:<{$table_cell_bgcolor}>;
	padding:13px;
	}
	
.side_text ul li{
	padding-bottom:10px;
	}
	
.side_text ul li img{
	vertical-align:middle;
	}

.side_bottom {
	height:4px;
	background-color:<{$table_cell_bgcolor}>;
	background: url(https://img.shop-pro.jp/tmpl_img/26/side_bottom_bg.gif) no-repeat;
	}


/* ------------------------------------- 
 *	右側メニュ−背景色
 * ------------------------------------- */

.side_menu_bg {
	width:190px;
	background-color: #323232;
	margin-bottom:25px;
	}

.side_menu_title {
	height:23px;
	background-color: #b4cec9;
	color:#282828;
	padding-left:10px;
	font-weight:normal;
	}

.side_menu_text {
	font-size:80%;
	border-bottom:1px #b4cec9 solid;
	padding:15px 15px 10px 10px;
	line-height:0px;
	}

.side_menu_bottom {
	height:18px;
	background: url(https://img.shop-pro.jp/tmpl_img/26/side_cat_bottom_bg.jpg) no-repeat;
	}

.side_menu_text a {color: <{$table_title_bgcolor}>;}
.side_menu_text a:link    {color: <{$table_title_bgcolor}>;text-decoration: none;}
.side_menu_text a:visited {color: <{$table_title_bgcolor}>;text-decoration: none;}
.side_menu_text a:active  {color: <{$table_title_bgcolor}>;text-decoration: none;}
.side_menu_text a:hover   {color: <{$table_title_fontcolor}>;text-decoration: none;}



/*　回り込み解除　*/
#content {
	clear: both;
}

.cart {
        width: 190px;
	font-size: 11px;
	margin: 0px 2px 10px 2px;
	background: #282828;
	}
.cart ul {
	line-height: 160%;
	margin: 0px 5px 0px 5px;
	padding: 5px;
	}
.cart li {
	list-style-type: none;
	}
.cart p {
	border-top: 1px dotted #fff;
	margin: 3px;
	padding: 5px;
	text-align: left;
	font-weight: normal;
	}
.cart input {
	margin: 5px;
	}


/* ************************************************ 
 *	フッターメニュー
 * ************************************************ */
/*************************************************
		2. Basic Layout footer 下固定
**************************************************/


#footer {
    height: 250px; 
	width: 100%; 
	position:absolute;           /* point06 */ 
    bottom: 0;                   /* point07 */ 
    background-color: #282828;
}


/* ページトップへ */
.pagetop {
    width:100%;
    padding:80px 0 5px 0;
	_height: 1px;
	min-height: 1px;
}

.pagetop:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.pagetop p{
	width:920px;
	margin:0 auto;
	text-align:right;
}

	

/****************************************
		6.  Footer
*****************************************/

/* footer */
#footer {
	min-width:950px;
}

#footer .wrap_f {
	width:950px;
	margin:0 auto;
	padding-top:10px;
}

#footer .wrap_f #logo_f {
    width: 377px; 
	height: 90px;
    margin-left:auto;
	margin-right:auto;
	}



#footer .wrap_f .navi_f {
    width: 950px; 
    margin-left:auto;
	margin-right:auto;
}

#footer .wrap_f .navi_f .rover {
    float: left;
    width: 609px; 
	padding-left: 170px;
}



#footer .wrap_f ul.rollover {
	margin: 0;
	padding: 0;
}

#footer .wrap_f ul.rollover li {
	float: left;
	list-style:none;
}

#footer .wrap_f ul.rollover li.roll1 {
	background: #282828 url(http://www.swimsuit-department.com/images/navi_f01_b.gif) no-repeat top center;}

#footer .wrap_f ul.rollover li.roll2 {
	background: #282828 url(http://www.swimsuit-department.com/images/navi_f02_b.gif) no-repeat top center;}

#footer .wrap_f ul.rollover li.roll3 {
	background: #282828 url(http://www.swimsuit-department.com/images/navi_f03_b.gif) no-repeat top center;}

#footer .wrap_f ul.rollover li.roll4 {
	background: #282828 url(http://www.swimsuit-department.com/images/navi_f04_b.gif) no-repeat top center;}

#footer .wrap_f ul.rollover li.roll5 {
	background: #282828 url(http://www.swimsuit-department.com/images/navi_f05_b.gif) no-repeat top center;}

#footer .wrap_f ul.rollover li.roll6 {
	background: #282828 url(http://www.swimsuit-department.com/images/navi_f06_b.gif) no-repeat top center;}

#footer .wrap_f ul.rollover li.roll7 {
	background: #282828 url(http://www.swimsuit-department.com/images/navi_f07_b.gif) no-repeat top center;}



ul.rollover li img,
ul.rollover li a img {
	vertical-align: top;
	border: 0;
}

ul.rollover li.roll1 a,
ul.rollover li.roll1 a:link,
ul.rollover li.roll1 a:visited {
	display: block;
	width: 85px;
	height: 23px;
	position: relative;
	overflow: hidden;
}


ul.rollover li.roll2 a,
ul.rollover li.roll2 a:link,
ul.rollover li.roll2 a:visited {
	display: block;
	width: 70px;
	height: 23px;
	position: relative;
	overflow: hidden;
}


ul.rollover li.roll3 a,
ul.rollover li.roll3 a:link,
ul.rollover li.roll3 a:visited {
	display: block;
	width: 94px;
	height: 23px;
	position: relative;
	overflow: hidden;
}

ul.rollover li.roll4 a,
ul.rollover li.roll4 a:link,
ul.rollover li.roll4 a:visited {
	display: block;
	width: 121px;
	height: 23px;
	position: relative;
	overflow: hidden;
}

ul.rollover li.roll5 a,
ul.rollover li.roll5 a:link,
ul.rollover li.roll5 a:visited {
	display: block;
	width: 90px;
	height: 23px;
	position: relative;
	overflow: hidden;
}

ul.rollover li.roll6 a,
ul.rollover li.roll6 a:link,
ul.rollover li.roll6 a:visited {
	display: block;
	width: 67px;
	height: 23px;
	position: relative;
	overflow: hidden;
}

ul.rollover li.roll7 a,
ul.rollover li.roll7 a:link,
ul.rollover li.roll7 a:visited {
	display: block;
	width: 82px;
	height: 23px;
	position: relative;
	overflow: hidden;
}



ul.rollover li a:hover,
ul.rollover li a:active {
	background: transparent;/*IE6*/
}

ul.rollover li a:hover img,
ul.rollover li a:active img {
	position: relative;
	top: 50px;
}



/* facebook */
#footer .wrap_f .fb {
	float: right;
    width: 75px; 
    margin: 0;  
    padding-right: 30px;
}

#footer .wrap_f .fb .insta {
    padding-right: 10px;
}






#menu_2 {
	text-align:center;
	margin-bottom: 5px;
	}

#copy {
	text-align:left;
	color:<{$footer_bgcolor}>;
	}


/* ************************************************ 
 *	TOPコンテンツ
 * ************************************************ */


/* ------------------------------------- 
 *	お知らせエリア
 * ------------------------------------- */
.info_space {
	margin: 20px;
        font-size: 80%;

	}

.info_text {
	color:<{$font_color}>;
	padding:0px 15px;
        font-size: 80%;
	}
	
.info_text_bottom {
	margin-top:10px;
	}
	
.info_block {
	float: left;
	width:600px;
	margin:0px 0px 40px 0px;
	padding:15px 15px 15px 15px;
	background:#282828;
}



/* ------------------------------------- 
 *	お知らせエリア
 *	箇条書きでお知らせを掲載する際にご利用ください
 *	※初期設定では適用されていません
 * ------------------------------------- */

.info_bg {
	background:transparent url(https://img.shop-pro.jp/tmpl_img/26/info_bg.jpg) 0px 0px repeat-y;
	padding:0px 0px 5px;
	width:680px;
	}


.info_text {
	color:<{$font_color}>;
	padding:0px 15px;
	}
	

#info. table {
	width: 600px;
	background-color: #323232;
	text-align:left;
	margin:20px auto 30px;
	}

#info .table .cell {
	width: 600px;
	height: 2px;
	color: #ffffff;
	border-right: 1px #ffff00 solid;
	border-bottom:1px #ffff00 solid;
	}
	
.info_bottom {
	border:1px #ffff00 solid;
	margin-bottom:20px;
	width:600px;
        height:1px;
	}



/* ------------------------------------- 
 *	フリースペース
 * ------------------------------------- */
.free_space {
	color:<{$font_color}>;
	margin-bottom: 15px;
	}


/* ************************************************ 
 *	商品一覧　レイアウト
 * ************************************************ */


/* ------------------------------------- 
 *	一覧表示　並び順を変更(商品一覧）
 * ------------------------------------- */
.sort_01 {
	width: 630px;
	height: 30px;
	color: <{$productlist_sort_bgcolor}>;
	font-size:80%;
	background-color: #282828
	margin-bottom: 1px;
	}

.sort_01 a,
.sort_01 a:link,
.sort_01 a:visited {
	color:<{$productlist_bgcolor}>;
	text-decoration:none;
	}

.sort_01 a:active,
.sort_01 a:hover {
	color:<{$productlist_border}>;
	text-decoration:none;
	}

/* 会員専用価格の表示 商品一覧用 */
.regular_price_all {
	padding:0px 0px 2px;
	font-size:11px;
	text-decoration:line-through;
	color:#666666;
	margin:0px;
}

.price_all {
	padding:0px;
	margin:0px;
}

.discount_rate_all {
	padding:2px 0px 0px;
	color:#ff0000;
	margin:0px;
}


/* ------------------------------------- 
 *	一覧表示　並び順を変更(商品検索結果）
 * ------------------------------------- */

.sort_02 {
	width: 680px;
	height: 28px;
	color: <{$searchlist_sort_bgcolor}>;
	font-size:80%;
	background-color: #282828;
	margin-bottom: 1px;
	}

.sort_02 a,
.sort_02 a:link,
.sort_02 a:visited {
	color:<{$searchlist_bgcolor}>;
	text-decoration:none;
	}

.sort_02 a:active,
.sort_02 a:hover {
	color:<{$searchlist_border}>;
	text-decoration:none;
	}

/* 会員専用価格の表示 商品検索結果用 */
.regular_price_search {
	padding:0px 0px 2px;
	font-size:11px;
	text-decoration:line-through;
	color:#666666;
	margin:0px;
}

.price_search {
	padding:0px;
	margin:0px;
}

.discount_rate_search {
	padding:2px 0px 0px;
	color:#ff0000;
	margin:0px;
}


/* ------------------------------------- 
 *	一覧表示　商品数と表示数
 * ------------------------------------- */
.pagenavi {
	width: 630px;
	height: 30px;
	color: #ffffff;
	font-size:80%;
	background-color: #282828;
	margin-bottom: 15px;
	}


/* ------------------------------------- 
 *	商品一覧表示のレイアウト
 * ------------------------------------- */

.product_list {
	float: left;
	width: 210px;
	text-align: center;
	padding:5px 0px 5px;
        font-size: 80%;
	}


.product_item {
	text-align:center;
	width:180px;
	padding:5px 5px 5px 0px;
	margin:0px auto;
	}


.product_item .name {
	line-height: 120%;
	margin:10px 0px 0px;
        font-size: 80%;
	}
	
.product_item .name img{
	vertical-align:middle;
	}

.product_item .price {
	margin:5px 0px 0px;
	color: #b4cec9;
        font-size: 80%;
	}

.product_item .expl {
	color: #b4cec9;
	font-size:80%;
	line-height:120%;
	text-align: left;
	margin:5px 0;
	}


.product_list a,
.product_list a:link,
.product_list a:visited {
	text-decoration:none;
	}

.product_list a:active,
.product_list a:hover {
	text-decoration:none;
	}



/* ------------------------------------- 
 *	ぱんくずリスト
 * ------------------------------------- */
.footstamp {
	width: 564px;
	height: 30px;
	background: url(https://img.shop-pro.jp/tmpl_img/26/footstamp_bg.gif) no-repeat;
	color: <{$navi_list_bgcolor}>;
	margin-bottom: 15px;
	}

.footstamp a {color: <{$category_fontcolor}>;}
.footstamp a:link    {color: <{$category_fontcolor}>;text-decoration: none;}
.footstamp a:visited {color: <{$category_fontcolor}>;text-decoration: none;}
.footstamp a:active  {color: <{$category_fontcolor}>;text-decoration: none;}
.footstamp a:hover   {color: <{$category_linecolor}>;text-decoration: none;}

.txt-f10 {
	font-size:10px;
}

.footstamp img {
	vertical-align:middle;
}

/* ------------------------------------- 
 *	商品が無い時の表示
 * ------------------------------------- */
.nodata {
	width: 90%;
	padding-top: 20px;
	text-align: center;
	}



/* ************************************************ 
 *	商品詳細　レイアウト
 * ************************************************ */

#detail {
	text-align:center;
	width: 560px;
	color:<{$font_color}>;
	}


#detail .expl {
	line-height:150%;
	text-align: left;
	margin: 0px 10px 5px 20px;
	}

.detail_item {
	text-align:left;
	width:550px;
	margin: 0px 0px 10px 0px;
	}



#detail_name {
	padding:25px 0px 5px 0px;
	font-size: 18px;
        color: #ffff00;
}

#detail .sub {
	float: left;
	width: 155px;
	text-align: center;
	padding: 10px 14px 15px 14px;
	}

#detail .sub img {
	width: 155px;
	}

#detail .table {
	width: 550px;
	background-color: #323232;
	text-align:left;
	margin:20px 20px 20px 20px;
	border: 1px #b4cec9 solid;
	}

#detail .table .cell_1 {
	width: 200px;
	height: 28px;
	color: #ffffff;
	border-right: 1px #b4cec9 solid;
	border-bottom:1px #b4cec9 solid;
	}

#detail .table .cell_2 {
	width: 350px;
	height: 28px;
	color: #ffffff;
	background:#323232;
	border-bottom:1px #b4cec9 solid;
	}


#detail .table .cell_mar {
	margin: 0px 5px 0px 15px;
	}

#detail_table {
	float: left;
	width: 550px;
	background-color: #323232;
	text-align:left;
	margin: 0px 20px 20px 20px;
	}



/* 特定商取引法に基づく表記（返品など）ボタン */
p#sk_link_other {
	text-align:center;
	margin-top:15px;
}

p#sk_link_other a {
	font-size:12px;
}

/* 会員専用価格の表示 商品詳細用 */	
.regular_price_detail {
	padding:5px 0px 0px;
	margin:0px;
	text-decoration:line-through;
}

.price_detail {
	padding:0px;
	margin:0px;
	color:#ffffff;
	font-weight:normal;
}

.discount_rate_detail {
	padding:0px 0px 5px;
	margin:0px;
	color:#ffffff;
}

/* ------------------------------------- 
 *	この商品を買った人はこんな商品も買ってます
 * ------------------------------------- */

#together {
	margin: 0px 10px 0px 10px;
	}

#together .tog_main_title {
	font-weight:normal;
	margin:30px 0px 5px;
	color:#b4cec9;
	padding:5px 10px;
	background:#282828;
	}

#together .together_list {
	margin:10px 3px 10px 3px;
	float:left;
	width: 170px;
	text-align:center;
	}

#together img {
	padding: 4px;
	border: 1px #b4cec9 solid;
	}


/* ------------------------------------- 
 *	トラックバック
 * ------------------------------------- */

#trackback {
	margin: 0px 10px 20px 10px;

	}

#trackback .tb_main_title {
	font-weight:bold;
	margin:30px 0px 5px;
	color:#6d2916;
	}


#trackback .tb_url {
	font-size:11px;
	padding:10px 13px;
	background:#f9f4eb;
	color:#6d2916;
	}

#trackback .tb {
	margin:0px 0px 5px;
	border:1px solid #dacdb9;
	}

#trackback .tb_date {
	font-size:80%;
	padding: 10px 10px 10px 10px;
	}

#trackback .tb_title {
	padding: 0px 10px 10px 10px;
	color:#6d2916;
	}

#trackback .tb_body {
	line-height: 150%;
	padding: 10px 10px 10px 10px;
	border-top: 1px dotted #dacdb9;
	border-bottom: 1px dotted #dacdb9;
	}

#trackback .tb_state {
	padding: 5px 10px 5px 10px;
	}



/* ************************************************ 
 *	商品オプションページ
 * ************************************************ */
#Option .option_table {
	width: 730px;
	margin-bottom:5px;
	border-left: 1px solid #323232;
	border-top: 1px solid #323232;
        color: #323232;
	}

#Option .option_cell1 {
	font-size: 11px;
        color: #323232;
	text-align:left;
	font-weight:normal;
	padding:5px;
	border-right: 1px solid #323232;
	border-bottom: 1px solid #323232;
	background-color:#b4cec9;
	padding-left: 6px;
	}

#Option .option_cell2 {
	font-size:80%;
        color: #323232;
	text-align:left;
	padding:5px;
	border-right: 1px solid #323232;
	border-bottom: 1px solid #323232;
	background-color:#ffffff;
	padding: 2px 6px 2px 6px;
	}

#Option .option_cell3 {
	font-size:80%;
        color: #323232;
	text-align:left;
	padding:5px;
	border-right: 1px solid #323232;
	border-bottom: 1px solid #323232;
	background-color:#ffffff;
	padding: 2px 10px 2px 6px;
	}

/* 会員専用価格の表示 オプション用 */
.regular_price_stock {
	padding:0px;
	margin:0px;
	font-size:11px;
	text-decoration:line-through;
	color:#666666;
}

.price_detail_stock {
	padding:0px;
	margin:0px;
}

.discount_rate_stock {
	padding:0px;
	margin:0px;
	color:#ff0000;
}

/* ************************************************ 
 *	特定商取引法・お支払い方法・配送設定について
 * ************************************************ */
.payment_img {
	width:30px;
	height:30px;
	margin:3px;
}

#ShopKeeper {
	width: 630px;
	color: #323232;
	margin-bottom: 15px;
	border-top: 1px solid #323232;
	border-left: 1px solid #323232;
	background:#ffffff;
	}


#ShopKeeper th {
	width: 160px;
	padding:10px;
	border-right: 1px solid #323232;
	border-bottom: 1px solid #323232;
	font-size: 80%;
	font-weight: normal;
	text-align:left;
	background:#ffffff;
	}

#ShopKeeper td {
	border-right: 1px solid #323232;
	border-bottom: 1px solid #323232;
	padding:10px;
	text-align:left;
	background:#ffffff;
	}
	
#ShopKeeper td table th,
#ShopKeeper td table td,
#ShopKeeper td table,
#ShopKeeper td table {
	border-right:none;
	border-top:none;
	border-left:none;
	border-bottom:none;
	}
	
#ShopKeeper th img,
#ShopKeeper td img {
	vertical-align:middle;
	}
	
/* 検索結果 */
.txt-search {
	padding:5px 10px;
	background:#323232;
	border-bottom:#b4cec9 solid 1px;
	width: 600px;
	}

.txt-hitNum {
	margin-bottom:15px;
	padding:5px 10px;
	background:#323232;
	}

.txt-search strong,
.txt-hitNum strong {
	color:#ffff00;
	font-weight:normal;
	}

/* オプションリンク */
.txt-optionLink {
	margin-bottom:10px;
	padding:0px 0px 0px 15px;
	line-height:10px;
        font-size: 80%;
}

.txt-optionLink a,
.txt-optionLink a:link,
.txt-optionLink a:visited {
        font-size: 80%
	color:<{$searchlist_bgcolor}>;
	text-decoration:none;
	}


.product-linkList li {
        font-size: 80%
	margin-bottom:5px;
	padding:0px 0px 0px 25px;
	line-height:10px;
}

/* ************************************************ 
 *	プライバシーポリシー
 * ************************************************ */

#PrivacyExplain {
	width: 580px;
	color:#323232;
	padding:25px;
	margin-bottom: 15px;
	background:#ffffff;
	font-size: 80%;
	}

.pe_title {
	color: #323232;
	border-top: 1px solid #323232;
	padding-top: 15px;
	}

.pe_note {
	line-height: 150%;
	margin:5px 5px 20px 30px;
	}