@import url("https://www.cybergadget.co.jp/assets/templates/cyber/HeadBox.css");
@import url("https://www.cybergadget.co.jp/assets/templates/cyber/footer.css");


/* ************************************************ 
 *	共通設定
 * ************************************************ */
/* IE cssロールオーバーで背景がちらつく件　IE用ハック*/
html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body{
	color: #333333;
	font-size:small;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;
	min-width:1024px;
}
html, body {
  height:100%;
  background:url(https://img02.shop-pro.jp/PA01126/745/etc/shop_Container_bg.png) repeat-x left top;
  line-height:110%;
}

a:link 		{color: #0066CC; text-decoration: none;}
a:active 	{color: #0066CC; text-decoration:  none;}
a:visited 	{color: #003366; text-decoration:  none;}
a:hover 	{color: #CC0066; text-decoration:  none;}

*{
	margin:0;
	padding:0;
	}
	
/*clearfix ie対策済み*/
.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
	}

img{
	border:none;
}

p{
	line-height:130%;
	margin:5px 1.5em 1.5em 1.5em;
}
p.description,
p.introtext{
	margin-bottom:1.5em;
}

.clear {
	clear: both;
}

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

img {
	border: 0px;
}



/*基本*/
h2{
	font-weight:bold;
	font-size:125%;
	line-height:135%;
	margin:0 0 15px 0;
	border-left:5px solid #CCC;
	padding:0 0 0 5px
}
h3{
	font-weight:bold;
	font-size:110%;
	line-height:120%;
	margin:0 0 15px 0;
	padding:0 0 5px 0;
	color:#174E9D;
	border-bottom:1px solid #CCC;
}
h4{
	font-weight:bold;
	font-size:100%;
	background:#EEE;
	margin:5px 1.5em 1em 1.5em;
	padding:0 3px;
}
h5{
	font-weight:bold;
	font-size:100%;
	margin:5px 1.5em 1em 1.5em;
}
h6{
	font-weight:bold;
	font-size:90%;
	margin:5px 1.5em 1em 1.5em;
}
ul{
	margin:5px 1.5em 2em 1.5em;
	list-style:disc;
}
ol{
	margin:5px 1.5em 2em 1.5em;
	line-height:120%;
}

li{
	margin:0 0 0.5em 2em;
	ine-height:120%;
}

li p{
	line-height:130%;
	margin:0 0 1.5em 0;
}
dl{
	margin:5px 1.5em 2em 1.5em;

}
dt{
	font-weight:bold;
	margin:0 0 0.3em 0;
	line-height:125%;
}
dd{
	margin:0 0 1em 0;
	line-height:125%;
}
dd ul{
	margin:5px 1.5em 1em 1.5em;
}

strong{
	font-weight:bold;
	font-size:110%;
	font-style:normal;
}
em{
	font-weight:normal;
	font-style:normal;
	color:#F00;
}

.about{
	margin:0;
	padding:0 0 30px 0;
}
.about h3{
	font-size: 120%;
}

.about dl{
	line-height:130%;
	margin-left:0;
	margin-right:0;
}


.about dt{
	background:#EEE;
	margin:0 0 0.5em 0;
	padding:1px 1.5em;
	border-radius:3px;
}
.about dd{
	margin:0 1.5em 1.5em 1.5em;
	line-height:130%;
}
.about dl.payment{
	margin-bottom:4em;
}
.about dl.payment dt,
.about dl.payment dd{
	line-height:130%;
}

.about dl.payment dt{
	margin-top:3em;
}
.about dl.payment dt img{
	vertical-align:middle;
	padding:1px;
}

.strongstrong{
	border:1px solid #F00;
	padding:5px;
	margin:0 0 2em 0;
}
.strongstrong > *{
	color:#F00;
	margin:5px 10px;
}
.strongstrong .nonestrong{
	color:#000;
}


/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は800pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */

/*ページ全体の幅、レイアウトをセンタリング*/

/*外側の枠　横幅920px*/
#Container{
	width:920px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	z-index:0;
	
}


/*ヘッダー（ページタイトル、グローバルメニュー）*/
/*ヘッダー部*/
#HeadBox{
	background:url(https://www.cybergadget.co.jp/assets/templates/cyber/Head_bg.png)  no-repeat left top;
	height:110px;
	position:relative;
	z-index:200;
}
/* div#HeadBox内は--> Head box.css および　HeadBoxAjaxmenu.css　*/


/*-----------------------
#HeadBox #shopNavi ショップのみのメニュー
------------------------*/
#shopNavi{
	background:#174E9D;
	clear:both;
	height:25px;
	position:absolute;
	display:block;
	top:85px;
	width:100%;
}
#shopNavi ul{
	list-style:none;
	margin:0;
	padding:0;
}
#shopNavi li{
	float:right;
	margin:0;
	padding:0;
}
#shopNavi li a{
	display:block;
	background:none;
	margin:0 0 0 8px;
	height:25px;
	background-repeat:no-repeat;
}

#shopNavi li a span{
	display:none;
}

#shopNavi li.shopNavi_onlineshop a{
	background-image:url(https://img02.shop-pro.jp/PA01126/745/etc/shopNavi_onlineshop.png);
	width:155px;
}
#shopNavi li.shopNavi_myacount a{
	background-image:url(https://img02.shop-pro.jp/PA01126/745/etc/shopNavi_myacount.png);
	width:100px;
}
#shopNavi li.shopNavi_contact a{
	background-image:url(https://img02.shop-pro.jp/PA01126/745/etc/shopNavi_contact.png);
	width:100px;
}
#shopNavi li.shopNavi_cart a{
	background-image:url(https://img02.shop-pro.jp/PA01126/745/etc/shopNavi_cart.png);
	width:100px;
}


#shopNavi li.shopNavi_onlineshop a:link,
#shopNavi li.shopNavi_onlineshop a:visited,
#shopNavi li.shopNavi_myacount a:link,
#shopNavi li.shopNavi_myacount a:visited,
#shopNavi li.shopNavi_contact a:link,
#shopNavi li.shopNavi_contact a:visited,
#shopNavi li.shopNavi_cart a:link,
#shopNavi li.shopNavi_cart a:visited{
	background-position:center top;
}

#shopNavi li.shopNavi_onlineshop a:active,
#shopNavi li.shopNavi_onlineshop a:hover,
#shopNavi li.shopNavi_myacount a:active,
#shopNavi li.shopNavi_myacount a:hover,
#shopNavi li.shopNavi_contact a:active,
#shopNavi li.shopNavi_contact a:hover,
#shopNavi li.shopNavi_cart a:active,
#shopNavi li.shopNavi_cart a:hover{
	background-position:center bottom;
}



/*商品検索*/
#HeadBox form{
	text-align:right;
	padding:5px 0 0 0;
}




#contents{

}

/*　main部分　*/
#ProductsBox{
	width:680px;
	float:right;
	margin-top:15px;
	margin-bottom:30px;
}



/*パンくずボックス　#ProductsBox内*/
.B_crumbBox{
	font-size:90%;
	line-height:100%;
	color:#333;
	margin:0 0 8px 0;
	padding:0 0 3px 0;
	display:block;
}
.B_crumbBox .B_crumb{
	line-height:110%;
	display:block;
	margin:0 0 3px 0;
	padding:0;
}


/*　------------------------------
          左側メニュー
----------------------------------　*/
#SubMenuBox{
	width:200px;
	float:left;
	margin:0;
	padding:0;
}

#SubMenuBox h3{
	background:#D3D2D0 url(https://img02.shop-pro.jp/PA01126/745/etc_base64/c2lkZV9taWRhc2hpXzI.png?cmsp_timestamp=20230927115953) no-repeat right center;
	border-radius:5px;
	color:#FFF;
	font-size:100%;
	margin:10px 0 5px 0;
	line-height:25px;
	vertical-align:middle;
	padding:0 10px;
	height:25px;
	border:none;
}

#SubMenuBox ul{
	/*list-style:circle;*/
	list-style:none;
	color:#999;
	margin:10px 0 1.5em 0;
	padding:0;
}

#SubMenuBox ul li{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #DDD;
}

#SubMenuBox ul li a{
}

ul#group-list {
}

#SubMenuBox ul li img{
	vertical-align:bottom
}

/*会員専用ページエリア*/
#members{
	background:#D8E1EE;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	padding:5px 5px 10px 5px;
	color:#333;
	font-size:95%;
	text-align:center;
	width:190px;
}

#members h4{
	background:none;
	margin:10px 0 3px 0;
	padding:0;
}
#members h4 img{
	display:block;
	margin:0 auto;
}
#members div{
	padding:0 0 5px 0;
	margin:0;
}
#btn_members_login a,
#btn_members_signup a,
#btn_members_logout a{
	display:block;
	margin:2px auto;
	height:23px;
	background-repeat:no-repeat;
}

#btn_members_login a{
	background-image:url(https://img02.shop-pro.jp/PA01126/745/etc/members_login.png);
}
#btn_members_signup a{
	background-image:url(https://img02.shop-pro.jp/PA01126/745/etc/members_create.png);
}
#btn_members_logout a{
	background-image:url(https://img02.shop-pro.jp/PA01126/745/etc/members_logout.png);
}

#btn_members_login a:link,
#btn_members_login a:visited,
#btn_members_signup a:link,
#btn_members_signup a:visited,
#btn_members_logout a:link,
#btn_members_logout a:visited{
	background-position:center top;
}
#btn_members_login a:active,
#btn_members_login a:hover,
#btn_members_signup a:active,
#btn_members_signup a:hover,
#btn_members_logout a:active,
#btn_members_logout a:hover{
	background-position:center bottom;
}

#btn_members_login a span,
#btn_members_signup a span,
#btn_members_logout a span{
	display:none;
}


/*カートの中身*/
#cartaria{
	background:#F4F1EC;
	border:1px solid #929394;
	padding:0 0 9px 0;
	margin:15px 0;
}
#cartaria h3{
	background:#D3D2D0 url(https://img02.shop-pro.jp/PA01126/745/etc_base64/Y2FydGFyaWFfbWlkYXNpXzI.png?cmsp_timestamp=20230927120209) no-repeat center top;
	border-radius:0;
	line-height:23px;
	height: 23px;
	margin:0 0 5px 0;
	padding:0;
	text-align:center;
}
#cartaria p{
	margin:0 9px 5px 9px;
	padding:0 0 4px 0;
	border-bottom:1px dashed #929394;
	line-height:110%;
}

/*カートを見るボタン*/
#cartaria p.showcart_button{
	border-bottom:none;
	margin:0 auto;
	padding:0;
}
	
#cartaria p.showcart_button a{
	display:block;
	width:200px;
	height:25px;
	background-image:url(https://img02.shop-pro.jp/PA01126/745/etc/cartaria_showcart.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#cartaria p.showcart_button a:link,
#cartaria p.showcart_button a:visited{
	background-position:center top;
}
#cartaria p.showcart_button a:active,
#cartaria p.showcart_button a:hover{
	background-position:center bottom;
}
#cartaria p.showcart_button a span{
	display:none;
}

/*カートからの時表示*/
#cartaria span.incartnone{
	display:block;
	border-bottom:0px dashed #929394;
	text-align:center;
	font-size:90%;
	margin:0;
	padding:15px 0 10px 0;
}
	

/*rss feeed  #SubMenuBox ul*/
#SubMenuBox ul.feed{
	/*list-style:circle;*/
	list-style:none;
	color:#999;
	margin:10px 0 1.5em 0;
	padding:0;
	line-height:100%;
}

#SubMenuBox ul.feed li{
	margin:0 0 8px 0;
	padding:0 10px 0 10px;
	border-bottom:none;
}
#SubMenuBox ul.feed li img{
	padding-right:3px;
}

/*mobile qr*/
#SubMenuBox ul.qrcode{
	margin:0;
	padding:0;
}
#SubMenuBox ul.qrcode li{
	margin:0;
	padding:0;
	border:none;
	text-align:center;
}
#SubMenuBox ul.qrcode li img{
}

/*バナー*/
#SubMenuBox ul.bannerList,
.newsBox ul.bannerList{
	list-style:none;
	margin:10px 0;
	padding:0;
}
#SubMenuBox ul.bannerList li,
.newsBox ul.bannerList li{
	margin:0 0 5px 0;
	padding:0;
}


/*-----------------------------------
ソートとページネイト
商品一覧と検索に使用
-------------------------------------*/

/*ソートボックス　p*/
.sortBox{
	padding:3px;
	margin:0 0 1.5em 0;
	text-align:right;
	background:#DDD;
}

/*ページネイト*/
.pageneite{
	text-align:center;
	border-top:1px dotted #DDD;
	border-bottom:1px solid #DDD;
	margin:0 0 1.5em 0;
	padding:4px;
}

.pageneite span,
.pageneite a{
	padding:3px 5px;
	/*border:1px solid #8BA6CE;*/
	font-size:90%;
}
	
.pageneite a:link,
.pageneite a:visited{
	background:#FFF;
	color:#333;
}

.pageneite a:active,
.pageneite a:hover{
	background:#8BA6CE;
	color:#FFF;	
}






/* 特定商取引法に基づく表記（返品など）ボタン */
p#sk_link_other {

}

p#sk_link_other a {

}




/*********************/

/*フッター部の上、コンテンツの下にある
［上に戻る］　［前に戻る］などのナビゲーション用*/

/*ページ内の［上に戻る］*/

/*フッター部*/

/*********************　＞＞＞　外部ファイル読み込み*/

/*-------------------------------------
よくある質問
---------------------------------------*/	
ul.faqlink{
	margin-bottom: 3em;
}
ul.faqlink ul{
	margin-bottom: 0;
	list-style: circle;
}
dl.faq{
	line-height:130%;
	margin:0 0 40px 0;
	padding:0;
	}
dl.faq dt{
	margin:0 0 5px 0;
	padding:10px;
	color:#0066CC;
	font-weight:bold;
	}
dl.faq dt::first-letter,
dl.faq dd p:first-child::first-letter{
	font-size: 1.7rem;
	font-weight: 900;
	font-family: "Arial Black", Arial;
}
dl.faq dt::first-letter{
	color: #06C;
}
dl.faq dd{
	margin:0 0 20px 0;
	padding:10px;
	line-height:140%;
	}
dl.faq dd p{
	margin:0 0 1.5em 0;
}
dl.faq dd p:first-child::first-letter{
	color: #C30; 
}
dl.faq li p{
	margin:0;
}
dl.faq dd dl{
	margin:5px 1.5em 2em 0;
	padding:0 0 0 0;
}
dl.faq dd dt{
	padding:3px 5px;
	background-image:none;
	background-color:#EEE;
	border-radius:5px;
}
dl.faq dd dd{
	padding:5px;
	background-image:none;
}

dl.faq div{
	border:1px solid #DDD;
	padding:5px 5px 0 5px;
	margin:10px 0;
	border-radius:5px;
}
dl.faq div h5{
	border-bottom:1px dashed #AAA;
	margin:0 10px;
}
dl.faq div p{
	margin:0 10px;
}
dl.faq ul{
	list-style: url(https://www.cybergadget.co.jp/assets/templates/cyber/list_marusankaku.gif) decimal-leading-zero;
}
dl.faq ul.note{
	list-style:none;
	margin:0.5em 0 2em 0;
}
dl.faq h4 + p{
	margin-left: 1.5em;
	margin-right: 1.5em;
}

/*note ul*/
ul.note{
	list-style:none;
	margin:0.5em 1.5em 2em 1.5em;
	padding:10px 10px 5px 10px;
	background:#F6F6F6;
	border:1px dashed #8BA6CE;
	
}
ul.note li{
 margin:0 0 5px 0;
 padding:0 0 0 1em;
 text-indent:-1em;
}
p.note{
  padding:0 0 0 1em;
 text-indent:-1em;
}

ul.note ul{
  list-style:url(list_marusankaku.gif) disc;
  border:none;
	margin:0 0 0 1em;
	padding:0 0 0 0;
	background:#F6F6F6;

}
ul.note li ul li{
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-indent:0;
}
/*横長バナーエリア*/
.bannerAria2,
.bannerAria50p{
	margin-bottom:10px;
}
/*バナー2つを並べて表示*/
.bannerAria50p img{
	width:50%;
	margin:0;
	padding:0;
	vertical-align:bottom;
}
div.faqbox a{
  text-decoration: underline;
}

#FootAllMenu .FootAllMenuInner p + p{
  margin-top:-10px;
}