@charset "UTF-8";


/*
======== CONTENTS =========

article.css
last-updated:2008/04/04

===========================
*/


/*
===== font ======
*/

#article *{
/* 記事本文中のみ、英字のスタイルを優先して効かせる */
	font-family:
		Arial,
		Helvetica,
		"メイリオ",
		Meiryo,
		"ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro W3",
		Osaka,
		"ＭＳ Ｐゴシック",
		"MS P Gothic",
		sans-serif;
}

* html #article * {
/* Win IE 6向け調整
　IE6では
　アンチエイリアスが効かない場合を考慮し、ＭＳ Ｐゴシック優先 */
	font-family:
		Arial,
		Helvetica,
		"メイリオ",
		Meiryo,
		"ＭＳ Ｐゴシック",
		"MS P Gothic",
		sans-serif;
}


#article p{
	font-size:90%;
	line-height: 1.6;
	letter-spacing: 1px;
	margin-bottom: 1em;
	margin-left: 4px;
	margin-right: 4px;
}

#article li{
	font-size:90%;
	line-height: 1.6;
	letter-spacing: 1px;
	margin-bottom: 0em;
	margin-left: 4px;
	margin-right: 4px;
}


#article li p{
	font-size:100%;
}

#title .writer,
#title .tag,
.copyright,
.cate_nav
{
	font-size: 76%;
	line-height: 1.2;
}



.linkmenu_sub, 
.linkmenu {
	font-size:80%;
	line-height: 1.5;
}

.listitem .listitemtext_s
{
	font-size: 80%;
	line-height: 1.2;
}

.profile .writer{
	font-size: 85%;
	line-height: 1.2;
}

.profile .writer span.kana{
}


.profiletxt p {
	font-size: 80%;
	line-height: 1.4;
}


.profiletxt ul {
	font-size: 80%;
	margin-left:20px;
}

table.navbuttons {
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	border-collapse:collapse;
	/*empty-cells: show;*/
	width: 100%;
}
table.navbuttons .cate{
	padding: 0px 0px 1px 0px;
}


/*
===== title ======
*/

#title {
	margin: 0px 0 0 0;
	padding:0 0 0 0;
	overflow:hidden;
}

#title .set {
	font-size: 80%;
	line-height: 1.1;
	padding:2px 0 2px 0;
}


#title h1 {
	padding:2px 0 2px 0;
	font-size: 160%;
	font-weight :bold;
	line-height: 1.1;
	color:#000;
}

#title h1 a {
	color:#000;
	text-decoration: none;
}
#title h1 a:hover {
	text-decoration: underline;
}

#title .title {
	padding-bottom:12px;
	background: url(/cz/static/common/images/title_bg.gif) repeat-x bottom;
	position: relative;
}

#title .writer {
	border-bottom:dotted 1px #B9D1F0;
	padding:4px 4px 4px 8px;
		position: relative;
}

#title .date{ 
	padding:0 10px;
}


#title #stat {
	border-bottom:dotted 1px #CCCCCC;
	font-size: 76%;
	height: 20px;
	padding:2px 4px 2px 8px;
}


#title #stat .stat_item{
	padding: 0px 10px 0px 12px;
	text-align: left;
	background: url(/cz/static/common/images/b_square_d.gif) no-repeat 0 0.4em;
}

#title #stat .stat_star{
	color: #FF6600; 
}


#title .tag{
	padding:4px 4px 4px 8px;
	border-bottom: solid 1px #b7b7b7;
}

#title .tag_title
{
	padding: 1px 1px 1px 20px; 
	font-weight: bold;
	background: url(/cz/static/common/images/icon_tag.gif) no-repeat;
	min-height: 20px;
	height: 20px;
}
#title .tag_text
{
	padding: 0 8px 0 0; 
}
/*
===== lead ======
*/

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

#lead{
	border: solid 1px #B9D1F0;
	margin: 12px 0 12px 0;
	padding:6px 8px;
	color: #333;
	background: #F1F2F4 url(/cz/static/common/images/lead_bg.png) repeat-x;
	display: inline-block;
	font-size:14px;
	line-height: 1.5;
}


/* Holly Hack Targets IE Win only \*/
 * html #lead {height: 1%;}
#lead {display: block;}
/* End Holly Hack */


.sum_img{
	background: url(/cz/static/common/images/sum_img_bg.gif) no-repeat;
	width:126px;
	height:96px;
	padding:3px 0 0 3px;
	float:right;
	margin: 0 0 0 16px;
}

#lead p{
	font-size:14px;
	line-height: 1.5;
	padding-top:4px;
}

/*
===== ad list ======
*/

.ad_list{
/*	background: url(/cz/static/common/images/bar-dot3.gif) repeat-x top; */
	margin: 0 0 12px 0;
}


.ad_list .bannerleft{
/*	background: url(/cz/static/common/images/bar-dot3.gif) repeat-x bottom;*/
	padding: 3px 0 3px 0;
}

.ad_list .bannerleft .adinfo_item{
	background: url(/cz/static/common/images/icon_pr.gif) no-repeat 0.3em 0.2em;
	padding: 0 0 0 26px;
}

.ad_list .bannerleft .atitle{
	font-size: 80%;
	line-height: 1.1;
/*	font-weight:bold;*/
}

.ad_list .bannerleft .atitle_sum{
	font-size: 75%;
	line-height: 1.2;
	color:#666;
	padding: 4px 0 0 6px;
}

/*
===== article ======
*/

#article{
	margin: 12px 0 20px 5px;
}

#summary{
	margin: 12px 0 20px 5px;
	font-size:90%;
	line-height: 1.6;
	letter-spacing: 1px;
	margin-bottom: 1em;
	margin-left: 4px;
	margin-right: 4px;
}

#summary *{
/* 記事本文中のみ、英字のスタイルを優先して効かせる */
	font-family:
		Arial,
		Helvetica,
		"メイリオ",
		Meiryo,
		"ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro W3",
		Osaka,
		"ＭＳ Ｐゴシック",
		"MS P Gothic",
		sans-serif;
}

* html #summary * {
/* Win IE 6向け調整
　IE6では
　アンチエイリアスが効かない場合を考慮し、ＭＳ Ｐゴシック優先 */
	font-family:
		Arial,
		Helvetica,
		"メイリオ",
		Meiryo,
		"ＭＳ Ｐゴシック",
		"MS P Gothic",
		sans-serif;
}

#article h2{
	clear: both;
	display: block;
	margin: 0px 0 12px 0;
	padding:7px;
	color: #fff;
	font-size:100%;
	line-height: 1.4;
	letter-spacing: 2px;
	background-repeat:no-repeat;
	background: #5475B9 url(/cz/static/common/images/article_t2_bg.png) repeat-x bottom;
	border-left: solid 16px #223A70;
	border-bottom: solid 3px #223A70;
}



#article h3{
	clear: both;
	display: block;
	margin: 0px 0 16px 2px;
	padding:3px 6px 3px 8px;
	color: #000;
	font-size:100%;
	line-height: 1.5;
	letter-spacing: 2px;
	background: #fff url(/cz/static/common/images/article_t3_bg.gif) repeat-x bottom;
	border-bottom: solid 1px #B9D1F0;
	border-left: solid 10px #223A70;
}
#article h4
{
	padding: 8px 8px 8px 10px;
	border-color:#EFEDED;
	border-width:0px 20px 0px 0px;
	border-style:double;
	background:#f7f7f7;
	font-size:90%;
	line-height: 1.2;
	letter-spacing: 2px;
	margin-top 0px;
	margin-bottom: 10px;
	color: #000;
	border-left: solid 5px #B9D1F0;
	border-bottom: solid 1px #B9D1F0;
}

#article h5
{
	padding:7px 8px 7px 10px;
	font-size:90%;
	line-height: 1.2;
	letter-spacing: 2px;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #000;
	border-bottom: solid 1px #B9D1F0;

}


.centerimg{
	margin-top: 0px;
	margin-bottom: 10px;
	text-align:left;
	/* for ie7 and firefox */
	clear:both;
}
.leftimg{
	margin-top: 0px;
	margin-bottom: 10px;
	text-align:left;
	/* for ie7 and firefox */
	clear:both;
}
.rightimg{
	margin: 0px 4px 10px 10px;
	float: right;
	/* for ie7 and firefox */
	clear:both;
}


.centerimg img, .leftimg img, .rightimg img{
	margin:4px auto 4px auto;
}
.centerimg a img, .leftimg a img, .rightimg a img{
	border: 1px solid #0066ff;
}

#article ul , #article ol{ 
	margin-bottom: 1.2em;
	margin-left: 20px;
	color: #333;
}
#article ul li, #article ol ul li
{
	padding: 0px 0px 0px 4px; 
	line-height: 1.5em;
	list-style: square;
}

#article ol li 
{
	/*margin-left: 34px;*/
	margin-left: 1em;
	padding: 0px 0px 0px 0px; 
	line-height: 1.5em;
	list-style: decimal;
}

#article .list_text 
{
	padding: 0px; 
	margin: 0px 0px 1em 0px;
	line-height: 150%;
	font-size:90%;
	text-indent:1em;
}

/*
.caption{
	font-size: 12px;
	line-height: 1.5;
	/*color:#ff7f00;*/
}
*/

.caption_txt{
	font-size: 80%;
	line-height: 1.1;
	color:#666666;
	text-align:left;
	margin-left:20px;
	margin-right:20px;}
	
.section_title {
	display: block;
	color: #FF9900;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-bottom: 3px;
	margin-top:3px;
}
.sectiontxt {
	border-bottom-width: 1px;
	margin-bottom: 3px;
	font-size: 80%;
}
.section {
	clear: both;
	display: block;
	margin-top: 0px;
	margin-bottom: 1em;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #F6F6EC;
	color: #333;
	font-size: 90%;
	line-height: 1.5;
	padding: 10px;
}

.back {	text-align: right;
}

/*
#article td{
	color: #333;
	font-size:90%;
	line-height: 1.4;
	padding:3px
}
*/



/*
===== linkmenu_sub ======
*/


.linkmenu_sub {
	margin: 0 0 0px 0;
	text-align:right;
	padding:0px 0;
}

.linkmenu{
	padding:2px 0;
}

.linkmenu_sub span.current ,.linkmenu span.current{
	background: #223A70;
	color:#fff;
	padding:4px 5px;
	border:1px solid #ccc; 
}


.linkmenu_sub img{
	vertical-align:middle;
}

.linkmenu_sub a,.linkmenu a{
	padding:4px 5px;
	border:1px solid #ccc; 
}

.linkmenu_sub a.linkmenu_img{
	background: #FFFFFF;
	padding:0;
	border:none; 
}


/*
===== cate_nav ======
*/

.cate_nav
{
	background: #f0f0f0;
	padding:4px 6px;
	margin: 0 0 16px 0;
}




/*
===== profile ======
*/

.profile{
	margin: 0 0 12px 5px;
	padding:6px;
	background: #eeeeee;
	border: 1px solid #ccc;
}

.profile .proftitle{
	color:#fff;
	background: #223A70;
	margin: 0px 0px 8px 0;
	height: 19px;
	border-bottom: 1px solid #223A70;
	border-left: 1px solid #223A70;
}
.profileimg{
	float:left;
	margin: 0px 0px 8px 0px;
}

.profileimg img{
	border: 1px solid #ccc;
	margin: 0 4px 2px 0;
}

.profile .proftxt
{
	margin: 0px 0px 4px 0px;
}

.profile .writer{
	margin: 0px 0px 8px 0px;
}
.profile .writer a{
	font-weight: bold;
}

.profiletxt p{
	padding: 0px 0 0 114px;
}



/*
===== trackback ======
*/
.tb_info
{
	font-size: 80%;
}

.tb_link{
	font-size: 80%;
	line-height: 1.5;
	text-align:right;
}

#tblist
{
	font-size: 80%;
}
#tblist .tb_item
{
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 4px 0px;
	background: url(/cz/static/common/images/bar-dot2.gif) repeat-x bottom;
}
#tblist .tb_title
{
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 12px;
	background-image: url(/common/images/yaji_r.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
#tblist .tb_excerpt
{
	margin: 0px 0px 0px 12px;
	line-height:1.3;	
}

/*
===== /trackback ======
*/

/*
===== comment ======
*/
#cmt_list
{
	margin: 0px 0px 4px 10px;
	padding: 10px 0px 10px 0px;
	font-size: 80%;
	border-top: 0px solid #e0e0e0;
}
#cmt_list .cmt
{
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 4px 0px;
	line-height: 1.3;
	border:solid 0px black;
	background: url(/cz/static/common/images/bar-dot2.gif) repeat-x bottom;
}
#cmt_list .cmt .title
{
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 16px;
	background-image: url(/cz/static/common/images/b-01.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	border:solid 0px black;
	font-weight:bold;
}
#cmt_list .cmt .icon
{
	margin: 0px 0px 4px 8px;
	padding: 0px 0px 0px 0px;
	float:left;
	border:solid 0px black;
}
#cmt_list .cmt .body
{
	margin: 0px 0px 4px 40px;
	padding: 0px 0px 0px 0px;
	border:solid 0px black;
}
#cmt_list .cmt .footer
{
	clear:both;
	text-align:right;
}
.comment_form
{
	margin: 0px 0px 16px 24px;
	padding: 0px 0px 0px 0px;
	line-height: 1.3em;
	border: solid 0px black;
}
.comment_form .cmt_label, .comment_form .cmt_icon
{
	font-size: 80%;
}
.comment_form input, .comment_form textarea
{
	font-size: 80%;
}
.comment_form .cmt_icon input
{
	margin: 0px 1px 0px 0px;
}
.comment_form .cmt_icon img
{
	margin: 0px 4px 0px 0px;
	border: solid 0px black;
	vertical-align: bottom;
}

/*
===== /comment ======
*/




/* 記事評価＆コメント評価 */
#rating .txt						{float:left;}
#rating .result						{float:left; color:#CC3333;	font-size: 10pt;}
#rating .bar						{float:left; width:100px; height:10px; vertical-align:middle; background-image:url(/common/images/cc_back2.jpg); margin-top:3px;}
#rating .baravg						{float:left; width:0px;   height:10px; vertical-align:middle; background-image:url(/common/images/cc_ff.gif);}
#rating .col						{float:left; width:18px;  height:7px;  margin: 1px;}
#rating .col1						{float:left; width:17px;  height:7px;  margin: 1px; margin-left :2px;}
#rating .col5						{float:left; width:17px;  height:7px;  margin: 1px; margin-right:2px;}

#cmt_list .cmt .txt					{float:left; color:#999999; font-weight: bold; vertical-align:middle;}
#cmt_list .cmt .result				{float:left; color:#CC3333;}
#cmt_list .cmt .profile				{border-width:0px;}
#cmt_list .cmt .profile .button		{float:right;}
#cmt_list .cmt .profile .button img	{margin-top:1px; margin-bottom:1px;}
#cmt_list .cmt .profile .title		{float:left; font-weight:bold;  }
/* /記事評価＆コメント評価 */


/*
===== parts ======
*/




/* article comment , preview*/
.art_attention
{
	margin: 0px 0px 8px 5px;
	padding: 4px 8px 4px 8px;
	border: solid 1px #0066aa;
	background-color: #F6F6EC;
	color:#666666;
	font-size: 80%;
	line-height: 1.5em;
}
.art_comment
{
	margin: 0px 0px 8px 0px;
	padding: 8px 8px 8px 8px;
	border: solid 1px #CC3333;
	background-color: #F6F6EC;
	font-weight: bold;
	font-size: 80%;
}
.art_comment_n
{
	margin: 0px 0px 8px 0px;
	padding: 8px 8px 8px 8px;
	border: solid 1px #CC3333;
	background-color: #F6F6EC;
	font-weight: normal;
	font-size: 90%;
	line-height: 1.5;
}



/*
===== paging ======
*/

.paging{
	margin: 8px 20px 8px 20px;
	text-align: center;
}

table.tbl_toc
{
	text-align: left;
	margin: 0px 0px 8px 0px;
	border: 1px solid #CCCCCC;
	border-collapse:collapse;
	empty-cells: show;
	width: 100%;
}
.tbl_toc th
{
	color: White;
	font-size: 80%;
	font-weight: bold;
	background-color: #5F6D93;
	text-align: left;
	padding: 2px 2px;
}
.tbl_toc td
{
	font-size: 80%;
	border: 0px solid #CCCCCC;
	padding: 1px 1px 1px 1px;
	text-align: left;
	
}

.tbl_toc td A {
display: block; /* ブロック要素 */ 
width: 100%; 
background-color: #f7f7f7;
}

.tbl_toc td A:hover { 
background-color: #DBDBDB; /* ポイント時の背景色 */ 
color: #9c0000; /* ポイント時の文字色 */ 
display: block;
} 

.tbl_toc td.title
{
	font-size: 80%;
	font-weight:bold;
}
.tbl_toc .current
{
	font-weight: bold;
	padding-left:16px;
	background: url("/static/common/images/yaji_r.gif") no-repeat 0.1em 0.4em;
	border-top: 1px solid #CCCCCC;
	margin: 0px 0px 2px 0px;

}
.tbl_toc .link
{
	padding-left:16px;
	background-position: 2px 3px;
	border-top: 1px solid #CCCCCC;
	margin: 0px 0px 2px 0px;
}
.tbl_toc .h2
{
	padding-left:24px;
	margin: 0px 0px 2px 0px;
}
table.pg_bar
{
	text-align: left;
	margin: 0 auto 10px auto;
}
table.pg_bar td{
	padding:1px 4px;
}

table.pg_bar td.pg_bar_num
{
	text-align: center;
	vertical-align:middle;
}


/*
===== /paging ======
*/

.copyright
{
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}

/*
===== newcontents ======
*/
.listitem{
	margin-bottom: 16px;
	border: solid 0px black;
	padding:0 0 0 4px; 
}


.listitem .listitemtext{
	margin: 0px 0px 4px 0px;
	border: solid 0px black;
}
.listitem .listitemtext_s
{
	margin: 4px 0px 4px 0px;
	padding:0px 0px 0px 18px; 
	border: solid 0px black;
	background: url(/cz/static/common/images/b-01.gif) no-repeat 0.2em 0.2em ;
}

.listitem ul
{
	line-height:1.5em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:square;
	padding:0 0 0 4px;
	margin-left:20px;
	margin-bottom:4px;

}
.listitem ul li {
	font-size:90%;
	letter-spacing:1px;
	line-height:1.6;
	margin-right:4px;
	text-align:justify;
}


/* 以下、未使用　削除可 */
.listitem p{
	font-size: 90%;
	line-height: 1.5;
	padding: 0 0 2px 26px;
}

.listitem .newslink{
	font-size: 80%;
	line-height: 1.5;
	padding: 0 0 10px 26px;
}

.listitem .date{
	color:#666666;
	background: url(/cz/static/common/images/b-note.gif) no-repeat 0 0.1em ;
	padding: 1px 6px 1px 14px;
}
.listitem .date_s{
	color:#666666;
	padding: 0px 0px 0px 8px;
	font-size: 80%;
	font-weight: normal;
}

.listitem .link{
	color:#ff7f00;
	background: url(/cz/static/common/images/b-01.gif) no-repeat 0 0.2em ;
	padding: 1px 0 1px 12px;
}

.listitem .newsauthor{
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 80%;
	line-height: 1;
	text-align: right;
	border: solid 0px black;
}
.listitem .newsthumnail{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	line-height: 1;
	float: right;
	border: solid 1px black;
	width: 100px;
	height: 60px;
}
img.thumb_r{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	float: right;
	border: solid 1px black;
	width: 100px;
	height: 60px;
	display: block;
}


.listitem .rating{
	color:#ff7f00;
	padding: 1px 0px 1px 0px;
	border: solid 0px black;
}


/* ↑以上、未使用　削除可 */


.down_section
{
	margin: 0px 0px 6px 6px;
	padding: 0px 0px 0px 0px;
}
.down
{
	margin: 0px 0px 4px 0px;
	padding: 5px 0px 5px 0px;
	font-size: 95%;
}
.down a
{
	margin: 0px 0px 4px 0px;
	padding: 7px 0px 5px 105px;
	font-size: 95%;
	background-color: white;
	background-position: left center;
	background-image: url(/cz/static/common/images/icon_dl.gif);
	background-repeat: no-repeat;
}
.down_info
{
	font-size: 80%;
}

#article .tbl_frame {
	margin: 0px 0px 1em 0px;
	/*text-align: center;*/
}

#article table.tbl
{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #223A70;
	border-collapse:collapse;
}

#article table.tbl caption {
/*
	margin: 0px auto 4px auto;
	color:#ff7f00;
	font-size: 80%;
	line-height: 1.5em;
*/
	margin: 0px auto 3px auto;
	padding: 0px 0px 0px 14px;
	font-weight:normal;
	font-size: 12px;
	line-height: 130%;
	background-image: url(/cz/static/common/images/icon_box_blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	text-align:left;

}
#article table.tbl td {
	margin: 0px 0px;
	padding: 4px 4px;
	border: solid 1px #5F6D93;
	font-size: 13px;
	text-align: left;
	vertical-align:top; /* 追加 */
	line-height: 130%;
	background-color: #ffffff;
}
#article table.tbl th {
	padding: 4px 4px;
	background-color: #5F6D93;
	font-weight: bold;
	color: #ffffff;
	text-align:left;
	font-size: 13px;
	vertical-align:top; /* 追加 */
	border-right:1px solid #223A70;
}
#article table.tbl td.th {
	background-color: #5F6D93;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
}
#article table.tbl td.th_id {
	background-color: #5F6D93;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
	text-decoration: underline;
}

#article table.tbl td.none {
	margin: 0px 0px;
	padding: 4px 4px;
	border: 0px solid #FFFFFF;
	font-size: 13px;
	text-align: left;
}

#article table.tbl td.thr {
	background-color: #5F6D93;
	font-weight: bold;
	text-align: right;
	color: #ffffff;
}

#article table.tbl td.detail a , #article table.tbl td.detail a:link, #article table.tbl td.detail a:visited{
	text-decoration: underline;
	background:#FFF;
}


#article table.tbl td.sep {
	padding: 4px 4px;
	background-color: #5F6D93;
	font-weight: bold;
	color: White;
}

#article table.tbl td.nostyle
{
	margin: 0px 0px;
	padding: 4px 4px;
	border: solid 0px #ffffff;
	font-size: 13px;
	text-align: left;
}


#article .column_head
{
	margin: 0 0 0 0;
	padding: 2px 2px 2px 6px;
	background-color: #BDCFEF;
	line-height: 120%;
	font-weight: bold;
	font-size: 90%;
	border-top: solid 1px #7B7B7B;
	border-bottom: solid 0px #7B7B7B;
	border-left: solid 1px #7B7B7B;
	border-right: solid 1px #7B7B7B;
}
#article .column
{
	margin: 0 0 10px 0;
	padding: 6px 6px 6px 6px;
	background-color: #E0EBFC;
	line-height: 120%;
	font-size: 90%;
	border-top: solid 1px #7B7B7B;
	border-bottom: solid 1px #7B7B7B;
	border-left: solid 1px #7B7B7B;
	border-right: solid 1px #7B7B7B;
	letter-spacing: 1px;
}
#article .column .clm_title {
	margin: 0px 0px 4px 0px;
	padding: 2px 2px 2px 6px;
	background-color: #BDCFEF;
	line-height: 120%;
	font-weight: bold;
	border-bottom: solid 0px #7B7B7B;
}
#article .column .clm_content {
	padding-right: 4px;
}
#article .column .clm_content p{
	margin-bottom: 0px;
}

#article .down_section
{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;	
}
#article .down
{
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 18px;
	font-size: 95%;
	background-color: #ffffff;
	background: white url("../img/article/icon_yaji_red.gif") no-repeat;
	background-position: left center;
}
#article .down_info
{
	font-size: 80%;
}


#article blockquote
{
	margin: 1em 2em 1em 2em; 
	padding: 1em 1em 1em 1em; 
	background-color: #E9E9E9;
	font-size: 90%;
	line-height: 1.5em;
}
#article blockquote p
{
	margin: 0px 0px 0px 0px;
}

.msg_in_edit
{
	margin: 0px 0px 10px 0px; 
	padding: 6px 10px 6px 10px; 
	background-color: #213873;
	font-size: 90%;
	line-height: 120%;	
	color: #ffffff;
	font-weight: bold;
}

/* code for article */
#article code
{
	margin: 0 4 0 4;
	padding: 0 0 0 0;
	color: #800000; 
	font-family: "ＭＳ ゴシック", "Osaka－等幅", Monospace;
	font-size: 13px;
	font-weight: normal;
}

#article table.tbl tr td code
{
	font-family: "ＭＳ ゴシック", "Osaka－等幅", Monospace;
}

#article .cap, 
#article .caption, 
#article .centerimg .caption, #article .leftimg .caption
{
	margin: 0px auto 3px auto;
	padding: 0px 0px 0px 14px;
	font-weight:normal;
	font-size: 12px;
	line-height: 130%;
	background-image: url(/cz/static/common/images/icon_box_blue.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
/*
#article .img_frame .cap{
	display: block;
	margin: 0px 0px 3px 0px;
}
*/

#article .newmember
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 16px;
	font-weight:normal;
	font-size: 80%;
	line-height: 100%;
	border: solid 1px #ffffff;
	background-image: url(/cz/static/common/images/icon_box_blue.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;	
}
#article .img_frame {
	display: block;
	margin: 0px 0px 1em 0px;
}
#article .img_frame .img{
	display: block;
	margin: 0px 0px 0em 0px;
}




/* ソースコード関連 */


#article .src_frame
{
	margin: 10px 0px 10px 0px; 
	padding: 0px 0px 0px 0px;

	width: 100%;
}


#article pre.src,
#article pre.src_vb
{


	margin: 0px 0px 0px 0px; 
	padding: 10px 10px 10px 10px;
	background-color: #FFF7D6;
	font-family: "ＭＳ ゴシック", "Osaka－等幅", Monospace;
	font-size: 13px;
	line-height: 130%;
	letter-spacing: 0px;
	overflow: auto;
	overflow-x: auto;
	overflow-y: auto;
	width: 627px;
}

#article pre .literal
{
	color: #800080;
}

/* keyword for article */
.cmt_c {  color: #008000; }
.cmt_c_build { color: #808080;}
.cmt_c_build .lit_cs { color: #808080;}
.cmt_c .kw_cs { color: #008000;}
.cmt_c .kw_cpp { color: #008000;}
.cmt_c .lit_cpp { color: #008000;}
.cmt_c .kw_sql { color: #008000;}

.cmt_cs {  color: #008000; }
.cmt_build_cs { color: #008000;}
.cmt_vb {  color: #008000; }
.cmt_vbs {  color: #008000; }
.cmt_build_vb {  color: #008000; }

.kw_c{ color: #0000FF;}
.kw_cpp{ color: #0000FF;}
.kw_cs{ color: #0000FF; }
.lit_c{ color: #800080;}
.lit_cs{ color: #800080;}
.lit_cpp{ color: #800080;}
.lit_cs .kw_cs{ color: #800080;}

.kw_vb{ color: #0000FF;}
.kw_vbs{ color: #0000FF;}
.cmt_b{ color: #008000;}
.cmt_b_build{color: #808080;}
.cmt_b .lit_vb{ color: #008000;}
.cmt_b_build .lit_vb{color: #808080;}
.lit_vb{ color: #800080;}
.lit_vb .kw_vb{ color: #800080;} /* redefine */

.kw_java{ color: #7F0055; font-weight: bold;}
.cmt_java{ color: #3F7F5F;}
.cmt_java .kw_java {color: #3F7F5F; font-weight: normal;}
.cmt_java .kw_js {color: #3F7F5F; font-weight: normal;}
.cmt_java .lit_js {color: #3F7F5F; font-weight: normal;}
.cmt_java_build { color: #3F5FBF;} /* old style */
.cmt_build_java { color: #3F5FBF;}
.lit_java{ color: #2A00FF;}
.lit_java .kw_java{ color: #2A00FF; font-weight: normal;}

.kw_perl{color: #0000FF; }
.cmt_perl{ color: #008000; }
.lit_perl{ color: #000000;}
.lit_perl .kw_perl{color: #000000; }

.kw_php{color: #0000FF; }
.lit_php{ color: #800080;}

.kw_ruby{color: #0000FF; }
.cmt_ruby{ color: #008000; }

.cmt_sql{color: #008000;}
.cmt_sql .kw_sql{color: #008000;}
.kw_sql{color: #0000FF;}
.lit_sql{color: #800080;}

.tag{color: #0000FF;}
.tag_elem{color: #800000; }
.tag_attr{color: #FF0000; }

.kw_sh{ color: #0000FF;}

.kw_js{color: #0000FF;}
.lit_js{color: #800080;}
.cmt_js{ color: #008000;}

.cmt_xml{ color: #008000; }
.cmt_html{ color: #008000; }
.cmt_php{ color: #008000; }
.cmt_cpp{ color: #008000; }

.kw_delphi{ color: #0000FF;}
.cmt_delphi{ color: #008000;}
.lit_delphi{ color: #800080;}

/* new keyword for article */
#article pre.src_vb .k{color: #0000FF;}
#article pre.src_vb .c{color: #008000;}
#article pre.src_vb .l{color: #800080;}


/* social bookmark */
#social_bookmark a img      { margin: 0px; padding: 0px 4px 0 0; border: 0px solid gray;}
#social_bookmark a{
	cursor: pointer;
	float:left;
	padding-top:0px;
	padding-left:2px;

}
#social_bookmark a div.hateb       {
	width:16px;
	height:16px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(/cz/static/common/images/icon_bm_all.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top:2px;
}
#social_bookmark a div.lvclip      { width:16px; height:16px; background:transparent url(/cz/static/common/images/icon_bm_all.gif) no-repeat scroll 0px -17px;}
/* /social bookmark */


/*-----------------------------------------
  dropdown navi
 -----------------------------------------*/
 
 
.NaviMenu1, .NaviMenu_s1
{
	margin: 0px 10px 0px 10px;
	border-bottom: solid 2px #cc3333;
}

.NaviMenu1 ul, .NaviMenu_s1 ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.NaviMenu1 a, .NaviMenu_s1 a
{
	text-decoration: none;
	display: block;
	background-color: #ffffff;
	color: #000000;
}
.NaviMenu1 li.navmain, .NaviMenu_s1 li.navmain
{
	float: left;
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.NaviMenu1 .navmain a
{
}
.NaviMenu1 ul.submenu, .NaviMenu_s1 ul.submenu
{
	position: absolute;
	z-index: 100;
	visibility: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 260px;
	background-color: #ffffff;
	color: #000000;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	-moz-opacity: 0.9;
	border:#CECFCE solid 1px;
}
.NaviMenu1 ul.submenu li, .NaviMenu_s1 ul.submenu li

{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 90%;
	
}
.NaviMenu1 ul.submenu li a, .NaviMenu_s1 ul.submenu li a
{
	margin: 0px 0px;
	padding: 0px 2px 0px 2px;
	display: block;
	border: 1px solid #ffffff;
	width: 253px;
	color: #000000;
	font-size: 90%;
	font-weight: normal;
	text-decoration: none;
}
.NaviMenu1 ul.submenu li a:hover, .NaviMenu_s1 ul.submenu li a:hover
{
	font-weight: bold;
	background-color: #F6F6EC;
	border: 1px solid #213873;
	color: #213873;
	
}

/* for submenu */
.NaviMenu_s1
{
	border-bottom: solid 0px #ffffff;
	margin: 0px 0px 0px auto;
	float:right;
}
.NaviMenu1 ul.submenu ,.NaviMenu_s1 ul.submenu
{
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	text-align: left;

}

.NaviMenu_s1 ul.submenu * img.subicon
{
	margin-right: 4px;
}

li.submenu {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*-----------------------------------------
  --dropdown navi
 -----------------------------------------*/

#gmsub_bmlist{
	margin-left: 4px;
}

#gmsub_bmlist li{
	text-align: left;
}

#gmsub_bnlist{
	/*width: 250px;*/
	margin-left: 4px;
}

#gmsub_bnlist li a{
	/*width: 300px;*/
	text-align: left;
}



#cmt_form .cmt_icon div{
	display:block;
	float:left;
}
#cmt_form .cmt_icon input{
	display:block;
	float:left;
	margin-right:1px;
	margin-left:1px;
}

#cmt_form .cmt_icon div.kao01{ width:20px; height:20px; background:transparent url(/cz/static/common/images/icon_kao_all.gif) no-repeat scroll 0px 0px;}
#cmt_form .cmt_icon div.kao02{ width:20px; height:20px; background:transparent url(/cz/static/common/images/icon_kao_all.gif) no-repeat scroll -21px 0px;}
#cmt_form .cmt_icon div.kao03{ width:20px; height:20px; background:transparent url(/cz/static/common/images/icon_kao_all.gif) no-repeat scroll -42px 0px;}
#cmt_form .cmt_icon div.kao04{ width:20px; height:20px; background:transparent url(/cz/static/common/images/icon_kao_all.gif) no-repeat scroll -63px 0px;}
#cmt_form .cmt_icon div.kao05{ width:20px; height:20px; background:transparent url(/cz/static/common/images/icon_kao_all.gif) no-repeat scroll -84px 0px;}
#cmt_form .cmt_icon div.kao06{ width:20px; height:20px; background:transparent url(/cz/static/common/images/icon_kao_all.gif) no-repeat scroll -105px 0px;}
#cmt_form .cmt_icon div.kao07{ width:20px; height:20px; background:transparent url(/cz/static/common/images/icon_kao_all.gif) no-repeat scroll -126px 0px;}
#cmt_form .cmt_icon div.kao08{ width:20px; height:20px; background:transparent url(/cz/static/common/images/icon_kao_all.gif) no-repeat scroll -147px 0px;}
#cmt_form .cmt_icon div.kao09{ width:20px; height:20px; background:transparent url(/cz/static/common/images/icon_kao_all.gif) no-repeat scroll -168px 0px;}
#cmt_form .cmt_icon div.kao10{ width:21px; height:20px; background:transparent url(/cz/static/common/images/icon_kao_all.gif) no-repeat scroll -189px 0px;}


/*
=== input table ===
*/
.tbl_app
{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #5F6D93;
	border-collapse:collapse;
}
.tbl_app td {
	margin: 0px 0px;
	padding: 4px 4px;
	border: solid 1px #5776B8;
	font-size: 80%;
	text-align: left;
}
.tbl_app th {
	padding: 4px 4px;
	background-color: #5776B8;
	font-weight: bold;
	color: #ffffff;
	text-align:left;
	font-size: 80%;
}
.tbl_app td.th {
	background-color: #5776B8;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
}
.tbl_app td.thr {
	background-color: #5776B8;
	font-weight: bold;
	text-align: right;
}
.tbl_app td.sep {
	padding: 4px 4px;
	background-color: #5776B8;
	font-weight: bold;
	color: White;
}
.tbl_app td.none table tr td
{
	margin: 0px 0px;
	padding: 2px 2px;
	border: solid 0px white;
	font-size: 100%;
}


.app_menu ul li {
	background-image:url(/cz/static/common/images/icon_yaji_blue.gif);
	background-position:0pt 2px;
	background-repeat:no-repeat;
	float:none;
	font-size:90%;
	list-style-type:none;
	margin:0pt 10px 8px 10pt;
	padding:0pt 0pt 0pt 16px;
}

/* bockmark list */
#gmsub_bmlist li a div{
	display:block;
	float:left;
	margin-left:2px;
	margin-right:4px;
}
#gmsub_bmlist li a div.hateb      { width:16px; height:16px; background:transparent url(/cz/static/common/images/icon_bm_all.gif) no-repeat scroll 0px 0px;}
#gmsub_bmlist li a div.lvclip     { width:16px; height:16px; background:transparent url(/cz/static/common/images/icon_bm_all.gif) no-repeat scroll 0px -17px;}
#gmsub_bmlist li a div.delicious  { width:16px; height:16px; background:transparent url(/cz/static/common/images/icon_bm_all.gif) no-repeat scroll 0px -34px;}
#gmsub_bmlist li a div.newsing    { width:16px; height:16px; background:transparent url(/cz/static/common/images/icon_bm_all.gif) no-repeat scroll 0px -51px;}
#gmsub_bmlist li a div.buzzurl    { width:16px; height:16px; background:transparent url(/cz/static/common/images/icon_bm_all.gif) no-repeat scroll 0px -68px;}
#gmsub_bmlist li a div.choix      { width:16px; height:16px; background:transparent url(/cz/static/common/images/icon_bm_all.gif) no-repeat scroll 0px -85px;}
#gmsub_bmlist li a div.saaf       { width:16px; height:16px; background:transparent url(/cz/static/common/images/icon_bm_all.gif) no-repeat scroll 0px -102px;}
#gmsub_bmlist li a div.fc2        { width:16px; height:16px; background:transparent url(/cz/static/common/images/icon_bm_all.gif) no-repeat scroll 0px -119px;}
#gmsub_bmlist li a div.mm         { width:21px; height:12px; background:transparent url(/cz/static/common/images/icon_bm_all.gif) no-repeat scroll 0px -136px;}
#gmsub_bmlist li a div.niftyclip  { width:14px; height:14px; background:transparent url(/cz/static/common/images/icon_bm_all.gif) no-repeat scroll 0px -149px;}
#gmsub_bmlist li a div.ybm16      { width:16px; height:16px; background:transparent url(/cz/static/common/images/icon_bm_all.gif) no-repeat scroll 0px -164px;}
#gmsub_bmlist li a div.bt_mintopi3{ width:16px; height:16px; background:transparent url(/cz/static/common/images/icon_bm_all.gif) no-repeat scroll 0px -181px;}
#gmsub_bmlist li a div.mz         { width:16px; height:16px; background:transparent url(/cz/static/common/images/icon_bm_all.gif) no-repeat scroll 0px -198px;}
/* /bockmark list */

/* 猫プログラミング */
.txt {

	text-align:left;
}

/* 強調スタイル */
#article .st1
{
	font-weight:bold;
	/*color: #000000;*/
	font-size: 120%;
}
#article .st2
{
	font-weight: bold;
	color: #CC3333;
	font-size: 120%;
}

.richlink {
	border:1px solid #CCCCCC;
	display:block;
	letter-spacing:1px;
	margin-left:auto;
	margin-right:auto;
	width:456px;
	background-image: url(/cz/static/common/images/logo_fresheye.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;

/*	border: 1px solid #3975D6;
	padding-bottom: 5px;
	font-size: 100%;
	letter-spacing: 1px;
	display: block;
	width: 500px;
	margin-right: auto;
	margin-left: auto;*/
}
.richlink h3 {
	color:#CCCCCC;
	font-size:10px;
	position:relative;
	font-weight: normal;
	margin: 0;
	padding: 0px;
/*	
	font-size: 75%;
	color: #223A70;
	position: relative;
	background-image: url(/cz/static/common/images/richlink_cz.png);
	background-repeat: repeat-x;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #223A70;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 5px;
	margin-left: 0pt;
	padding-top: 3px;
	padding-right: 0pt;
	padding-bottom: 3px;
	padding-left: 5px;*/
}
.richlink h3 a{
	color:#999999;
	font-weight:normal;
	left:357px;
	letter-spacing:0;
	padding:0;
	position:absolute;
	font-size: 10px;
	
/*	position: absolute;
	top: 2px;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0pt;
	color: #999999;
	left: 390px;
	padding: 0px;*/
}
.richlink a {
	font-size:75%;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0em;
	/*
padding: 0.5em; font-size: 75%;*/
}

#bo_login {
	background: url(/cz/static/common/images/regist.jpg) -170px -85px;
	width: 160px;
	height: 79px;
	float: left;
}

#bo_login span {
display:none;
}

#bo_login a {
display:block;height: 79px;
}

#bo_login a:hover {background:url(/cz/static/common/images/regist.jpg) -170px -5px no-repeat; }

#bo_free {
	background: url(/cz/static/common/images/regist.jpg) 0px -74px;
	width: 160px;
	height: 79px;
	float: left;
}

#bo_free span {
display:none;
}

#bo_free a {
display:block;height: 79px;
}

#bo_free a:hover {background:url(/cz/static/common/images/regist.jpg) 0px 6px no-repeat; }


/* インタレストマッチ */
.interestmatch .title_sponsor {
background:transparent url(/cz/static/common/images/b-05.gif) no-repeat scroll 0 0;
border:0 solid black;
font-size:90%;
font-weight:bold;
line-height:1.3em;
margin:0;
padding:0 0 0 15px;
text-align:left;
text-decoration:underline;
}

.interestmatch .url_article {
color:#0066CC;
font-size:10px;
margin-left:0.5em;
text-decoration:none;
}

.interestmatch .desc_article {
color:#666666;
display:block;
font-size:13px;
margin-left:15px;
text-align:left;
text-decoration:none;
}

.interestmatch .oneline_title_article {
background:transparent url(/cz/static/common/images/b-05.gif) no-repeat scroll 0 0;
border:0 solid black;
font-size:90%;
font-weight:bold;
line-height:1.3em;
margin:0;
padding:0 0 0 15px;
text-align:left;
text-decoration:underline;
}

.interestmatch .oneline_desc_article {
color:#666666;
font-size:11px;
margin-left:15px;
text-align:left;
text-decoration:none;
}


.interestmatch .title_article {
background:transparent url(/cz/static/common/images/b-05.gif) no-repeat scroll 0 0;
border:0 solid black;
font-size:90%;
font-weight:bold;
line-height:1.3em;
margin:0;
padding:0 0 0 15px;
text-align:left;
text-decoration:underline;
}


.overture_ads {
background-color:#FFFFFF;
background-image:url(/cz/static/common/images/pr2.gif);
background-position:right bottom;
background-repeat:no-repeat;
border:0 solid #CE3031;
line-height:13px;
margin:0;
padding:0;
text-align:left;
}

/* 画像右寄せ・左寄せ
==================================================================== */
.left-column {
	width:200px;
	margin-right: 15px;
	float:left;
	}
	
.right-column {
	width:200px;
	margin-left: 10px;
	float:right;
	}
.center-column {
    float: left;
    margin-left: 10px;
    width: 300px;
}