@charset "utf-8";

/*
---------------------------------------------
	reset
---------------------------------------------
	リセットと再定義
---------------------------------------------
*/

div#blog_main div,
div#blog_main dl,
div#blog_main dt,
div#blog_main dd,
div#blog_main ul,
div#blog_main li,
div#blog_main p,
div#right_navi div,
div#right_navi dl,
div#right_navi dt,
div#right_navi dd,
div#right_navi ul,
div#right_navi li,
div#right_navi p,
h2,h3,h4{
	margin:0;
	padding:0;
	border:none;
	background:none;
	font-size:100%;
}

h2{
	margin:0 0 10px;
	line-height:1.3;
}

h3 {
	margin: 0px 0px 10px;
	padding: 10px 7px 7px 7px;
	border: 1px solid #CCCCCC;
	font-weight: bold;
	font-size: 75%;
	line-height:1.3;
	color: #333333;
	letter-spacing: 1px;
}

h4{
	margin:30px 0;
	font-weight: bold;
	font-size: 75%;
	line-height:1.3;
}

blockquote{
	margin:30px 0;
	padding:10px;
	font-size: 75%;
	line-height:1.3;
	background:#EEE;
}

/*
---------------------------------------------
	layout
---------------------------------------------
	テンプレート部分のスタイル
---------------------------------------------
*/

div#blog_main{
	width:520px;
	margin-right:10px;
}

div#right_navi{
	width:175px;
}

div#right_navi div#report-navi-bn dd,
div#right_navi div#report-navi-bn-series1 dd,
div#right_navi div#report-navi-content dd{
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}

div#right_navi div#report-navi-bn dd ul,
div#right_navi div#report-navi-bn-series1 dd ul{
	padding:5px;
}

div#right_navi div#report-navi-bn dd li,
div#right_navi div#report-navi-bn-series1 dd li{
	padding:0 0 5px 20px;
	background:url(/report/img/ico_bn.gif) no-repeat 0px 2px;
}

div#right_navi div#report-navi-content dl dl{
	border-bottom:1px dotted #CCC;
	padding:5px;
}

div#right_navi div#report-navi-content dl dd dt{
	background:#FFF;
}

div#right_navi div#report-navi-content dl dd dd{
	border:none;
	padding:0 0 5px 20px;
}

div#right_navi div#report-navi-content dl dd dd.cat01{
	background:url(/report/img/ico_report_cat01.gif) no-repeat 0px 2px;
}

div#right_navi div#report-navi-content dl dd dd.cat02{
	background:url(/report/img/ico_report_cat02.gif) no-repeat 0px 2px;
}

div#right_navi div#report-navi-content dl dd dd.cat03{
	background:url(/report/img/ico_report_cat03.gif) no-repeat 0px 2px;
}

div#right_navi div#report-navi-content dl dd dd.cat04{
	background:url(/report/img/ico_report_cat04.gif) no-repeat 0px 2px;
}

div#right_navi div#report-navi-content dl dd dd.cat05{
	background:url(/report/img/ico_report_cat05.gif) no-repeat 0px 2px;
}

div#right_navi div#report-navi-content dl dd dd.cat06{
	background:url(/report/img/ico_report_cat06.gif) no-repeat 0px 2px;
}

div#right_navi div#report-navi-content,
div#right_navi div#report-navi-author{
	margin:0 0 10px;
}

div#right_navi div#report-navi-bn-series1,
div#right_navi div#report-navi-content{
	border-bottom:1px solid #CCC;
}

div#right_navi div#report-navi-author{
	border:3px solid #CCC;
}

div#right_navi div#report-navi-bn dt,
div#right_navi div#report-navi-bn-series1 dt,
div#right_navi div#report-navi-content dt,
div#right_navi div#report-navi-author dt{
	padding:2px 0;
	text-align:center;
}

div#right_navi div#report-navi-content dl dl dt,
div#right_navi div#report-navi-author dl dl dt{
	padding:2px 0 5px;
	text-align:left;
}

div#right_navi div#report-navi-bn dt,
div#right_navi div#report-navi-bn-series1 dt,
div#right_navi div#report-navi-content dt{
	background:#000;
}

div#right_navi div#report-navi-author dt{
	background:#CCC;
}

div#right_navi div#report-navi-author dl dd dt{
	background:none;
}

div#right_navi div#report-navi-author dl dd dt,
div#right_navi div#report-navi-author dl dd dd{
	padding:0 0 0 46px;
}

div#right_navi div#report-navi-author dl dd dl{
	padding:5px;
}

/*for IE6 Hack*/
* html div#right_navi div#report-navi-author dl dd dl{
	padding:5px 10px;
}

div#right_navi div#report-navi-author dl dd dl.cat01,
div#right_navi div#report-navi-author dl dd dl.cat02,
div#right_navi div#report-navi-author dl dd dl.cat03,
div#right_navi div#report-navi-author dl dd dl.cat04,
div#right_navi div#report-navi-author dl dd dl.katakura{
	border-bottom:1px dotted #CCC;
}

div#right_navi div#report-navi-author dl dd dl.cat01{
	background:url(/report/img/pic_author02.jpg) no-repeat 5px 5px;
}

div#right_navi div#report-navi-author dl dd dl.cat02{
	background:url(/report/img/pic_author03.jpg) no-repeat 5px 5px;
}

div#right_navi div#report-navi-author dl dd dl.cat03{
	background:url(/report/img/pic_author04.jpg) no-repeat 5px 5px;
}

div#right_navi div#report-navi-author dl dd dl.katakura{
	background:url(/report/img/pic_katakura.jpg) no-repeat 5px 5px;
}

div#right_navi div#report-navi-author dl dd dl.cat04{
	background:url(/report/img/pic_author01.jpg) no-repeat 5px 5px;
}

div#right_navi div#report-navi-author dl dd dl.koura{
	background:url(/report/img/pic_koura.jpg) no-repeat 5px 5px;
}

div#right_navi div#report-navi-banner{
	margin:0 0 20px;
}


/*
---------------------------------------------
	div#report-title
---------------------------------------------
	レポートインデックスの導入部
---------------------------------------------
*/

div#report-title p{
	margin:0 0 20px;
}



/*
---------------------------------------------
	div#entrance
---------------------------------------------
	レポートインデックスの各カテゴリ導入部
---------------------------------------------
*/

div#entrance div.section{
	float:left;
	width:255px;
	margin:0 0 10px;
}

div#entrance div.cat02,
div#entrance div.cat03{
	margin:0 10px 10px 0;
}

div#entrance div.section dd.article{
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}

div#entrance div.section dl dl dt,
div#entrance div.section dd.link,
div#entrance div.section dd.excerpt,
div#entrance div.section dd.author{
	padding:5px;
}

div#entrance div.section dl dl dt{
	padding-left:25px;
}

div#entrance div.cat01 dl dl dt{
	background:url(/report/img/ico_report_cat01.gif) no-repeat 5px 7px;
}

div#entrance div.cat02 dl dl dt{
	background:url(/report/img/ico_report_cat02.gif) no-repeat 5px 7px;
}

div#entrance div.cat03 dl dl dt{
	background:url(/report/img/ico_report_cat03.gif) no-repeat 5px 7px;
}

div#entrance div.cat04 dl dl dt{
	background:url(/report/img/ico_report_cat04.gif) no-repeat 5px 7px;
}

div#entrance div.cat05 dl dl dt{
	background:url(/report/img/ico_report_cat05.gif) no-repeat 5px 7px;
}

div#entrance div.cat06 dl dl dt{
	background:url(/report/img/ico_report_cat06.gif) no-repeat 5px 7px;
}

div#entrance div.section dl dl dd.excerpt img{
	float:right;
	width:54px;
	height: 54px;
	margin:0 0 0 5px;
	padding:1px;
	border:1px solid #CCC;
}

div#entrance div.section dl dl dd.link{
	float:none;
	text-align:right;
}

div#entrance div.section dd.author{
	border-top:1px dotted #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}


/*
---------------------------------------------
	div#voice
---------------------------------------------
	
---------------------------------------------
*/

div#voice{
	clear:both;
}

div#voice div.section{
	padding:14px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}

div#voice div.section h2{
	display:none;
}

div#voice div.section h3{
	/*display:inline;*/
	margin:0 0 10px;
	border:none;
	background:#FFF;
}

div#voice div.section div.section{
	padding:0;
	border:none;
}

div#voice div.section img.image{
	float:left;
	margin:5px 15px 10px 0;
}

div#voice p.author{
	clear:both;
	margin:0 0 15px;
	padding:5px 5px 5px;
	border-top:1px dotted #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	text-align:right;
}


/*
---------------------------------------------
	div#buy
---------------------------------------------
	今月のお買いもの
---------------------------------------------
*/
div#buy{
	clear:both;
}

div#buy div.section{
	padding:14px;
	border:1px solid #D6C8AF;
	background:#E9E2D5;
}

div#buy div.section h2{
	width:100%;
	margin:0;
	padding:0 0 5px;
	text-align:center;
}

div#buy div.section h3{
	border:none;
	background:#FFF;
}

div#buy div.section div.section{
	padding:0;
	border:none;
}

div#buy div.section div.section img{
	padding:5px;
	border:1px solid #CCC;
	background:#FFF;
}

div#buy div.section img.image{
	float:left;
	margin:5px 15px 10px 0;
}

div#buy div.section img.left{
	float:left;
	margin:5px 15px 10px 0;
}

div#buy div.section img.right{
	float:right;
	margin:5px 0 10px 15px;
}

div#buy p.author{
	clear:both;
	padding:5px 5px 20px;
	text-align:right;
}


/*
---------------------------------------------
	div#entry
---------------------------------------------
	各記事
---------------------------------------------
*/

div#entry h3{
	padding-left:25px;
}

div#entry h3.cat01 {
	background:url(/report/img/ico_report_cat01.gif) no-repeat 5px 10px;
}

div#entry h3.cat02 {
	background:url(/report/img/ico_report_cat02.gif) no-repeat 5px 10px;
}

div#entry h3.cat03 {
	background:url(/report/img/ico_report_cat03.gif) no-repeat 5px 10px;
}

div#entry h3.cat04 {
	background:url(/report/img/ico_report_cat04.gif) no-repeat 5px 10px;
}

div#entry h3.cat05 {
	background:url(/report/img/ico_report_cat05.gif) no-repeat 5px 10px;
}

div#entry h3.cat06 {
	background:url(/report/img/ico_report_cat06.gif) no-repeat 5px 10px;
}

div#entry h3 a {
	text-decoration:none;
}

div#entry h3 a:hover {
	text-decoration:underline;
}

div#entry ul.meta{
	margin:0 0 10px;
	padding:0 5px 5px;
	border-bottom:1px dotted #CCC;
}

div#entry ul.meta li{
	padding:0 0 2px;
}

div#entry p.desc{
	padding:0 5px 20px;
}

div#entry div#entry-body{
	padding:0 5px 20px;
}

div#entry div#entry-body p{
	padding:0 0 20px;
}


/*
---------------------------------------------
	div#entrance-list
---------------------------------------------
	homeで読み込まれるiframe
---------------------------------------------
*/

div#entrance-list{
	width:100%;
}

div#entrance-list p.date{
	padding:5px 10px;
	border-bottom:5px solid #CCC;
}

div#entrance-list li{
	display:inline;
}

div#entrance-list li dl{
	clear:both;
	margin:0;
	padding:5px 5px 5px 10px;
}

div#entrance-list li.cat01 dl,
div#entrance-list li.cat04 dl,
div#entrance-list li.cat03 dl{
	border-top:1px dotted #CCC;
}

div#entrance-list li.cat05 dl,
div#entrance-list li.cat06 dl,
div#entrance-list li.voice2{
	border-bottom:1px dotted #CCC;
}

div#entrance-list li dl dd.image{
	float:left;
	display:inline;
	width:65px;
	height:65px;
}

div#entrance-list li dl dd.image img{
	width:54px;
	height: 54px;
	margin:0 5px 0 0;
	padding:2px;
	border:1px solid #CCC;
}

div#entrance-list li dl dt{
	/*margin-left:65px;*/
	padding:3px 0 2px 16px;
}

div#entrance-list li.cat01 dl dt{
	background:url(/report/img/ico_report_cat01.gif) no-repeat 0 2px;
}

div#entrance-list li.cat02 dl dt{
	background:url(/report/img/ico_report_cat02.gif) no-repeat 0 2px;
}

div#entrance-list li.cat03 dl dt{
	background:url(/report/img/ico_report_cat03.gif) no-repeat 0 2px;
}

div#entrance-list li.cat04 dl dt{
	background:url(/report/img/ico_report_cat04.gif) no-repeat 0 2px;
}

div#entrance-list li.cat05 dl dt,
div#entrance-list li.cat06 dl dt{
	padding:3px 0 2px 0px;
}

div#entrance-list li.cat05 dl dd,
div#entrance-list li.cat06 dl dd{
	padding:3px 0 2px 18px;
}

div#entrance-list li.cat05 dl dd{
	background:url(/report/img/ico_report_cat05.gif) no-repeat 0 2px;
}

div#entrance-list li.cat06 dl dd{
	background:url(/report/img/ico_report_cat06.gif) no-repeat 0 2px;
}

div#entrance-list li.voice2,
div#entrance-list li.buy2{
	display:block;
	padding:6px 0 6px 28px;
}

div#entrance-list li.voice2{
	background:url(/report/img/ico_report_voice2.gif) no-repeat 10px 5px;
}

div#entrance-list li.buy2{
	background:url(/report/img/ico_report_buy2.gif) no-repeat 10px 5px;
}

/*
---------------------------------------------
	body#report-entry
---------------------------------------------
	各記事のページにのみ適用
---------------------------------------------
*/

body#report-entry div#entry p.desc{
	margin:0 0 20px;
	padding:20px;
	background:#EEE;
}


/*
---------------------------------------------
	body#iframe-report-entrance
---------------------------------------------
	homeで読み込まれるiframeにのみ適用
---------------------------------------------
*/

body#iframe-report-entrance{
	width:250px;
	background:#FFF;
}












/*
---------------------------------------------
	font
---------------------------------------------
*/

/*layout*/

div#right_navi div#report-navi-bn dt,
div#right_navi div#report-navi-bn dd,
div#right_navi div#report-navi-bn-series1 dt,
div#right_navi div#report-navi-bn-series1 dd,
div#right_navi div#report-navi-content dt,
div#right_navi div#report-navi-content dl dl dd,
div#right_navi div#report-navi-author dt{
	font-size:75%;
}

div#right_navi div#report-navi-content dl dd dt,
div#right_navi div#report-navi-author dl dd dt,
div#right_navi div#report-navi-author dl dl dd{
	font-size:63%;
	letter-spacing:0;
}

div#right_navi div#report-navi-bn dt,
div#right_navi div#report-navi-bn-series1 dt,
div#right_navi div#report-navi-content dt,
div#right_navi div#report-navi-author dt{
	font-weight:bold;
}

div#right_navi div#report-navi-bn dt,
div#right_navi div#report-navi-bn-series1 dt,
div#right_navi div#report-navi-content dt{
	color:#FFF;
}

div#right_navi div#report-navi-content dl dl dt{
	color:#000;
}

div#right_navi div#report-navi-content dl dl dt a{
	text-decoration:none;
}

div#right_navi div#report-navi-content dl dl dt a:hover{
	text-decoration:underline;
}

/*div#entrance*/

div#entrance div.section dl dl dt,
div#entrance div.section dd.link,
div#entrance div.section dd.author{
	font-size: 75%;
}

div#entrance div.section dl dl dt{
	font-weight:bold;
	line-height:1.5;
}

/*div#buy*/

div#buy div.section h3{
	font-size: 75%;
	font-weight:bold;
}

/*div#entry*/

div#entry ul.meta{
	font-size: 70%;
}

/*div#entrance-list*/

div#entrance-list p.date a{
	font-weight:bold;
}

div#entrance-list li dt,
div#entrance-list li dd{
	font-size: 90%;
	line-height:1.2;
}

div#entrance-list li dl dt{
	font-weight:bold;
}

div#entrance-list li.voice2,
div#entrance-list li.buy2{
	font-size: 70%;
	line-height:1.2;
}

/*body.report*/

body.report div#blog_main p{
	font-size:75%;
}

/*body#report-entry*/

body#report-entry div#entry p.desc{
	font-weight:bold;
}


/*
---------------------------------------------
	hack
	-----------------------------------------
	ブラウザ差異をスタイルする
---------------------------------------------
*/


/*Modern Browser*/
div#voice div.section:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*IE7+MacIE5*/
div#voice div.section{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html div#voice div.section{
	height: 1%;
}

div#voice div.section{
	display: block;
}

/* End hide from IE-mac */





/*
---------------------------------------------
	div#entrance2
---------------------------------------------
	レポートインデックスの各カテゴリ導入部
---------------------------------------------
*/

div#entrance2 div.section{
	width:100%;
	margin:0 0 20px;
	background:url(/report/img/bg_report_entrance.gif);
}

div#entrance2 div.section dt.category{
	float:left;
	width:150px;
}

div#entrance2 div.section dd.article{
	float:right;
	width:368px;
	border:1px solid #CCC;
	background:#FFF;
}

div#entrance2 div.section dl dl dt,
div#entrance2 div.section dd.link,
div#entrance2 div.section dd.image{
	padding:10px;
}

div#entrance2 div.section dd.excerpt{
	padding:0 10px;
}

div#entrance2 div.section p.author{
	padding:5px 10px;
}

div#entrance2 div.section dl dl dd.image{
	float:right;
}

div#entrance2 div.section dl dl dd.image img{
	width:54px;
	height: 54px;
	padding:1px;
	border:1px solid #CCC;
}

div#entrance2 div.section dl dl dd.link{
	float:none;
	text-align:right;
}

div#entrance2 div.section p.author{
	border-top:1px dotted #CCC;
}

/*
---------------------------------------------
	div#voice2
---------------------------------------------

---------------------------------------------
*/

div#blog_main div#voice2{
	width:514px;
	margin:0 0 20px;
	border:3px dotted #CCC;
}

div#voice2 div.section{
	padding:15px;
}

div#voice2 div.section h2{
	float:left;
	width:150px;
}

div#voice2 div.section div.section{
	padding:0;
	border:none;
}

div#voice2 div.section h3{
	margin:0 0 0px;
	border:none;
	background:#FFF;
}

div#voice2 p.author{
	padding:5px 15px 5px;
	border-top:1px dotted #CCC;
}


/*
---------------------------------------------
	div#buy2
---------------------------------------------
	今月のお買いもの
---------------------------------------------
*/

div#buy2{
	clear:both;
	background:#E9E2D5;
}

div#buy2 div.section{
	background:#E9E2D5;
}

div#buy2 div.section h2{
	width:100%;
	margin:0;
	text-align:center;
}

div#buy2 div.section h3{
	border:none;
	background:#FFF;
}

div#buy2 div.section div.section{
	padding:5px 15px 15px;
	border:none;
}

div#buy2 div.section div.section img{
	padding:5px;
	border:1px solid #CCC;
	background:#FFF;
}

div#buy2 div.section img.image{
	float:left;
	margin:5px 15px 10px 0;
}

div#buy2 p.author{
	clear:both;
	margin:0 0 20px;
	padding:5px 15px 5px;
	border-top:1px dotted #333;
	background:#E9E2D5;
}

/*
---------------------------------------------
	p.editor
---------------------------------------------
*/

div#blog_main p.editor{
	text-align:right;
}




/*
---------------------------------------------
	font
---------------------------------------------
*/

/*layout*/


/*div#entrance2*/

div#entrance2 div.section dd.link{
	font-size: 75%;
}

div#entrance2 div.section p.author{
	font-size: 63%;
}

div#entrance2 div.section dl dl dt{
	font-size: 95%;
	font-weight:bold;
	line-height:1.2;
}

/*div#voice2*/

div#voice2 div.section h3{
	font-size: 95%;
	font-weight:bold;
	line-height:1.2;
}

body.report div#voice2 p.author{
	font-size: 63%;
}

/*div#buy2*/

div#buy2 div.section h3{
	font-size: 75%;
	font-weight:bold;
}

body.report div#buy2 p.author{
	font-size: 63%;
}

/*
---------------------------------------------
	hack
	-----------------------------------------
	ブラウザ差異をスタイルする
---------------------------------------------
*/


/*Modern Browser*/
div#entrance2 div.section:after,
div#buy2 div.section:after,
div#voice2 div.section:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*IE7+MacIE5*/
div#entrance2 div.section,
div#buy2 div.section,
div#voice2 div.section{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html div#entrance2 div.section,
* html div#buy2 div.section,
* html div#voice2 div.section{
	height: 1%;
}

div#entrance2 div.section,
div#buy2 div.section,
div#voice2 div.section{
	display: block;
}

/* End hide from IE-mac */