@charset "UTF-8";

@import url("photo.css");

/* 木の家ネットスタイルシートレイアウト用 2008 03 25 */

/* ブラウザスタイルの初期化 */

* {
	margin: 0;
	padding: 0;
	color: #333333;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.2em;
}



img {
	border: 0;
}


/* リンクテキスト (a) */

a:link {
	border-style: none;
	color: #4545f4;
	text-decoration: none;
}

a:visited {
	color: #b61f2e;
	text-decoration: none;
}

a:hover {
	color: #f86e6e;
	text-decoration: underline;
}

a:active {
	text-decoration: underline;
}

a:hover img.rollbtn, input.rollbtn:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}

/* レイアウト全体 */

body {
	background: #bbb url(../common/bg_interview2.gif) repeat-y;
	margin: 0px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 13px;
	line-height: 1.2em;
}



#wrapper { 
	margin: 0;
	width: 750px;
}

#header {
	width: 750px;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	text-align: right;
}



div#coverCat {
	clear: both;
	width: 750px;
	height: 270px;
	padding: 1px 0;
	margin: 1px 0 1px 0;
}


/* コンテンツエリア定義 */
#contents { 
	margin: 0px 0px 30px 0px;
	padding: 0px;
	width: 750px;
}

div.rightcolumn { 
	width: 200px;
	float: right;
	color: #333;
	text-align: left;
	margin: 0px 15px 0px 0px;
	padding: 0px;
}

div.rightcolumnFlat { 
	width: 200px;
	float: right;
	color: #333;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}


div.leftcolumn { 
	width: 470px;
	float: left;
	color: #333;
	margin: 0px 0px 0px 40px;
	padding-right: 20px;
	text-align: left;
}





/* ユーザー支援ナビゲーション*/

div#navSkip {
	height: 0px;
	overflow: hidden;
}


/* サイトロゴ */

#sitelogo{
	margin: 0;
	padding: 0;
	float: left;	
}


/* メンバーメニュー */

ul#memberMenu {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: right;
}

ul#memberMenu li{
	list-style: none;
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
	height: 20px;
	display: inline;
	float: left;
}


/* 検索 */

#serchfield{
	font-size: 12px;
	line-height: 1em;
	margin-top: 0px;
	margin-right: 20px;
	position: relative;
}

#serchfield #as_q{
	width: 130px;
	height: 15px;
	position: relative;
	left: 0px;
	top: -2px;
}

#submitGBtn{
	position: relative;
	top: 3px;
}

div#memberSearch{
	width: 653px;
	height: 45px;
	float: right;
	text-align: right;
}

/* カテゴリーメニュー */

ul#categoryMenu {
	margin: 0px 0px 1px 0px;
	padding: 0px;
}

ul#categoryMenu li{
	list-style: none;
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
	height: 26px;
	display: inline;
	float: left;
}


#preload{
	display: none;
}

/* 本文 */
h2.storytitle{
	display: block;
	margin: 0px 0 20px 0;
	padding-bottom: 9px;
	padding-left: 5px;
	font-size: 22px;
	font-family: "Hiragino mincho pro", sans-serif;
	line-height: 1.2em;
	color: #336536;
	font-weight: bold;
	border-left: 6px solid #88501d;
	letter-spacing: -1px;
}

.leftcolumn p{
	margin: 0 0 70px 0;
	font-size: 16px;
	line-height: 1.9em;
}

.leftcolumn p.short{
	margin: 0 0 30px 0;
}

.leftcolumn strong{
	display: block;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	color: #88501d;
	line-height: 1.2em;
	margin: 50px 0 20px 0;
	padding-left: 8px;
	padding-bottom: 14px;
	border-left: 2px solid #88501d;
}


.leftcolumn em{
	font-style: normal;
	color: #f00;
	text-decoration: underline;
}

.leftcolumn strike{
	font-style: normal;
	color: #1800ff;	
	font-size: 11px;
	text-decoration: none;
}

.actionNote {
	display: block;
	width: 300px;
	margin: 30px 0 30px 0;
	padding: 6px 0 10px 40px;
	font-size: 13px;
	background-image: url(../img/bg_toIndex.gif);
}

.leftcolumn ol{
	font-size: 14px;
}

.leftcolumn ol li{
	font-size: 15px;
	padding-left: 10px;
	margin-left: 10px;
}


/* サイドバー */

.sideMenuTitle{
	font-size: 10px;
	line-height: 1.6em;
	color: #888;
	margin: 0 0 10px 0px;
}

#recentEntry ul{
	width: 134px;
	margin: 4px 2px 10px 20px;
}

#recentEntry ul li{
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 1.4em;
}

#sideMeta ul{
	width: 134px;
	margin: 24px 2px 10px 20px;
}

#sideMeta ul li{
	margin-bottom: 0px;
	font-size: 10px;
	line-height: 1.4em;
	list-style-type: none;
}

#contents #sidebar a{
	color: #88501d;
}

#contents #sidebar a:visited{
	color: #88501d;
}

#contents #sidebar a:hover{
	color: #88501d;
	text-decoration: none;
	border-bottom: 1px dashed #88501d;
}

#contents #sidebar a .entrytitle{
	color: #88501d;	
}


/* ページめくり */

ul#pageturn {
	margin: 0px 40px 60px 0px;
	padding: 0px;
	float: right;
}

ul#pageturn li{
	list-style: none;
	list-style-position: outside;
	margin: 0px 5px;
	padding: 0px;
	display: inline;
	float: left;
}

ul#pageturn li b{
	margin: 0px;
	padding-top: 1px;
	display: inline;
	float: left;
}


ul.pageturnCss {
	display: block;
	clear: both;
	width: 450px;
	bGackground-color: #aaa;
	margin: 50px 140px 60px 200px;
	padding: 0px;
	overflow: hidden;
}

.gallery ul.pageturnCss {
	margin-top: 0px;
	margin-bottom: 30px;
}

ul.pageturnCss li{
	list-style: none;
	list-style-position: outside;
	margin: 0px 4px;
	display: inline;
	float: left;
	font-size: 12px;
	line-height: 1em;
	border: 1px solid #fff;
	background: #fff;
}

ul.pageturnCss li.current{
	display: block;
	color: #000;
	font-weight: bold;
	padding: 7px 7px;
	font-size: 12px;
	border: 1px solid #ccd8e4;
}

ul.pageturnCss li a{
	display: block;
	padding: 5px 7px;
	background: #1a5292;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
}

ul.pageturnCss li a:hover{
	display: block;
	background: #b2d8ff;
	color: #fff;
	text-decoration: none;
}

ul.pageturnCss li a:visited{
	color: #fff;
}

/* フッター */

#footer { 
	width: 750px;
	clear: both;
	color: #fff;
	margin: 0px;
	padding: 0px;
	hGeight: 40px;
	pGosition: relative;
	font-size: 11px;
	overflow: auto;

}

#Gfooter #footmenu tbody {
	background-color: #fff;
	margin: 0px;
}

#footer #footmenu {
	background-color: #111;
	margin: 0px 0px 0px 0px;
}


/* ページエンド */

div#pageend {
	clear: both;
	width: 750px;

	padding: 0px;
	margin: 0px;

	color: #333;
	font-size: 0px;
}

div#pageend img{
	margin: 0px;
	padding: 0px;
}


/* My Comment */

.actionQuote{
	width: 480px;
	background-color: #d9d9d9;
	padding: 6px 12px 18px 12px;
	font-size: 16px;
	line-height: 1.8em;
	margin: 8px 0 30px 0;
}
