@import url(campaign.css);
@import url(products.css);
@import url(blog.css);
@import url(vcrt.css);

*{
	margin: 0;
	padding: 0;
}

body{
	font-family: Verdana,"ＭＳ Ｐゴシック";
	color: #333;
	font-size: 12px;
	text-align: center;
	background: url(/img3/SHOP/head_bg.jpg) repeat-x top left;
}

h1{
	margin-left: 10px;
}

img{
	border: none;
}

table{
	font-size: 12px;
}

/* Link */

a{
	color: #2389af;
}

a:hover{
	text-decoration: none;
}

div.shopping_cart a{
	color: #333;
	text-decoration: none;
}

div.shopping_cart a:hover{
	color: #2389af;
}

/* List */

ul{
	list-style: none;
}

/* RSS */

p#rss{
	position: absolute;
	top: -11px;
	left: 89px;
}

/* Text */

div#first p{
	margin: 10px;
	line-height: 1.4em;
}

/* Layout------------------------------------------------------------------------------------------ */

div#wrap{
	margin: 0 auto;
	width: 950px;
	text-align: left;
}

div#wrap_inner{
	float: left;
	width: 950px;
}

div#header{
	position: relative;
	margin-bottom: 13px;
	width: 950px;
	height: 119px;
}

div#navi{
	position: absolute;
	left: 0;
	bottom: 0;
}

div#contents{
	float: left;
	width: 750px;
}

div#sidebar{
	float: right;
	width: 190px;
}

div#footer{
	clear: both;
	width: 950px;
}

/* Navi------------------------------------------------------------------------------------------ */

div#navi ul{
	width: 950px;
	height: 32px;
	background: url(/img3/SHOP/navi/back.jpg) no-repeat top right;
}

div#navi ul li{
	float: left;
	text-indent: -9999px;
}

div#navi ul li a{
	display: block;
	line-height: 32px;
}

div#navi ul li a:hover{
	background-position: 0 32px;
}

li#navi_1 a{
	width: 99px;
	background: url(/img3/SHOP/navi/homepage.jpg);
}

li#navi_2 a{
	width: 97px;
	background: url(/img3/SHOP/navi/shopping.jpg);
}

li#navi_3 a{
	width: 94px;
	background: url(/img3/SHOP/navi/guide.jpg);
}

li#navi_4 a{
	width: 97px;
	background: url(/img3/SHOP/navi/contact.jpg);
}

li#navi_5 a{
	width: 74px;
	background: url(/img3/SHOP/navi/company.jpg);
}

li#navi_6 a{
	width: 98px;
	background: url(/img3/SHOP/navi/user.jpg);
}

li#navi_7 a{
	width: 78px;
	background: url(/img3/SHOP/navi/shinki.jpg);
}

/* Information----------------------------------------------------------------------------------*/

div#information{
	margin-bottom: 10px;
	padding: 10px;
	border: 3px solid #ff0000;
	background: #ffeeee;
}


/* News------------------------------------------------------------------------------------------------*/

div#news{
	float: left;
	margin-top: 19px;
	margin-bottom: 10px;
	width: 750px;
	background: url(/img3/SHOP/contents/tencho.gif) top left no-repeat;
}

div#news_inner{
	position: relative;
	margin-left: 48px;
	padding: 20px 10px 10px 10px;
	border: 1px solid #aaa;
	background: #eee;
}

div#news_inner h2{
	position: absolute;
	top: -11px;
	left: 10px;
}

div#news_inner ul li{
	padding: 5px 0 5px 10px;
	border-top: 1px dashed #aaa;
	background: url(/img3/SHOP/contents/arrow_red.gif) no-repeat 0 50%;
}

/* Shouhin_list----------------------------------------------------------------------------------- */

div.shouhin_list{
	float: left;
	width: 750px;
}


div.shouhin_list table{
	margin-top: 10px;
	border-bottom: 1px solid #bbb;
}

div.shouhin_list td{
	text-align: center;
}

div.shouhin_list dt{
	margin-bottom: 5px;
}

div.shouhin_list dd{
	margin: 5px 10px;
	text-align: left;
	line-height: 1.4em;
}

td.giza{
	background: url(/img3/SHOP/contents/border_giza.gif) repeat-y top center;
}

p.shouhin_hatsubaibi{
	margin-left: 600px;
	margin-bottom: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	background: #ffa126;
}

p.shouhin_hatsubaibi a{
	color: #fff;
}

dd.shouhin_name{
	padding-left: 10px;
	background: url(/img3/SHOP/contents/arrow_red.gif) no-repeat 0 50%;;
}

strong.shouhin_shinhatsubai{
	color: #ff0000;
}

/* Sidebar----------------------------------------------------------------------------------------- */

div#sidebar h2{
	margin-bottom: 10px;
}

div#category ul li{
	border-top: 1px dashed #bbb;
	margin: 0 5px;
	padding: 5px 0;
}

div#tsubuyaki{
	margin-top: 10px;
}

div#tsubuyaki ul li{
	border-top: 1px dashed #bbb;
	margin: 0 10px;
	padding: 10px 5px 10px 12px;
	line-height: 1.4em;
	background: url(/img3/ARROW/red.gif) no-repeat left center;
}

/* Footer----------------------------------------------------------------------------------------- */

div#footer{
	float: left;
	margin-top: 10px;
	width: 950px;
	background: #aee2ff;
}

/* Banner----------------------------------------------------------------------------------------- */

div.banner{
	float: left;
	width: 750px;
	margin: 20px 0 10px 0;
}

/* 商品の解説ですよ -------------------------------------------------------------------------------- */

div.kaisetsu{
	margin-top: 10px;
	margin-bottom: 10px;
}

div.kaisetsu p{
	margin: 10px;
}

/* 商品の購入はこちら -------------------------------------------------------------------------------- */

div.buy{
	margin-left: 600px;
	padding: 10px;
	background: #ffa126;
	text-align: center;
}

div.buy p a{
	font-weight: bold;
	color: #fff;
}

/* 関連商品はこちら -------------------------------------------------------------------------------- */

h2.kanren_shouhin{
	margin: 20px 0 10px 0;
	padding: 20px;
	font-size: 12px;
	background: #aee2ff;
}

/* バナー -------------------------------------------------------------------------------------------- */

img.banner{
	margin-bottom: 10px;
}

/* カートに入れる -------------------------------------------------------------------------------- */

div.shopping_cart table{
	font-size: 80%;
	line-height: 1.4em;
	margin-top: 10px;
	margin-bottom: 10px;
}

h2.shouhin_namae{
	padding: 20px;
	font-size: 12px;
	line-height: 1.4em;
	background: #aee2ff;
}

td.cart_item{
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}

td.cart_spacer{
	border-bottom: 1px solid #bbb;
}

div.shopping_cart dl{
	margin: 6px 0 0 0;
	padding: 0 6px 1px 0;
}

div.shopping_cart dl p{
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.4em;
}

div.shopping_cart dt{
	float: left;
	margin: 0;
	padding: 0;
}

div.shopping_cart dd{
	margin: 0 0 5px 86px;
	padding: 0;
}

div.shopping_cart form{
	margin: 0;
	padding: 0;
}

div.shopping_cart form input{
	margin: 0;
	padding: 0;
}

div.shopping_cart form select{
	margin: 0;
	padding: 0;
}

dd.cart_kosuu{
	clear:left;
	font-size: 120%;
	font-weight: bold;
	text-align: right;
}

dd span.price{
	font-weight:bold;
	color:red;
}

td.cart_in{
	padding-top: 6px;
	text-align: right;
}

/* スペック -------------------------------------------------------------------------------- */

table.item-spec p{
	margin: 0 10px;
	text-align: left;
}

table.item-spec td{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #bbb;
}

/* サイドバーのリスト -------------------------------------------------------------------------------- */

h2.cat_title{
	margin: 10px 0;
	padding-bottom: 10px;
	font-size: 14px;
	border-bottom: 1px solid #333;
}

div#sidebar dl{
	line-height: 1.6em;
}

div#sidebar dt{
	margin-left: 10px;
	font-weight: bold;
}

div#sidebar dd{
	margin-left: 20px;
}

/* ここから新商品ページ用の疑似フレーム */

html#cart_html{
	height: 100%;
	overflow: hidden;
}

body#cart_body{
	height: 100%;
	overflow: hidden;
}

div#scroll{
	height: 100%;
	overflow: auto;
}

/* 2010年3月4日　トップページにVAIO関連商品リスト追加 */

div#vaio-list{
	clear:both;
	margin: 10px 0;
	line-height: 1.5em;
	letter-spacing: 0.1em;
}

div#vaio-list h2{
	margin-bottom: 10px;
	padding-left: 10px;
	font-size: 100%;
	line-height: 30px;
	background: #AFE2FF;
	color: #1991D5;
}

div#vaio-list table td{
	border-top: 1px solid #bbb;
	padding: 10px 0;
}

div#vaio-list table td p a{
	padding-left: 10px;
	background: url(/onlineshop/new/images/parts/arrow01.gif) center left no-repeat;
}

div#vaio-list .td1{
	background: url(/onlineshop/new/images/parts/line01.gif) top center repeat-y;
}

/* 2010年3月4日　関連商品ページ */

div#list{
	line-height: 1.5em;
	letter-spacing: 0.1em;
}

div#list h2{
	padding-left: 10px;
	line-height: 30px;
	font-size: 100%;
	background: #AFE2FF;
}

div#list table{
	margin: 10px 0;
}

div#list table td img{
	padding: 10px;
	border: 1px solid #bbb;
}

div#list table td p{
	margin: 10px;
	text-align: left;
}

/* 2010年3月7日-10日　CLASS追加 */

span.hitokoto{
	line-height: 1.2em;
	font-size: 80%;
	font-weight:bold;
	color: orange;
}

span.product{
	line-height: 1.2em;
	font-size: 80%;
	color: #666;
}

span.campaign{
	line-height: 1.2em;
	font-size: 80%;
	color: #e10000;
	font-weight: bold;
}

#NEW{
margin-left: 20px;
}

#NEW table td{
	text-align: left;
	padding: 10px;
}

#NEW dl{
	line-height: 1.4em;
	font-size: 120%;
}

#alert{
	float :left;
	width: 728px;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #aaa;
}

#alert_inner{
	float: left;
	background: url(/images2010/common/border/1px_dot.gif) 0 21px repeat-x;
}

#alert h2{
	margin-bottom: 5px;
	padding-left: 20px;
	vertical-align: middle;
	line-height: 19px;
	font-size: 100%;
	background: url(/images2010/common/IconSet/Alert.gif) 0 50% no-repeat;
}

#alert p{
	line-height: 1.4em;
}

#select{
	position: relative;
	float: left;
	margin-bottom: 10px;
	width: 750px;
	height: 104px;
	background: #333 url(/images2011/bg/201101241210.png) top left no-repeat;
}

#select p{
	position: absolute;
	top: 15px;
	left: 7px;
}

#select ul{
	position: absolute;
	top: 77px;
	left: 39px;
	padding-left: 10px;
	background: url(http://www.call-t.co.jp/images2011/arrow/201101241215.png) 0 3px no-repeat;
}

#select li{
	float: left;
	padding: 0 7px;
	border-right: 1px solid #333;
	font-size: 80%;
	font-weight: bold;
}

/*2011年4月1日カート用テーブルclas追加*/

div#newcart{
	line-height: 1.5em;
	letter-spacing: 0.1em;
}

div#newcart h2{
	padding-left: 10px;
	line-height: 30px;
	font-size: 100%;

}

div#newcart table{
	margin: 10px 0;
	border-right: #cccccc 2px solid;
	border-top: #cccccc 2px solid;
	border-left: #cccccc 2px solid;
	color: #666666;
	font-size: 12px;
	line-height: 170%;
	border-bottom: #cccccc 2px solid;
	font-family:Verdana, Geneva, sans-serif;
}

div#newcart table td img{
	padding: 10px;
	border: 1px solid #bbb;
}

div#newcart table td {
	padding: 10px;
	text-align: left;
}