/* 全体画面用 ---------------------------------- */
#bodyid{ 
background:#fffafa;
padding:0;
margin:0;
text-align:center;
}
#page{ /* 全体にうっすら見えるグレイの線の部分 */
background:#fff url('img/bg.png') repeat-y left top;
width:720px;
margin:0 auto;
}
#page2{ /* その内側にしっかり見える灰色線で囲まれた部分 */
border:1px solid #877;
background:#fff;
width:700px;
font-size:13px;
color:#444;
text-align:center;
margin:0 auto;
}

/* header用 ------------------------------------ */
/* タイトル部分用 ----- */
#banner{ 
background:#d8324c url('img/banbg.png') no-repeat left top;
height:50px;
letter-spacing:2px;
text-align:left;
}
#banner h1{
font-size:24px;
color:#fff;
margin:0;
padding:10px 20px;
}
#banner h1 span#sub{
font-size: 12px;
}/* add */

/* メニュー部分用 ----- */
#menu{
background:#d8324c url('img/menubg.png') no-repeat left top;
border-bottom:1px solid #a99;
width:100%;
}
#menu td{
height:20px;
font-size:13px;
width:20%;
letter-spacing:1px;
text-align:center;
border-left:1px solid #a99;
}
#menu a{
color:#fff;
font-weight:bold;
width:100%;
text-decoration:none;
}
#menu a:hover{
color:#d8324c;
}

/* sidebar用 ----------------------------------- */
#left{
width:206px;
float:left;
text-align:left;
padding:0 0 10px 0;
}

#left a{
color:#c06;
}

#left a:hover{
color:#c66;
}

#left h4{
border:1px solid #b99;
background:url('img/side.png') no-repeat left top;
font-size:13px;
margin:10px 0 0 10px;
padding:3px 10px;
color:#fff;
}

#left h5{
font-weight:normal;
margin:0 0 0 10px;
padding:7px 10px;
font-size:13px;
color:#444;
}

#left div{
font-weight:normal;
margin:0 0 0 10px;
padding:0px 20px;
font-size:11px;
color:#444;
} /* add */

/* main用 -------------------------------------- */
#right{
width:480px;
float:right;
padding:0 0 10px 0;
text-align:left;
}
#right a{
color:#c06;
}
#right a:hover{
color:#c66;
}

/* 見出し ------------- */
#right h2{ /* page title */
background:#d8324c url('img/menubg.png') no-repeat left center;
border-bottom:1px solid #a99;
height:22px;
font-size:18px;
letter-spacing:1px;
text-align:center;
color:#fff;
font-weight:bold;
margin:10px 10px 0 0px;
}/* add */

#right h3{
border-width:1px;
border-style:solid;
border-color:#fdd #ebb #ebb #fdd;
background:url('img/mainbg.png') repeat-y left top;
color:#644;
font-size:13px;
margin:10px 10px 0 0;
padding:3px 10px;
}

#right h4{
font-size:13px;
margin: 5px 10px;
color:#d8324c;
} /* add */

#right h5{
font-weight:normal;
margin:0 10px 0 0;
padding:7px 10px;
font-size:13px;
line-height:120%;
}

/* 各種 --------------- */
#right div{
font-weight:normal;
margin:0 10px 0 12px;
padding:7px 10px;
font-size:12px;
line-height:120%;
} /* add */

#right div#explain{
margin:10px 10px 0 0px;
background-color:#fdd;
text-align:center;
}/*add*/

#right div#spec{
text-align:right;
margin:0 10px;
}
#right div#review{
margin:0 10px 0 12px;
}
#right div#comment{
border-top:solid 1px #444;
margin:0 10px 0 36px;
}
#right p#cnt{
text-align:right;
font-size:10px;
margin:10px 10px 0 0;
} /* add */

#right ul{
list-style-type: square;
margin-right:10px;
}/* add */

#right ul ul{
list-style-type: circle;
margin-right:10px;
}/* add */

#right ol{
font-weight:normal;
list-style-type: decimal;
margin:0 10px 0 24px;
padding:7px 20px;
font-size:12px;
line-height:120%;
}/* add */

#right dl{
font-weight:normal;
margin:0 10px 0 12px;
padding:7px 10px;
font-size:12px;
line-height:120%;
}/* add */

#right dl dt{
font-weight:bold;
}/* add */
#right dl dd{
margin-bottom:5px;
}/* add */

/* テーブル ----------- */
/* センタリング */
div#tbl{ /* IE対策。テーブルはこのdivで囲む */
text-align: center;
}
#right tablel{ /* NC対策 */
margin-right: auto;
margin-left: auto;
}

#right td{
font-size:12px;
}/* add */

/* 「このページのTOPへ」用 */
#pagetop{
padding:10px 12px 0 0;
text-align:right;
}

/* フッター用 ---------------------------------- */
#copy{
clear:both;
background:#d8324c url('img/banbg.png') no-repeat left top;
border-top:1px solid #766;
color:#fff;
padding:1px 0 3px 0;
text-align:center;
}
/* What's Newのフッター用 ---------------------- */
#new_footer{
border-top: 1px solid #d8324c;
font-weight:bold;
text-align:center;
}/* add */
