@charset "UTF-8";

/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background-color: #ffffff; /* ページの背景色 */
color: #000000; /* 全体の文字色 */
font-size: 100%; /* 全体の文字サイズ */
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #800080; }
a:hover { color: #ff0000; }
a:active { color: #ff0000; }

/* --- コンテナ --- */
#container {
width: 1000px; /* ページの幅 */
margin: 0 auto; /* センタリング */
background-color: #ffffff; /* メインカラムの背景色 */
border-left: 1px #c0c0c0 solid; /* 左枠線 */
border-right: 1px #c0c0c0 solid; /* 右枠線 */
}

/* --- ヘッダ --- */
#header {
background-color: #ffe080; /* ヘッダの背景色 */
background: url(../images/header.gif) repeat-y left; /* 背景画像 */
height:89px;
}

/* --- ナビゲーション --- */
#nav {
float: left;
width: 150px; /* サイドバーの幅 */
}

/* --- メインカラム --- */
#content {
margin-left: 150px; /* メインカラムの左マージン（サイドバーの幅以上） */
border-top: 1px #c0c0c0 solid; /* 上枠線 */
height: 100%; /* ページの高さ */
}

.ecoimg {
   margin : 1px 1px 1px 1px;
   padding: 1px 1px 1px 1px;
   float:right;
}


/* --- フッタ --- */
#footer {
clear: left; /* フロートのクリア */
width: 100%;
background-color: #ffe080; /* フッタの背景色 */
border-top: 1px #c0c0c0 solid; /* 上枠線 */
border-bottom: 1px #c0c0c0 solid; /* 下枠線 */
}
#footer p{
margin  : 5px 0px 5px 0px;
padding : 5px 0px 5px 0px;
text-align:center;
}





/* --- ぱんくずリスト --- */
.topicPath {
margin: 10px 10px ;
padding: 10px 10px;
list-style-type: none;
font-size: 80%;
display:inline;

}

/* --- リスト項目 --- */
.topicPath li {
display: inline;
}

/* --- リンク --- */
.topicPath li a {
padding-right: 12px; /* リンクエリアの右パディング */
background: url(../images/topic_path2.gif) no-repeat right; /* 区切りの記号 */
}

/* --- Top Links --- */
.toplinks {
padding-right:0px;
padding-right:auto;
list-style-type: none;
font-size: 80%;
display:inline;

}
.toplinks li {
display: inline;
}
.toplinks li a {
padding-right: 12px; /* リンクエリアの右パディング */
}


/* --- ナビゲーションバー --- */
.nav {
width: 150px; /* ナビゲーションの幅 */
font-size: 80%;
border-right: 1px #c0c0c0 solid; /* 右枠線 */

}

/* --- メニューエリア --- */
.nav .nl {
margin: 0;
padding: 0;
border-top: 1px #cccccc solid; /* 最上部の枠線 */
list-style-type: none;
text-align: left;
}

/* --- メニュー項目 --- */
.nav .nl li {
background: #ffffff url(../images/ver_menu3_back.gif) repeat-x top; /* 項目の背景 */
border-bottom: 1px #cccccc solid; /* 項目の下枠線 */
}

/* --- リンク --- */
.nav .nl li a {
display: block;
position: relative; /* IE6用 */
padding: 11px 10px 11px 12px; /* リンクエリアのパディング（上右下左） */
background: url(../images/ver_menu3_off.gif) no-repeat 3px; /* 左側の三角マーク */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
.nav .nl li a:hover {
background: url(../images/ver_menu3_on.gif) no-repeat 3px; /* ポイント時の三角マーク */
}



.example {
padding: 10px 10px;
background-color: #ffffff;
font-size: 80%;
color: #000000;
}

/* --- ボックス_200 --- */
.section_200 {
width: 200px; /* ボックスの幅 */
padding-bottom: 1px; /* ボックスの下パディング */
background: #ffffff url(../images/maru1_200_bottom.gif) no-repeat bottom; /* ボックスの背景 */
line-height:180%;
}

/* --- 見出し_200 --- */
.section_200 h2 {
margin: 0; /* 見出しのマージン */
padding: 7px 10px; /* 見出しのパディング（上下、左右） */
background: #ffffff url(../images/maru4_200_top.gif) no-repeat top; /* 見出しの背景 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下枠線 */
font-size: 110%; /* 見出しの文字サイズ */
color: #413318;
}

/* --- ボックス内の段落_200 --- */
.section_200 p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}


/* --- ボックス_800 --- */
.section_800 {
width: 810px; /* ボックスの幅 */
padding-bottom: 1px; /* ボックスの下パディング */
background: #ffffff url(../images/maru1_800_bottom.gif) no-repeat bottom; /* ボックスの背景 */
}

/* --- 見出し_800 --- */
.section_800 h2 {
margin: 0; /* 見出しのマージン */
padding: 1em 10px 0 10px; /* 見出しのパディング（上右下左） */
background: #ffffff url(../images/maru1_800_top.gif) no-repeat top; /* 見出しの背景 */
font-size: 150%; /* 見出しの文字サイズ */
color: #ffffff;
font-weight:bold;
}


/* --- ボックス内の段落_800 --- */
.section_800 p {
margin: 1em 12px; /* 段落のマージン（上下、左右） */
color:#ffffff;
line-height:180%;
}


/* --- ボックス_400 --- */
.section_400 {
width: 405px; /* ボックスの幅 */
padding-bottom: 1px; /* ボックスの下パディング */
background: #ffffff url(../images/maru1_400_bottom.gif) no-repeat bottom; /* ボックスの背景 */
}

/* --- 見出し_400 --- */
.section_400 h2 {
margin: 0; /* 見出しのマージン */
padding: 5px 10px 5px 10px; /* 見出しのパディング（上右下左） */
background: #ffffff url(../images/maru1_400_top.gif) no-repeat top; /* 見出しの背景 */
font-size: 120%; /* 見出しの文字サイズ */
color: #888888;
font-weight:normal;
}

/* --- ボックス内の段落_400 --- */
.section_400 p {
margin: 1em 12px; /* 段落のマージン（上下、左右） */
color:#000000;
line-height:180%;
}

/* --- 見出し_400 --- */
.section_400 h3 {
margin: 0; /* 見出しのマージン */
padding: 5px 10px 0 10px; /* 見出しのパディング（上右下左） */
font-size: 150%; /* 見出しの文字サイズ */
color: #000000;
font-weight:bold;
}

.item_body {
    margin : 0px 10px 10px 12px;
    padding: 0px 10px 10px 12px;
    background-color: #ffffff;
    line-height:180%;
    color: #000000;
}

.item_body h1 {
    font-size:40px;
    margin : 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
}
.item_body h2 {
    font-size:20px;
    margin : 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
}
.item_body fieldset{
    width : 300px;
    margin : 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
    display : inline;
}
.item_body form{
    text-align:right;
}
.price{
    text-align:right;
}
.kingaku{
    font-size: 36px;
    font-weight:bold;
}
.item_body td {
    font-size:70%;
    line-height:180%;
}

.imgleft {
    margin :10px 10px 10px 10px;
    padding:10px 10px 10px 10px;
    float : left;
}

.imgright {
    margin :10px 10px 10px 10px;
    padding:10px 10px 10px 10px;
    float : right;
}

.text_desc td {
    line-height:180%;
}

#content dl,dt,dd  {
    margin-top:5px;
    paddind-top:5px;
    }

.chie_bukuro li {
   line-height:150%;
   margin : 0 10px 10px 0;
   padding :0 10px 10px 0; 
}


#twitter_div{
color : black ;
background-color : white ;
border :1px ridge silver;
margin :0px 10px 10px 10px;
padding:10px 10px 10px 10px;
}

.sidebar-title{
color : black ;
background-color : white ;
}

#twitter_update_list{
    margin-left:10px;
    padding-left:10px;
}