/* ===================================================================
CSS information
 file name  :  common.css
 style info :  WOLブログ共通パーツ
=================================================================== */
/*--- reset */
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}

/*--- default */
body {
	background: #FFF;
	color: #333;
	font-size: small;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

/*--- リンク */
a {
	outline: none;
}
a:link, 
a:active{
	color: #333;
	text-decoration: none;
}
a:visited{
	color: #888888;
	text-decoration: none;
}
a:hover, 
a:visited:hover{
	text-decoration: underline;
	color: #909090;
}


/* ===================================================================
ページ全体のレイアウト
=================================================================== */

/*--- レイアウト構造 */

/* 全体を包む */
#wrapper{ text-align: left; width: 1000px; background: #fff; margin: 0 auto; }

/*--- ヘッダー　*/
#header{ width: 1000px; background: #fff; }

/*--- コンテンツ外枠 */
#contents { width: 1000px; padding-bottom: 10px; }

/*--- メインコンテンツ */
#mainContent { width: 680px; float: left; }

/*--- サブコンテンツ */
#subContent { width: 300px; float: right; }

/*--- フッター */
#footer{ width: 1000px; background: #fff; }

/*---/レイアウト構造 */




/* ===================================================================
WOLブログのスタイル
=================================================================== */

iframe{ border:none; overflow:none; }
#mainContent #contentLeft{ width:180px; float:left; }
#mainContent #contentRight{ width:480px; float:right; }


/* パンくず breadcrumb */
#breadcrumb { clear: both; padding: 10px;}
#breadcrumb a { font-size: 11px; }

#titleBoard { margin:0 0 15px 0; width:680px; height:130px; background: url(/wol/woleditors/images/common/title_editors.jpg) no-repeat left top; color:#fff; }
#titleBoard p { padding:43px 0 0 15px; font-size:14px; }
#titleBoard p.name {  padding:0 0 0 15px; font-size:16px; line-height:1.4; }
#titleBoard p.title { padding:0 0 0 15px; font-size:24px; line-height:1.4; font-weight:bold; }
#titleBoard a { color:#fff; }


/* プロフィール */
.leftBox { margin:0 0 10px 0; padding:0 0 10px 0; background: url(/wol/woleditors/images/common/box_bg_editors.gif) no-repeat left bottom; }
.leftBox h4 { height:36px; background: url(/wol/woleditors/images/common/box_title_editors.gif) no-repeat left top; color:#fff; font-size:14px; line-height:30px; text-indent:10px; }

.leftBox .photo { margin:0 0 0 13px; width:152px; height:152px; border:1px solid #ccc; }
.leftBox .photo img { margin:7px; border:1px solid #eee; }
.leftBox dl { margin:10px 13px 10px 13px; font-size:11px; line-height:1.4; }
.leftBox dt { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px dotted #ccc; }
.leftBox dd {  }
.leftBox dt .name { font-size:12px; }


.leftBox ul { padding-top:5px; clear: both; }
.leftBox ul li { padding: 0 13px 5px 13px; clear: both; font-size: 11px; }
.leftBox ul li a { padding-left: 15px; background: url(/wol/woleditors/images/common/icon_arrow_pink.gif) no-repeat left 1px; display: block; line-height: 1.4; font-size: 11px; zoom:1; }

.leftBox .more { margin: 0 10px; text-align: right; clear: both; }
.leftBox .more a { padding-left: 10px; font-size: 11px; background: url(/wol/woleditors/images/common/icon_tri.gif) no-repeat left 2px; }

.leftBox .month { margin:0 13px 0 13px; text-align:center; } 
.leftBox .calendarTable{ margin:0 13px 0 13px; }
.leftBox .calendarTable th,.leftBox .calendarTable td { width:22px; text-align:center; font-size:11px; }
.leftBox .calendarTable a { display:block; background:#e8e2da; color:#8a6d47; }

.leftBox form { margin:5px 13px 10px 13px; }
.leftBox form .textField { margin:0 0 5px 0; }
.leftBox form .textField input { width:150px; }
.leftBox form .btn { margin:0 0 5px 0; text-align:right; }




/* 記事一覧 */
.entryBox{ padding:0 0 15px 0; }
.entryBox a { color:#8a6d47; }
.entryBox h3{ padding:0 0 0 10px; height:34px; background: url(/wol/woleditors/images/common/title_bar_editors.gif) no-repeat left top; font-size:14px; line-height:34px; font-weight:bold; color:#fff; }
.entryBox h2 { margin:8px 0 5px 0; padding:0 0 5px 0; border-bottom:1px dotted #ccc; font-size:16px; }
.entryBox .category { text-align:right; }
.entryBox .entryBody { margin:10px 0 10px 0; }
.entryBox .entryBottom { padding:5px 0 0 0; border-top:1px dotted #ccc; text-align:right;  }

/* キーワード */
dl#keywords { border: dotted 1px #ccc8c2; padding: 4px; margin:20px 0; height: 1%; clear: both; }
dl#keywords dt { float: left; width: 90px; padding: 5px 10px 5px 25px; background: url(/wol/woleditors/images/common/icon_keyword.gif) no-repeat left 5px; color: #4f4f4f; line-height: 1.1; }
dl#keywords dd { float: left; width: 300px; border-left: solid 1px #ccc8c2; padding: 5px 10px; color: #4f4f4f; line-height: 1.2; }
dl#keywords dd a { color: #8a6d47; font-weight: normal; white-space: nowrap; }

/* 前、次の記事*/
.entryNavi { margin:0 0 5px 0; padding:5px 10px; background:#f8f6f4; border:1px dotted #ccc; }
.entryNavi a.prev { display:block; padding:4px 0 4px 80px; background: url(/wol/woleditors/images/common/btn_prev.gif) no-repeat left center; }
.entryNavi a.next { display:block; padding:4px 80px 4px 0; background: url(/wol/woleditors/images/common/btn_next.gif) no-repeat right center; text-align:right; }

/* コメント */
#commentArea { margin:0 0 20px 0; background:url(/wol/woleditors/images/common/comment_bg_editors.gif) repeat-x #f8f6f4; }
#commentArea h4 { padding:10px 0 15px 10px ; color:#897c6c; font-size:14px;  }
#commentArea .comment { padding:0 0 10px 0; } 
#commentArea .commentHeader { margin:0 10px 0 10px; padding:5px 10px; background:#e2ded9; }
#commentArea .commentHeader a { color:#8a6d47; }
#commentArea .commentContent { margin:0 10px 0 20px; padding:5px 10px; }


/* コメントフォーム */
#commentForm { margin:0 0 20px 0; padding:0 0 10px 0; background:url(/wol/woleditors/images/common/form_bg_editors.gif) no-repeat left bottom; }
#commentForm h4 { padding:10px 0 20px 0; font-size:14px; background:url(/wol/woleditors/images/common/form_head_bg_editors.gif) no-repeat left top; }
#commentForm h4 span { display:block; margin:0 30px 0 30px; border-bottom:1px dotted #ccc; }
#commentForm form { padding:0 30px 0 30px; }
#commentForm form input { display:block; }
#commentForm #comments-open-footer{ margin:10px 0; text-align:center; }
#commentForm form #comment-form-remember-me input,#commentForm form #comments-open-footer input { display:inline; }
#commentForm .formCaption { padding:10px 0; font-size:11px; border-bottom:1px dotted #ccc; }
#commentForm .formCaption p { margin-bottom:5px; }
#comment-form-remember-me { display:none; }
.content-nav { text-align:center; }


/* トラックバック */
#trackbackArea { margin:0 0 20px 0; background:url(/wol/woleditors/images/common/comment_bg_editors.gif) repeat-x #f8f6f4; }
#trackbackArea h4 { padding:10px 0 5px 10px ; color:#897c6c; font-size:14px;  }
#trackbackArea .trackbacks-info p { margin:0 0 0 10px; }
#trackbackArea .trackbackHeader { margin:0 10px 0 10px; padding:5px 10px; background:#e2ded9; }
#trackbackArea .trackbackHeader a { color:#8a6d47; }
#trackbackArea .trackbackContent { margin:0 10px 0 20px; padding:5px 10px; }


/* util */
#titleBoard p.sTxt{ font-size:12px; }

#printHeader { display:none; }









/* clearfix */
dl#keywords:after,.entryBottom:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.entryBottom{ zoom:1; }







/******広告******/
/* closeup */
#closeup { margin-bottom: 10px; zoom: 1; clear: both; }
#closeup h3 { background: url(http://wol.nikkeibp.co.jp/images/wol/2009/leaf/title_closeup480.gif) no-repeat left top; text-indent: -9999px; line-height: 26px; }
#closeup ul { padding-top:5px; clear: both; }
#closeup ul li { padding: 0 5px 5px 5px; clear: both; }
#closeup ul li a { padding-left: 15px; background: url(http://wol.nikkeibp.co.jp/images/wol/2009/common/icon_arrow_pink.gif) no-repeat left 1px; display: block; line-height: 1.4; font-size: 12px;  zoom:1; }

/* closeup */
#topics { margin-bottom: 10px; zoom: 1; clear: both; }
#topics h3 { background: url(http://wol.nikkeibp.co.jp/images/wol/2009/leaf/title_topics480.gif) no-repeat left top; text-indent: -9999px; line-height: 26px; }
#topics ul { padding-top:5px; clear: both; }
#topics ul li { padding: 0 5px 5px 5px; clear: both; }
#topics ul li a { padding-left: 15px; background: url(http://wol.nikkeibp.co.jp/images/wol/2009/common/icon_arrow_pink.gif) no-repeat left 1px; display: block; line-height: 1.4; font-size: 12px;  zoom:1; }

/* wolSelection */
#wolSelection{ margin-bottom: 10px; zoom: 1; clear:both; }
#wolSelection h3 { background: url(http://wol.nikkeibp.co.jp/images/wol/2009/leaf/title_wol_selection480.gif) no-repeat left top; text-indent: -9999px; line-height: 26px; }
#wolSelection ul li{ display:block;  }
#wolSelection ul li h4 { margin:5px; padding-left:7px; border-left:3px solid #ccc8c2; border-bottom:1px solid #ccc8c2; color:#6b655d; font-size:12px; }
#wolSelection ul li#wolSelectWhatsNew h4 { text-indent: -9999px; padding: 0; border: none; background: url(http://wol.nikkeibp.co.jp/images/wol/2009/leaf/titlebar_wolselect_whatnew680.gif) no-repeat left top; height: 20px; }
#wolSelection ul li#wolSelectUtukushiku h4 { text-indent: -9999px; padding: 0; border: none; background: url(http://wol.nikkeibp.co.jp/images/wol/2009/leaf/titlebar_wolselect_utukushiku680.gif) no-repeat left top; height: 20px; }
#wolSelection ul li#wolSelectMigaku h4 { text-indent: -9999px; padding: 0; border: none; background: url(http://wol.nikkeibp.co.jp/images/wol/2009/leaf/titlebar_wolselect_migaku680.gif) no-repeat left top; height: 20px; }
#wolSelection ul li#wolSelectKireini h4 { text-indent: -9999px; padding: 0; border: none; background: url(http://wol.nikkeibp.co.jp/images/wol/2009/leaf/titlebar_wolselect_kireini680.gif) no-repeat left top; height: 20px; }
#wolSelection ul li#wolSelectYutakani h4 { text-indent: -9999px; padding: 0; border: none; background: url(http://wol.nikkeibp.co.jp/images/wol/2009/leaf/titlebar_wolselect_yutakani680.gif) no-repeat left top; height: 20px; }
#wolSelection ul li ul { margin:5px 5px 0 12px; }
#wolSelection ul li ul li { }
#wolSelection ul li ul li a{  padding-left: 15px; background: url(http://wol.nikkeibp.co.jp/images/wol/2009/common/icon_arrow_pink.gif) no-repeat left 1px; display: block; line-height: 1.4; font-size: 12px;  }

.photo_center { text-align:center; padding:10px; }

/* Blog Top */
.sideCategoryBanner {}
.sideCategoryBanner a{ background:url(/wol/woleditors/images/common/btn_editors_blog_top.gif) no-repeat; display:block; width:180px; height:30px; text-indent:-9999px; outline:none; }
.sideCategoryBanner a:hover { background:url(/wol/woleditors/images/common/btn_editors_blog_top_on.gif) no-repeat; }


/* インタレストマッチ */
#interest { margin:20px 0 20px 0; overflow: hidden; _zoom: 1; }
#interest h2 { text-indent: -9999px; background: url(/wol/iyashi/images/common/titlebar_interest680.gif) no-repeat left top; height: 26px; }

#interest ul { margin-bottom: 5px; }
#interest ul li { border-bottom: dotted 1px #c0bcb8; padding: 5px 0; background: url(/images/wol/2009/common/icon_arrow_pink.gif) no-repeat left 8px; padding-left: 15px; }
#interest ul li a { display: block; font-size: 12px; }
#interest ul li a:hover { text-decoration: underline; }
#interest ul li a h4 { font-weight: normal; }
#interest ul li a h4 span { display: inline; color: #8a6d47; padding-left:10px; }
#interest ul li a p { color: #93464c; }
#interest .yim_footer { float: right; clear: both; padding-left: 10px; font-size: 11px; background: url(/images/wol/2009/common/icon_tri.gif) no-repeat left center; }
#interest .yim_footer a { }

#contentRight #interest h2 { text-indent: -9999px; background: url(/wol/iyashi/images/common/titlebar_interest480.gif) no-repeat left top; height: 26px; }