/*====================== layout */

body{
	margin:0;
	padding:0;
}

div#container{
	width:880px;
	margin:0 auto;
	background:#fff;
}

div#container div#header{
	margin:0;
	padding-top:30px;
	height:130px;
}

div#container div#contentblock{
	width:575px;
	margin-top:80px;
	float:right;
}

div#container div#contentblock div#smenu{
	background:url(../images/bg-card.jpg) no-repeat left top;
}

div#container div#pop{
	float:right;
}

div#container div#sidebar{
	width:295px;
	float:left;
	background:url(../images/bg-sidebar.gif) no-repeat top right;
}

div#container div#sidebar-page{
	width:170px;
	float:left;
}

div#container div#sidebar-post{
	width:170px;
	float:left;
}

div#container div#sidebar-about{
	width:295px;
	float:left;
}

div#container div#sidebar-ad{
	width:120px;
	float:left;
	background:url(../images/bg-sidebar.gif) no-repeat top right;
	padding-top:360px;
}

div#container div#sidebar-ad-page{
	width:120px;
	float:left;
	padding-top:80px;
}

div#container div#sidebar-ad-bottom{
	width:575px;
	float:right;
	margin-top:50px;
}

div#container div#sidebar-ad-bottom a{
	display:block;
	width:468px;
	margin:0 auto;
}


div#container div#footer{
	clear:both;
	color:#222;
	line-height:200%;
	font-size:80%;
	text-align:right;
	height:30px;
	border-top:10px solid #ff0000;
}

/*====================== header*/

div#container div#header a.title{
	width:370px;
	height:70px;
	float:left;
	position:relative;
	font-size:12px;
	/*HideMacIE\*/
		overflow:hidden;
	/**/
}

div#container div#header a.title span{
	display:block;
	width:100%;
	height:100%;
	background:url(../images/logo.jpg) no-repeat;
	position:absolute;
	top:0;
	left:0;
}

div#container div#header p.description{
	width:600px;
	height:28px;
	position:relative;
	font-size:10px;
	float:left;
	/*HideMacIE\*/
		overflow:hidden;
	/**/
}

div#container div#header p.description span{
	display:block;
	width:100%;
	height:100%;
	background:url(../images/description.gif) no-repeat;
	position:absolute;
	top:0;
	left:0;
}

div#container div#header p.description a:hover{
	background:none;
}

div#container div#header a.rss{
	display:block;
	width:120px;
	float:right;
}

div#container div#header a.about{
	width:135px;
	height:15px;
	margin-top:10px;
	display:block;
	float:right;
	position:relative;
	font-size:10px;
	/*HideMacIE\*/
		overflow:hidden;
	/**/
}

div#container div#header a.about span{
	display:block;
	width:100%;
	height:100%;
	background:url(../images/about.gif) no-repeat;
	position:absolute;
	top:0;
	left:0;
}

/*====================== post*/

div#container div#contentblock h2.title{
	padding:0;
	margin:0;
	background:url(../images/bg-card.jpg) no-repeat left top;
	border-bottom:2px dotted #ff0000;
}

div#container div#contentblock h2.pagetitle{
	padding:0;
	margin:0;
	border-bottom:2px dotted #ff0000;
}

div#container div#contentblock h2.title img{
	margin:0 0 60px 155px;
}

div#container div#contentblock h2.title span{
	display:block;
}

div#container div#contentblock div.sbs{
	float:left;
	margin:4px;
}

div#container div#contentblock div.sbs a{
	margin-right:5px;
}

div#container div#contentblock div.sbs a:hover{
	background:none;
}

div#container div#contentblock h4.cat{
	float:right;
	text-align:right;
	margin:5px;
}

/*====================== post*/

div#container div#contentblock div.post{
	clear:both;
	padding-top:10px;
	_padding-top:0;
}

div#container div#contentblock div.post p{
	font-size:110%;
	margin:24px;
	line-height:160%;
}

div#container div#contentblock div.post blockquote{
	font-size:90%;
	padding:20px;
	line-height:160%;
	background:#e7e9e7;
}

div#container div#contentblock div.post blockquote p{
	margin:0;
}

div#container div#contentblock div.post blockquote p a{
	color:#222;
	text-align:right;
	width:100%;
	display:block;
	border-top:1px dotted #222;
	text-decoration:underline;
}

div#container div#contentblock div.post ul{
	font-size:110%;
	margin:20px;
	line-height:160%;
}

div#container div#contentblock div.post ul li{
	font-size:100%;
}

div#container div#contentblock div.post ul li a{
	text-decoration:underline;
}

div#container div#contentblock div.post ul li a:hover{
	background:none;
	color:#777;
}

div#container div#contentblock div.post a.amazon:link,
div#container div#contentblock div.post a.amazon:visited{
	display:block;
	width:109px;
	text-align:center;
	float:right;
	color:#222;
	margin:10px;
	background:none;
	padding-bottom:30px;
}

div#container div#contentblock div.post a.amazon:hover{
	background:#fff url(../images/btn_amazon.gif) no-repeat center bottom;
}

div#container div#contentblock div.post a.amazon span{
	color:#999;
	display:block;
	font-size:80%;
	line-height:140%;
	margin-top:10px;
}

div#container div#contentblock div.post a.amazon:hover span{
	color:#222;
}

/*====================== pop*/

div#container div#pop h2{
	width:150px;
	height:20px;
	position:relative;
	font-size:12px;
	/*HideMacIE\*/
		overflow:hidden;
	/**/
}

div#container div#pop h2 span{
	display:block;
	width:100%;
	height:100%;
	background:url(../images/pop_h2.gif) no-repeat;
	position:absolute;
	top:0;
	left:0;
}

div#container div#pop ol{
	padding:0;
}

div#container div#pop ol li{
	margin:8px 0;
	padding-left:50px;
	list-style:none;
}

div#container div#pop ol li.card1{
	background:url(../images/poplist1.jpg) no-repeat left;
}

div#container div#pop ol li.card2{
	background:url(../images/poplist2.jpg) no-repeat left;
}

div#container div#pop ol li.card3{
	background:url(../images/poplist3.jpg) no-repeat left;
}

div#container div#pop ol li.card4{
	background:url(../images/poplist4.jpg) no-repeat left;
}

div#container div#pop ol li.card5{
	background:url(../images/poplist5.jpg) no-repeat left;
}

div#container div#pop ol li a{
	color:#222;
}

div#container div#pop ol li a:hover{
	background:none;
	text-decoration:underline;
}

/*====================== sidebar*/

div#container div#sidebar div.block,
div#container div#sidebar-page div.block,
div#container div#sidebar-post div.block,
div#container div#sidebar-about div.block{
	width:150px;
}

div#container div#sidebar div.block h2,
div#container div#sidebar-page div.block h2,
div#container div#sidebar-post div.block h2,
div#container div#sidebar-about div.block h2{
	color:#777;
	font-size:100%;
	margin:20px 0 1px 0;
}

div#container div#sidebar div.block a:link,
div#container div#sidebar div.block a:visited,
div#container div#sidebar-page div.block a:link,
div#container div#sidebar-page div.block a:visited,
div#container div#sidebar-about div.block a:link,
div#container div#sidebar-about div.block a:visited{
	color:#0099ff;
	font-family:
		Verdana;
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,
		"MS PGothic","ＭＳ Ｐゴシック",
		平成角ゴシック,
		"ＭＳ ゴシック" ;
}

div#container div#sidebar div.block a:hover,
div#container div#sidebar-page div.block a:hover,
div#container div#sidebar-about div.block a:hover{
	color:#777;
	background:none;
}

/*====================== btn150*/

div#container div#sidebar div.block div.textwidget h1 a.btn150-ht,
div#container div#sidebar-page div.block div.textwidget h1 a.btn150-ht,
div#container div#sidebar-post div.block div.textwidget h1 a.btn150-ht,
div#container div#sidebar-about div.block div.textwidget h1 a.btn150-ht{
	width:150px;
	height:150px;
	display:block;
	position:relative;
	font-size:12px;
	/*HideMacIE\*/
		overflow:hidden;
	/**/
}

div#container div#sidebar div.block div.textwidget h1 a.btn150-ht span,
div#container div#sidebar-page div.block div.textwidget h1 a.btn150-ht span,
div#container div#sidebar-post div.block div.textwidget h1 a.btn150-ht span,
div#container div#sidebar-about div.block div.textwidget h1 a.btn150-ht span{
	display:block;
	width:100%;
	height:100%;
	background:url(../images/btn150-ht.jpg) no-repeat;
	position:absolute;
	top:0;
	left:0;
}

div#container div#sidebar div.block div.textwidget h1 a.btn150-ht:hover span,
div#container div#sidebar-page div.block div.textwidget h1 a.btn150-ht:hover span,
div#container div#sidebar-post div.block div.textwidget h1 a.btn150-ht:hover span,
div#container div#sidebar-about div.block div.textwidget h1 a.btn150-ht:hover span{
	background:url(../images/btn150-ht-hover.jpg) no-repeat;
}

/*====================== keyword index*/

div#container div#sidebar div.block div.execphpwidget h3.key,
div#container div#sidebar-page div.block div.execphpwidget h3.key,
div#container div#sidebar-post div.block div.execphpwidget h3.key,
div#container div#sidebar-about div.block div.execphpwidget h3.key{
	width:150px;
	height:20px;
	position:relative;
	font-size:12px;
	margin:20px 0;
	/*HideMacIE\*/
		overflow:hidden;
	/**/
}

div#container div#sidebar div.block div.execphpwidget h3.key span,
div#container div#sidebar-page div.block div.execphpwidget h3.key span,
div#container div#sidebar-post div.block div.execphpwidget h3.key span,
div#container div#sidebar-about div.block div.execphpwidget h3.key span{
	display:block;
	width:100%;
	height:100%;
	background:url(../images/keywordindex.gif) no-repeat;
	position:absolute;
	top:0;
	left:0;
}

div#container div#sidebar div.block * ul,
div#container div#sidebar-page div.block * ul,
div#container div#sidebar-post div.block * ul,
div#container div#sidebar-about div.block * ul{
	padding:0;
	margin:0;
}

div#container div#sidebar div.block * ul li,
div#container div#sidebar-page div.block * ul li,
div#container div#sidebar-post div.block * ul li,
div#container div#sidebar-about div.block * ul li{
	padding:0;
	margin:0;
	margin-bottom:15px;
	list-style:none;
}

div#container div#sidebar div.block * ul li a:link,
div#container div#sidebar div.block * ul li a:visited,
div#container div#sidebar-page div.block * ul li a:link,
div#container div#sidebar-page div.block * ul li a:visited,
div#container div#sidebar-post div.block * ul li a:link,
div#container div#sidebar-post div.block * ul li a:visited,
div#container div#sidebar-about div.block * ul li a:link,
div#container div#sidebar-about div.block * ul li a:visited{
	background:#777;
}

div#container div#sidebar div.block * ul li a:hover,
div#container div#sidebar-page div.block * ul li a:hover,
div#container div#sidebar-post div.block * ul li a:hover,
div#container div#sidebar-about div.block * ul li a:hover{
	background:#ff0000;
}

/*====================== footer*/

div#container div#footer a:link,
div#container div#footer a:visited{
	color:#000;
}

div#container div#footer a:hover{
	background:none;
	text-decoration:underline;
}

/*====================== tooltip*/

div#tooltip {
	position: absolute;
	border: 1px solid #ff0000;
	background-color: #fff;
	padding: 10px;
	opacity: 0.8;
	z-index:20;
}

div#tooltip h3{
	 margin: 5px 0;
	 padding:0;
	 font-size:14px;
}

div#tooltip div{
	 margin: 0;
	 padding:0;
	 font-size:11px;
}