/*-----------------------------------------------------------
デジコンカート　共通CSS
作成日：2009/05/18
------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6,p{
margin:0;
padding:0;
font-weight:normal;}

table{ border-collapse:collapse;border: none;}
img{border: none;}
th{ text-align:left;}

/*clearfix*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*----------------------------------------------*/

body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-size:12px;
	line-height:130%;
	/*font-family:osaka,MS Pゴシック,arial,helvetica,sans-serif;*/
}

a:link{color:#003399;text-decoration:underline;}
a:visited{color: #996633;text-decoration:underline;}
a:active{color:#CC6633;text-decoration:underline;}
a:hover{color: #CC6633;text-decoration:none;}


#container{
	margin: 0px 10px;
	padding: 0px;}

/*罫線*/
#contents hr{
margin-bottom:10px;
color:#D1DDE2;
border:none;
border-top:1px solid #D1DDE2;
height:1px;}


/* テキスト　共通
------------------------------*/

/*値段の色*/
#contents .price{
	color:#990000;
	font-family: osaka,MS Pゴシック,arial,helvetica,sans-serif;
}

#contents .priceLarge{
padding:0 0 0 10px;
FONT-SIZE: 18px;
letter-spacing:-1px;
font-family: osaka,MS Pゴシック,arial,helvetica,sans-serif;
}

/*フォント太くする
#contents .bold{
font-weight:bold;
}*/

/*text-align*/
#contents .center{
text-align:center;
}
#contents .right{
text-align:right;
}

#contents .notes1{
color:#666666;
font-size:10px;
}

#contents .notes2{
color:#990000;
font-size:10px;
}

/*フォーム*/
#contents input{
font-size:12px;
}

/*背景及びボーダーの色*/
#contents .bgcolor1{
background-color:#8DD2F1;}
#contents .bordercolor1{
border-color:#8DD2F1;}

#contents .bgcolor2{
background-color:#E3DCB6;}
#contents .bordercolor2{
border-color:#E3DCB6;}



/* アラート（赤）
------------------------------*/
#container .errorExplanation {
	margin:10px auto;
	padding: 10px 30px;
	color:#990000;
	width:90%;
	background-color:#FFFFD5;
	border:1px solid #DD9988;}

#container .errorExplanation h2 {
	margin: 0 0 2px 0;
	padding:0 0 0 21px;
	font-size:12px;
	font-weight:bold;
	line-height:180%;
	background-image:url(/dccartstore/images/common/icn_error_red.gif?1252397374);
	background-repeat:no-repeat;
	background-position:0 1px;}

#container .errorExplanation p {
	margin: 0;
	padding:0;}
	
#container .errorExplanation ul {
	margin: 10px 0 0 50px;
	padding:0;}

#container .errorExplanation li {
	margin: 0 0 2px 0;
	padding:0;
	list-style-type:disc;
	line-height:120%;}


/* アラート（青）
------------------------------*/
#container .alert {
	margin:10px auto;
	padding: 10px 30px;
	color:#006666;
	width:90%;
	background-color:#FFFFFF;
	border:1px solid #006666;}

#container .alert p {
	margin: 0;
	padding:0;
	font-size:12px;
	font-weight:bold;}
	

/* 店舗ロゴ　H1
------------------------------*/
#container #header h1 {
	margin: 0px;
	padding: 10px 0px;
	height:60px;
}

/* ヘッダ
------------------------------*/
#header {
	margin: 0px;
	padding: 0px;
	width:100%;
	position:relative;}

/*カートを見る*/
#header .btnbox {
	margin: 0px;
	padding: 0px;
	position:absolute;
	top:10px;
	right:5px;
}
#header .btnbox table{
	margin: 0px;
	padding: 0px;
}
#header .btnbox table td{
    padding:0 0 0 10px;
	vertical-align:middle;
}

/* コンテンツエリア
------------------------------*/
#contents{
	background-image:url(/dccartstore/images/common/contents_bg.gif?1252397374);
	background-repeat:repeat-x;
	background-position:0 30px;/*15pxの部分を.hdrのheightに合わせて変更する*/
	margin:0;
	padding:0;
	width:100%;
}

/* コンテンツエリア　ヘッダ
------------------------------*/
#contents .hdr{
	background-color:#133EA5;/*#0074A4#57A5C7#0074A4*/
	background-image:url(/dccartstore/images/common/contents_hdrbg_rr.gif?1252397376);
	background-repeat:no-repeat;
	background-position:right top;
	margin: 0px 0px 65px 0px;
	padding: 0px;
	width:100%;
	height:30px;/*15pxの部分をかえる*/
	overflow:hidden;
	text-align:left;
	border-bottom:1px solid #022A8C;/*#003399*/
}

/*角丸*/
#contents .hdr .hdrr{
	background-image:url(/dccartstore/images/common/contents_hdrbg_rl.gif?1252397374);
	background-repeat:no-repeat;
	background-position:left top;
	margin:0px;
	padding: 0px;
	width:100%;
	height:6px;
	overflow:hidden;
}

/* H1 */
#contents .hdr h1{
	margin: 0 0 0 15px;
	padding: 0;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
}


/*--------------------------------------------------
/*　グラデのみ。角丸あり、長い背景をつかったver.
#contents{
	background-image:url(/dccartstore/images/common/contents_bg.gif?1252397374);
	background-repeat:repeat-x;
	background-position:right top;
	margin:0;
	padding:0;
	width:100%;
}

/*角丸
#contents .hdrr{
	/*background-color:#95D7F2;*
	background-image:url(/dccartstore/images/common/contents_bg_rl.gif?1252397374);
	background-repeat:no-repeat;
	background-position:left top;
	margin: 0px 0px 35px 0px;
	padding: 0px;
	width:100%;
	height:5px;
	overflow:hidden;
	text-align:right;
}
*/

/*--------------------------------------------------
/*角丸がない背景
#contents{
	background-image:url(/dccartstore/images/common/contents_bg.gif?1252397374);
	background-repeat:repeat-x;
	background-position:left top;
	margin:0;
	padding:0;
	width:100%;
}

/*角丸
#contents .hdrr{
	/*background-color:#95D7F2;*
	background-image:url(/dccartstore/images/common/contents_bg_rl.gif?1252397374);
	background-repeat:no-repeat;
	background-position:left top;
	margin: 0px 0px 35px 0px;
	padding: 0px;
	width:100%;
	text-align:right;
}
--------------------------------------------------*/


/*　ショッピングステータス
------------------------------*/
#contents #shopping_status{
margin:-10px 0 0 0;
padding:0 0 10px 0;
text-align:center;
width:100%;
clear:left;
overflow:hidden;}


/*　ブロック　※商品詳細は別途指定
------------------------------*/
#contents #block{
margin:0 0 0 18px;
padding:0 0 50px 0;
/*padding:10px 0;
border-top:1px solid #D1DDE2;*/
clear:left;}

/*block内　段落*/
#contents #block p{
margin:0 0 0 5px;
padding:0 0 8px 0;
}


/*　block以下　見出し
------------------------------*/
#contents #block h2{
margin:10px 0;
padding:0 0 7px 0;
font-size:18px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;}

#contents #block h3{
margin:10px 0;
padding:0 0 7px 0;
color:#E42112;
font-size:18px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;}

#contents #block h4{
margin:0 0 15px 0;
padding:7px 5px;
font-size:12px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;}


#contents #block h4.table{
margin-bottom:0;
}


/*　店舗フッタ
------------------------------*/
#contents #shopfooter {
	margin:0;
	padding:20px 0;
	width:100%;
	text-align:center;
	clear:left;
}

#contents #shopfooter h4{
	margin:0;
	padding:0 0 20px 0;
	font-size:12px;
}
#contents #shopfooter .fmenu{
	margin:0 0 20px 0;
	padding:0;
}
#contents #shopfooter .fmenu a{
	padding:0 0.5em;
}
#contents #shopfooter img{
	padding:0 0 10px 0;
}

/*
#contents #shopfooter ul{
	margin:0 auto;
	padding:0;
}
#contents #shopfooter li{
	padding:0 1em 0 0;
	list-style-type:none;
	float:left;
}
*/



/*　デジコンフッタ
------------------------------*/
#contents #dckfooter {
	margin:0;
	padding:10px 0;
	width:100%;
	text-align:left;
	clear:left;
}

#contents #dckfooter p{
	color:#999999;
	margin:0;
	padding:0 0 5px 0;
}
#contents #dckfooter img{
	padding:0 0 30px 0;
}



/*------------------------------------------------------------------------------------------
　00 商品詳細 
------------------------------------------------------------------------------------------*/
#contents #detail{
	margin:0;
	padding:0;
	clear:left;
}

/*　テキストエリア */
#contents #detail #txtarea{
	margin:0;
	padding:0;}

#contents #detail #txtarea h2{
margin:0;
padding:0 0 10px 0;
font-size:20px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:180%;
}

#contents #detail #txtarea .pricearea{
margin:20px 0;
padding:0 0 0 18px;
font-size:12px;
color:#666666;
}


#contents #detail #txtarea p{
margin:0;
padding:0 0 10px 0;
}


/*　イメージエリア */
#contents #detail #imgarea{
	margin:0 20px 30px 0;
	padding:0;
	width:280px;
    float:left;
	position:relative;}

/*商品画像*/
#contents #detail #imgarea .itemimg{
	margin:0 0 30px 0;
	padding:0;
	width:280px;
	height:280px;
	overflow:hidden;
	background-color:#F1FAFD;}
	
#contents #detail #imgarea .itemimg img{
	margin:0;
	padding:0;
	width:280px;}

/*その他の商品画像*/
#contents #detail #imgarea .thumbnail_area{
	margin:0;
	padding:1px 0;
	width:280px;
	text-align:center;}

#contents #detail #imgarea .thumbnail_area img{
	margin:0;
	padding:0;
	width:30px;
	height:30px;
	}
	
#contents #detail #imgarea .thumbnail_area a{margin:0 1px;text-decoration:none;}
#contents #detail #imgarea .thumbnail_area a:link img{border:1px solid #cccccc;}
#contents #detail #imgarea .thumbnail_area a:visited img{border:1px solid #cccccc;}
#contents #detail #imgarea .thumbnail_area a:active img{border:1px solid #990000;}
#contents #detail #imgarea .thumbnail_area a:hover img{border:1px solid #990000;}
	
#contents #detail #imgarea .enlarge{
	margin:0;
	padding:0;
	width:280px;
	text-align:center;}
	
#contents #detail #imgarea .allsampleimg{
	margin:15px 0;
	padding:0;
	width:280px;
	text-align:center;}


/*　詳細　各項目
------------------------------*/
#contents #detail #block{
margin:0;
padding:0 0 10px 0;
/*padding:10px 0;
border-top:1px solid #D1DDE2;*/
clear:left;}

#contents #detail #block h3{
margin:0;
padding:0 0 10px 0;
color:#E42112;
font-size:16px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;}

#contents #detail #block p{
margin:0 0 0 20px;
padding:0 0 8px 0;
}

#contents #detail #block table{
	margin:0 0 8px 20px;
	padding:0;
	border:0;
}
#contents #detail #block table th,
#contents #detail #block table td{
	padding:0 5px 8px 0;
}

/*商品登録情報*/
#contents #detail #block table.fileinfo th{
	font-weight:bold;
}

/*この商品には以下のファイルが含まれています*/
#contents #detail #block table.filename td{
width:20em;
white-space:nowrap;
}

/*他にもこんな商品があります*/
#contents #detail #block .otherfile{
margin:0 0 8px 20px;
padding:0;
width:95%;
clear:left;
}

#contents #detail #block .otherfile .box{
margin:0 20px 10px 0;
padding:0;
width:150px;
float:left;
}

#contents #detail #block .otherfile .box img{
	margin:0 0 2px 0;
	padding:0;
	width:100px;
	height:100px;
}

#contents #detail #block .otherfile .box p{
	margin:0;
	padding:0;
}

#contents #detail #block .otherfile .box .price{
font-family:verdana,arial,helvetica,sans-serif;
}

/* ショッピングカートに入れるエリア
------------------------------*/
#contents #rbox{
margin:0px 0 0 20px;
padding:0px;
width:215px;
background-image: url(/dccartstore/images/common/rbox_body.gif?1252397374);
background-repeat: repeat-y;
text-align:center;
float:right;
}

#contents #rbox .top{
margin:0;
padding:20px 0 0 0;
width:215px;
background-image: url(/dccartstore/images/common/rbox_top.gif?1252397374);
background-repeat:no-repeat;
text-align:center;
}
#contents #rbox .top p{
margin:0 10px 8px 10px;
padding:0;
}

#contents #rbox .top .price{
font-size:12px;
font-family: verdana,arial,helvetica,sans-serif;
/*letter-spacing:-1px;*/}

#contents #rbox .bottom{
margin:0;
padding:0 0 20px 0;
width:215px;
background-image: url(/dccartstore/images/common/rbox_bottom.gif?1252397374);
background-repeat:no-repeat;
background-position:bottom;
text-align:left;
}

#contents #rbox .bottom p{
margin:10px 10px;
padding: 0;
color:#133EA5;/*#005E99*/
}

/*------------------------------------------------------------------------------------------
　★01 ショッピングカート・04 ご購入内容確認　共通★
------------------------------------------------------------------------------------------*/

#contents #block .cart table{
margin:0;
width:100%;
}

#contents #block .cart table th{
/*padding:7px 5px;*/
color:#000000;
font-weight:bold;
}

#contents #block table.btn_next{
    margin:6px 0;
    width:100%;
	border:none;
	text-align:right;
	vertical-align:middle;
}

#contents #block .cart table td{
	padding:15px 5px;
	border-bottom:1px solid #D1DDE2;
	vertical-align:middle;
}

#contents #block .cart table td.date{
    width:180px;
}

/*ご購入内容確認*/
#contents #block .cart table td.total{
font-size:18px;
text-align:right;
}

/*------------------------------------------------------------------------------------------
　02 お客様情報入力
------------------------------------------------------------------------------------------*/

/*登録情報　フォーム*/
#contents #block .registration{
margin:15px	0 0 30px;
padding:0;
}

#contents #block .registration .box{
margin:0 50px 50px 0;
padding:0;
width:350px;
float:left;
/*border:1px solid #E3DCB6;*/
}


#contents #block .registration .box table{
    margin:0 1em 30px 1em;
	border:none;
	table-layout:fixed;
}

#contents #block .registration .box table th{
	padding:8px 5px;
	vertical-align:top;
	width:90px;
}

#contents #block .registration .box table td{
	padding:8px 5px;
	vertical-align:top;
	line-height:150%;
}

#contents #block .registration .box p{
margin:0 0 0 1em;
padding:0 0 2px 0;
color: #660000;
}

/*------------------------------------------------------------------------------------------
　02 お客様情報入力（レイアウト縦ver）
------------------------------------------------------------------------------------------*/

/*登録情報　フォーム*/
#contents #block .registration{
margin:15px	0 0 30px;
padding:0;
}

#contents #block .registration table{
    margin:0 1em 30px 50px;
	border:none;
}

#contents #block .registration table th{
	padding:10px 5px;
	vertical-align:top;
	width:100px;
}

#contents #block .registration table td{
	padding:8px 5px;
	vertical-align:top;
	line-height:150%;
}

#contents #block .registration p{
margin:0 0 0 1em;
padding:0 0 2px 0;
color: #660000;
}


/*------------------------------------------------------------------------------------------
　03 支払情報入力
------------------------------------------------------------------------------------------*/

/*支払い方法選択　フォーム*/
#contents #block .payment{
margin:15px	0 0 30px;
padding:0;
}

#contents #block .payment .box{
margin:0 50px 50px 0;
padding:0;
float:left;
width:55%;
/*border:1px solid #E3DCB6;*/
}


#contents #block .payment .box table{
    margin:0 1em;
	border:none;
}

#contents #block .payment .box table th{
	padding:8px 5px 8px 2.5em;
	vertical-align:top;
	width:120px;
}

#contents #block .payment .box table td{
	padding:8px 5px;
	vertical-align:top;
	line-height:150%;
}
#contents #block .payment .box table td span{
font-size:10px;
color:#990000;
}

#contents #block .payment .box p{
margin:0 0 0 1em;
padding:0 0 2px 0;
color: #660000;
}

#contents #block .payment .creditcard{
margin:0 50px 0 0;
padding:0;
text-align:center;
width:25%;
float:right;
border-style:solid;
border-width:1px;
}

#contents #block .payment .creditcard p{
padding:2px;
font-size:12px;
font-weight:bold;
text-align:center;
}

#contents #block .payment .creditcard img{
margin:5px 2px 7px 2px;
}


/*------------------------------------------------------------------------------------------
  04 ご購入内容確認
------------------------------------------------------------------------------------------*/

#contents #block .account_info{
margin:0;
width:100%;}
#contents #block .account_info table{
margin:0;
}
#contents #block .account_info table th{
padding:5px;
font-weight:bold;
}
#contents #block .account_info table td{
padding:5px;
}


/*------------------------------------------------------------------------------------------
  05 会計
------------------------------------------------------------------------------------------*/

#contents #block .completion{
margin:0 0 0 50px;
}

#contents #block .completion .sendreceipt{
margin:40px 50px 50px 0;

font-size:12px;
/*padding:20px;
border:2px solid #003399;*/
}

#contents #block .completion span.email{
margin:0 1em;
}

#contents #block .dlurl{
margin:30px 50px 0px 50px;
padding:20px;
font-size:16px;
text-align:center;
border:2px solid #003399;}


/*------------------------------------------------------------------------------------------
  06 ダウンロード
------------------------------------------------------------------------------------------*/

#contents #block .download{
margin:0;
padding:0 0 20px 0;
font-size:12px;
/*border-bottom:1px solid #D1DDE2;*/
}

#contents #block .download h5{
margin:0;
padding:10px 5px;
font-size:12px;
font-weight:bold;
}

#contents #block .download .item{
margin:0 0 0 50px;
}

/*ダウンロード商品　テーブル*/
#contents #block .download .item table{
margin:0 0 5px 0;
width:100%;
/*border-bottom:1px solid #D1DDE2;*/
}

#contents #block .download .item table td{
padding:10px 0 0 0;
vertical-align:top;
}

#contents #block .download .item table td.filename{
padding:10px 0 0 0;
width:25%;
}

#contents #block .download .item table td.filetype{
width:20%;
}

/*ダウンロード可能　ステータス*/
#contents #block .download .item table dl{
margin:0;
}

#contents #block .download .item table dt{
margin:0;
float:left;
}

#contents #block .download .item table dd{
margin-left:10em;
padding:0 0 5px 0;
}

/*---------------------
Twitter image link
---------------------*/

a.twitterLink img {
	padding: 4px;
	opacity: 1; /* IE以外透過設定 */
	filter: Alpha(opacity=100); /* IE用透過設定 */
}

a.twitterLink:hover img {
	opacity: 0.6; /* IE以外透過設定 */
	filter: Alpha(opacity=60); /* IE用透過設定 */
}