@charset "UTF-8";

/********** 共通 **********/
body {
	margin:0;
	padding:0;
	text-align:center;
	background:#fff url('/hdd/images/BG.gif');
	color:#444;
}

body,th,td,li,div,address{
	font:10pt/20px Verdana, Arial, sans-serif;
}

form,input{
	font:10pt/16px Verdana, Arial, sans-serif;
}

textarea{
	font:10pt/18px "ヒラギノ明朝 Pro W6", "Osaka", "ＭＳ Ｐゴシック", "trebuchet MS", "trebuchet", "verdana", "arial", "sans-serif";
}

p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,form{
	margin:0;
	padding:0;
}

img{
	border:none;
}

.ImageRight{
	float:right;
	margin-left:10px;
}

.ImageLeft{
	float:left;
	margin-right:10px;
}


/********** リンク **********/
a{
	text-decoration:none;
}

a:link,
a:active{
	color:#36c;
}

a:visited{
	color:#06c;
}

a:hover{
	color:#c60;
}


/********** レイアウト **********/
#Wrap{
	width:762px;
	margin:0 auto;
	text-align:left;
	background:url('/hdd/images/BoxBG.gif') right repeat-y;
}

#Inner{
	width:760px;
	margin:0 1px 0;
	padding:0 0 10px;
	background:url('/hdd/images/HeadBG.gif') left top no-repeat;
}

#Box{
	width:auto;
	padding:0 10px;
}

#ContentsWrap{
	width:560px;
	float:left;
}

#MainWrap{
	width:340px;
	float:right;
}

#SideWrapBeta{
	width:210px;
	float:left;
}

#SideWrap{
	width:160px;
	margin-top:100px;
	float:right;
}

.Clear{
	clear:both;
	height:0;
	line-height:0;
}

.Clear hr{
	display:none;
}


/********** ヘッダー **********/

/* ヘッドライン */
#Headline{
	height:20px;
	margin-bottom:5px;
	padding-left:10px;
}

#Headline h1,
#Headline p{
	padding-right:10px;
	line-height:20px;
	font-size:10px;
	color:#fff;
	display:inline;
}

#Title{
	height:90px;
}

/* メニューバー */
#Menubar{
	clear:both;
	height:30px;
	margin:1px 0 10px;
	padding-left:10px;
	line-height:30px;
	list-style:none;
}

#Menubar li{
	height:30px;
	display:block;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#f00;
	line-height:30px;
}

#Menubar li a{
	color:#fff;
	display:block;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
}

#Menubar #NaviSitemap a {width:84px; background:url('/hdd/images/Menubar/SitemapOff.gif') left top no-repeat; }
#Menubar #NaviSitemap a:hover { background-position:0 100px; }

#Menubar #NaviUseMethod a {width:114px; background:url('/hdd/images/Menubar/UseMethodOff.gif') left top no-repeat; }
#Menubar #NaviUseMethod a:hover { background-position:0 100px; }

#Menubar #NaviRecruit a {width:136px; background:url('/hdd/images/Menubar/RecruitOff.gif') left top no-repeat; }
#Menubar #NaviRecruit a:hover { background-position:0 100px; }

#Menubar #NaviPrice a {width:127px; background:url('/hdd/images/Menubar/PriceOff.gif') left top no-repeat; }
#Menubar #NaviPrice a:hover { background-position:0 100px; }


/********** メインスペース（トップページ） **********/

/* 特集*/

.SpecialWrap{
	padding:30px 10px 5px;
	font-weight:bold;
	background:url('/hdd/images/ioSpecial.gif') left top no-repeat;
}

.topAd468{
	margin:10px 0;
	padding:5px;
	text-align:center;
	background:#eff;
	border:solid 1px #ccc;
}

.SpecialWrap a{
	text-decoration:underline;
}

/* リード文 */
#ReadText{
	margin-bottom:5px;
}

#ReadText h2{
	margin:10px 0;
	font-size:16px;
	font-weight:bold;
	color:#006;
}

/* レビュー一覧 */
#Reviews h3{
	margin:0 0 10px;
	font-size:14px;
	color:#006;
	font-weight:bold;
	background-color:#ddf;
}

.ReviewBox{
	margin-top:10px;
}

.ReviewBox h4{
	margin-bottom:10px;
	font-size:12px;
	color:#039;
	font-weight:bold;
}

.ReviewDescription{
	margin:5px 0 0;
	font-size:10px;
	font-weight:bold;
	color:#9ac;
}

.ReviewNotes{
	margin-bottom:10px;
}

.ReviewNotes h5{
	width:80px;
	float:left;
}

.ReviewNotes ul{
	list-style:none;
	margin-left:85px;
}

.ReviewNotes li{
	font-size:10px;
	line-height:15px;
}

.ReviewTitle{
	height:30px;
	font-size:12px;
	font-weight:bold;
	line-height:30px;
}


.ReviewBox h4 a:hover,
.ReviewNotes h5 a:hover,
.ReviewTitle a:hover{
	position:relative;
	top:2px;
	left:2px;
}

.ReviewExcept{
	color:#999;
}

.ReviewExcept a{
	text-decoration:underline;
}

/********** メインスペース（個別・カテゴリページ） **********/

/* トピックパス */
#TopicPath{
	margin-bottom:10px;
	list-style:none;
}

#TopicPath li{
	display:inline;
}

/* トップ広告スペース */
#TopAd,
#EntryNavi{
	margin-bottom:10px;
	padding:10px;
	line-height:20px;
	background:url('/hdd/img/TopAdBG.gif') center top no-repeat;
}

#TopAd p,
#EntryNavi p{
	padding-left:20px;
	background:url('/hdd/img/TopAdPoint.gif') left no-repeat;
}

/* カテゴリ要約 */
#CatDescription{
	margin:20px 0 10px;
}

#CatDescription h2,
#EntryBody h2{
	padding-bottom:3px;
	font-size:16px;
	line-height:36px;
	color:#006;
	background:url('/hdd/images/EntryHeadingBG.gif') left bottom no-repeat;
}


/* カテゴリ記事一覧 */
.CatEntryWrap{
	margin:30px 0;	
}

.CatEntryWrap h3{
	margin:0 0 10px;
	padding-left:20px;
	font-size:12pt;
	line-height:30px;
	border-bottom:dotted 2px #ccc;
	background:url('/hdd/images/icon/IconPage.gif') left no-repeat;
}

.CatEntryWrap h4{
	margin-top:10px;
	font-size:12px;
	color:#006;
}

.CatEntryWrap p{
	display:inline;
	font-size:11pt;
}

.CatEntryWrap p a,
#EntryBody p a{
	text-decoration:underline;
}

/* 記事本文 */
#EntryBody{
	line-height:180%;
}

#EntryBody h3{
	margin:40px 0 20px;
	padding-left:5px;
	color:#039;
	font-size:11pt;
	font-weight:bold;
	line-height:26px;
	border-left:solid 10px #39c;
}

#EntryBody p,
#EntryBody li,
#EntryBody blockquote{
	font-size:11pt;
}

#EntryBody p{
	margin:20px 0;
	font-size:11pt;
}

#EntryBody blockquote{
	padding:5px;
	background:#eef;
}

/* 個別エントリー：トラックバック＆コメント */
.writeback{
	margin:20px 0;
}

.writeback p.h3Heading{
	margin:0 0 10px;
	padding:0;
	font-size:12pt;
	font-weight:bold;
	color:#000;
}

.writeback p.h4Heading{
	margin:1em 0;
	padding:0;
	font-size:11pt;
	font-weight:bold;
	color:#000;
}

.writeback #TrackbackURL{
	width:350px;
}

.WritebackBody{
	border:solid 1px #ccc;
	margin:10px 0;
	padding:5px;
}

.WritebackBody th{
	width:80px;
	vertical-align:top;
}

.WritebackBody td{
	width:438px;
}

.WritebackBody td p{
	margin:0;
	padding:5px 0;
	font-size:11pt;
}

.WritebackBody a{
	text-decoration:underline;
}

/* 楽-Yah */
#RakuYah{
	margin-bottom:20px;
	padding-top:5px;
	border:solid 1px #ccc;
}

#RakuYah .r-main1{
	width:90px;
	height:90px;
	text-align:center;
	vertical-align:middle;
	background:url('/hdd/images/rakuyah/rakuyahBG.gif') center  no-repeat;
}

#RakuYah p{
	padding-left:5px;
	float:left;
}

#RakuYah .PowerdBy{
	padding-right:5px;
	text-align:right;
	font-size:x-small;
	float:right;
}

/* 個別エントリー：コメントフォーム */
#CommentsOpenData dt{
	width:80px;
	float:left;
	clear:left;
	margin:0 0 10px;
	padding:0;
}

#CommentsOpenData dd{
	width:475px;
	margin:0 0 10px;
	padding:0;
}

#comment-author{
	width:100px;
}

#comment-email,
#comment-url{
	width:250px;
}

#comment-text{
	font:12px/18px "ヒラギノ明朝 Pro W6", "Osaka", "ＭＳ Ｐゴシック", "trebuchet MS", "trebuchet", "verdana", "arial", "sans-serif";;
	width:475px;
	height:100px;
	margin-left:80px;
}

/********** サイドバー(beta) **********/
.SubContents{
	margin-bottom:20px;
}

.SubContents h3{
	margin:0 0 10px;
	font-size:12px;
	color:#006;
	font-weight:bold;
	background-color:#ddf;
}

.SubContents h4{
	margin:10px 0 5px;
	padding-left:18px;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	color:#039;
	background:url('/hdd/images/HeadingH4/point.gif') left no-repeat;
	border-bottom:dotted 2px #9ae;
}

.SubContents ul{
	margin-left:18px;
}

.SubContents ul li{
	line-height:16px;
	padding:2px 0;
}

.FontB{
	font-weight:bold;
}

/********** サイドバー **********/

.ModuleWrap{
	margin-bottom:10px;
	padding-bottom:5px;
	background:url('/hdd/images/HeadingSide/ModuleBodyBottom.gif') left bottom no-repeat;
	font-size:10px;
}

.ModuleWrap ul{
	padding:3px 0 3px 20px;
	line-height:14px;
	list-style:disc;
}

.ModuleBody{
	padding:5px;
	background:#fff;
	font-size:10px;
	line-height:12px;
}

.ModuleBody li,
.ModuleBody p{
	padding:2px 0;
	background:#fff;
	font-size:10px;
	line-height:12px;
}

.AdSenseSide{
	background:#fff;
}


/********** 記事内 **********/

.ChoiceData,
.GBPrice,
.LanCmparison{
	background:#ccc;
}

.ChoiceData th,
.LanCmparison th{
	width:120px;
	background:#eee;
}

.ChoiceData td,
.LanCmparison td{
	width:210px;
	background:#fff;
}

.ChoiceDataHeader th,
.ChoiceDataHeader td{
	font-weight:bold;
	background:#def;
	text-align:center;
}

/* 1GBあたりの価格比較 */
{
	background:#ccc;
}

.GBPrice td{
	width:20%;
	text-align:center;
	background:#fff;
}


/********** 価格比較 **********/
#PriceSearch dl,
#CodeSearch dl{
	padding:5px;
	border:solid 1px #ccc;
}

#PriceSearch dt,
#CodeSearch dt{
	width:70px;
	font-weight:bold;
	float:left;
	clear:left;
	line-height:22px;
}

#PriceSearch dt.budget,
#CodeSearch dt.budget{ background:url('/hdd/images/icon/IconYen.gif') left no-repeat; }
#PriceSearch dt.type,
#CodeSearch dt.type{ background:url('/hdd/images/icon/IconHdd.gif') left no-repeat; }
#PriceSearch dt.maker,
#CodeSearch dt.maker{ background:url('/hdd/images/icon/IconMaker.gif') left no-repeat; }
#PriceSearch dt.shop,
#CodeSearch dt.shop{ background:url('/hdd/images/icon/IconBasket.gif') left no-repeat; }
#PriceSearch dt.search,
#CodeSearch dt.search{ background:url('/hdd/images/icon/IconFind.gif') left no-repeat; }
#PriceSearch dt.code,
#CodeSearch dt.code{ background:url('/hdd/images/icon/IconCode.gif') left no-repeat; }

#PriceSearch dt span,
#CodeSearch dt span{
	padding-left:20px;
}

#PriceSearch dd,
#CodeSearch dd{
	margin-left:80px;
	line-height:18px;
}

/* マーチャントスイッチ */
#MerchantSwitch{
	height:26px;
	margin-bottom:10px;
	border-bottom:solid 2px #ccc;
	list-style:none;
}

#MerchantSwitch li{
	width:140px;
	float:left;
}

/* ページめくり */
.Paging{
	margin:0 0 15px;
}

.Paging span{
	font-weight:bold;
	background:#efefef;
}

.Paging span,
.Paging a{
	display:block;
	float:left;
	border:solid 1px #ccc;
	margin:0 3px 5px;
	width:24px;
	height:24px;
	line-height:24px;
	text-align:center;
	overflow:hidden;
}

.Paging a:hover{
	color:#ffffff;
	font-weight:bold;
	background:#660000;
}

/* 検索結果アイテム */
.ItemWrap{
	margin:10px 0;
	padding-bottom:10px;
	border-bottom:solid 1px #ccc;
}

.ItemWrap a:hover{
	position:relative;
	top:2px;
	left:2px;
}

.ItemImg{
	width:64px;
	height:64px;
	text-align:center;
	overflow:hidden;
	float:left;
}

.ItemData{
	margin-left:70px;
}

.ItemData span{
	font-weight:bold;
	color:#c00;
}

/* ECサイト紹介 */
.MerchantWrap{
	margin:0 0 30px;
}

.MerchantWrap h4{
	line-height:26px;
	font-size:14px;
}

.MerchantWrap h4 a{
	text-decoration:underline;
}

.MerchantImg{
	width:128px;
	float:left;
	clear:left;
}

.MerchantData{
	margin-left:135px;
}

.MerchantData a{
	text-decoration:underline;
}

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

.MerchantData span{
	font-weight:bold;
}