@charset "UTF-8";

/* ########	基本	######### */


img { border: none;
}
a { text-decoration: underline;
}
a:link,a:visited,a:active { color: #00f;
}
a:hover {
	color: #5C9918;
	background-color: #eee;
	text-decoration: none;
}

body {
	text-align: left;
	margin: 0;
	padding: 0;
	background: #fff url(images/bg.jpg) 0 0 repeat;
	font-size: 90%;
	line-height: 1.5em;
}

#container {
	background: #fff url(images/cnt_bg.gif) 0 0 repeat-y;
	width: 802px;
	color: #333;
	text-align: left;
	font-family: "Osaka", Verdana, Arial, sans-serif, "ＭＳ Ｐゴシック" ;
	margin: 0 auto;
	padding: 0 24px;
}

h1, h2, h3, h4, h5, h6 {
	display: block;
	clear: both;
	margin	: 0;
	padding	: 0;
	font-weight: bold;
}

#main h3.class1{
	font-size: 12pt;
	color: #333333;
	background-image: url(images/h4_blue.gif);
	background-repeat: no-repeat;
	margin: 15px 0 5px 0;
	padding: 6px 0 0 23px;
	line-height: 17pt;
	color: #454545;
	height:27px;
}

h4 {
	font-size: 12pt;
	color: #333333;
	background-repeat: no-repeat;
	margin: 5px 0 5px 0;
	padding: 6px 0 0 23px;
	line-height: 12pt;
	color: #454545;
	height:27px;
}

h4.c_subtitle{
        margin: 30px 0 32px; !important;
        padding: 0 0 8px; !important;
        font-size: 18px; !important;
        clear: both; !important;
        font-weight: bold; !important;
        border-bottom: 1px solid #efefef; !important;
        border-bottom: 3px solid #1450aa;
}

h5 {
       font-size: 16px;
       margin: 28px 0 24px;
       clear: both;
       font-weight: bold;
       border-left: 5px solid #e5e5e5;
       padding: 0 13px;
       line-height: 1;
}


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

p#tagline {
	margin: 0;
	padding: 4px 0 2px 0;
	font-size: 10px;
	line-height: 1.2em;
	color: #336699;
}

#head {
	padding-bottom: 16px;
	background: #ffffff url(images/head_foot.jpg) bottom no-repeat;
	margin-bottom: 2px;
}

#head h1 {
	background: #ffffff url(images/head_bg.jpg) 0 0 repeat-y ;
	margin: 0;
	padding: 40px 17px 17px 17px;
	font-size: 28px;
	line-height: 1.2em;
}

#head a, #head a:visited, #head a:hover {
	color: #fff;
	text-decoration: none;
	background: none;
}

#head h2 {
	background: #003366 url(images/head_dis_bg.jpg) 0 0 repeat-y ;
	padding: 7px 20px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	line-height: 1.6em;
}



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

#sidebar {
	width: 190px;
	float: left;
	padding: 0;
	overflow: hidden;
	font-size: 12px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

#sidebar h2 {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 1.1em;
	margin: 0;
	padding: 7px 3px 3px 3px;
}

#sidebar ul , #sidebar li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	line-height: 1.3em;
	background: url(images/line_gry.gif) bottom repeat-x;
}

#sidebar ul a {
	color: #00f;
	text-decoration: none;
	display: block;
	line-height: 1.4em;
	background: url(images/snavi_ar.gif) 0 6px no-repeat;
	width: 172px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 18px;
}

#sidebar ul a:hover {
	color: #5C9918;
	background: url(images/snavi_ar_over.gif) 0 6px no-repeat;
}

#sidebar .snaviOssm,
#sidebar .snaviCat,
#sidebar .snaviInfo {
	background: #fff url(images/snavi_div.gif) 0 bottom no-repeat ;
}

#sidebar .snaviOssm  h2 {
	background: #f60 url(images/snavi_ossm_h.jpg) 0 0 repeat-y;
}

#sidebar .snaviCat  h2 {
	background: #336699 url(images/snavi_cat_h.jpg) 0 0 repeat-y;
}

#sidebar .snaviInfo  h2 {
	background: #999 url(images/snavi_info_h.jpg) 0 0 repeat-y;
}

#sidebar .snaviOssm  ul {
	background: url(images/snavi_ossm_ul.gif) 0 0 no-repeat;
	padding: 13px 15px 10px 15px;
}

#sidebar .snaviCat  ul {
	background: url(images/snavi_cat_ul.gif) 0 0 no-repeat;
	padding: 13px 15px 10px 15px;
}

#sidebar .snaviInfo  ul {
	background: url(images/snavi_info_ul.gif) 0 0 no-repeat;
	padding: 13px 15px 10px 15px;
}

#sidebar li.snaviNE {
	color: #999;
	line-height: 1.3em;
	padding: 5px 0 5px 18px;
	width: 135px;
}

#sidebar ul {
	margin-bottom: 10px;
}

.snaviRss {
	border: 1px solid #ccc;
	padding: 10px 5px;
	font-size: 11px;
	line-height: 1.9em;
	text-align: left;
	margin: 10px 0;
}

#sidebar #tag  {
        width : 188px;
        border : #E7E7E7 1px solid;
        padding : 0px;
	background-color: #f7f7f7;
        margin-bottom : 10px;
        font-size : 13px;
}

.privacy_policy {
	padding: 5px 5px;
	margin: 5px 0;
}

#sidebar .conversion {
	border: #e7e7e7 1px solid;
	margin-bottom: 20px;
	background-color: #f7f7f7;
	padding: 15px 9px 10px 9px;
}

#sidebar .conversion h3 {
	margin-bottom: 10px;
}

#sidebar .conversion p img {
	margin-top: 5px;
	padding: 0px 9px;
}


/* ########	メイン	######## */

#main {
	width: 592px;
	float: right;
	padding: 0;
	overflow: hidden;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

#main p {
    margin-bottom: 2em;
    line-height: 1.9;
}

#main h1, #main h2, #main h3, #main h4 {
	margin-bottom: 0.5em;

}

#main p.posted {
	color: #999;
	font-size: small;
	border-top: 1px solid #999;
	text-align: left;
	margin-bottom: 25px;
	padding: 3px;
}

.panlist {
	font-size: 10px;
	line-height: 1.2em;
	margin: 0 0 0 0 ;
	padding: 0 ;
	text-align: right ;
}

#text {
	font-size: 12px;
	line-height: 1.4em;
}

.bold {
        font-weight : bold;

}

.color {
	color : #AA0000;
	font-weight: bold;
}

dl.info {
margin-bottom: 25px;
}

dl.info dt {
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}

dl.info dd {
line-height: 1.6;
margin-top: -1.6em;
margin-left: 9em;
margin-right: 0;
margin-bottom: .8em;
border-bottom: 1px dotted #DBDBDB;
}


/* ########	フッター	######## */

#foot {
	clear: both;
	background: #fff url(images/foot_bg.jpg) 0 0 no-repeat;
	font-size: 10px;
	padding: 13px 15px 20px 10px;
	margin: 30px 0 0 0;
	text-align: right;
}

#foot a,#foot a:visited, #foot a:hover {
	color: #666666;
}

#foot address {
	font-style: normal;
	margin: 5px 0;
	padding: 0;
	line-height: 1em;
}

#foot p {
	margin: 5px 0;
	padding: 0;
	line-height: 1em;
}

div.nav  {
	text-align : right;
	padding-top : 5px;
	padding-bottom : 5px;
}

        div.nav ul {
        margin : 0;
        padding : 0;
}

        div.nav ul li {
        padding : 0 0.5em;
        border-left-width : 1px;
        border-left-style : solid;
        border-left-color : #666666;
        display : inline;
}

div.nav ul li.home {
	margin-left: 5px !important;
	padding-left: 20px !important;
	background:url(/icon_sitemap01.gif) no-repeat 0 0px;
        border-left : none;
}

div.nav ul li.site_map {
	margin-left: 5px !important;
	padding-left: 20px !important;
	background:url(/icon_sitemap01.gif) no-repeat 0 0px;
        border-left : none;
}  

div.nav ul li.site_use {
	margin-left: 5px !important;
	padding-left: 20px !important;
	background:url(/icon_sitemap01.gif) no-repeat 0 0px;
        border-left : none;
}  


/* ########	トップページ	######## */

#main #top_column {
	border: 2px solid #EAEAEA;
	margin-bottom: 20px;
	padding-bottom: 5px;
}

#main #top_column p{
	padding: 5px;

}

.boxGry {
	background: url(images/top_fr_head.gif) 0 top no-repeat;
	padding-top: 15px;
	margin-bottom: 15px;
}

.boxGry div {
	background: url(images/top_fr_foot.gif) 0 bottom no-repeat;
	padding: 0 15px 15px 15px;
	margin-bottom: 15px;
}

.boxLine {
	padding: 15px;
	border: 5px solid #eee;
	margin-bottom: 15px;
	margin-right: 46px;
	width: 540px;
}

#bodyTop #main h2 {
	background: url(images/top_ossm_h.gif) 0 0 no-repeat;
	font-size: 14px;
	padding: 8px 2px 2px 16px;
	margin: 0 0 10px 0;
	line-height: 1.2em;
	color: #f60;
}

#bodyTop #main {
        font-size: small;
	line-height: 1.5em;
}

#bodyTop #main .pickup {
	margin-left: 18px;
	margin-bottom: 10px;
}

#bodyTop #main .pickup h3 {
	background: url(images/snavi_ar.gif) 0 5px no-repeat;
	padding: 3px 0 3px 20px;
	font-size: small;
	margin: 0 0 0 0;
}

#bodyTop #main .pickup p {
	font-size: 90%;
	margin: 3px 0 15px 20px;
	padding: 0;
}

#bodyTop #main .pickup h3 a {
    text-decoration: underline;
}

#main #top_visual {
	margin-bottom: 15px;
	padding-bottom: 10px;
}

#main #top_visual h2 {
	background: #fff;
	margin: 0;
	padding: 0;
}

#main #update {
	line-height: 15px;
	background: #fff url(images/top_wn_foot.gif) left bottom no-repeat;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#main #update h2 {
	background: #fff url(images/top_wn_h.gif) 0 0 no-repeat;
	margin: 0;
	color: #336699;
}

#main #update dl {
	background: #fff url(images/top_wn_li.gif) 0 0 repeat-y;
	padding: 1px 20px 1px 20px;
	margin: 0;
}

#main #update dt {
	margin: 8px 0;
	font-size: 12px;
	background: #eee url(images/top_wn_ar.gif) 0 0 no-repeat;
	padding: 12px 0 0 20px;
}

#main #update dd {
	font-size: 12px;
	margin-left: 11em;
	margin-top: -22px;
}



/* ########	カテゴリページ	######## */

#bodyCat #main h2, #bodyEnt #main h2 {
	color: #336699;
	background: url(images/cat_h2.jpg) left top;
	border-bottom: 1px solid #336699;
	text-align: center;
	padding: 10px 0 4px 0;
	margin: 0 0 0 0;
	font-size: 130%;
	line-height: 1.2em;
}

#main h3 {
	color: #336699;
	background: url(images/cat_h3.gif) 0 0 no-repeat;
	font-size: 120%;
	padding: 12px 2px 2px 18px;
	margin: 1em 0 10px 0;
	line-height: 2.0em;
}

#main h3 a {
	color: #00f;
	text-decoration: none;
}

#main h3 a:hover {
	color: #5C9918;
	background-color: #eee;
	text-decoration: none;
}

.catBody {
/*	width: 602px;　*/
	margin: 10px 0 30px 10px;
/*	font-size: small;	*/
/*	line-height: 1.5em;	*/
}

#bodyCat #main .catBody h3 {
	position: relative;
	left: -10px;
}

p.catDis {
	margin: 0.5em 0;
	border: 3px solid #eee;
	padding: 10px;
	font-size: 14px;
	line-height: 1.3em;
}

.extended {
	font-size: small;
	text-align: right;
}

.extended a {
	background: #fff url(images/icn_ar01.gif) 0 1px no-repeat;
	padding-left: 20px;
}



/* ########	エントリーページ	######## */

#bodyEnt #main .catTitle {
	color: #fff;
	background: #336699;
	font-size: 10px;
	line-height: 1.2em;
	padding: 3px 5px;
	font-weight: normal;
}

#bodyEnt #main strong.catTitle a, #bodyEnt #main strong.catTitle a:hover {
	color: #fff;
	text-decoration: none;
	background: none;
	margin: 0;
	padding: 0;
}

.pagetop {
	text-align: right;
	margin: 2em 0 1em 0 ;
}

.pagetop a, .pagetop a:visited, .pagetop a:hover {
	text-decoration: underline;
	background: #fff url(images/icn_pagetop.gif) right top no-repeat;
	padding: 3px 23px 3px 3px;
	color: #999;
	font-size: 10px;
}

.pagetop a:hover {
	color: #333;
}

.entrymenu {
	text-align: center;
	font-size: 10px;
	padding: 5px;
	background-color: #eee;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

.entrymenu a, .entrymenu a:visited, .entrymenu a:hover {
	text-decoration: underline;
	color: #999;
}

.entrymenu a:hover {
	color: #333;
}



/* ########	コメント・トラックバック	######## */

#com form p {
	font-size: 12px;
	color: #999;
}

.comTable {
	font-size: 12px;
}

.comWaku , .trWaku {
	border: 1px dotted #ccc;
	margin: 1em 0 ;
	padding: 0 15px;
}

.comFoot, .trFoot {
	margin: 0;
	text-align: right;
	font-size: 10px;
	background-color: #eee;
	padding: 3px;
	line-height: 1.3em;
}

#trUrl {
	background-color: #eee;
	border: 1px solid #ccc;
}



/* ########	リンク集	######## */

ul.catList {
	margin-left: 20px;
	padding: 0;
}

ul.catList li {
	background: url(images/icn_ar01.gif) no-repeat left center;
	list-style: none;
	line-height: 1.5em;
	padding-left: 20px;
	margin: 5px 0;
}

#bodyCat #main div.siteList h3 {
	background: #fff url(images/icn_ar01.gif) no-repeat 0 3px;
	font-size: 14px;
	line-height: 1.3em;
	padding: 0 0 5px 20px;
	margin: 5px 0 0 0 ;
	left: 0px;
	width: 465px;
	border-bottom: 1px dotted #ccc;
}

#bodyCat #main div.siteList h3 a {
	color: #c00;
}

#bodyCat #main div.siteList h3 a:hover {
	color: #f00;
	background-color: #eee;
}

#bodyCat #main div.siteList .catBody {
	margin: 25px 20px 30px 20px;
	font-size: 12px;
	line-height: 1.5em;
}

#bodyCat #main div.siteList p {
	margin: 5px 0;
}

#bodyCat #main h3 a {
    color: #336699;
    text-decoration: none;
}

.elink {
	text-align: right;
}

.boxLine01 {
	padding: 15px;
	border: 5px solid #eee;
	margin-bottom: 15px;
	margin-top: 30px;
	text-align: center;
}


/* ########	その他	######## */

.red	{ color: #ff0000;
}	.bgred		{ background-color: #ff3333;
}
.yellow	{ color: #FFCC00;
}	.bgyellow	{ background-color: #FFFF99;
}
.blue	{ color: #006699;
}	.bgblue		{ background-color: #006699;
}
.green	{ color: #66CC00;
}	.bggreen	{ background-color: #66CC00;
}
.cyan	{ color: #6699CC;
}	.bgbrown	{ background-color: #996600;
}
.purple	{ color: #663399;
}	.bgpink		{ background-color: #FF6699;
}
.gray	{ color: #999999;
}	.bggray		{ background-color: #999999;
}

img.AmazonBook {
	margin-right: 6px;
	margin-bottom: 0.5em;
	float: left;
}

.AmazonBookTitle {
	font-weight: bold;
}

.new_title01 {
	width: 554px;
	height: 30px;
	line-height: 100%;
	background: url(images/new_table02_01.gif) no-repeat 1px 0;
	border: none;
	padding: 5px 0 3px 35px;
}

.new_title02 {
	width: 554px;
	height: 30px;
	line-height: 100%;
	background: url(images/new_table02_02.gif) no-repeat 1px 0;
	border: none;
	padding: 5px 0 3px 35px;
}

.new_title03 {
	width: 554px;
	height: 30px;
	line-height: 100%;
	background: url(images/new_table02_03.gif) no-repeat 1px 0;
	border: none;
	padding: 5px 0 3px 35px;
}

.new_title04 {
	width: 554px;
	height: 30px;
	line-height: 100%;
	background: url(images/new_table02_04.gif) no-repeat 1px 0;
	border: none;
	padding: 5px 0 3px 35px;
}

.new_title05 {
	width: 554px;
	height: 30px;
	line-height: 100%;
	background: url(images/new_table02_05.gif) no-repeat 1px 0;
	border: none;
	padding: 5px 0 3px 35px;
}

.comparison .c_title {
	width: 400px;
	height: 60px;
	float:left;
}

.comparison .c_title h3 {
		background: none !important;
		margin: 0 !important;
		padding: 0 !important;
		left: 0 !important;
		font-size: 30px !important;
}

.c_material_btn {
		width: 180px;
		float: right;
}

.comparison .s1 {
	background: url(images/star01.gif) no-repeat 0 20px;
}

.comparison .s2 {
	background: url(images/star02.gif) no-repeat bottom left;
}

.comparison .s3 {
	background: url(images/star03.gif) no-repeat bottom left;
}

.comparison .s4 {
	background: url(images/star04.gif) no-repeat bottom left;
}

.comparison .s5 {
	background: url(images/star05.gif) no-repeat bottom left;
}

.comparison .s6 {
	background: url(images/star06.gif) no-repeat bottom left;
}

.comparison .s7 {
	background: url(images/star07.gif) no-repeat bottom left;
}

.comparison .s8 {
	background: url(images/star08.gif) no-repeat bottom left;
}

.comparison .s9 {
	background: url(images/star09.gif) no-repeat 0 35px;
}

.comparison .s10 {
	background: url(images/star10.gif) no-repeat bottom left;
}

.text_line {
	background:url(images/text_line.gif);
	line-height:20px;
        margin-bottom: 35px !important;
}

.text_line p {
	margin-bottom: 20px !important;
}

.uvoice .good {
	background: url(images/uvoice_good.gif) no-repeat;
	border-bottom: 1px solid #dddddd;
	margin: 5px 0;
	padding-left: 60px;
}

.uvoice .bad {
	background: url(images/uvoice_bad.gif) no-repeat;
	border-bottom: 1px solid #dddddd;
	margin: 5px 0;
	padding-left: 60px;
}

.uvoice .timestmp {
	display: block;
	text-align: right;
	margin-bottom: 5px;
}

#sidebar .side_sitemap a,
#sidebar .side_sitemap a:hover,
#main .top_bookmarks a,
#main .top_bookmarks a:hover {
	text-decoration: none;
	margin-bottom: 0 !important;
	color: #00f;
	background-color: #eee;
}

#sidebar .side_ranking {
	padding: 0;
	margin: 0;
}

#sidebar .side_ranking ul a:hover {
	color: #A0CC4E;
}

#sidebar .side_ranking li {
	border: 1px solid #cccccc;
	padding: 1px 2px 1px 0;
	margin: 1px 0 0;
}

#sidebar .side_ranking .side_rank_no1 {
	background: url(images/bg_rank_1st.gif) no-repeat 0 2px #f6f6f6;
}

#sidebar .side_ranking .side_rank_no2 {
	background: url(images/bg_rank_2nd.gif) no-repeat 0 2px #f6f6f6;
}

#sidebar .side_ranking .side_rank_no3 {
	background: url(images/bg_rank_3rd.gif) no-repeat 0 2px #f6f6f6;
}

.snaviRss td {
	font-size: 12px !important;
}

#sidebar .side_ranking li .rank_title{
	margin: 11px 0 10px;
	padding-left: 38px;
	display: block;
	line-height: 1em;
}

#sidebar .side_ranking li .rank_sub{
	font-size: 0.8750em;
	padding-left: 3px;
}

#sidebar .side_ranking li a,
#sidebar .side_ranking li a:link {
	background:none !important;
	display: inline !important;
	padding: 0;
	margin: 0;
	line-height: 1em;
}

.snaviRss td {
	font-size: 12px !important;
}

.linkimg:hover {
	text-decoration: none !important;
	background: none !important;
}

ul.globalNavi {
	line-height: 1.4;
	list-style-type: none;
	width: 570px;
	border: 5px solid #eee;
	margin: 0px;
	padding: 0px;
}

ul.globalNavi li {
	margin: 0;
	padding: 0;
	float: left;
	text-align: center;
	font-size: 100%;
	width: 285px;
}

ul.globalNavi li a {
	padding: 9px 20px;
	display: block;
	position: relative; /* for IE6 */
	color: #0000CC;
	text-decoration: none;
}

ul.globalNavi li a:hover {
	color: #3BA1ED;
	text-decoration: none;
	background-color: #FFFFFF;
}

/* ClearFix */

ul.globalNavi {
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: 1px;
	overflow: hidden;
	/**/
}

ul.globalNavi:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

ul.foot li {
    display: inline;
    text-align: center;
}