@charset "utf-8";
@import "/Portals/0/css/system_management.css";
@import "/Portals/0/css/contents.css";
@import "/Portals/0/css/navi.css";


/* ================================
    CSS STYLES FOR infoCMS1.0
   ================================
*/ 
body, table, td, th, h1, h2, h3, h4, p, ul, dl, ol, li, dt, dd, textarea {
	font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro W3', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', 'MS P Gothic' , sans-serif;
	font-weight: normal;
	font-size:12px;
	line-height:130%;
	margin:0;
	padding:0;
}

/* clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/*-------------------------------------------------
SOLPARTMENU
--------------------------------------------------*/
.RootMenuItem, .RootMenuItem td, .RootMenuItemBreadcrumb, .RootMenuItemBreadcrumb td {
	width:200px;
	color: #666666;
	text-decoration: none;
	padding:5px 0 5px 20px;
	border-bottom:#FFFFFF solid 1px;
	border-top:#999999 solid 1px;
	background: #FFFFFF url(/Portals/0/images/common/side/icon_black.gif) no-repeat 10px;
}
.RootMenuItemSelected, .RootMenuItemSelected td {
	width:200px;
	color: #0177D0;
	text-decoration: none;
	padding:5px 0 5px 20px;
	border-bottom:#FFFFFF solid 1px;
	border-top:#999999 solid 1px;
	background: #F2F2F2 url(/Portals/0/images/common/side/icon_black.gif) no-repeat 10px ;
}
/*-------------------------------------------------
second-list(productitem-only)
--------------------------------------------------*/		
.child_item {
	margin:0 0 0 3px;
	border-bottom:#515354 solid 3px;
	width:248px;
}

.child_item p {
	margin:0;
	padding:0 0 0 10px;
	background:url(/Portals/0/images/common/side/child_nav.gif) top left repeat-y;
	height:28px;
	line-height:28px;
	font-weight:bold;
	color:#424b51;
}

.child_item ul {
	background:url(/Portals/0/images/common/product/second_nav_bg.gif) top left repeat-y;
	margin-bottom:1px;
	list-style:none;
}
.child_item ul li {
	margin:0;
	padding:0;
	list-style-position: outside;
	font-size:12px;
	color:#4b606f;
	list-style:none;
	line-height:0;
}
.child_item ul li a {
	background:url(/Portals/0/images/common/product/second_nav_border.gif) bottom left no-repeat;
	display:block;
	padding:10px 15px;
	color:#4b606f;
	text-decoration:none;
	font-weight:normal;
	line-height:normal;
}

.child_item ul li a:link {
	line-height:normal;
}
.child_item ul li a:visited{
	line-height:normal;
}
.child_item ul li a:hover {
	background:url(/Portals/0/images/common/product/second_nav_hover.gif) bottom center no-repeat;
	text-decoration: underline;
	color:#728da0;
}
/*
.child_item ul li.CurrentItem a {
	background:url(/Portals/0/images/common/product/second_nav_border.gif) bottom left no-repeat;
	display:block;
	padding:5px 15px 5px 15px;
	color:#0177D0;
	text-decoration:none;
	line-height:14px;
	font-weight:bold;
}
.child_item ul li.CurrentItem a:hover {
	background:url(/Portals/0/images/common/product/second_nav_hover.gif) bottom center no-repeat;
	display:block;
	padding:5px 15px 5px 15px;
	color:#97CDF6;
	text-decoration:none;
	line-height:14px;
	font-weight:bold;
}
*/

/*-------------------------------------------------
second-list
--------------------------------------------------*/		
	
.second-list {
	background:url(/Portals/0/images/ipod_accessory/line.gif) center top repeat-y;
}
.second-list td {
	padding:7px;
}
.second-list tr.TopBg {
	background:url(/Portals/0/images/ipod_accessory/line_top.gif) top center no-repeat;
}
.second-list tr.BottomBg {
	background:url(/Portals/0/images/ipod_accessory/line_bottom.gif) bottom center no-repeat;
}
/*-------------------------------------------------
second-page
--------------------------------------------------*/		
.border-box {
	border:#e5e6e8 solid 1px;
}
/*-------------------------------------------------
商品一覧ページ
--------------------------------------------------*/	
table.product-list {
	font-size:12px;
	background: url(/Portals/0/images/common/plus_line/product_line.gif) bottom left repeat-y;
	line-height:1.5em;
}
.product-list h3 a, .product-list-bottom h3 a {
	font-size:12px;
	font-weight:bold;
	color: #666666;
	text-decoration: none;
}
.product-list h3 a:link, .product-list-bottom h3 a:link {
	font-size:12px;
	font-weight:bold;
	color: #666666;
	text-decoration: none;
}
.product-list h3 a:visited , .product-list-bottom h3 a:visited {
	font-size:12px;
	font-weight:bold;
	color: #666666;
	text-decoration: none;
}
.product-list h3 a:hover, .product-list-bottom h3 a:hover {
	font-size:12px;
	font-weight:bold;
	text-decoration: underline;
	color: #0177D0;
}
.product-list h3, .product-list-bottom h3 {
	background: url(/Portals/0/images/common/product/product_title_bg.gif) top left no-repeat;
	font-size:12px;
	font-weight:bold;
	color:#7b878f;
	height:50px;
	margin-bottom:10px;
	line-height:1.2em;
	padding:8px 0 0 10px;
}
.product-list h3.supply-h3, .product-list-bottom h3.supply-h3{
	padding:15px 0 0 10px;
}
.product-list td, .product-list-bottom td {
	width:350px;
	padding:10px 9px 25px 6px;
	vertical-align:top;
}
.product-list td img, .product-list-bottom td img {
	float:left;
}
.product-list td p, .product-list-bottom td p {
	padding-right:10px;
}
.product-list-bottom {
	background: url(/Portals/0/images/common/product/product_bottom.gif) left bottom no-repeat;
	font-size:12px;
	line-height:1.5em;
}
/*---disc_media---*/
.product-list02 {
	width:680px;
	margin:0 auto;
}
h3.product-list02 a {
	font-size:12px;
	font-weight:bold;
	color: #666666;
	text-decoration: none;
}
h3.product-list02 a:link {
	font-size:12px;
	font-weight:bold;
	color: #666666;
	text-decoration: none;
}
h3.product-list02 a:visited {
	font-size:12px;
	font-weight:bold;
	color: #666666;
	text-decoration: none;
}
h3.product-list02 a:hover {
	font-size:12px;
	font-weight:bold;
	color: #0177D0;
	text-decoration: underline;
}

product-list02 th {
	text-align:left;
	vertical-align:top;
	width:195px;
}
.product-list02 td {
	vertical-align:top;
}
.product-list02 p {
	margin-bottom:10px;
}
.product-list02 img {
	margin-right:15px;
}

h3.product-list02  {
	font-size:14px;
	font-weight:bold;
	color:#7b878f;
	margin-bottom:10px ;
	padding-left:10px;
	height:56px;
	line-height:43px;
	background: url(/Portals/0/images/common/product/product_title_l02.gif) top left no-repeat;
}

/*---pc_supply---*/


.product-list .bottom_txt {
	clear:both;
	font-weight:bold;
}
.product-list-bottom .bottom_txt {
	clear:both;
	font-weight:bold;
}
.product-list03  {
	width:100%;
	margin-left:5px ;
	margin-top:10px;
}
.product-list03 img{
	margin-right:10px;
}
.product-list03 th {
	text-align:left;
	vertical-align:top;
}
.product-list03 td {
	vertical-align:top;
}
.product-list03 h3 {
	width:680px;
	font-size:14px;
	font-weight:bold;
	color:#7b878f;
	margin-bottom:10px ;
	padding-left:10px;
	height:56px;
	line-height:43px;
	background: url(/Portals/0/images/common/product/product_title_l02.gif) top left no-repeat;
}
.product-list03 p {
	margin-bottom:10px; line-height:15px;
}
.product-list03 ul {
	margin-bottom:5px;
}
.product-list03 li {
list-style:none; line-height:15px;
font-weight:bold;
}


/*---sideコンテンツ用---*/
.side_contentsmenu {
	width:254px;
}
.side_contentsmenu p {
	margin:0;
	padding:0;
}
.side_contentsmenu ul {
	margin:0;
	padding:0;
	margin: 0 3px 0 3px;
	border-bottom:#515354 solid 3px;
}
.side_contentsmenu ul li {
	list-style:outside;
	display:block;
	height:30px;
	width:218px;
	list-style:none;
	border-bottom: #CCCCCC solid 1px;
	margin-bottom:1px;
	line-height:30px;
	padding-left:30px;
	color:#4b606f;
	background:url(/Portals/0/images/common/side/icon_black.gif) 15px center no-repeat #F2F2F2;
}
.side_contentsmenu ul li a {
	display:block;
	height:30px;
	width:218px;
	margin-bottom:1px;
	line-height:30px;
	color:#4b606f;
	text-decoration:none;
}
.side_contentsmenu ul li a:link {
	display:block;
	height:30px;
	width:218px;
	margin-bottom:1px;
	line-height:30px;
	color:#4b606f;
	text-decoration:none;
}
.side_contentsmenu ul li a:hover {
	display:block;
	height:30px;
	width:218px;
	margin-bottom:1px;
	line-height:30px;
	color:#0177D0;
	text-decoration:underline;
}
.side_contentsmenu p.mainpage_name {
	width:233px;
	height:30px;
	margin-left:3px;
	margin-bottom:1px;
	line-height:30px;
	padding-left:15px;
	color:#FFFFFF;
	font-weight:bold;
	background: #22272D;
}

/*-------------------------------------------------
item_pickup
--------------------------------------------------*/
.item_pickup .title_img {
	margin:10px 0 20px 0;
	text-align:center;
}



.item_pickup .title_img2 {
	margin:10px 0;
}
.item_pickup h2 {
	background:url(/Portals/0/images/ipod_accessory/product_title_bg02.gif) no-repeat;
	width:700opx;
	height:40px;
	color:#2F353C;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	padding:20px 10px;
	margin:0px;
}
.item_pickup  h3 {
	background:url(/Portals/0/images/ipod_accessory/gray_title_bg.gif) no-repeat;
	width:700opx;
	height:40px;
	color:#455D79;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	padding:0 10px;
	margin:40px 0 20px 0;
	line-height:40px;
}
.item_pickup .blue_title {
	font-size:14px;
	font-weight:bold;
	margin:10px 0;
	color:#3488C6;
}
.item_pickup h4 {
	padding-bottom:15px;
}
.item_pickup .gray_ber {
	margin:10px auto 25px;
	padding-bottom:15px;
	border-bottom:#CCCCCC 1px solid;
}
.item_pickup .gray_ber table {
	width:700px;
	margin:10px auto;
	clear:both;
}
.item_pickup .gray_ber table th {
	text-align: left;
	padding: 0 17px 15px 17px;
}
.item_pickup .gray_ber table td {
	width:203px;
	padding: 0 17px;
}
.item_pickup td.gray_ber2 {
	padding: 0 17px;
}

.item_pickup .gray_ber table.image{
	width:auto;
	margin:0;
}
.item_pickup .gray_ber table.image td{
	width:200px;
	padding: 0 17px 17px 17px;
}
.item_pickup .gray_ber table.image2{
	width:auto;
	margin:0;
}
.item_pickup .gray_ber table.image2 td{
	width:300px;
	padding: 0 17px 32px 17px;
}


/*=========================================
カラーバリエーション
=========================================*/

/*5列用*/
.list_line {
	background:url(/Portals/0/images/common/product/list_line.gif) bottom no-repeat;
	width:660px;
	margin:0 auto;
}
.list_line img {
	margin:10px;
}
.list_line td {
	text-align:center;
	width:132px;
}
.list_line_bottom {
	background:url(/Portals/0/images/common/product/list_line_bottom.gif) top repeat-y;
	width:660px;
	margin:0 auto;
}

.list_line_bottom img {
	margin:10px;
}
.list_line_bottom td {
	text-align:center;
	width:132px;
}


/*4列用*/

.list_line02 {
	background:url(/Portals/0/images/common/product/list_line02.gif) bottom no-repeat;
	width:660px;
	margin:0 auto;
}
.list_line02 img {
	margin:10px;
}
.list_line02 td {
	text-align:center;
	width:135px;
}
.list_line_bottom02 {
	border-collapse:collapse;
	background:url(/Portals/0/images/common/product/list_line_bottom02.gif) top no-repeat;
	width:660px;
	margin:0 auto;
}
.list_line_bottom02 img {
	margin:10px;
}
.list_line_bottom02 td {
	text-align:center;
	width:165px;
}


/*3列用*/

.list_line03 {
	background:url(/Portals/0/images/common/product/list_line03.gif) bottom no-repeat;
	width:660px;
	margin:0 auto;
}
.list_line03 img {
	margin:10px;
}
.list_line03 td {
	text-align:center;
	width:220px;
}
.list_line_bottom03 {
	border-collapse:collapse;
	background:url(/Portals/0/images/common/product/list_line_bottom03.gif) top no-repeat;
	width:660px;
	margin:0 auto;
}
.list_line_bottom03 img {
	margin:10px;
}
.list_line_bottom03 td {
	text-align:center;
	width:220px;
}

/*2列用*/

.list_line04 {
	background:url(/Portals/0/images/common/product/list_line04.gif) bottom no-repeat;
	width:660px;
	margin:0 auto;
}
.list_line04 img {
	margin:10px;
}
.list_line04 td {
	text-align:center;
	width:330px;
}
.list_line_bottom04 {
	border-collapse:collapse;
	background:url(/Portals/0/images/common/product/list_line_bottom04.gif) top no-repeat;
	width:660px;
	margin:0 auto;
}
.list_line_bottom04 img {
	margin:10px;
}
.list_line_bottom04 td {
	text-align:center;
	width:330px;
}

/*=========================================
商品情報テーブル
=========================================*/

.gray_box table {
	width:660px;
	margin:10px auto 20px auto;
	border-collapse : collapse;
	border: 1px #CCCCCC solid;
	padding-bottom:10px;
}
table.gray_box  {
	width:660px;
	margin:10px auto 20px auto;
	border-collapse : collapse;
	border: 1px #CCCCCC solid;
	padding-bottom:10px;
}
.gray_box .ber {
	background:#B1BBBD;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	font-size:14px;
}
.gray_box th {
	color:#455D79;
	background-color:#E1E5E8;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	width:150px;
	padding:8px;
	border: 1px #CCCCCC solid;
}
.gray_box td {
	padding:8px;
	vertical-align:middle;
	border: 1px #CCCCCC solid;
}
div.gray_box2{
	width:660px;
	margin:10px auto 20px auto;
	border-collapse : collapse;
	padding-bottom:10px;
}
div.gray_box2 img{
	margin-top:10px;
}



/*---disc---*/
.disc {
	margin-bottom:50px;
	clear:both;
}
.item_pickup .disc .disctitle {
	padding:0 0 5px 30px;
	margin:0 0 20px 0;
	height:25px;
	color:#4b606f;
	font-weight:bold;
	font-size:14px;
	line-height:25px;
	background:url(/Portals/0/images/product_disc/digital_dvd-r/title_bg.jpg) left bottom no-repeat;
}
.disc table{
	margin:0px 0 10px 0;
}
.disc table th {	
	padding:10px 30px 15px 10px;
}
.disc .digital_txt  {
	clear:both;
	margin-bottom:10px;
}
.disc .digital_txt h4 {
	padding:15px 0 10px 0;
}
.disc .digital_txt td {
	vertical-align:top;
	padding:5px 0px 20px 0px;
	border-bottom:#CCCCCC solid 1px;
}
.disc .digital_photo {
	height:155px;
	margin:10px 0 20px 0;
}
.disc .digital_photo p{
	float:left;
	padding:0px;
	margin:0 15px 0 0;
}
.disc .gray_box{
	margin:5px 0 20px 0px;
	border-collapse : collapse;
	border: 1px #CCCCCC solid;
	padding-bottom:10px;
}
.disc .gray_box th {
	color:#455D79;
	background-color:#E1E5E8;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding:8px;
	border: 1px #CCCCCC solid;
}
.disc .gray_box td {
	padding:8px;
	vertical-align:middle;
	border: 1px #CCCCCC solid;
}
.attention {
	margin:20px 0;
	padding:10px;
	background:#E1E5E8;
	}
.attention .title{
	font-size:14px;
	color:#CC3300;
	font-weight:bold;
	}
.disc .p20 {
	padding:20px 0;
}
.disc .f10 {
	font-size:10px;
}
.disc .asterisk {
	margin-top:-15px;
}	


/*---news_list---*/
.news_list {
    float: left;
	font-size:12px;
	border-bottom:#cccccc solid 1px;
	margin:1px 0 0 0;
	width:100%;
	background: url(/Portals/0/images/news/news-bg.gif) repeat-y top left;
        padding:7px 0;
	}
.news_list .date {
	float:left;
	font-size:12px;
	font-weight:bold;
	text-align: center; 
	width:20%;
	line-height:20px; 
}
.news_list .description {
	font-size:12px;
	color: #666666;
	float:right;
	line-height:20px;
	width:78%;
}
.news_list .description p {
	line-height: 1.4em;
}
.news_list .description a {
    color:#666666;
    text-decoration: none;
}
.news_list .description a;link {
    color:#666666;
    text-decoration: none;
}
.news_list .description a:visited {
    color:#666666;
    text-decoration: none;
}
.news_list .description a:hover {
    color:#0177d0;
    text-decoration:underline;
}
#dnn_ctr488_Announcements_lstAnnouncements{ width:680px; }
#dnn_ctr497_ViewHistories_lstHistories{ width:890px; margin-left:40px; margin-top:15px;}




/*-----------------------------------
 商品・カテゴリ管理ボタン
----------------------------------*/

ul.management {
	background:url(/Portals/0/images/management/management.jpg) left top no-repeat;
	height:35px;
}
ul.management li {
	float:left;
	list-style:none;
}
ul.management li a {
	display:block;

	height:35px;
	overflow:hidden;
	text-indent:-9999em;
}
ul.management li.commodity a {
	height:35px;
	width:118px;
}
ul.management li.category a {
	height:35px;
	width:118px;
}

ul.management li.commodity a:hover {
	background:url(/Portals/0/images/management/management_over.jpg) 0 0 no-repeat;
}
ul.management li.category a:hover {
	background:url(/Portals/0/images/management/management_over.jpg) -118px 0 no-repeat;
}

/*-----------------------------------
 商品・カテゴリ管理ボタン
----------------------------------*/

ul.management {
	background:url(/Portals/0/images/management/management.jpg) left top no-repeat;
	height:35px;
}
ul.management li {
	float:left;
	list-style:none;
}
ul.management li a {
	display:block;
	height:35px;
	overflow:hidden;
	text-indent:-9999em;
}
ul.management li.commodity a {
	height:35px;
	width:118px;
}
ul.management li.category a {
	height:35px;
	width:118px;
}

ul.management li.commodity a:hover {
	background:url(/Portals/0/images/management/management_over.jpg) 0 0 no-repeat;
}
ul.management li.category a:hover {
	background:url(/Portals/0/images/management/management_over.jpg) -118px 0 no-repeat;
}

#ManagementSkin ul.m-commodity li.commodity a{
	background:url(/Portals/0/images/management/management_over.jpg) 0 0 no-repeat;
}
#ManagementSkin ul.m-category li.category a{
	background:url(/Portals/0/images/management/management_over.jpg) -118px 0 no-repeat;
}


/*-----------------------------------
 IE6の修正　ハックではない
----------------------------------*/
/*パンくずの文字のサイズ*/
#SpecialSkin #PageBody div.Breadcrumb a{
clear:both;
font-size:10px;
height:15px;
margin:5px auto;
}
/*-----------------------------------
 IEの修正　サイドナビ
----------------------------------*/
img#dnn_ctr542_CategoryList_imgHeadImage , 
img#dnn_ctr530_CategoryList_imgHeadImage ,
img#dnn_ctr532_CategoryList_imgHeadImage ,
img#dnn_ctr535_CategoryList_imgHeadImage ,
img#dnn_ctr537_CategoryList_imgHeadImage ,
img#dnn_ctr539_CategoryList_imgHeadImage {
vertical-align:bottom;
}

/*-----------------------------------
 アイテムタイトル　- HTML版
----------------------------------*/
.title-item {
	background: url(images/common/product_bf_bg.gif) repeat-x top;
	height: 45px;
	margin: 0 0 10px 0;
}
.title-item h2 {
	float: left;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:32px;
	padding:0 15px;
}
.title-item span {
	color:#A5A7A8;
	font-size:10px;
	line-height:28px;
}


/*お知らせ履歴の天地*/
.news_list {
background:transparent url(/Portals/0/images/news/news-bg.gif) repeat-y scroll left top;
border-bottom:1px solid #CCCCCC;
float:left;
font-size:12px;
margin:1px 0 0;
padding:7px 0;
width:100%;
}

/*サイドナビのカレント*/
li.product_current {
background:transparent url(/Portals/0/images/common/product/second_nav_hover.gif) no-repeat scroll center bottom;
}

li.product_current {/background:transparent url(/Portals/0/images/common/product/second_nav_hover.gif) no-repeat scroll center 10px;
}