@charset "UTF-8";

body  {
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 150%;
	color: #000000;
	text-align: center;
	margin: 0;
	padding: 0;
	/*　背景色は個別のCSSで設定　*/
}

/*　----------初期化設定----------　*/
h1,h2,h3,h4,ul,ol,li,dl,dt,dd,p,form {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
img {
	border: 0px;
}
strong {
	font-weight: normal;
}
form input , form select , form textarea {
	margin: 2px 0;
}

/*　----------基本設定----------　*/
/*　基本リンク　*/
a:link , a:visited {
	color: #000000;
}	
a:hover , a:active {
	color: #999999;
	text-decoration: none;
}
/*　「ページ選択」のリンク　*/
div.basicBoxLine p.pageLink {
	text-align: center;
	padding: 40px 20px 0;
	border-left: 2px solid #E6E6E6;
	border-right: 2px solid #E6E6E6;
}
div.basicBoxLine p.pageLink span {
	color: #FFFFFF;
	margin: 0 5px;
	padding: 5px 10px;
	border: 1px solid #CCCCCC;
	background-color: #111111;
}
div.basicBoxLine p.pageLink a {
	margin: 0 5px;
	padding: 5px 10px;
	border: 1px solid #CCCCCC;
	background-color: #E6E6E6;
}
/*　「続きを読む」のリンク　*/
span.contineLink {
	display: block;
	margin: 1em 0 0;
	text-align: right;
}
span.contineLink a:link , span.contineLink a:visited {
	color: #0000FF;
	text-decoration: underline;
}	
span.contineLink a:hover , span.contineLink a:active {
	color: #2287FF;
	text-decoration: underline;
}
/*　フォント　*/
.caution {
	color: #CC0000;
}
.small {
	font-size: 10px;
	line-height: 130%;
}
.bold {
	font-weight: bold;
}
/*　リスト　*/
div.basicList {
	margin: 0 0 20px;
}
div.basicList ul li.li-single {
	padding: 0.5em 10px 0.5em 25px;
	background: url(../images/individual/listmark_first.gif) 10px 0.8em no-repeat;
	border-bottom: 1px dashed #CCCCCC;
}
div.basicList ul li.li-nest p {/*　親リストの場合　*/
	padding: 0.5em 10px 0.5em 25px;
	background: url(../images/individual/listmark_first.gif) 10px 0.8em no-repeat;
	border-bottom: 1px dashed #CCCCCC;
}
div.basicList ul li.li-nest li {/*　子リストの場合　*/
	padding: 0.5em 10px 0.5em 40px;
	background: url(../images/common/listmark_second.gif) 25px 0.8em no-repeat;
	border-bottom: 1px dashed #CCCCCC;
}
/*　段落　*/
p.basicP {
	margin: 0 0 20px;
}
/*　テーブル　*/
table.basicTable {
	font-size: 12px;
	line-height: 150%;
}
table.basicTable th {
	font-weight: normal;
	text-align: center;
	background-color: #E6E6E6;
}
table.basicTable td {
	background-color: #E6E6E6;
}
/*　フォームボタンのセンター揃え　*/
div.formBtn {
	margin: 0 2px;
	padding: 10px;
	text-align: center;
	background-color: #E6E6E6;
}
div.formBtn img {
	margin: 0 10px;
}
/*　ページトップ　*/
p.pagetop {
	text-align: right;
	margin: 5px 0 20px;
}
p.pagetop-bottom {
	text-align: right;
	margin: 20px 0 0;
	padding: 20px 20px 0;
	border-top: 2px solid #000000;
}

/*　----------クリア設定----------　*/
br.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
}

br.clear-left {
	clear: left;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
}

/*　----------全体大枠----------　*/
div#wrapper { 
	width: 900px;
	margin: 0 auto;
	text-align: left; 
}

/*　----------ヘッダー----------　*/
div#header {
	margin: 0 0 10px;
	_margin: 0 0 20px;/*　IE6用　*/
}
*:first-child+html div#header {/*　IE7用　*/
	margin: 0 0 20px;
}
/*　ヘッダーSEO文　*/
div#header h1 {
	font-size: 10px;
	font-weight: normal;
	margin: 0 0 10px 0;
	/*　文字色は個別のCSSで設定　*/
}
/*　ロゴ　*/
p#logo {
	float: left;
}
/*　=====ロゴ右横の帯=====　*/
div#headerBarLine {
	float: right;
	width: 820px;
	height: 100px;
	background-color: #FFFFFF;
}
div#headerBar {
	width: 816px;
	margin: 2px;
	/*　背景色は個別のCSSで設定　*/
}
/*　ページ名　*/
div#headerBar div#pageName {
	width: 490px;
	_width: 450px;/*　IE6用　*/
	height: 56px;
	padding: 20px;
}
*:first-child+html div#headerBar div#pageName {/*　IE7用　*/
	width: 450px;
}
div#headerBar div#pageName h2 {
	padding: 6px 0 0;
}
/*　基本機能ボタンのボックス　*/
div#headerBar div#headerFunctionBox {
	float: right;
	width: 306px;
}
div#headerFunctionBox ul#headerNavi{
	height:30px;
	margin: 0 0 27px 0;
	padding: 0; 
	overflow: hidden;
}
div#headerFunctionBox ul#headerNavi:after{
	content: "";
	display: block;
	clear: both;
	height: 0px;
	overflow: hidden;
}
/*\*/
* html div#headerFunctionBox ul#headerNavi{
	height: 1em;
	overflow: visible;
}
/**/
div#headerFunctionBox ul#headerNavi li{
	float: left;
	display: block;
}
div#headerFunctionBox ul#headerNavi li a{
	display: block;
}
div#headerFunctionBox div#headerFormBtn {
	clear: left;
	height: 39px;
	padding:0 15px 0 0;
	text-align: right;
}

/*　----------メインコンテンツ----------　*/
/*　大枠　*/
div#mainContentsLine {
	width: 896px;
	background-color: #000000;
	margin: 0 auto 10px;
	padding: 2px;
	text-align: left; 
}
div#mainContents {
	padding: 20px;
	background-color: #FFFFFF; 
}
/*　3カラム枠　*/
div#mainColumn , div#sideColumn1 , div#sideColumn2 , div#columnWrapper {
	float: left;
	overflow: hidden;
}
div#columnWrapper {
	width: 656px;
	margin: 0 20px 20px 0;
}
div#mainColumn {
	width: 456px;
}
div#sideColumn1 {
	width: 180px;
	margin: 0 20px 0 0;
}
div#sideColumn2 {
	width: 180px;
	margin: 0 0 20px 0;
}
/*　テキスト広告　*/
p.textAd {
	margin: 0 0 20px;
	padding: 5px;
	background-color: #F7F7F7;
	border: 2px solid #E6E6E6;
}
p.textAd span.pr {
	margin: 0 1em 0 0;
}
p.textAd a:link , p.textAd a:visited {
	color: #0000FF;
	text-decoration: underline;
}	
p.textAd a:hover , p.textAd a:active {
	color: #2287FF;
	text-decoration: underline;
}
/*　パンくずリスト　*/
div#topicPath {
	margin: 0 0 20px;
}
div#topicPath ol li {
	display:inline;
	margin:0 5px 0 0;	
}
/*　=====基本ボックス=====　*/
div.basicBoxLine {
	padding: 0 0 25px;
	background: url(../images/common/bottom_line.gif) left bottom no-repeat;
}
div.basicBox {
	padding: 20px 20px 0;
	border-left: 2px solid #E6E6E6;
	border-right: 2px solid #E6E6E6;
}
/*　H3（サイト名の場合）　*/
div.basicBox h3.case-pickup , div.basicBox h3.case-basic {
	font-size: 13px;
	padding: 7px;
	/*　背景色・文字色は個別のCSSで設定　*/
}
h3.case-pickup a:link , h3.case-pickup a:visited , h3.case-basic a:link , h3.case-basic a:visited {
	text-decoration: none;
	/*　文字色は個別のCSSで設定　*/
}	
h3.case-pickup a:hover , h3.case-pickup a:active , h3.case-basic a:hover , h3.case-basic a:active {
	text-decoration: underline;
	/*　文字色は個別のCSSで設定　*/
}
/*　サイト情報のテーブル　*/
div.basicBox table.siteTable {
	font-size: 12px;
	line-height: 150%;
}
div.basicBox table.siteTable th {
	font-weight: normal;
	text-align: center;
	border-bottom: 1px dashed #CCCCCC;
}
div.basicBox table.siteTable td {
	border-bottom: 1px dashed #CCCCCC;
}
table.siteTable div.leftBorder-case-basic {
	padding: 0 0 0 20px;
	border-left-width: 4px;
 	border-left-style: solid;
 	/*　ボーダーカラーは個別のCSSで設定　*/
}
table.siteTable div.leftBorder-case-pickup {
	padding: 0 0 0 20px;
	border-left-width: 4px;
 	border-left-style: solid;
 	/*　ボーダーカラーは個別のCSSで設定　*/
}
div.basicBox p.comment {
	padding: 10px 0 ;
	border-bottom: 1px dashed #CCCCCC;
}
div.basicBox p.functionLink {
	font-size: 10px;
	text-align: right;
	color: #AAAAAA;
}
div.basicBox p.functionLink a:link , div.basicBox p.functionLink a:visited {
	color: #AAAAAA;
}	
div.basicBox p.functionLink a:hover , div.basicBox p.functionLink a:active {
	color: #CCCCCC;
}
/*　カテゴリーページ・エントリーページのタイトル　*/
p.categoryTitle {
	font-size: 15px;
	font-weight: bold;
	line-height: 150%;
	width: 371px;
	height: 27px;
	padding: 25px 25px 20px 60px; 
	background: url(../images/common/tl_basic.gif) left top no-repeat;
}

/*　----------サイドバー----------　*/
div#keywordSearchBox {
	font-weight: bold;
	margin: 0 0 20px;
	padding: 10px;
	background-color: #E6E6E6;
	text-align: center;
}
div#keywordSearchBox div.searchFloat {
	float: left;
}
div#keywordSearchBox select , div#keywordSearchBox img {
	margin: 0 0 0 10px;
}
/*　カテゴリーのタイトル　*/
div.basicList p.categoryListTitle {
	font-weight: bold;
	padding: 5px 10px;
	background-color: #E6E6E6;
}
/*　バナー広告　*/
p.bannerBox {
	margin: 0 0 20px;
}
/*　達人相互リンクと書籍紹介のボックス　*/
div.sidebarBox {
	margin: 0 0 20px;
	padding: 10px;
	background-color: #E6E6E6;
}
div.sidebarBox p#sogoLinkTitle {
	font-weight: bold;
	height: 19px;
	margin: 0 0 10px 0;
	padding: 0 0 0 34px;
	background: url(../images/common/mark_sogolink.gif) left center no-repeat;
}
div.sidebarBox p.sidebarBoxTitle {
	font-weight: bold;
	margin: 0 0 10px 0;
}
div.sidebarBox table th {
	padding: 0 0 10px;
}
div.sidebarBox table td {
	padding: 0 0 10px 5px;
}
/*　書籍紹介のインラインフレーム　*/
div.sidebarBox div.iframe {
	text-align: center;
}
/*　運営者顔写真　*/
div.sidebarBox p.photo {
	text-align: center;
}
div.sidebarBox p.photo img {
	margin: 0 0 10px;
}

/*　----------フッター----------　*/
div#footerLine {
	padding: 2px;
	background-color: #FFFFFF;
}
div#footer {
	/*　背景色は個別のCSSで設定　*/
}
div#footer ul {
	float: left;
	margin: 20px;
}
div#footer ul li {
	float: left;
	margin: 0 1em 0 0;
}
div#footer p#copylight {
	float: right;
	margin: 20px;
	/*　文字色は個別のCSSで設定　*/
}
div#footer a:link , div#footer a:visited {
	text-decoration: underline;
	/*　文字色は個別のCSSで設定　*/
}	
div#footer a:hover , div#footer a:active {
	text-decoration: none;
	/*　文字色は個別のCSSで設定　*/
}
p#footerSeo {
	font-size: 10px;
	margin: 0 0 20px;
	/*　文字色は個別のCSSで設定　*/
}