@charset "utf-8";
/*----------------------
　Reset
------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
html {
	height:100%;
	margin-bottom:1px;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: bold;
}

p {
	margin: 0 0 0 0;
}

ol,ul {
	list-style: none;
}

fieldset,img {
	border: 0;
	vertical-align: top;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,th {
	text-align: left;
}

th {
	vertical-align: top;
	font-weight: normal;
	text-align: left;
}

td {
	vertical-align: top;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
}


/*----------------------
　Base link
------------------------*/

a:link { color: #4183A6; text-decoration: none;}
a:visited { color: #4183A6; text-decoration: none;}
a:hover { color: #4183A6; text-decoration: underline;}





/*----------------------
　Clear Fix
------------------------*/
.clear:after,
div#header:after,
div#promoArea:after,
div.goodsLine:after,
div#contBox:after,
div.detailsWrapp:after,
div.howTo:after,
div#contWrapp:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear,
div#header,
div#promoArea,
div.goodsLine,
div#contBox,
div.detailsWrapp,
div.howTo,
div#contWrapp {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clear,
* html div#header,
* html div#promoArea,
* html div.goodsLine,
* html div#contBox,
* html div.detailsWrapp,
* html div.howTo,
* html div#contWrapp {
	height: 1%;
}
.clear,
div#header,
div#promoArea,
div.goodsLine,
div#contBox,
div.detailsWrapp,
div.howTo,
div#contWrapp {
	display: block;
}
/* End hide from IE-mac */




/*----------------------
　Main
------------------------*/
body {
	font-size: 100%; /* WinIE */
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,Verdana,Helvetica,Arial,'ＭＳ Ｐゴシック','MS PGothic',Osaka,sans-serif;
	background-color: #C0CACF;
	text-align: center;
}
html>/**/body {
  font-size: 16px; /* Except WinIE */
}

img, div, input { behavior: url("http://www.msinc.co.jp/avidstore/js/iepngfix.htc") }

div#wrapper {
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 976px;
	text-align: left;
}

div#header {
	margin: 0 0 10px 5px;
	width: 966px;
	background: url(../images/bg_header.jpg) no-repeat left top;
}

#list div#header,
#details div#header {
	background-image: url(../images/bg_header.jpg);
}


/* プロモーションエリア */
div#promoArea {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	min-height: 291px;  
	position: relative; 
	float: left;
}

div#promoArea h1 {
	margin: 108px 0 0 525px;
}

/*
div#promoArea h2 {
	width: 680px;
	float: left;
}
*/
div#promoArea ul {
	margin: 0 0 0 22px;
	position: absolute;
	left: 0px;
	bottom: 12px;
}
div#promoArea ul li {
	float: left;
}

p#officialSite {
	position: absolute;
	left: 519px;
	bottom: 4px;
}



/* インフォメーション */
div#promoCont {
	width: 0px;
	float: right;
}

div#promoCont h2 {
	margin: 24px 0 0 16px;
}

p.infoDate {
	font-size: 68.75%;
	line-height: 1.4;
}

p.infoTxt {
	font-size: 75%;
	line-height: 1.4;
}

div#promoCont dl {}

div#promoCont dt {
	font-size: 68.75%;
	line-height: 1.4;
}

div#promoCont dd {
	margin: 0 10px 10px 0;
	padding: 0 0 10px 0;
	font-size: 75%;
	line-height: 1.4;
	background: url(../images/dotted_line.gif) repeat-x left bottom;
}


div#promoCont div {
	margin: 20px 0 0 18px;
	width: 248px;
	height: 210px;
	overflow: auto;
}

/* ナビゲーション */
div#categoryNavi {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 976px;
	background: url(../images/bg_category-menu.gif) no-repeat left top;
}
div#categoryNavi p {
	margin: 0 0 0 3px;
	padding: 12px 30px 10px 30px;
	width: 909px;
	font-size: 75%;
	line-height: 1.7;
	background: url(../images/bg_menu_bottom.gif) repeat-x left bottom;
}
div#categoryNavi p span {
	margin: 0 10px 0 0;
}
div#categoryNavi p a {
	margin: 0 6px 0 0;
	padding: 2px 6px;
}

/* ナビゲーションリンク色 */
div#categoryNavi p a:link { color: #4183A6; text-decoration: none;}
div#categoryNavi p a:visited { color: #4183A6; text-decoration: none;}
div#categoryNavi p a:hover { color: #FFFFFF; background-color: #4183A6; text-decoration: none;}



/* コンテンツ */
div#contWrapp {
	clear: both;
	width: 976px;
	position: relative;
}

div#contBox {
	padding: 38px 0 0 0;
	width: 976px;
	float: left;
	background: url(../images/bg_cont_mid.jpg) repeat-y left top;
}

div.goodsLine {
	margin: 0 22px 22px 0;
	width: 699px;
	clear: both;
	background: url(../images/bg_goods-list.gif) repeat-y left top;
}

div.goodsArea {
	margin: 0 18px 0 18px;
	width: 197px;
	display: inline;
	float: left;
}


p.goodsImg {
	margin: 0 0 18px 0;
	border: 1px solid #FFFFFF;
}
p.goodsImg img {
	border: 1px solid #4183A6;
}
p.goodsImg:hover {
	border: 1px solid #4183A6;
}



div.goodsArea h3 {
	margin: 0 0 18px 0;
	font-size: 87.5%;
	line-height: 1.4;
}
div.goodsArea p {
	margin: 0 0 18px 0;
	font-size: 87.5%;
	line-height: 1.4;
	font-weight: bold;
}

div.goodsArea p.goodsName {
	margin: 0 0 0 0;
	font-size: 68.75%;
	line-height: 1.4;
	font-weight: normal;
}

div.goodsArea p.goodsPrice {
	margin: 0 0 16px 0;
	font-size: 68.75%;
	line-height: 1.4;
	font-weight: normal;
}

div.goodsArea p.btnDetails {
	margin: 0 0 0 2px;
}


/* 上へもどるボタン */

p#btnPageTop {
	position: absolute;
	width: 22px;
	right: -20px;
	bottom: 20px;
	float: left;
}



/* フッター */
div#footer {
	width: 976px;
	background: url(../images/bg_footer.gif) no-repeat left top;
	font-size: 64.5%;
	line-height: 1.5;
	color: #FFFFFF;
	overflow: auto;
}

div#footer p {
	padding: 65px 20px 16px 0;
	width: 330px;
	display: inline;
	float: right;
	text-align: right;
}

div#footer address {
	padding: 70px 0 16px 26px;
	width: 550px;
	float: left;
}




/* 商品一覧ページ */
#list div#promoCont h2 {
	margin: 30px 10px 14px 16px;
	font-size: 180%;
	font-weight: normal;
	line-height: 1.1;
	color: #FFFFFF;
}
#list div#promoCont p {
	margin: 0 16px 6px 16px;
	font-size: 75%;
	line-height: 1.7;
	color: #FFFFFF;
}

/* プロモーションエリア */
#category div#promoArea {
	margin: 0 0 12px 0;
	padding: 0 0 0 0;
	clear: both;
	width: 976px;
	background: url(../images/bg_header-cat.jpg) no-repeat 0px 0px;
}



#category div#promoCont p {
	margin: 20px 20px 10px 16px;
	font-size: 75%;
	line-height: 1.8;
	color: #FFFFFF;
}



/* 商品詳細ページ */

/*  */
#details div#promoCont h2 {
	margin: 30px 10px 14px 16px;
	font-size: 180%;
	font-weight: normal;
	line-height: 1.1;
	color: #FFFFFF;
}
#details div#promoCont p {
	margin: 0 16px 6px 16px;
	font-size: 75%;
	line-height: 1.7;
	color: #FFFFFF;
}

div.detailsWrapp {
	margin: 0 0 28px 22px;
	width: 930px;
	clear: both;
}

div#inCartBox {
	width: 437px;
	float: right;
}

div.goodsImage {
	margin: 0 0 0 0;
	width: 440px;
	float: left;
	display: inline;
}
div.goodsImage img {
	border: 1px solid #999999;
}

div.txtDetails {
	width: 440px;
	float: left;
}

div.txtAttention {
	padding-bottom: 18px;
	width: 437px;
	float: right;
	background: #E6E6E6 url(../images/bg_attention-bottom.gif) no-repeat left bottom;
}


div#inCartBox h2 {
	margin: 0 0 24px 0;
	font-size: 200%;
	line-height: 1.2;
}

div#inCartBox h3 {
	margin: 0 0 24px 0;
	font-size: 100%;
	line-height: 1.2;
}

div#inCartBox div p {
	margin: 0 0 24px 0;
	font-size: 100%;
	line-height: 1.5;
}

div#inCartBox p {
	padding: 0 0 6px 0;
	font-size: 75%;
	line-height: 1.4;
}

/* cart */
div#inCartBox p#btnCart {
	margin: 16px 0 0 0;
}

div.txtDetails p {
	margin: 0 0 6px 0;
	font-size: 75%;
	line-height: 1.8;
}


div.txtAttention h3 {
	margin: 0 0 14px 0;
}

div.txtAttention p {
	margin: 0 20px 6px 20px;
	font-size: 75%;
	line-height: 1.4;
}



/* 静的ページ */

/* リンク色 */
#static a:link { color: #4183A6; text-decoration: none;}
#static a:visited { color: #4183A6; text-decoration: none;}
#static a:hover { color: #4183A6; text-decoration: underline;}

/* メイン */
#static div#contWrapp {
	background: url(../images/bg_cont_mid.jpg) repeat-y left top;
}
#static div#contBox {
/*	background: url(../images/bg_static-top.jpg) no-repeat left top;*/
}



#static div#mainColmn {
	margin: 0 0 0 20px;
	padding: 0 0 40px 0;
	width: 520px;
	float: left;
}

#static div#contBox h2 {
	margin: 0 0 0 20px;
	padding: 0 0 108px 0;
}

#static div#mainColmn h3 {
	margin: 0 0 28px 0;
}

#static div#mainColmn ul {
	margin-bottom: 36px;
	list-style: disc;
}

#static div#mainColmn ul li {
	margin: 0 0 6px 22px;
	font-size: 75%;
	line-height: 1.8;
}

p.numImg {
	clear: both;
	width: 65px;
	float: left;
}

div.howTo {
	margin: 0 0 30px 0;
	width: 520px;
	clear: both;
}
div.howTo div {
	width: 445px;
	float: right;
}

div.howTo h4 {
	padding: 18px 0 0 0;
	font-size: 87.5%;
	line-height: 1.4;
}

div.howTo p {
	margin: 0 0 6px 0;
	font-size: 75%;
	line-height: 1.8;
}




/* ナビゲーション */
div#naviColmn {
	margin: 0 22px 40px 0;
	padding: 4px 0 0 0;
	width: 376px;
	float: right;
	display: inline;
}

div#naviColmn ul {
	font-size: 75%;
	line-height: 1.0;
}

div#naviColmn ul li {
	height: 35px;
	background: #EDEDED url(../images/btn_static_mid_ot.gif) no-repeat;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999999;
	line-height: 1.0;
}

div#naviColmn ul li a {
	margin: 0 0 0 0;
	padding: 12px 10px 8px 40px;
	display: block;
	width: 326px;
	height: 15px;
	line-height: normal;
}

div#naviColmn ul li#firstList {
	background:  #EFEFEF url(../images/btn_static_top_ot.gif) no-repeat left top;
}
div#naviColmn ul li#firstList a {
	background:  #EFEFEF url(../images/btn_static_top_ot.gif) no-repeat left top;
}
div#naviColmn ul li#lastList {
	border-bottom: none;
	background: #EFEFEF url(../images/btn_static_bottom_ot.gif) no-repeat left bottom;
}
div#naviColmn ul li#lastList a {
	background: #EFEFEF url(../images/btn_static_bottom_ot.gif) no-repeat left bottom;
}



div#naviColmn ul li a:hover,
div#naviColmn ul li.currentPage a {
	background: #EDEDED url(../images/btn_static_mid_ov.gif) no-repeat left top;
}
div#naviColmn ul li#firstList a:hover,
div#naviColmn ul li.currentPage#firstList a {
	background: #EDEDED url(../images/btn_static_top_ov.gif) no-repeat left top;
}

div#naviColmn ul li#lastList a:hover,
div#naviColmn ul li.currentPage#lastList a {
	background: #EDEDED url(../images/btn_static_bottom_ov.gif) no-repeat left bottom;
}



div#naviColmn ul li a:link { color: #4183A6; text-decoration: none;}
div#naviColmn ul li a:visited { color: #4183A6; text-decoration: none;}
div#naviColmn ul li a:hover { color: #FFFFFF; text-decoration: none;}

div#naviColmn ul li.currentPage a:link { color: #FFFFFF; text-decoration: none;}
div#naviColmn ul li.currentPage a:visited { color: #FFFFFF; text-decoration: none;}
div#naviColmn ul li.currentPage a:hover { color: #FFFFFF; text-decoration: none;}

div#naviColmn ul li.currentPage#firstList a,
div#naviColmn ul li.currentPage#lastList a { color:#FFFFFF;}



.payment div#mainColmn h4,
.introduce div#mainColmn h4,
.privacy div#mainColmn h4,
.delivery div#mainColmn h4 {
	margin: 30px 0 22px 0;
	width: 516px;
	font-size: 75%;
	line-height: 1.4;
	font-weight: normal;
	color: #FFFFFF;
	background: #000000 url(../images/bg_static_title-top.gif) no-repeat left top;
}

.payment div#mainColmn h4 span,
.introduce div#mainColmn h4 span,
.privacy div#mainColmn h4 span,
.delivery div#mainColmn h4 span {
	padding: 4px 0 4px 16px;
	width: 500px;
	display: block;
	background: url(../images/bg_static_title-bottom.gif) no-repeat left bottom;
}

.payment div#mainColmn p,
.introduce div#mainColmn p,
.privacy div#mainColmn p,
.delivery div#mainColmn p {
	margin: 0 0 6px 20px;
	font-size: 75%;
	line-height: 1.8;
}

.payment div#mainColmn p.readTxt,
.introduce div#mainColmn p.readTxt,
.privacy div#mainColmn p.readTxt,
.delivery div#mainColmn p.readTxt {
	margin: 0 0 0 0;
	font-size: 75%;
	line-height: 1.8;
}

div.borderLine {
	margin: 0 0 0 20px;
	padding: 12px 0;
	border: 1px solid #CCCCCC;
}
.payment div#mainColmn div.borderLine p,
.introduce div#mainColmn div.borderLine p,
.privacy div#mainColmn div.borderLine p,
.delivery div#mainColmn div.borderLine p {
	margin: 0 10px 0 12px;
}



.delivery div.borderLine {
	margin-left: 0px;
	margin-bottom: 20px;
}
p.attnTxt {
	padding-left: 1em;
	text-indent: -1em;
}
p.mgnTxt {
	padding: 20px 0 0 0;
}

ol.numList {
	margin: 10px 0 10px 30px;
	font-size: 75%;
	line-height: 1.8;
	list-style: decimal;
}

.noBgHeadline {
	font-size: 75%;
	line-height: 1.4;
	font-weight: bold;
}

.return div.borderLine {
	margin-left: 0px;
}

.return div.borderLine p {
	margin: 0 0 6px 20px;
	font-size: 75%;
	line-height: 1.8;
}

.estimate h4 {
	font-size: 75%;
}


.introduce ol.numList {
	margin-left: 50px;
}

.privacy ul {
	margin-left: 20px;
}

/*----------------------
　plus
------------------------*/
#alpha {
	float:left;
	margin: 0;
	paddong: 0;
	width: 255px;
}

#alphaInner {
	margin: 0;
	padding: 0 15px 0 0;
}

#categorylistTitle {
	height: 24px;
	margin: 0 0 1px 30px;
	padding: 0;
}


#beta {
	float: left;
	margin: 0;
	padding: 0;
	width: 721px;
}

#sideMenu {
	font-size: 12px;
	list-style: none;
	margin: 0 16px 0 30px;
}

#sideMenu li {
	border: 1px solid #4183A6;
	background: url(../images/listarrow.gif) no-repeat;
	margin: 0 0 2px 0;
	padding: 5px 10px 5px 12px;
}

#newsTitle {
	border-bottom: solid #4183A6 2px;
	margin: 0 0 6px 0;
	padding: 0;
}

#newsDl {
	margin: 0 0 12px 0;
	padding: 0;
}

#newsdlInner {
	margin: 0;
	padding: 5px 20px;
	font-size: 100%;
	line-height: 1.8;
}

#newsContent {
	margin: 40px 22px 0 0;
	padding: 0;
}

#topnewsContent {
	border-bottom: solid 1px #cccccc;
	margin: 0 22px 30px 0;
	padding: 0 0 6px 0;
}

#newscontentInner {
	margin: 0;
	padding: 0 0 0 20px;
}

#newsDate {
	margin: 6px 0;
	padding: 0;
	font-size: 68.75%;
	text-align: right;
}

#newsContent p {
	margin: 0 0 6px 0;
	font-size: 75%;
	line-height: 1.8;
}

.curve-01{
	background: #d4dfff;
	margin: 5px 0;
}

.curve-01 div.curve-head{
	background: url(../images/01-curve-left-head.gif) top left no-repeat;
	font-size: 1px;
	height: 5px;
}

.curve-01 div.curve-head div{
	background: url(../images/01-curve-right-head.gif) top right no-repeat;
	font-size: 1px;
	height: 5px;
}

.curve-01 div.curve-bottom{
	background: url(../images/01-curve-left-bottom.gif) bottom left no-repeat;
	font-size: 1px;
	height: 5px;
}

.curve-01 div.curve-bottom div{
	background: url(../images/01-curve-right-bottom.gif) bottom right no-repeat;
	font-size: 1px;
	height: 5px;
}

div#promoArea #avidLogo {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	left: 803px;
}

div#promoArea #mediaLogo {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 208px;
	left: 771px;
}