@charset "UTF-8";

*{
  margin:0;
  padding:0;
}


body{
color:#000;
background-color:#fff;
}

h1,h2,h3,h4,h5,h6,p,address{
font-size: 100%;
font-weight: normal;
font-style: normal;
line-height: 100%;
}


img{
border:none;
}


/*--------------------------------------------------------
■トータルデザイン設定
--------------------------------------------------------*/

body{
    background: url(http://www.ecavenue.com/images/back-bg.gif) repeat-y center;
    background-color: #ffffff;/*ページ全体の背景色*/
    margin: 0;
    font-family: "ＭＳ Ｐゴシック","平成角ゴシック",sans-serif;
    font-size: 0.8em;/*文字サイズ*/
    color: #333333;/*文字色*/
    line-height:130%;/*行間*/
    text-align: center;
    word-break:break-all; 
}

a{ text-decoration:underline; }
a:link{ color: #333333; }/*リンク文字の色*/
a:visited{ color: #333333; }/*訪問済みリンクの色*/
a:hover{ color: #ff0000; }/*カーソルがリンク文字上に来たときの色*/


/*●サイト全体（※ここは触らないで下さい）*/
#container{
    width: 810px;
    margin: 0px auto 0px auto;
    text-align: left;
}


/*--------------------------------------------------------
■最上部帯の設定
--------------------------------------------------------*/

#header{
    width: 810px;
    position: absolute;
    margin: 10px 10px 0px 0px;
    padding-right:10px;
    font-size: 8.5pt;
    height: 30px;
    z-index: 0;
    text-align:right;
    background-color: #ffffff;/*最上部帯の背景色*/
}

/*●見出し*/
h1{
    position: absolute;
    margin: 10px 0px 0px 10px;
    padding-left: 10px;
    text-align:left;
    font-size: 8.5pt;
    color: #333333;
    font-weight: normal;
    text-decoration:none;
    z-index: 1;
}


/*●最上部メニューリスト（サイトマップ、個人情報保護方針等）*/
#top-menu-list{
    position: absolute;
    left: 450px;
    top: 7px;
    width: 340px;
    text-align:right;
}

#top-menu-list li{
    display:inline;
    font-size: 8pt;
    color: #333333;
}

#top-menu-list li a:link{ color: #333333; }
#top-menu-list li a:hover{ color: #ff0000; }
#top-menu-list li a:visited{ color: #333333; }


/*--------------------------------------------------------
■ヘッダーロゴの設定
--------------------------------------------------------*/

#header-logo{
    position: absolute;
    margin: 30px 0px 0px 0px;
    width: 810px;
    height: 110px;
    background-image:url(http://www.ecavenue.com/images/logo.jpg);/*ヘッダー画像*/
    z-index: 1;
    text-align: left;
}


/*●ロゴテキスト*/
#text1{
    position: absolute;
    top: 28px;
    left: 18px;
    color: #333333;
    font-size:14pt;
    font-weight: bold;
    letter-spacing:-0.5pt;
    z-index: 1;
}

/*●サブテキスト*/
#text2{
    position: absolute;
    top: 65px;
    left: 18px;
    color: #333333;
    font-size:10pt;
    font-weight: bold;
}

#header-logo a{ text-decoration:none; }


/*●ヘッダー文章*/
#header-text{
    position: absolute;
    top: 10px;
    left: 460px;
    padding: 10px 20px 0px 0px;
    color: #000000;
    font-size:9pt;
    text-align: right;
    width: 340px;
}


/*●パン屑ナビ*/
#navi{
    position: absolute;
    margin: 150px 0px 0px 0px;
    padding-left: 20px;
    text-align:left;
    font-size: 8.5pt;
}


/*--------------------------------------------------------
■右メニューの設定
--------------------------------------------------------*/

/*●右全体（※右レイアウトの位置とサイズ）*/
#right{
    position: absolute;
    margin: 140px 0px 0px 590px;
    width: 190px;
    text-align: left;
    z-index: 1;
}


/*●メニュー*/
#right .menu{
    margin: 10px 0px 10px 0px;
    padding: 0px;
    background-color: #ffffff;/*メニューボックスの背景色*/
    text-align: left;
    color: #333333;
    border: 1px solid #FFD0A2;/*メニューボックスの枠線の色*/
    width: 198px;
}

#right .title{
    margin: 0px;
    padding: 5px 10px 5px 10px;
    background-color: #FFD0A2;/*メニュータイトルの背景色*/
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size:1.0em;
    width: 178px;
    _width: 198px;
}

#right ul{
    margin: 5px 0px 5px 30px;
    text-align: left;
}

#right li{
    padding: 5px 5px 5px 0px;
    color: #333333;
    list-style-type: disc;
    list-style-position: outside;
}


/*●その他コンテンツ*/
#right .contents{
    margin: 0px 0px 10px 0px;
    padding: 10px;
    background-color: #ffffff;/*コンテンツボックスの背景色*/
    text-align: left;
    color: #000000;
    border: 1px solid #FFD0A2;/*コンテンツボックスの枠線の色*/
    width: 178px;
    _width: 198px;
}


/*--------------------------------------------------------
■左コンテンツの設定
--------------------------------------------------------*/

/*●左全体（※左レイアウトの位置とサイズ）*/
#left{
    position: absolute;
    margin: 180px 0px 0px 20px;
    width: 540px;
    text-align: left;
    z-index: 0;
}


/*●コンテンツ*/
#left .contents{
    margin: 0px 0px 20px 0px;
    padding: 5px 0px 15px;
    clear: both;
	  text-align: justify; 
	  text-justify: inter-ideograph; 
}


/*●copyright*/
#left #copyright{
    margin: 5px auto 20px auto;
    text-align: center;
    color: #777777;
    font-size: 10pt;
    width: 540px;
}


/*--------------------------------------------------------
■画像配置の設定
--------------------------------------------------------*/

/*左に画像、右に文章*/
.left{
    float: left;
    margin: 0px 30px 20px 0px;
}

/*左に文章、右に画像*/
.right{
    float: right;
    margin: 0px 0px 20px 30px;
}


/*--------------------------------------------------------
■見出しタグ・装飾タグの設定
--------------------------------------------------------*/


/*●文字色（<span class="red">などとして使用）*/
.black{ color: #000000;}/*黒色テキスト*/
.red{ color: #ff0000;}/*赤色テキスト*/
.blue{ color: #0000dd;}/*青色テキスト*/
.green{ color: #008000;}/*緑色テキスト*/
.yellow{ color: #ffff00;}/*黄色テキスト*/
.navy{ color: #1F26A9;}/*紺色テキスト*/
.gray{ color: #cccccc;}/*灰色テキスト*/
.orange{ color: #ff6600;}/*橙色テキスト*/
.pink{ color: #cc6699;}/*ピンク色テキスト*/
.purple{ color: #660099;}/*紫色テキスト*/
.olive{ color: #808000;}/*黄土色テキスト*/
.lime{ color: #00ff00;}/*黄緑テキスト*/
.aqua{ color: #167FA6;}/*黄緑テキスト*/


/*●見出し2*/
h2 {
    padding:3px 3px 3px 7px;
    font-weight: bold;
    line-height: 1.3em;
    color: #333333;
    border-left: 5px solid #FFD0A2;
    background: #eeeeee;
    clear: both;
    margin: 0;
}

/*●見出し3*/
h3{
    width: 520px;
    background: url(http://www.ecavenue.com/images/h3back.gif);
    margin: 10px 0px 10px 10px;
    padding: 4px 0px 0px 10px;
    text-align:left;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    clear: both;
}

/*●戻る＆進むリンク*/
.link-back,.link-next{
    padding: 3px;
    margin: 30px 0px 30px 0px;
    font-weight: bold;
    font-size:1.2em;
    clear: both;
}

.link-back{ float: left;}
.link-next{ float: right;}



/*●アンダーライン*/
.underline{ text-decoration:underline;}


/*●取り消し線*/
.not{ text-decoration:line-through;}


/*●強調1*/
.impact{
    padding: 0px;
    color: #000000;
    background-color: #ffff66;
}


/*●線*/
hr{
    border-width: 1px 0px 0px 0px;
    color:#cccccc;
    border-style: solid none none none;
    clear: both;
    height:1px;
}

/*●リスト1*/
ul.list1{
    font-size:1.0em;
    line-height:250%;
    text-decoration:none;
    list-style-type: disc;
    list-style-position: inside;
}


/*●テーブル*/
td{
    padding: 8px;
}


/*--------------------------------------------------------
■ＭＴ用スタイル追加
--------------------------------------------------------*/

/*●エントリー用設定*/
.entry-tags {
    margin: 0 0 10px 10px;
}

.content-nav {
    margin: 10px;
    text-align: center;
}

.entry-tags {
    margin: 0 0 10px 10px;
}


/*●フッタ用設定*/
.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content {
    clear: both;
    margin: 5px 10px 20px 10px;
}

/*●エントリー用設定*/
.entry-tags {
    margin: 0 0 10px 10px;
}

.content-nav {
    margin: 10px;
    text-align: center;
}

.entry-tags {
    margin: 0 0 10px 10px;
}


/*●フッタ用設定*/
.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content {
    clear: both;
    margin: 5px 10px 20px 10px;
}

.box_h3
  {
  background:#EEF1F1;
  color:#666;
  font-size:10px;
  letter-spacing:1px;
  margin:10px 10px 0 10px;
  padding:2px;
  text-align:left;
  }

.box_h3 a
  {
  font-size:12px;
  text-decoration:none;
  }

.box_p
  {
  padding:2px 0 0px 20px;
  margin:5px 10px 0 20px;
  text-align:left;
  }

p.pan {
  margin-bottom:10px;
}

ul.contents {
}

ul.contents li {
	margin: 10px;
}

div.contents {
  text-align: justify; 
  text-justify: inter-ideograph; 
  margin:0 0 30px 5px;
  line-height:140%;
}

div.contents p{
  margin: 1em 0;
  line-height:140%;
}

.box_entry_ad {
  text-align:center;
  margin:10px 0;
}


.ad
  {
  clear:both;
  margin:40px 0;
  }
.contents p.more
  {
  clear:both;
  }

.contents .bold a
  {
  font-weight:bold;
  color:#0000FF;
  font-size: 120%;
  }

.contents img
  {
  float:left;
  margin: 0 20px 10px 0;
  }

.contents a img
  {
  border: 2px solid #0000FF;
  }
  
div.review
{
margin: 5px 0;
padding: 10px;
border-bottom:1px solid #CCCCCC;
}

div.review .rt
{
padding:2px;
border-bottom:1px double #FFFFDD;
margin:0;
}

div.review .rc
{
line-height:110%;
padding:2px;
margin:0;
}

div.review .pr
{
padding:2px;
margin:0;
}




div.entry
{
    clear:both;
    padding:5px;
    font-size: 90%;
    color: #666;
    margin:0 0 5px 0;
    word-break: break-all;
    border-bottom:2px solid #FFD0A2;
}

div.entry a 
{
    color: #00a;
}

div.entry .img
{
    margin:0 10px 10px 0;
}
.enme
{
    color:#0a0;
    both:clear;
}

#centerad
{
  text-align: center;
}




.itembox
{
    float:left;
    width:173px;
    height:400px;
    margin-right:5px;
    margin-bottom:10px;
    border:1px solid #e3e6d0;
    word-wrap: break-word;
    word-break:break-word;
    overflow:hidden;
}


.item_title
{
    padding-bottom:5px;
}

.topcolum {
    border-bottom:2px dotted #ccc;
    height: 225px;
	  padding:5px;
    overflow:hidden;
}


.price{
    padding-bottom:3px;
}

.red {
    color:#de0a14;
    margin:0 5px;
}

.itembox a {
    color: #0000FF;
}
.topcolum a
{
    font-weight:bold;
}

.itembox a.noline
{
    text-decoration:none;
    color: #ccc;
}

.item_detail
{
    font-size: 12px;
    padding:5px;
    text-align:justify;
    line-height:140%;
    text-justify:inter-ideograph;
}

p.item_image
{
	height:128px;
	overflow:hidden;

}
p.item_image img {
	border:none;
    text-align:center;
}
p.review
{
	clear:both;
}
p.review a
{
	text-decoration:none;
}

.reviewsummary
{
	clear:both;
	border-top   :2px solid #CCC;
	border-bottom:2px solid #CCC;
	padding:3px 10px 5px;
}

span.rating
{
	margin: 0 5px;
}

.reviewcont
{
}
ul.catmain
{
    padding:5px;
    font-size: 90%;
    color: #931;
    margin:0;
    word-break: break-all;
    line-height:110%;
    list-style-type:none;
    list-style-position: outside;
}
ul.catmain li
{
    margin:5px 0 15px 5px;
    padding:0;
    marker-offset: 0;
}

ul.catmain a
{
    text-decoration:none;
    color: #66A;
}



ul.subcat{
    color: #139;
    list-style-type:square;
    list-style-position: inside;
    margin:0 0 0 0px;
    padding:0;
}

ul.subcat li{
    padding: 2px 0;
    margin: 2px 0;
}

.pagenavi
{
    padding: 10px;
    margin-bottom: 5px;
    text-align:center;
    clear:both;
}

.pagenavi a {
    color: #00a;
}

#pn_btm {
    border-style:none;
}

span.pn {
    color: #00A;
	padding:5px;
	margin:2px;
	font-weight:bold;
	border:1px solid #CCF;
}
span.pg {
	padding:5px;
	margin:2px;
	border:1px solid #CCF;
	font-weight:bold;
}
span#nowpage {
	padding:5px;
	margin:2px;
	border:1px solid #CCF;
	background-color: #CCF;
	font-weight:bold;
}

div.credit {
	padding:10px;
	font-size: 75%;
}
#copyright a {
	text-decoration:none;
}