/* CSS Document */

/********************************************************************/
/* 大外 */
#container {
	width: 1020px;
	background-repeat: no-repeat;
	background-position:top right;
	background-color: #FFFFFF;
	font-size: 12px;
}

/********************************************************************/
/* ヘッダー */
#header {
	width: auto;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

/* ヘッダー下ライン */
#bline {
	width: 1020px;
	height: 1px;
	margin: 0px;
	padding: 0px;
}

/********************************************************************/
/* キャッチコピー */
#copy {
	width: auto;
	margin: 0px;
        padding: 8px 0px 5px 6px;	
	font-size: 11px;
        color: #990000;
}

/* リンク色 */
#copy A:link {
    color: #000000;
    font-size: 12px;
}

#copy A:active {
    color: #000000;
    font-size: 12px;
}

#copy A:visited {
    color: #000000;
	font-size: 12px;
}

#copy A:hover {
    color: #000000;
	font-size: 12px;
} 

/********************************************************************/
/* ショップロゴ画像の場合使用 */
.shoplogo A {
      display: block;
      width: 360px;
      height: 40px;
      margin: -5px 10px 0px -5px;
      background-image: url();
}

.shoplogo img {
       visibility: hidden;
}

/* ショップロゴテキストの場合使用 */
.shoptext {
	width: 120px;
	margin: 40px 0px 0px 5px;
    text-indent: -9999px;
display:none;
}

/* ショップロゴリンク色 */
.shoptext A:link {
    color: #990000;
    font-size:12px;
	font-weight: bold;
}

.shoptext A:active {
    color: #990000;
    font-size:12px;
	font-weight: bold;
}

.shoptext A:visited {
    color: #990000;
    font-size:12px;
	font-weight: bold;
}

.shoptext A:hover {
    color: #990000;
    font-size:12px;
	font-weight: bold;
}

/********************************************************************/
/* サブナビゲーション */
.subnavi {
	width: 400px;
	padding: 20px 5px 5px 170px;
	margin: 0px;
	position: absolute;
	top: -90px;
	/*MacIE以外のブラウザ用\*/
    	top: 30px;
    /**/
	color: black;
		border-style:none;
		font-size: 12px;
}

/* サブナビリンク色 */
.subnavi a:link {
 	color: #990000;
 		border-style:none;
 		    font-size:12px;

}

.subnavi a:active {
color: #990000;
	border-style:none;
	    font-size:12px;
}

.subnavi a:visited {
    color: #990000;
	border-style:none;
	    font-size:12px;
}

.subnavi a:hover {
    color: #990000;
    	border-style:none;
    	    font-size:12px;
}

/* ご利用案内アイコン　
※アイコンサイズ横15px×縦15px
※アイコン系はalignでなく左マージンで右にあわせる */
.subicon01 {
	height: 15px;
	padding-left: 17px;
	padding-right: 10px;
	border-style:none;
	position: static;

	}

/* お問い合わせアイコン　
※アイコンサイズ横15px×縦15px */
.subicon02 {
	height: 15px;
	padding-left: 10px;
	padding-right: 17px;
	border-style:none;
	position: static;


}
/* その他順行系アイコン　
※アイコンサイズ横15px×縦15px */

.subicon03 {
	height: 15px;
	background-image: url(img/icon03.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;

}
/* 画面を閉じるアイコン　
※アイコンサイズ横15px×縦15px */

.subicon04 {
	height: 15px;
	background-image: url(img/icon_winclose.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;

}

/********************************************************************/
/* 横幅ボックス */

/* 左、右用枠160 */
.side_box {
	width: 150px;
	margin: 0px 5px 10px 5px;
	padding: 0px;
}

/* 中央用枠160 */
.center_box {
	width: 830px;
	margin: 0px 0px 20px;
	padding: 0px;
}

/********************************************************************/
/* 左領域 */
/* カテゴリ一覧 */
/* カテゴリ一覧タイトル　
※背景画像横160px、縦は設定、空白は高さ指定 */
.category_title {
	width: auto;
	height: 17px;
	background-image: url('http://www.den-shin-doh.com/data/den-shin-doh/image/menu_bg0305.gif');
	margin: 0px;
	padding: 3px 0px 0px 5px;
}

/* カテゴリ一覧部分 */
.category_list {
	width: auto;
	margin: 0px;
	padding: 5px 0px 5px;
	color: #000000;
}

/*　親カテゴリの色※特集も共通 */
.mcategory A:link {
	color: #000000;
        text-decoration: none;
}

.mcategory A:active {
	color: #000000;
        text-decoration: none;
}

.mcategory A:visited {
	color: #000000;
        text-decoration: none;
}

.mcategory A:hover {
	color: #000000;
        text-decoration: none;
}

/********************************************************************/
/* 特集 */

/* タイトル　
※背景画像横160px、縦は設定、空白は高さ指定 */
.pickup_category_title {
	width: auto;
	height: 17px;
	background-image: url('http://www.den-shin-doh.com/data/den-shin-doh/image/menu_bg0305.gif');
	margin: 0px;
	padding: 3px 0px 0px 5px;
}

/* 内容 */
.pickup_category_list {
	width: auto;
	margin: 0px;
	padding: 5px 0px 5px;
	color: #000000;
}

/********************************************************************/
/* ナビゲーション　
※背景画像横160px、縦は設定、空白は高さ指定 */
.navi {
	width: auto;
	margin: 0px;
	padding: 0px;
}

/* リンク色 */
.navi A:link {
    color: #990000;
        font-size:12px;
}

.navi A:active {
    color: #FF6600;
        font-size:12px;
}

.navi A:visited {
    color: #990000;
        font-size:12px;
}

.navi A:hover {
    color: #FF6600;
        font-size:12px;
}

/* ショップ通信 */
.shop {
	width: auto;
	height: 0px;
        text-indent: -9999px;
}

/* 店長日記 */
.diary {
	width: auto;
	height: 0px;
        text-indent: -9999px;
}

/* リンク集 */
.link {
	width: auto;
	height: 17px;
	background-image: url(img/icon03.gif);
	background-repeat: no-repeat;
	background-position: 3%;
	margin: 5px 0px 5px;
	padding: 3px 0px 0px 25px;
}

/* 掲示板 */
.bbs {
	width: auto;
	height: 0px;
        text-indent: -9999px;
}

/* フリー */
.free_menu {
	width: auto;
	height: 17px;
	background-image: url(img/icon03.gif);
	background-repeat: no-repeat;
	background-position: 3%;
	margin: 7px 0px 7px;
	padding: 3px 0px 0px 25px;
}


/********************************************************************/
/* ショッピングカート */

/* カートタイトル　
※背景画像横160px、縦は設定、空白は高さ指定 */
.shopc_title {
	width: auto;
	height: 17px;
	background-image: url('http://www.den-shin-doh.com/data/den-shin-doh/image/menu_bg0305.gif');
	margin: 0px;
	padding: 3px 0px 0px 5px;
}

/* カートの中身大枠 */
.shopc_list {
	width: auto;
	margin: 0px;
	padding: 0px 0px 5px;
}

/* カートの中身タイトル　
※アイコンサイズ横25px×縦20px */
.shopc_in_title {
	width: auto;
	height: 20px;
	margin: 0px;
	padding-left: 5px;
	padding-top: 7px;
	color: #000000;
}

/* カートの中身商品リスト */
.shopc_in {
	width: auto;
	margin: 1px 0px 0px;
	padding: 5px;
	font-size: 10px;
	border-top: 1px solid #CCCCCC;
}

/* レジに行く */
.shopc_go {
	width: auto;
	margin: 0px;
	padding: 5px;
}

/********************************************************************/
/* メインコンテンツ領域 */

/* メイン写真 */
#photo {
	width: 700px;
	height: 110px;
	margin: 0px;
	padding: 0px;
}

/* 左td */
#lefttd {
    width: 160px;
	padding: 4px 0px 0px;
	margin: 0px;
}

/* 中央td */
#centertd {
    width: 490px;
	padding: 5px 15px 15px;
	margin: 0px;
}

/* 右td */
#righttd {
    width: 160px;
	padding: 4px 5px 15px;
	margin: 0px;
}

/* 内部ページtd 
#pagetd {
}
*/

/* 写真影 */
.photo_line_80 {
	width: 80px;
	height: auto;
	border-right: 0px solid #666666;
	border-bottom: 0px solid #666666;
	margin: 0px;
	padding: 0px;
}

.photo_line_140 {
	width: 140px;
	height: auto;
	border-right: 0px solid #666666;
	border-bottom: 0px solid #666666;
	margin: 0px;
	padding: 0px;
}

.photo_line_250 {
	width: 250px;
	height: auto;
	border-right: 0px solid #666666;
	border-bottom: 0px solid #666666;
	margin: 0px;
	padding: 0px;
}

.photo_line {
	width: auto;
	height: auto;
	border-right: 0px solid #666666;
	border-bottom: 0px solid #666666;
	margin: 0px;
	padding: 0px;
}

/* リンク用枠※買い物かご等の下ボタン枠 */
.link_bot_box {
	width: auto;
	border: 1px solid #E3E3E3;
	padding: 5px;
	margin: 5px 200px 5px 200px;
	text-align: center;
}

/* トップテーブル幅 */
.auto {
    width:100%;
	font-size: 12px;
}

/********************************************************************/
/* Welcome */

/* 大枠上 
※背景画像横490px、縦は設定、空白は高さ指定 */
.welcome_top {
	width: auto;
	height: 17px;
	background-image: url('http://www.den-shin-doh.com/data/den-shin-doh/image/menu_bg0305.gif');
	margin: 0px;
	padding: 3px 0px 0px 5px;
        color: #FFFFFF;
        font-size: 11px;
}

/* 大枠中 */
.welcome_middle {
	width: auto;
	margin: 0px;
	padding: 5px 10px 0px;
}

/* 大枠下 */
.welcome_bottom {
	width: auto;
	margin: 0px;
	padding: 0px;
}

/* 写真 */
.photo_welcome {
	width: auto;
	margin: 0px 10px 0px 0px;
	float:left;
}

/********************************************************************/
//* 最新情報 */

/* 大枠上　
※背景画像横490px、縦は設定、空白は高さ指定 */
.whatnew_top {
	width: 800px;
	height: 20px;
	border-bottom: 1px solid #716459;
	margin: 0px;
	padding: 10px 0px 0px 5px;
	font-size: 25px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	color: #433830;
}

/* 大枠中 */
.whatnew_middle {
	width: auto;
	margin: 0px 5px 0px 0px;
	padding: 5px 0px 0px 0px;
}

.whatnew_middle li {
    font-size: 15px;
}
.whatnew_middle li a{
    font-size: 15px;
    letter-spacing:0.5em;
}


/* 大枠下 */
.whatnew_bottom {
	width: auto;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

/********************************************************************/
/* 商品関連レイアウト */

/* スタイル1　中央上 */

/* 大枠上 
※背景画像横490px、縦は設定、空白は高さ指定 */
.style1_top {
	width: auto;
	height: 20px;
	border-bottom: 1px solid #716459;
	margin: 0px;
	padding: 10px 0px 0px 5px;
	font-size: 14px;
	font-weight: bold;
    font-family: "Times New Roman", Times, sans-serif;
	color: #433830;	
}

/* 大枠中 */
.style1_middle {
	width: 480px;
	margin: 0px;
	padding: 10px;
}

/* 大枠下 */
.style1_bottom {
	width: auto;
	margin: 0px;
	padding: 0px;
}

/* コピー */
.style1_copy {
	width: auto;
	margin: 0px;
	font-size: 10px;
}

/* 各テーブル枠上　
※背景画像横478px(外ボーダーにより変動)、縦は設定、空白は高さ指定 */
.style1_table_top {
    width: auto;
	margin: 5px 0px 0px;
    padding: 0px;
}

/* 各テーブル枠中 */
.style1_table_middle {
    width: auto;
	background-image: url(img/td_bg.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 10px;
}

/* 各テーブル枠下 */
.style1_table_bottom {
    width: auto;
	margin: 0px;
	padding: 0px;
}

/* テーブル */
.style1_table {
	width: 460px;
	margin: 0px;
	padding: 0px;
}

/* 写真 */
.style1_photo {
	width: auto;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

/* 説明 */
.style1_text {
	width: auto;
	margin: 0px;
	padding: 5px;
	font-size: 10px;
}

/* 商品名 */
.item_name {
	font-size: 14px;
	color: #990000;
        font-weight: bold;
}

/* 価格 */
.price {
	font-size: 10px;
	color: #5C2E2E;
	font-weight: bold;
	font-family: "ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/* 価格大 */
.priceb {
	font-size: 12px;
	color: #5C2E2E;
	font-weight: bold;
	font-family: "ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/* 在庫ありなし */
.stock {
	color: #5C2E2E;
}

/********************************************************************/
/* スタイル2　中央下 */

/* 大枠上 
※背景画像横490px、縦は設定、空白は高さ指定 */
.style2_top {
	width: 630px;
	height: 20px;
	border-bottom: 1px solid #716459;
	margin: 0px;
	padding: 10px 0px 0px 5px;
	font-size: 14px;
	font-weight: bold;
    font-family: "Times New Roman", Times, sans-serif;
	color: #433830;
}

/* 大枠中 */
.style2_middle {
	width: 630px;
	margin: 0px;
	padding: 10px;
}

/* 大枠下 */
.style2_bottom {
	width: auto;
	margin: 0px;
	padding: 0px;
}

/*　コピー　*/
.style2_copy {
	width: auto;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}

/* 各テーブル枠上　
※背景画像横478px(外ボーダーにより変動)、縦は設定、空白は高さ指定 */
.style2_table_top {
    width: 630px;
	margin: 5px 0px 0px;
    padding: 0px;
}

/* 各テーブル枠中 */
.style2_table_middle {
    width: 630px;
	background-image: url(img/td_bg.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 10px;
}

/* 各テーブル枠下 */
.style2_table_bottom {
    width: 630px;
	margin: 0px;
	padding: 0px;
}

/* テーブル */
.style2_table {
	width: 630px;
	margin: 0px;
	padding: 0px;
}

/* 写真 */
.style2_photo {
	width: auto;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

/* 説明 */
.style2_text {
	width: auto;
	margin: 0px;
	padding: 5px;
	font-size: 10px;
}

/* 2-5位テーブル */
.style2_rank_table {
	width: 460px;
	padding: 0px;
}

/* 2-5位テーブルの各ｔｄ */
.style2_rank_table td {
    width: 114px;
}

/* 2-5位セル */
.style2_rank {
	width: auto;
	margin: 0px 1px;
	padding: 4px;
	font-size: 10px;
}

/* 2-5位写真 */
.style2_rank_photo {
	width: 80px;
	margin: 0px 12px;
	padding: 0px;
}

/* 2-5位説明 */
.style2_rank_text {
	width: 80px;
	margin: 0px 8px;
	padding: 5px 0px;
	font-size: 10px;
}

/* 1位テキスト */
.rank1 {
	font-size: 12px;
	width: auto;
	padding-left: 5px;
	color: #856767;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}

/* 2-5位テキスト */
.rank2-5 {
	font-size: 12px;
	color: #856767;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}

/********************************************************************/
/* 右領域 */

/* スタイル3 */

/* 大枠上 
※背景画像横160px、縦は設定、空白は高さ指定 */
.style3_top {
	width: auto;
	height: 17px;
	background-image: url('http://www.den-shin-doh.com/data/den-shin-doh/image/menu_bg0305.gif');
	margin: 0px;
	padding: 3px 0px 0px 5px;
        color: #FFFFFF;
}

/* 大枠中 */
.style3_middle {
	width: auto;
	margin: 0px;
	padding: 5px;
}

/* 大枠下 */
.style3_bottom {
	width: auto;
	margin: 0px;
}

/* コピー */
.style3_copy {
	width: auto;
	margin: 0px;
	padding: 2px;
	font-size: 10px;
	text-align: center;
}

/* テーブル */
.style3_table {
	width: auto;
	background-image: url(img/td_bg.gif);
	background-repeat: no-repeat;
	margin-top: 5px;
	padding: 10px 5px 5px;
}

/* 写真 */
.style3_photo {
	width: 80px;
	margin: 0px;
	padding: 0px 25px;
}

/* 説明 */
.style3_text {
	width: auto;
	margin: 5px 0px 0px;
	padding: 5px;
	font-size: 10px;
}

/********************************************************************/
/* メルマガ */

/* 大枠上 
※背景画像横160px、縦は設定、空白は高さ指定 */
.melmaga_top {
	width: auto;
	height: 17px;
	background-image: url('http://www.den-shin-doh.com/data/den-shin-doh/image/menu_bg0305.gif');
	margin: 0px;
	padding: 3px 0px 0px 5px;
}

/* 大枠中 */
.melmaga_middle {
	width: auto;
	margin: 0px;
	padding: 5px;
}

/* 大枠下 */
.melmaga_bottom {
	width: auto;
	margin: 0px;
}

/* 内容 */
.mdata {
	font-size: 10px;
	line-height: 140%;
	margin: 0px 5px 0px 5px;
}

/********************************************************************/
/* 店長日記 */

/* 大枠上
※背景画像横160px、縦は設定、空白は高さ指定 */
.tdiary_top {
	width: auto;
	height: 17px;
	background-image: url('http://www.den-shin-doh.com/data/den-shin-doh/image/menu_bg0305.gif');
	margin: 0px;
	padding: 3px 0px 0px 5px;
    color: #FFFFFF;
    font-size: 11px;
}

/* 大枠中 */
.tdiary_middle {
	width: auto;
	margin: 0px;
	padding: 5px;
}

/* 大枠下 */
.tdiary_bottom {
	width: auto;
	margin: 0px;
}

/* 写真 */
.tphoto {
	width: 60px;
	float: left;
	margin: 0px 0px 0px 1px;
	padding: 0px;
}

/* プロフィール */
.tdata {
	width: 60px;
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	font-size: 10px;
}

/* プロフィールタイトル */
.ttitle {
	margin: 0px;
	padding: 0px;
	color: #000000;
}

/* コメント */
.tcom {
	margin: 5px 5px 0px;
	padding: 5px;
	font-size: 10px;
	border-top: 1px solid #E3E3E3;
}

/**********************************/
/* 第二階層 */

/* 第二階層パンクズ下大枠 */
#pagemain {
	width: 815px;
	margin: 0px;
	padding: 0px 0px 0px
}

/* 第二階層パンクズ */
#pan {
	padding: 10px;
    width: auto;
}

/* 第二階層タイトル 
※背景画像横670px、縦は設定(15px以上)、空白は高さ指定 */
.ptitle {
	width: 815px;
	height: 17px;
	background-image: url('http://www.den-shin-doh.com/data/den-shin-doh/image/menu_bg0305.gif');
	margin: 0px;
	padding: 3px 0px 0px 5px;
        color: #FFFFFF;
        font-weight: bold;
}

/* 第二階層中 */
.pmiddle {
	width: 815px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 15px 5px 1px;
}

/* 第二階層中透明指定 */
#container .pmiddle {
    background-color: transparent; 
}

/* 第二階層下 */
.pbottom {
	width: 815px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px 5px 5px;
}

/* カートに入れる・お問い合わせボタン枠 */
.item_bot_box {
	margin: 0px;
	padding: 5px;
	border-top: 1px solid #E3E3E3;
	color: #999999;
}

.item_bot_box2 {
	margin: 5px 0px;
	padding: 10px 5px;
	border-top: 1px solid #E3E3E3;
}

/********************************************************************/
/* 商品一覧ページ */

/* 商品一覧タイトル　
※アイコンサイズ横35px×縦35px */
.list_name {
	width:450px;
	height: auto;
	background-image: url(img/icon_sub_title01.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 5px 0px 5px 25px;
	font-size: 14px;
	float: left;
	color: #000000;
}

/* ソート */
.list_soat {
	width: 300px;
	margin-left: 500px;
	padding: 5px 0px 0px 15px;
	font-size: 12px;
}

/* 商品数 */
.list_count {
	width: auto;
	border-top: 1px solid #E3E3E3;
	margin: 0px 10px 5px;
	padding: 5px 0px 0px 5px;
}

/* 各テーブル枠上　
※背景画像横638px(外ボーダーにより変動)、縦は設定(15px以上)、空白は高さ指定 */
.list_table_top {
    width: 760px;
	margin: 10px 10px 0px;
    padding: 0px;
}

/* 各テーブル枠中 */
.list_table_middle {
width: 760px;
	background-image: url(img/td_bg.gif);
	background-repeat: no-repeat;
	margin: 0px 10px;
	padding: 10px;
}

/* 各テーブル枠下 */
.list_table_bottom {
 width: 760px;
	margin: 0px 10px;
	padding: 0px;
}

/* 商品一覧テーブル */
.list_item_table {
width: 760px;
	margin: 0px;
	padding: 0px;
}

/********************************************************************/
/* 商品詳細ページ */

/* テーブル枠上　
※背景画像横638px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.detail_table_top {
	width: 420px;
	padding: 0px;
	margin: 10px 10px 0px 10px;
}

/* テーブル枠中 */
.detail_table_middle {
	width: 420px;
	background-color: #FFFFFF;
	padding: 10px;
	margin: 0px 10px 0px 10px;
}

/* テーブル枠下 */
.detail_table_bottom {
	width: 420px;
	padding: 0px;
	margin: 0px 10px 10px;
}

/* 商品詳細テーブル */
.detail_item_table {
	width: 800px;
	margin: 0px;
	padding: 0px;
}

/* 商品詳細商品説明 */
.detail_item_text {
	width: auto;
	background-image: url(img/td_bg.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 5px 0px;
	padding: 10px;
	font-size: 12px;
	line-height: 160%;
}

/* 商品詳細サブタイトル 
※背景画像横638px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.detail_sub_title {
	width: auto;
	height: 20px;
	margin: 10px 0px 5px 0px;
	padding: 10px 0px 0px 5px;
	font-size: 12px;
	color: #990000;
}

/* 詳細説明 */
.detail_sub_table {
	width: 620px;
	margin: 0px;
	padding: 0px;
}

/* 他の写真 */
.detail_sub_table02 {
	width: 620px;
	margin: 0px;
	padding: 5px 0px 0px;
}

/* 詳細説明テキスト */
.detail_sub_text {
	width: auto;
	background-image: url(img/td_bg.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 10px;
	font-size: 12px;
	line-height: 140%;
}

/* 他の写真サブセル */
.sub_item {
	width: auto;
	background-image: url(img/td_bg.gif);
	background-repeat: no-repeat;
	margin: 0px 5px 5px;
	padding: 10px;
	font-size: 12px;
	line-height: 140%;
}

/* セル幅 */
.detail_sub_table02 td {
    width: 200px;
}

/* 他の商品写真 */
.sub_item_photo {
	width: auto;
	height: auto;
	margin: 5px 15px;
	padding: 0px;
}

/********************************************************************/
/* 内部ページのテーブル　※ptitle～pbottomの内側で使用 */

/* 内部ページの上　
※背景画像横618px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.page_table_top {
	width: auto;
	height: 20px;
        border-bottom: 2px solid #990000;
	margin: 10px 20px 0px;
	padding: 10px 5px 0px 5px;
	font-size: 14px;
	font-weight: bold;
	color: #990000;
}

/* 内部ページの中 */
.page_table_middle {
	width: auto;
	margin: 0px 20px;
	padding: 10px;
}

/* 内部ページの下 */
.page_table_bottom {
	width: auto;
	margin: 0px 20px;
	padding: 5px;
}

/* 内部ページの上※デザイン違い
かごSTEP1お客様情報の入力、STEP3、4の確認画面で使用 */
.page_table2_top {
	width: auto;
	height: 20px;
        border-bottom: 2px solid #990000;
	margin: 10px 20px 0px;
	padding: 10px 5px 0px 5px;
	font-size: 14px;
	font-weight: bold;
	color: #990000;
}

/* 内部ページの中 */
.page_table2_middle {
	width: auto;
	margin: 0px 20px;
	padding: 10px;
}

/* 内部ページの下 */
.page_table2_bottom {
	width: auto;
	margin: 0px 20px;
	padding: 5px;
}

/* 内部ページbbs用 
背景画像横幅522px　middleボーダー設定なしの場合520px */
.page_table3_top {
        width: auto;
	height: 20px;
        border-bottom: 2px solid #990000;
	margin: 10px 20px 0px;
	padding: 10px 5px 0px 5px;
	font-size: 14px;
	font-weight: bold;
	color: #990000;
}

/* 内部ページの中 */
.page_table3_middle {
	width: auto;
	margin: 0px 20px;
	padding: 10px;
}

/* 内部ページの下 */
.page_table3_bottom {
	width: auto;
	margin: 0px 20px;
	padding: 5px;
}

/* 内部ページサブ上　
※アイコンサイズ横35px×縦35px */
.page_sub_top {
	width: auto;
	height: 25px;
	background-image: url(img/icon_sub_title01.gif);
	background-repeat: no-repeat;
    border-bottom: 1px solid #E3E3E3;
	margin: 15px 0px 5px;
	padding: 5px 0px 0px 25px;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

/* 内部ページサブ上　
※アイコンサイズ横35px×縦35px
ご利用案内で使用 */
.page_sub2_top {
	width: auto;
	height: 25px;
	background-image: url(img/icon_sub_title01.gif);
	background-repeat: no-repeat;
    border-bottom: 1px solid #E3E3E3;
	margin: 15px 0px 5px;
	padding: 5px 0px 0px 25px;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

/* 内部テーブルフレーム */
.table_fream {
    width: 600px ;
}

/********************************************************************/
/* カートの中身 */

/* カートの中身テーブル */
.cart_table {
	width: 600px;
	margin-bottom:5px;
}

/* カートの中身テーブル　
※配置がそのテーブル内で最も下の場合 */
.cart_table_bottom {
    width: 600px;
	margin: 0px;
	padding: 0px;
}

/* カート注意書き、パスワード、新しいカード情報、ご利用ガイド */
.point_box {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #E3E3E3;
	margin: 5px 5px 0px 5px;
	padding: 10px;
	font-size: 12px;
	line-height: 140%;
}

.point_box2 {
	width: auto;
    border-left: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
	margin: 0px 5px 8px 5px;
	padding: 5px;
	font-size: 12px;
	line-height: 140%;
}

.point_box3 {
	width: auto;
    border: 1px solid #E3E3E3;
	margin: 10px;
	padding: 5px;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
}

/* エラーボックス */
.error_box {
	width: auto;
	border: 1px solid #E3E3E3;
	margin: 5px 40px 0px;
	padding: 10px;
	font-size: 12px;
	line-height: 140%;
}
/* エラーテキスト */
.error_text {
    color: #990000;
	font-weight: bold;
}

/* テーブルパティング　
※各項目divに設定 */
.box_padding {
	padding: 2px;
}

/* カート金額 */
.cart_price_box {
	width: 150px;
	margin: 0px 0px 2px 5px;
	padding: 5px;
	text-align: right;
	font-size: 12px;
	line-height: 140%;
	border-bottom: 1px solid #E3E3E3;
}

/* カートステップテーブル */
.cart_step_table {
	width: auto;
	margin-left: 5px;
}

/* カートステップ 
※現ページはcheck 画像サイズ横幅160px */
.cart_step_1 {
	width: auto;
    background-color: #E0DFE3;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	color: #A39FAC;
}

.cart_step_2 {
	width: auto;
    background-color: #E0DFE3;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	color: #A39FAC;
}

.cart_step_3 {
	width: auto;
    background-color: #E0DFE3;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	color: #A39FAC;
}

.cart_step_4 {
	width: auto;
    background-color: #E0DFE3;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	color: #A39FAC;
}

.cart_step_1_check {
	width: auto;
    background-color: #990000;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	color: #FFFFFF;
}

.cart_step_2_check {
	width: auto;
    background-color: #990000;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	color: #FFFFFF;
}

.cart_step_3_check {
	width: auto;
    background-color: #990000;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	color: #FFFFFF;
}

.cart_step_4_check {
	width: auto;
    background-color: #990000;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	color: #FFFFFF;
}

/* 内容確認用テキスト */
.bottom_check {
	width: 598px;
	text-align: center;
	margin: 10px 20px 0px;
	padding: 5px;
}

/* フォーム系td背景 */
.td_color1 {
    background-color:#B1AEB9;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	padding: 5px;
	color: #FFFFFF;
}

.td_color2 {
    background-color:#F5F5F5;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	padding: 5px;
}

.td_color3 {
    background-color:#E0DFE3;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	padding: 5px;
	color: #797384;
}

/********************************************************************/
/* 店長日記・最新ニュース */

/* 各テーブル枠上　
※背景画像横618px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.tdiary_news_table_top {
        width: auto;
	height: 20px;
	margin: 10px 20px 0px;
	padding: 10px 5px 0px 5px;
	font-size: 12px;
        font-weight: bold;
	color: #990000;
}

/* 各テーブル枠中 */
.tdiary_news_table_middle {
	width: auto;
	background-image: url(img/td_bg.gif);
	background-repeat: no-repeat;
	margin: 0px 20px 5px;
	padding: 0px 10px 10px;
}

/* 各テーブル枠下 */
.tdiary_news_table_bottom {
	width: auto;
	margin: 0px 20px;
	padding: 0px;
}

/* テーブル */
.tdiary_news_table {
	width: 598px;
	margin: 0px;
	padding: 0px;
}

/* テキスト部分 */
.tdiary_news_text {
	width: auto;
	margin: 10px 0px 0px;
	padding: 10px;
}

/* 写真部分 */
.tdiary_news_photo {
	width: auto;
	margin: 0px;
	padding: 10px 5px 0px 0px;
}

/********************************************************************/
/* リンク集・ショップのご案内 */

/* td左 */
.td_link_shop1 {
    width: 180px;
	border-bottom: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
	padding: 5px 1px 5px 5px;
}

/* td右 */
.td_link_shop2 {
    width: auto;
	border-bottom: 1px solid #E3E3E3;
	padding: 1px;
}

/* 大枠 */
.link_shop {
	background-image: url(img/td_bg.gif);
	background-repeat: no-repeat;
    margin: 10px 5px 10px 5px;
	padding: 10px 10px 0px;
}

/* テーブル */
.link_shop_table {
	width: 628px;
	margin: 0px;
}

/* ショップタイトル項目 */
.shop_title {
	width: auto;
	height: 25px;
	background-image: url(img/icon_sub_title01.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	padding: 5px 0px 0px 25px;
	font-size: 14px;
	color: #000000;
}

/* リンクタイトル項目 */
.link_title {
	width: auto;
	margin-bottom: 5px;
	padding: 9px 0px 0px 15px;
}

/* テキスト部分 */
.shop_link_text {
	width: auto;
	margin: 0px;
	padding: 10px;
}

/********************************************************************/
/* ご利用ガイド */
.guide_text {
	width: auto;
	margin: 0px;
	padding: 0px 10px 5px;
}

/********************************************************************/
/* フッター */
#footer {
	padding: 0px 15px 15px;
	font-size: 11px;
	text-align: right;
	color: #333333;
}

/* おちゃのこ */
/* 「おちゃのこネット ホームページ作成とショッピングカート付きネットショップ開業サービス」
※上記の文言は必須項目ですので、削除する事は許可されていません。 */
#ochanoko {
	padding: 5px 15px 0px 0px;
}

/********************************************************************/
/* ウィンドウを閉じる */
.win_close {
	padding-left: 10px;
} 

.win_close A:link {
    color: #333333;
}

.win_close A:active {
    color: #333333;
}

.win_close A:visited {
    color: #333333;
}

.win_close A:hover {
    color: #666666;
}

/********************************************************************/
/* 掲示板 */

/* 大枠上　
※背景画像横618px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.bbs_table_top {
	width: auto;
	margin: 20px 20px 0px;
	padding: 5px;
}

/* 大枠中 */
.bbs_table_middle {
	width: auto;
	margin: 0px 20px;
	padding: 10px;
}

/* 大枠下 */
.bbs_table_bottom {
	width: auto;
	margin: 0px 20px 20px;
	padding: 5px;
}

/* テーブル小 */
.bbs_table_stop {
	width: 500px;
	margin-left: 50px;
	padding: 0px;
}

/*掲示板 テーブル小 */
.bbs_table_s {
	width: 500px;
	margin: 0px;
	padding: 0px;
}

/* 掲示板テーブル */
.bbs_table {
	width: 600px;
	margin: 0px;
	padding: 0px;
}

/* 掲示板tdカラー */
.bbs_td_color1 {
    width: 20px;
    background-color:#B1AEB9;
	padding: 5px;
	color: #FFFFFF;
}

.bbs_td_color2 {
    background-color:#E0DFE3;
	padding: 5px;
}

.bbs_td_color3 {
    width: 30px;
    background-color:#E0DFE3;
	padding: 5px;
}

/* 掲示板テキスト */
.bbs_text {
	width: auto;
	background-image: url(img/td_bg.gif);
	background-repeat: no-repeat;
	margin: 5px 5px 15px;
	padding: 15px;
}

/* ページ送り */
.sec_line_top {
	width: auto;
	text-align: right;
	margin: 10px 20px 0px;
	padding: 5px;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
	color: #333333;
}

/********************************************************************/
/* フォームボタン強調 */
.bot_b input {
    padding: 2px;
	background-color: #000000;
	background-image: url(img/bot_bg.gif);
	color: #FFFFFF;
	border: 0px;
}

/********************************************************************/
/* HTMLタグ要素 */
body {
background-color:#000;
background-image:url('http://www.den-shin-doh.com/data/den-shin-doh/product/bgimg2.png');
	word-break: break-all;
	margin: 0px 0px;
	padding: 0px;
	font-size: 12px;
	color: #666666;
	line-height: 140%;
	background-attachment: fixed;
	 background-color:#000;
  animation: bg-color 240s infinite;
  -webkit-animation: bg-color 240s infinite;
  -moz-animation: bg-color 240s infinite;
  -o-animation: bg-color 240s infinite;
  -ms-animation: bg-color 240s infinite;

}

A:link {
	text-decoration: underline;
	font-size: 11px;
	color: #990000;
	line-height: 140%;
}

A:active {
	text-decoration: underline;
	font-size: 11px;
	color: #FF6600;
	line-height: 140%;
}

A:visited {
	text-decoration: underline;
	font-size: 11px;
	color: #990000;
	line-height: 140%;
}

A:hover {
	text-decoration: none;
	font-size: 11px;
	color: #FF6600;
	line-height: 140%;
}

/*******見出し*******/
h1 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: normal;
}

h2 {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-weight: normal;
}

h3 {
	font-size: 11px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

ul {
	list-style-position: outside;
	margin: 0px;
	padding: 0px 3px 0px 25px;
}

/* ナビゲーション用リストアイコン
注意：リストのため画像位置が上にずれる */
.category_list li {
	padding-bottom: 5px;
	list-style-image: url(img/icon04.gif);
}

/* 特集用リストアイコン
注意：リストのため画像位置が上にずれる */
.pickup_category_list li {
	padding-bottom: 5px;
	list-style-image: url(img/icon04.gif);
}

li {
	padding-bottom: 5px;
	font-size: 12px;
	line-height: 140%;
}

form {
	margin: 0px;
	padding: 0px;
	display: inline;
}

/********************************************************************/
/* 回り込み回避用スタイル */
.clear-both {
	clear: both;
	height: 1px;
	font-size: 1px;
	text-align: center;
	overflow: hidden;
	visibility: hidden;
}

/********************************************************************/
/* フォント */

/* ボールド */
.text-bold {
    font-weight:bold;
}

/* ノーマル */
.text-normal { 
    font-weight:normal;
}

/* ボールド大 */.text-bold-b {
	font-size: 14px;
}

/* パンクズ現ページ */
.thispage {
	color: #000000;
}

/* リンク文字かご関連 */
.text-link-bot-b {
	font-size: 14px;
}

/* サイズ小用 */
.text-11 {
	font-size: 10px;
}

/* サイズ大用 */
.text-14 {
	font-size: 14px;
}

/* ショップロゴ用 */
.text-18 {
	font-size: 20px;
	line-height: normal;
}

/* 掲示板テキスト用カラー */
.bbs_color {
	color: #666666;
}

.category_title {
display: none;
}

.category_list {
display: none;
}


.pickup_category_title {
display: none;
}

.pickup_category_list {
display: none;
}

.headmenu {
width: auto;
padding: 85px 0px 0px 0px;
}

.shoplogo A {
display: none;
}

.leftmenu {
width: auto;
padding: 72px 0px 0px 0px;
}


/******年末年始休業用CSS**********/

.box_of_newyti{
border-style: double none;
padding: 20px 20px;
font-size:large;
font-weight:bold;
width:70%;
}

.box_of_newy_mes{
border-style: none;
line-height:2;
padding: 20px 15%;
font-size:120%;
width:70%;
}

.bol_si{
font-size:100%;
font-weight:bold;
color:rgb(153,0,0);
text-indent:10em;
}

.ul_li1{
padding-left:-1.0em;
font-size:100%;

}

.ul_li2{
list-style-type:none;
color:rgb(0,0,0);
text-indent:-2.0em;
font-size:100%;
}

/******　vela用CSS　******/
.bord{
border-bottom:1px solid rgb(38,38,142);
width: 100%;
}

.bgc {
width: 40%;
background-color:rgb(38,38,142);
color:rgb(255,255,255);
font-size:120%;
text-indent:1em
}

.velab{
width:100%;
text-indent:1em
}



/********　スポークカバー購入の前に　*******/



.scbbb{
width:70%;
height:1.5em;
background-color:#3366ff;
color:#ffffff;
font-size:120%;
text-indent:1em;

-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius: 30px;
behavior: url(border-radius.htc);

vertical-align: middle;
display:table-cell;
position:relative; 
left:25px;

}

.scbbb2{
width:70%;
height:1.5em;
background-color:#3366ff;
color:#ffffff;
font-size:120%;
text-indent:1em;

-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius: 30px;
behavior: url(border-radius.htc);

vertical-align: middle;
display:table-cell;
position:relative; 
left:25px;
top:-170px;

}

.sctxt{
width:90%;
padding-left:3em;
padding-bottom:1.5em;
}

.sctxt2{
width:90%;
padding-left:3em;
padding-bottom:1.5em;
position:relative; 
top:-165px;
}


.sc_imgb1{
width:180px;
padding:10px;
text-align:center;
height:160px;
position: relative;
top: 0px;
left: 0px;

}

.sc_imgb2{
width:360px;
border-left:1px solid;
padding:10px;
position:relative; 
top: -180px;
left: 185px;

}


/******* お得なお支払い方法 ********/

.otoku1{
border-style: double none;
padding: 20px 20px;
font-size:large;
font-weight:bold;
color:#028B39;
background-color:#E5FBB0;
width:70%;


}

.otoku2{
color:#028B39;
border-style: none;
line-height:2;
padding: 20px 15%;
font-size:120%;
width:70%;
}

.otoku3{
color:#028B39;
border-style: none;
line-height:2;
padding: 5px 15%;
font-size:90%;
width:70%;
}

div.otoku4 p{
padding-left:15%;
color:#000000;

font-size:120%;
}

span.otoku4 a{
color:#000000;
}

/******迷惑メール対策お知らせ用CSS**********/

.box_of_mei{
border-style: double none;
line-height:1.7;
padding: 10px 40px;
margin-left:20px;
font-size:130%;
font-weight:bold;
width:82%;
}

.box_of_mei_mes{
border-style: none;
line-height:2;
padding: 10px 40px;

font-size:120%;
width:85%;
}

/******ヘッダーボックス**********/
.head1box{
width:1000px;
}

/******newページ**********/
.mainfcont{
	width:830px;
	margin: 0 auto;
	margin-right:0px;
}
.ban1,.ban2,.ban3,.ban4,.ban4_1{
	float: left;
	display: inline;
	margin-left: 10px;
}

.ban1{
	width: 410px;
}
.ban2{
	width: 500px;
}
.ban3{
	width: 100px;
}
.ban4{
	width: 200px;
	margin-top: 10px;
}
.ban4_1{
	width: 200px;
}


.banlast1{
	float: left;
	display: inline;
	width: 100px:
	padding-left:10px;
	margin-right:0px;
}


.firstban{
	margin-left: 0;
	clear: left;
}

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix {zoom: 1;}

.jireimain{
	width:670px;
	margin: 0 auto;
}
.jirei1{
	float: left;
	display: inline;
	margin-left: 10px;
}

.jirei1{
	width: 210px;
}
.fjirei{
	margin-left: 20px;
	clear: left;
}

.img_nob{
	border-style:none;	
}

/*打ち消し線*/
.ucti {
text-decoration: line-through;
color: red;
}

/*商品説明タイトルバー*/
.p_title_bk750{
width: 750px; 
height: 30px;
font-size:15px;
line-height:30px;
color: white; 
padding-left: 20px;
background-color:#0D151F ;
background: -webkit-gradient(linear, center bottom, center top, from(#fff), color-stop(0.2, #0D151F), to(#0D151F));
background: -moz-linear-gradient(center bottom, #fff,#0D151F 20%,#0D151F);	
}
.p_title_bl750{
width: 750px; 
height: 20px;
font-size:13px;
line-height:20px;
color: white; 
padding-left: 20px;
background-color: #103F7F;
background: -webkit-gradient(linear, center bottom, center top, from(#fff), color-stop(0.2, #103F7F), to(#103F7F));
background: -moz-linear-gradient(center bottom, #fff,#103F7F 20%,#103F7F);	
}

/*アルファプラ*/
.alpha1{
width:100px;
 height:40px;
  border-width:2px;
   border-style:solid;
    border-color:navy;
     float:left;
      display:inline;
 clear:left;
     text-align:center;
     padding-top:0px;
     padding-bottom:0px;
     -webkit-border-top-left-radius: 6px;  
    -webkit-border-top-right-radius: 6px;    
    -webkit-border-bottom-left-radius: 6px;  
    -moz-border-radius-topleft: 6px;  
    -moz-border-radius-topright: 6px;  
    -moz-border-radius-bottomleft: 6px;  
	}
	
.alpha2{
	width:625px; height:32px; position: relative; top:12px; left:102px; line-height:32px;
background-color:navy; color:white; padding-left:40px;
}
.alspan1{
 line-height:25px;
 color: navy;
 font-size:20px;

}
.alspan2{
	line-height:15px;
	color:navy;
	font-size:7px;

}
#accordion{
  position:relative;
  width: 765px;
  margin: 0;
  padding: 0;
  border-top: 15px solid #1b4958;
  border-bottom: 15px solid #1b4958;
  border-radius: 3px;
  font-size: 16px;
  line-height: 1;
}

#accordion input{
  position:absolute;
  height: 0;
  padding: 0;
}

#accordion div div{
color:black;
  position: relative;

  padding: 15px 40px 12px 40px;
  border-top: 1px solid #d4ebf2;
  border-bottom: 1px solid #86c5da;
  background: #add8e6;
}
#accordion label:first-child div div{
  border-top: 0;
}
#accordion label:last-child div div{
  border-bottom: 0;
}
#accordion div div:hover{
  background: #a0d2e2;
  cursor: auto;
}
#accordion div div:before{
  position:absolute;
  top: 13px;
  left:10px;
  color: #2f7f99;
  font: 24px/100% 'Typicons';
  content: "Q.";
}
#accordion div div:after{
  position:absolute;
  top: 15px;
  right:10px;
  color: #2f7f99;
  font: 20px 'Typicons';
  content: "▼";
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
}
#accordion input:checked + div div:after{
  top: 12px;
  right: 15px;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}


#accordion span {
  display: block;
  overflow: hidden;
  height: 0;
  padding: 0px 30px;
  color: #333;
  text-decoration: none;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
  
  overflow: visible\9;
  height: auto\9;
  margin-top:10px\9;
  margin-bottom:10px\9;
  
  *overflow: visible;
  *height: auto;
  *margin-top:10px;
  *margin-bottom:10px;

  _overflow: visible;
  _height: auto;
  _margin-top:10px;
  _margin-bottom:10px;

}

#accordion input:checked + div span {
  position:relative;
  background: none;
  line-height: 1;
  height:auto;
  padding: 13px 30px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #a0d2e2;
}
#accordion input:checked + div span :before{
  position: absolute;
  top: 16px;
  left: 45px;
  color: #2f7f99;
  font:16px/100% 'Typicons';
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
}
#accordion input:checked + div span:first-child {
  border-top: 0px;
  box-shadow: 0 7px 7px -7px rgba(0,0,0,.5) inset;
}
#accordion input:checked + div span :last-child {
  border-bottom: 1px solid #d4ebf2;
}

.titb{
	style="width: 260px; border:1px black solid;"
}

.titb td{
	 border-bottom:1px black solid;"
}

.cape_p{
padding:0px 10px; 
width:750px;
color:black;  
font-size:10pt;
}

.capeA{
width:380px; 
float:left; 
padding:3px 2px; 
color:black;
}

.capeB{
width:350px; 
float:left; 
padding:3px 2px; 
margin-left:15px; 
color:black;
}

.cape_a1{
width:380px;
height:30px;
line-height:30px; 
background-color:darkblue; 
color:white; 
font-size:13px; 
text-align:center;
margin-bottom:5px;
}

.cape_b1{
width:350px;
height:30px;
line-height:30px; 
background-color:darkblue; 
color:white; 
font-size:13px; 
text-align:center;
margin-bottom:5px;
}

.cape_a2{
width:380px;
height:30px;
line-height:30px;
background-color:darkblue; 
color:white;
font-size:13px; 
text-align:center;
margin-bottom:5px;
}

.cape_b2{
width:350px;
height:30px;
line-height:30px; 
background-color:darkblue; 
color:white; 
font-size:13px; 
text-align:center;
margin-bottom:5px;
}

@-webkit-keyframes bg-color {
  0% { background-color: #000; }
  20% { background-color: #450D43 ; }
  30% { background-color: #030B53; }
  40% { background-color: #18461F; }
  50% { background-color: #450D0D; }
  60% { background-color: #18461F; }
  70% { background-color: #030B53; }
  80% { background-color: #450D43 ; }
  100% { background-color: #000; }

}

@-moz-keyframes bg-color {
  0% { background-color: #000; }
  20% { background-color: #450D43 ; }
  30% { background-color: #030B53; }
  40% { background-color: #18461F; }
  50% { background-color: #450D0D; }
  60% { background-color: #18461F; }
  70% { background-color: #030B53; }
  80% { background-color: #450D43 ; }
  100% { background-color: #000; }

}

@-o-keyframes bg-color {
  0% { background-color: #000; }
  20% { background-color: #450D43 ; }
  30% { background-color: #030B53; }
  40% { background-color: #18461F; }
  50% { background-color: #450D0D; }
  60% { background-color: #18461F; }
  70% { background-color: #030B53; }
  80% { background-color: #450D43 ; }
  100% { background-color: #000; }

}

@-ms-keyframes bg-color {

  0% { background-color: #000; }
  20% { background-color: #450D43 ; }
  30% { background-color: #030B53; }
  40% { background-color: #18461F; }
  50% { background-color: #450D0D; }
  60% { background-color: #18461F; }
  70% { background-color: #030B53; }
  80% { background-color: #450D43 ; }
  100% { background-color: #000; }

}


.volcb{
width:400px;
height:210px;
background-image:url('http://www.den-shin-doh.com/data/den-shin-doh/product/test2.png');
    animation: bg-img 40s infinite;
  -webkit-animation: bg-img 40s infinite;
}


@-webkit-keyframes bg-img {
0%{background-position:0px 0px;}
5%{background-position:0px 0px;}
10%{background-position:400px 0px;}
15%{background-position:400px 0px;}
20%{background-position:0px 210px;}
25%{background-position:0px 210px;}
30%{background-position:400px 210px;}
35%{background-position:400px 210px;}
40%{background-position:400px 0px;}
45%{background-position:400px 0px;}
50%{background-position:0px 0px;}
55%{background-position:0px 0px;}
60%{background-position:400px 210px;}
65%{background-position:400px 210px;}
70%{background-position:400px 0px;}
75%{background-position:400px 0px;}
80%{background-position:0px 0px;}
85%{background-position:0px 0px;}
90%{background-position:0px 210px;}
95%{background-position:0px 210px;}
}
@-moz-keyframes bg-img {
0%{background-position:0px 0px;}
5%{background-position:0px 0px;}
10%{background-position:400px 0px;}
15%{background-position:400px 0px;}
20%{background-position:0px 210px;}
25%{background-position:0px 210px;}
30%{background-position:400px 210px;}
35%{background-position:400px 210px;}
40%{background-position:400px 0px;}
45%{background-position:400px 0px;}
50%{background-position:0px 0px;}
55%{background-position:0px 0px;}
60%{background-position:400px 210px;}
65%{background-position:400px 210px;}
70%{background-position:400px 0px;}
75%{background-position:400px 0px;}
80%{background-position:0px 0px;}
85%{background-position:0px 0px;}
90%{background-position:0px 210px;}
95%{background-position:0px 210px;}
}
@-o-keyframes bg-img {
0%{background-position:0px 0px;}
5%{background-position:0px 0px;}
10%{background-position:400px 0px;}
15%{background-position:400px 0px;}
20%{background-position:0px 210px;}
25%{background-position:0px 210px;}
30%{background-position:400px 210px;}
35%{background-position:400px 210px;}
40%{background-position:400px 0px;}
45%{background-position:400px 0px;}
50%{background-position:0px 0px;}
55%{background-position:0px 0px;}
60%{background-position:400px 210px;}
65%{background-position:400px 210px;}
70%{background-position:400px 0px;}
75%{background-position:400px 0px;}
80%{background-position:0px 0px;}
85%{background-position:0px 0px;}
90%{background-position:0px 210px;}
95%{background-position:0px 210px;}
}
@-ms-keyframes bg-img {
0%{background-position:0px 0px;}
5%{background-position:0px 0px;}
10%{background-position:400px 0px;}
15%{background-position:400px 0px;}
20%{background-position:0px 210px;}
25%{background-position:0px 210px;}
30%{background-position:400px 210px;}
35%{background-position:400px 210px;}
40%{background-position:400px 0px;}
45%{background-position:400px 0px;}
50%{background-position:0px 0px;}
55%{background-position:0px 0px;}
60%{background-position:400px 210px;}
65%{background-position:400px 210px;}
70%{background-position:400px 0px;}
75%{background-position:400px 0px;}
80%{background-position:0px 0px;}
85%{background-position:0px 0px;}
90%{background-position:0px 210px;}
95%{background-position:0px 210px;}
}