/* 基本レイアウト */
html { margin: 0; padding: 0; }
form, input { margin: 0; padding: 0; }
a img { border: 0; }

/* リンク色（ページ全体） */
a { color: #335500; text-decoration: underline; }
a:hover { color: #ff9900; }

/* リンク色（ヘッダー） */
#banner a { color: #aaaaaa; text-decoration: none; }
#banner a:hover { color: #FFCE3A; }

/* リンク色（サイドメニュー） */
#side a { color: #663333; }
#side a:hover { color: #ff9900; }

/* 見出し */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { margin: 0px; }


/* ページレイアウト */
body
{
 min-width: 750px;
 margin: 0;
 padding: 0;
 font-size: 13px;
 text-align: center;
 color: #333;
 background: #fff;
 line-height: 1.5;
}

#container
{
 position: relative;
 margin: 0 auto;
 padding: 0;
 text-align: center;
 width: 740px;
 background: url(img/bbg.gif);
}

#container:after
{
 content: " ";
 display: block;
 visibility: hidden;
 clear: both;
}


/* ヘッダー（レイアウト） */

#banner
{
 position: relative;
 display: block;
 width: 740px;
 height: 280px;
 margin: 0 auto;
 background: url(img/top.gif);
}

/* ヘッダー（サイトタイトル） */
#banner h1
{
 margin: 0;
 color: #aaaaaa;
 font-size: 12px;
 font-weight: normal;
 line-height: 1.25;
 position:absolute; top:3px; left:15px;
 text-align: left;
}


/* ヘッダー（検索ボックス） */
#banner-search
{
 width: 160px;
 position:absolute; top: 150px; right:30px;
 color: #333;
 text-align: left;
}


/* ヘッダー（サイト説明） */
#banner-description
{
 display: none;
}


/* メインコンテンツ全体 基本レイアウト*/
#pagebody
{
 position: relative;
 width: 710px;
 margin: 0 auto;
 text-align: left;
}

#pagebody:after
{
 content: " ";
 display: block;
 visibility: hidden;
 clear: both;
}


/* メインコンテンツレイアウト */

#main /* 記事部分 */
{
 display: inline;
 position: relative;
 float: left;
 min-height: 1px;
 width: 495px; 
 margin: 0px 0px 10px 10px;
 text-align: left;
 }

#side /* サイドメニュー */
{
 display: inline;
 position: relative;
 float: right;
 min-height: 1px;
 margin: 0px 10px 10px 0px;
 width: 185px;
 text-align: left;
 color: #000;
 background-color:#cccc99;
}

#s-main /* 検索結果記事部分 */
{
 display: inline;
 position: relative;
 float: left;
 min-height: 1px;
 width: 510px;
 _width: 490px;
 margin: 10px;
 text-align: left;
 }

/* 記事部分見出し */

.header1
{
 position: relative;
 width: auto;
 _width: 100%;
 margin: 0px 0px 10px 10px;
 padding: 5px 0 5px 5px;
 border-left: 7px solid #6A0000;
 border-bottom: 1px solid #6A0000;
 background-color:#916F6F;
 line-height: 1.25;
 font-size: 14px;
 font-weight: bold;
 color: #fff;
 text-transform: uppercase;
 clear: both;
 letter-spacing: 0.2em;
}


/* 記事部分コンテンツ */

.entry
{
 line-height: 1.5;
 margin: 0px 10px 10px 10px;
 padding: 0 0 5px;
 border-bottom: 1px dotted #ccc;
}

.more
{
 text-align: right;
 }

.header2
{
 position: relative;
 display: inline;
 margin: 10px 0 0;
 border-left: 5px solid #fff;
 padding: 5px 0 5px 10px;
 font-size: 12px;
 font-weight: normal;
 line-height: 1.25;
}

.header1 a, .header2 a 
{
 text-decoration: none;
 }

.entry-footer,
{
 margin: 5px 10px 0 0;
 border-top: 1px dotted #ccc;
 padding: 5px 0;
 color: #999;
 font-size: 10px;
 text-align: right;
}

.bread
{
 background: none;
 margin: 0 10px;
 padding-left: 10px;
 text-align: left;
}

.f-navi
{
 margin: 5px 0;
 text-align: center;
 clear: both;
}

.gotop 
{
 text-align: right;
 clear: both;
 padding: 10px;
}

.img
{
 float: left;
 margin: 0 5px 5px 0;
 text-align: center;
}

.tb-info
{
 text-align: center;
 border: 1px dotted #ccc;
}


/* フッター */
#footer
{
 position: relative;
 margin: 0 auto;
 width: 740px;
 height: 140px;
 text-align: left;
 padding: 0;
 clear: both;
 color: #666;
 background: url(img/footer.gif) no-repeat bottom;
}

#footer p
{
 padding-top: 70px;
 margin: 0;
 font-size: 0.8em;
 text-align: center;
}

#footer a
{
 text-decoration: none;
 color: #999;
}

.footer-navi
{
  width: 695px;
 margin: 0 auto;
 padding: 10px 0;
 font-size: 0.8em;
 text-align: center
 line-height: 1.25;
 clear: both;
 border-top: 1px dotted #ccc;
 border-bottom: 1px dotted #ccc;
}

.footer-navi a
{
 color: #999;
}


/* サイドメニュー内部 */
.side-header
{
 position: relative;
 width: auto;
 margin: 0 0 10px 0;
 padding: 5px 0;
 color: #fff;
 background-color:#506A00;
 font-size: 12px;
 font-weight: bold;
 line-height: 1.25;
 text-align: center;
 border-bottom: 1px solid #dcdcdc;
}

#side p 
{
 padding: 0 5px;
}

#side_web ul
{
 margin: 0 0 10px;
 padding: 0;
 list-style: none;
}

#side_web li a
{
 width: 183px; 
 background-color: #663333;
 text-indent: 5px;
 display: block;
 font-size: 12px;
 line-height: 1.25;
 margin: 2px 0;
 padding: 5px 0;
 border-bottom: 1px solid #dcdcdc;
 text-decoration: none;
 color: #ffffff;
}

#side_web a:hover
{
 background: #006699;
 border-bottom: 1px solid #dcdcdc;
 color: #fff;
}

#side dl
{
 padding: 5px;
}

#side dt
{
 font-size: 12px;
 line-height: 1.5;
}

/* 物販用おすすめ・ピックアップ部分 */

.pickup
{
 width: auto;
 min-height: 190px;
 _height: 190px;
 margin: 5px 0;
 padding: 5px;
 border: 1px solid #ccc;
 line-height: 1.5;
}

.pickup1
{
 width: 47%;
  min-height: 190px;
 _height: 190px;
 margin: 5px 0;
 padding: 5px;
 line-height: 1.5;
 float: left;
}


/* ------------------------------------- 
 * 月別アーカイブ用
 * ------------------------------------- */
.module-mc-archive {
    margin:0 0 8px;
    padding:0;
}
.module-mc {
    margin:0;
    padding:0;
}
.module-mc-item {
    display: inline;
    margin:0 0 0 4px;
    padding:0;
}


/* ------------------------------------- 
 * サイトデータ用
 * ------------------------------------- */

.sitedata_tytle01 {
	float: left;
	width: 140px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #D3D3D3;
}

.sitedata_tytle02 {
	float: left;
	width: 95px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	background-color: #D3D3D3;
	border-top: 1px solid  #000000;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;

}

.sitedata_tytle03 {
	float: left;
	width: 100px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	background-color: #D3D3D3;
	border-top: 1px solid  #000000;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;

}

.sitedata_left {
	float: left;
	width: 140px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 0px 5px;
	font-size: 10pt;
	color: #000000;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;
	border-left: 1px solid  #000000;
	background-color: #FFFFEA;
}

.sitedata_come {
	float: left;
	width: 95px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 0px 5px;
	font-size: 9pt;
	color: #000000;
	background-color: #ffffff;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;

}

.sitedata_mony {
	float: left;
	width: 100px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 0px 5px;
	font-size: 9pt;
	color: #000000;
	background-color: #ffffff;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;

}

.sitedata_grf {
	float: left;
	width: 105px;
	height: 70px;
	margin: 0px 0px 0px 0px;
	padding: 35px 0px 0px 0px;
	font-size: 9pt;
	color: #000000;
	background-color: #ffffff;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;

}

/* ------------------------------------- 
 * 動画サイトデータ用
 * ------------------------------------- */

.mvbox_tytle01 {
	float: left;
	width: 150px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 5px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFE495;
}

.mvbox_tytle02 {
	float: left;
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 5px;
	color: #000000;
	background-color: #FFE495;
	border-top: 1px solid  #000000;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;

}

.mvbox_left {
	float: left;
	width: 150px;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 5px;
	color: #000000;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;
	border-left: 1px solid  #000000;
	background-color: #E9E9E9;
}

.mvbox_come {
	float: left;
	width: 300px;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 5px;
	color: #000000;
	background-color: #ffffff;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;

}

.mvbox_left_60 {
	float: left;
	width: 150px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 5px;
	color: #000000;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;
	border-left: 1px solid  #000000;
	background-color: #E9E9E9;
}

.mvbox_come_60 {
	float: left;
	width: 300px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 5px;
	color: #000000;
	background-color: #ffffff;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;

}

.mvbox_comes {
	float: left;
	width: 450px;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 10px 6px;
	color: #000000;
	background-color: #ffffff;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;
	border-left : 1px solid  #000000;
}

.mvbox_comes p {
	padding: 0px 10px 10px 10px;
}


.grays_line{
	padding:3px 5px;
	border-color:#FF8000;
	border-width:0 0 1px 7px;
	border-style:solid;
	background:#FFE495;
	color:#000000;
}

.siteinfo_box {
	float: left;
	width: 240px;
	height: 180px;
	margin: 0px 10px 0px 10px;
	background-color: #000000;
}

/* ------------------------------------- 
 * 比較データタブ用
 * ------------------------------------- */

.hikaku_tabbox {
	float: left;
	width: 540px;
	margin: 0px 0px 0px 10px;
	border: 1px solid #000000;
}
.hikaku_tab01 {
	float: left;
	width: 62px;
	height: 39px;
	margin: 0px 0px 0px 3px;
}

.hikaku_tab02 {
	float: left;
	width: 62px;
	height: 39px;
	margin: 0px 0px 0px 3px;
}

.box21 {
	clear:both;
	margin: 0px 0px 20px 0px;
	padding: 10px 5px 10px 5px;
	border-top:solid 3px #ff3300;
}


/* ------------------------------------- 
 * テーブル風用
 * ------------------------------------- */

.box_tt01 {
	float: left;
	width: 150px;
	margin: 0px 0px 0px 10px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFE495;
}

.box_tt02 {
	float: left;
	width: 100px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	background-color: #FFE495;
	border-top: 1px solid  #000000;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;
}

.box_tt03 {
	float: left;
	width: 170px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	background-color: #FFE495;
	border-top: 1px solid  #000000;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;

}

.box_td01 {
	float: left;
	width: 150px;
	margin: 0px 0px 0px 10px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;
	border-left: 1px solid  #000000;
	background-color: #E9E9E9;
}


.box_td02 {
	float: left;
	width: 100px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;
	background-color: #E9E9E9;
}

.box_td03 {
	float: left;
	width: 170px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;
	background-color: #E9E9E9;
}

/* ------------------------------------- 
 * テーブル風用２
 * ------------------------------------- */

.box2_tt01 {
	float: left;
	width: 120px;
	margin: 0px 0px 0px 10px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFE495;
}

.box2_tt02 {
	float: left;
	width: 150px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	background-color: #FFE495;
	border-top: 1px solid  #000000;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;
}

.box2_tt03 {
	float: left;
	width: 150px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	background-color: #FFE495;
	border-top: 1px solid  #000000;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;

}

.box2_td01 {
	float: left;
	width: 120px;
	margin: 0px 0px 0px 10px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;
	border-left: 1px solid  #000000;
	background-color: #E9E9E9;
}


.box2_td02 {
	float: left;
	width: 150px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;
	background-color: #E9E9E9;
}

.box2_td03 {
	float: left;
	width: 150px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;
	background-color: #E9E9E9;
}


/* ------------------------------------- 
 * テーブル風【円換算用】
 * ------------------------------------- */

.ennbox_tt01 {
	float: left;
	width: 200px;
	margin: 0px 0px 0px 20px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFE495;
}

.ennbox_tt02 {
	float: left;
	width: 120px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	background-color: #FFE495;
	border-top: 1px solid  #000000;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;
}

.ennbox_tt03 {
	float: left;
	width: 120px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	background-color: #FFE495;
	border-top: 1px solid  #000000;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;
}

.ennbox_td01 {
	float: left;
	width: 200px;
	margin: 0px 0px 0px 20px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;
	border-left: 1px solid  #000000;
	background-color: #E9E9E9;
}


.ennbox_td02 {
	float: left;
	width: 120px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;
	background-color: #E9E9E9;
}

.ennbox_td03 {
	float: left;
	width: 120px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;
	background-color: #E9E9E9;
}


/* ------------------------------------- 
 * サポートボックス用
 * ------------------------------------- */
.supbox_left {
	float: left;
	width: 60px;
	height: 60px;
	margin: 0px 0px 10px 10px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
}

.supbox_right {
	float: left;
	width: 400px;
	height: 50px;
	margin: 0px 0px 10px 10px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
}


/* ------------------------------------- 
 * 説明ボックスタイトル用
 * ------------------------------------- */
.clear_boxbr_t {
	margin: 0px 0px 0px 0px;
	padding:5px 5px 5px 10px;
	background:#EA6401;
	color:#FFFFFF;
	font-weight: bold;
}

/* ------------------------------------- 
 * 説明ボックス用
 * ------------------------------------- */
.clear_boxbr {
	margin: 0px 0px 10px 0px;
	padding:5px 15px 5px 15px;
	border-color:#999999;
	border-width:0px 1px 1px 1px;
	border-style:solid;
	background:#FFFFFF;
	color:#000000;
}

/* ------------------------------------- 
 * イラスト用
 * ------------------------------------- */

.faice_box01 {
	float: left;
	width: 64px;
	height: 64px;
	margin: 0px 20px 0px 5px;
	background-color: transparent;
}

.faice_box03 {
	float: left;
	width: 64px;
	height: 64px;
	margin: 0px 20px 10px 5px;
	background-color: transparent;
}

.faice_box02 {
	float: left;
	width: 50px;
	height: 50px;
	margin: 0px 10px 0px 0px;
	background-color: #ffffff;
}

.faice_box04 {
	float: left;
	width: 80px;
	height: 80px;
	margin: 0px 10px 5px 5px;
	background-color: transparent;
}

.info_box01 {
	float: left;
	width: 60px;
	height: 60px;
	margin: 0px 20px 0px 20px;
	background-color: #ffffff;
}

/* ------------------------------------- 
 * トップサイトナビ用
 * ------------------------------------- */

.topsite_navi {
	position:absolute; top:190px; right:45px;
	float: right;
	background-color: #ffffff;
}

.topsite_navi01 {
	float: left;
	width: 110px;
	height: 35px;
	margin: 0px 5px 0px 0px;
}

.topsite_navi02 {
	float: right;
	width: 82px;
	height: 30px;
	margin: 8px 0px 0px 5px;
	background-color: transparent;
}

/* ------------------------------------- 
 * ライン
 * ------------------------------------- */

.black_line{
	padding:7px 0px 2px 5px;
	border-color:#EA6401;
	border-width:0 1px 1px 7px;
	border-style:solid;
	background: url(img/tybg.jpg) repeat-x;
	color:#333333;
	font-size: 10pt;
	font-weight:bold;
}

/* ------------------------------------- 
 * セキュリティー対策目次風用
 * ------------------------------------- */

.secbox_tt01 {
	float: left;
	width: 180px;
	margin: 0px 0px 0px 10px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFE495;
}

.secbox_tt02 {
	float: left;
	width: 240px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	background-color: #FFE495;
	border-top: 1px solid  #000000;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;
}

.secbox_td01 {
	float: left;
	width: 180px;
	margin: 0px 0px 0px 10px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;
	border-left: 1px solid  #000000;
	background-color: #E9E9E9;
}


.secbox_td02 {
	float: left;
	width: 240px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	border-right: 1px solid  #000000;
	border-bottom: 1px solid  #000000;
	background-color: #E9E9E9;
}



#categories ul {
    margin: 0 0 0 2px;
    padding: 0;
    list-style: none;
}
#categories ul li {
    margin: 2px 0 2px 5px;
    padding-left: 10px;
    list-style: none;
}
#categories li li {
    margin: 2px 0 2px 5px;
    padding-left: 10px;
    list-style: none;
}
div .subcategories {
    margin-left: -15px;
}