html {
/* setting border: 0 hoses ie6 win window inner well border */
margin: 0;
padding: 0;
}

/* ページ全体の設定 */
body{
font-family: MS PGothic,Osaka,sans-serif; /* ページ全体の文字フォント */
font-size: 15px; /* ページ全体の文字サイズ */
text-align: left;
background-color: #FFFFFF; /* 外側の背景 */

/* setting border: 0 hoses ie5 win window inner well border */
margin: 0;
padding: 0; 
}

/* BolgTitile */
#BlogName{
font-size: 28px; /* ブログタイトルの文字サイズ */
font-family: 'Araial Black, Helvetica, sans-serif'; /* ブログタイトルの文字のフォント */
font-weight: bold; /* 文字を太くします */
padding: 10px 0px 5px 10px;
}
#BlogName a{
color: Navy;
text-decoration: none;
}

#BlogDescription{
font-size: 10px; /* ブログ説明の文字サイズ */
font-family: 'Araial Black, Helvetica, sans-serif'; /* ブログ説明の文字のフォント */
color: #000000; /* ブログ説明の文字の色 */
padding: 0px 0px 5px 30px;
}

#header{
background-color: #FFFFFF;
background-image: url('./images/head_part_joint.jpg'); /* トップ画像 */
margin-bottom: 10px;
padding: 0px 0px 0px 0px;
}

#container{
width: 800px;
background-color: #FFFFFF; /* ページ全体の背景色 */
border-top: double 0px #999999;
border-bottom: double 3px #999999;
border-left: double 0px #999999;
border-right: double 3px #999999;
text-align: left;
}

#left {
width: 200px;
background-color: #FFFFFF; /* サイドメニューの背景色 */
border-top: solid 1px #999999;
border-bottom: solid 1px #999999;
border-left: solid 1px #999999;
border-right: solid 1px #999999;
padding: 0px 0px 0px 0px;
float: left;
}

.sidemenu{
width: 200px;
}

.sidemenu ul{
margin: 0px 0px 10px 0px;
}

.sidemenu li{
font-size:16px; /* コンテンツのリストの文字のサイズ */
color: #FFFFFF;
border-bottom: solid 1px #999999;
margin-left: 0px;
padding: 5px 0px 5px 15px;
}

.sidemenu a{
color:#800080; /* コンテンツのリストの文字の色 */
background-image:url(./images/list_a.gif); /* 表示される画像のファイル名 */
text-decoration:none;
background-repeat:no-repeat;
padding-left:25px; 
}

/* コンテンツリストにカーソルを合わせたとき */
.sidemenu a:hover{
width:120px;
color:#FF2828; /* コンテンツのリストの文字の色 */
background-image:url(./images/list.gif); /* 表示される画像のファイル名 */
background-repeat:no-repeat; 
margin:0px 0px 0px 0px;
}

/* サイドメニュータイトル */
#menuTitle{
font-size: 22px; /* メニュータイトルの文字サイズ */
font-weight: bold; /* 文字を太くします*/
color: #FFFFFF; /* メニュータイトルの文字の色*/
background-color: #009900; /* メニュータイトルの枠の中の色*/
margin:0px 0px 10px 0px;
padding:5px 0px 5px 20px;
}
.menu{
list-style-type: none;
padding:0px 0px 0px 0px;
}

/* サイドメニューの画像のデザイン設定 */
.sidemenu img{
border:solid 2px #FFFFFF;
}

#content{
width: 560px;
float:right;
}
/* 本文の大見出しデザイン */
#content h1{
width:560px;
font-size: 21px; /* フォントサイズ */
font-weight: bold;
color: #333333; /* フォントの色 */
background-color: #CCFF00; /* 背景色 */
margin:0px 0px 10px 0px;
padding:5px 0px 5px 20px;
}

#content h2{
font-size: 19px;
color: #336666;
}

#content h3{
font-size: 19px;
color: #0033FF;
}

#content h4{
font-weight: bold;
font-size: 21px;
color: #333333;
}

#content h5{
font-size: 19px;
color: #000066;
}

#content h6{
font-size: 25px;
color: #000000;
}

#content h7{
font-size: 8px;
color: #000000;
}
/* 本文の画像デザイン */
#content img{
border:solid 2px #FFFFFF;
margin: 0px 10px 0px 0px;
}

#content p{
font-size: 15px;
color: #010101;
line-height: 150%;
}

/*footer*/
#footer ul{
list-style-type:none;
padding:10px 5px 10px 5px;
margin:0.2em;
}

#footer p{
font-size: 15px;
margin-top: 0;
margin-bottom: 0;
}

/* コピーライト */
#copy{
font-size: 12px; /* 文字のサイズ */
color: #161618; /* 文字の色 */
}

/* フッターのリンク設定 */
#footer a{
color: #FF3300; /* リンクの文字の色 */
text-decoration: none;
}

/* Footerの枠デザイン */
#footer{
width: 180px;
background-color: #FFFFCC;
border-top:  dotted 1px #333333;
border-bottom: dotted 1px #333333;
border-left: dotted 1px #333333;
border-right: dotted 1px #333333;
padding: 5px 3px 5px 3px;
margin: 0px 0px 10px 5px;
}

/* サイドメニューの商品コメント */
#item_comment{
text-align: left;
margin: 0px 20px 0px 20px;
}

/* サイドメニューの動画コメント */
#movie_comment{
text-align: left;
margin: 0px 20px 0px 20px;
}

/* 購入ボタン */
#btnbuy{
width: 155px;
color: #CCFFFF;
background-color: #000000;
border-top:  solid 1px #333333;
border-bottom: solid 1px #333333;
border-left: solid 1px #333333;
border-right: solid 1px #333333;
}

br.clear {
 clear:both;
}


/* コメント表示デザイン部分 */
/*トラックバック*/
.entry,
.comments,
.archive
{
   position: static;
   overflow: hidden;
   clear: both;
   width: 100%;
   margin-bottom: 20px;
}

.entry-content,
.comment-content,
.comments-open-content,
.comments-closed
{
   clear: both;
   margin: 5px 10px;
}


.entry-footer,
.comment-footer,
.comments-open-footer,
.archive-content
{
   clear: both;
   margin: 5px 10px 20px 10px;
}


.module-header,
.comments-header,
.comments-open-header,
.archive-header
{
   /* ie win (5, 5.5, 6) bugfix */
   p\osition: relative;
   width: 100%;
   w\idth: auto;

   margin: 0;
   border-left: 5px solid #36414d;
   padding: 5px;
   color: #fff;
   background: #a3b8cc;
   font-size: 11px;
   font-weight: bold;
   line-height: 1;
   text-transform: uppercase;
}


.module-header a,
.module-header a:hover,
.comments-header a,
.comments-header a:hover,
.comments-open-header a,
.comments-open-header a:hover
.archive-header a,
.archive-header a:hover
{
   color: #fff;
}

.entry-more-link,
.entry-footer,
.comment-footer,
.typelist-thumbnailed
{
   font-size: 11px;
}


.entry-content,
.comment-content,
{
   margin: 0;
   line-height: 1.5;
}

.entry-footer,
.comment-footer,
{
   margin: 0 0 20px 0;
   border-top: 1px solid #dae0e6;
   padding-top: 3px;
   color: #666;
   font-size: 10px;
   text-align: right;
}

.comment-content,
.comment-footer,
{
   margin-left: 10px;
}

.content-nav { margin-top: 0; }


.comments-open-footer
{
   margin: 10px 0;
}







