@charset "UTF-8";


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

article.css
last-updated:2008/07/01

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


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

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

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


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


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

#title .writer,
#title .date,
#title .tag{
	font-size: 80%;
	line-height: 1.4;
}

.lead p{
	font-size:90%;
	line-height: 1.5;
	text-align: justify;
	text-justify : inter-ideograph;
}

.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;
}

#main .apptitle_sub
{
	font-size: 90%;
	line-height: 1.2;
}

.profile .writer span.kana{
}

.profile .h2 {
    border-bottom: 1px solid #CCCCCC;
    font-weight: bold;
    margin: 8px;
    padding: 2px;
}

.aite {
    color: #333333;
    font-size: 80%;
    line-height: 1.5;
    padding: 2px 8px 10px 10px;
}


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


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

#title {
	padding: 1px 0 0 0;
	width:626px;
	background: url(/rz/static/common/images/shadow.png) no-repeat;/* alpha透過 */
}

* html #title{
/* Win IE 6向け調整*/
	background: url(/rz/static/common/images/shadow.gif) no-repeat;
}


#title_in {
	border-top: solid 1px #d7d7d7;
	margin: 0 0 0 12px;
	width:614px;
	background: #fff;
	overflow:hidden;
}


#title .cate_nav
{
	padding:5px 8px;
	border-bottom: 1px dotted #BEDCE7;
}

#article_bottom .cate_nav
{
	padding:5px 8px;
	border-top: 1px dotted #BEDCE7;
}

/* Add shikamata */

#title .NaviMenu_s{
	line-height: 1;
	text-align:left;
	float: right;
	width:100px;
	
	
/*	border: solid 1px black;*/
}

#title .NaviMenu_s ul{
	list-style: none;
	padding:6px 6px 0 6px;

}

#title .NaviMenu_s a
{
	text-decoration: none;
	display: block;
	background-color: #ffffff;
	color: #000000;
}

#title .NaviMenu_s li{
	vertical-align:bottom;
	/*display: inline;*/
}

#title .NaviMenu_s li.navmain
{
	float: right;
	background-color: #ffffff;
	margin: 0px 4px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#title .NaviMenu_s ul.submenu
{
	position: absolute;
	z-index: 100;
	visibility: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 180px;
	background-color: #ffffff;
	color: #000000;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	-moz-opacity: 0.9;
	border:#CECFCE solid 1px;
}
#title .NaviMenu_s ul.submenu li

{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 90%;
	
}
#title .NaviMenu_s ul.submenu li a
{
	margin: 0px 0px;
	padding: 2px 2px 2px 2px;
	display: block;
	border: 1px solid #ffffff;
	width: 173px;
	color: #000000;
	font-size: 90%;
	font-weight: normal;
	text-decoration: none;
}
#title .NaviMenu_s ul.submenu li a:hover
{
	font-weight: bold;
	background-color: #FF7F00;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
}


/* Add End */

/*
#title .pagetool{
	position:absolute;
	width:614px;
	line-height: 1;
	float: rigth;
}


#title .pagetool .inner{
	text-align:left;
	padding:6px; 6px
}

#title .pagetool img{
	vertical-align: top;
}

#title .pagetool .inner ul{
	line-height: 1;
}

#title .pagetool .inner ul li{
	line-height: 1;
	list-style: none;
	display: inline;
	padding-left:1px;
}


#title .pagetool .inner li.navmain, .inner li.navmain
{
	float: left;
	background-color: #ffffff;
		margin: 0px 1px 0px 0px;
	padding: 0px 0px 0px 0px;

}

#title .pagetool .inner ul.submenu, .inner ul.submenu
{
	position: absolute;
	z-index: 100;
	visibility: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 180px;
	background-color: #ffffff;
	color: #000000;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	-moz-opacity: 0.9;
		border:#CECFCE solid 1px;

}


#title .pagetool .inner ul.submenu li, .inner ul.submenu li
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 90%;

}
#title .pagetool .inner ul.submenu li a, .inner ul.submenu li a
{
	margin: 0px 0px;
	padding: 2px 2px 2px 2px;
	display: block;
	border: 1px solid #ffffff;
	width: 173px;
	color: #000000;
	font-size: 90%;
	font-weight: normal;
	text-decoration: none;
	float: rigth;
}
#title .pagetool .inner ul.submenu li a:hover, .inner ul.submenu li a:hover
{
	font-weight: bold;
	background-color: #FF7F00;
	border: 1px solid #CC3333;
	color: #ffffff;
	float: rigth;
}

#title .pagetool .inner
{
	border-bottom: solid 0px #ffffff;
	margin: 0px 0px 0px auto;
	float:right;

}
*/


#title .cornertitle{
	border-bottom: solid 1px #d7d7d7;
	margin-top: 6px;
	padding-bottom:3px;
}

#title h1 {
	margin:6px 8px;
	padding:9px 6px 9px 6px;
	font-size: 140%;
	line-height: 1.1;
	color:#000;
	border-left: solid 9px #004681;
	border-right: solid 9px #004681;
}

#title h1 a {
	color:#000;
}

#title .title {
	border-bottom: 1px dotted #BEDCE7;
	margin: 0 0 4px 0;
}


#title .title_set{
	padding: 0 6px 4px 6px;
}

#title .title_set .writer {
	float:left;
	width:400px;
}

#title .title_set .date{ 
	float:right;
	width:198px;
	text-align:right;
}

#title span.set {
	padding:0 10px;
}


#title .tag_set{
	padding: 0 6px 4px 6px;
	border-bottom: solid 1px #d7d7d7;
}

#title .tag_set .tag {
	float:left;
	width:400px;
}

#title .tag_set .linkmenu_sub{ 
	float:right;
	text-align:right;
}



#title .tag{
	padding:4px 0 4px 0;
}

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

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


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

.linkmenu{
}

.linkmenu_sub span.current ,.linkmenu span.current{
	background: #1878AB;
	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: #fff;
	padding:0;
	border:none; 
	padding:0 0 0.35em 0;
}

*:first-child+html .linkmenu_sub span.current ,.linkmenu span.current,
*:first-child+html .linkmenu_sub a,.linkmenu a {
/* Win IE 7向け調整 */
	zoom:1;
}


/*
===== lead ======
*/

.lead{
	margin: 6px 6px 6px 6px;
	padding:6px 6px;
	background: #F1F2F4;
}


.sum_img{
	background: url(/rz/static/common/images/sum_img_bg.gif) no-repeat;
	width:132px;
	height:98px;
	padding:5px 0 0 9px;
	float:right;
	margin: 0 0 0 10px;
}

.lead p{
	padding:4px 0 0 4px;
}


/*
===== article | app_article ======
*/

#article{
/*
	margin: 0 0 0 12px;
	width:614px;
	background: #fff;
	overflow:hidden;
*/
	margin: 0 0 0 12px;
	width:602px;
	background: #fff;
	padding: 12px 6px 6px 6px;

}

#article_bottom{
	margin: 0 0 8px 12px;
	width:614px;
	background: #fff;
	padding-top:8px;
	border-bottom: solid 1px #d7d7d7;
}

#article_in{
	padding: 18px 6px 0 6px;
}

.app_article{
	padding: 0 6px 20px 6px;
}

#article h1,.app_article h1{
	width:600px;
	margin: 6px 0px 12px 0px;
	background: url(/rz/static/common/images/article_t1_bg.png) no-repeat left bottom;
	font-size: 90%;
	line-height: 1.2;
	font-weight: bold;
	color:#004681;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
}

#article h1 span,.app_article h1 span{
	display: block;
	padding:7px 6px 8px 24px;
	margin: 0px 0px 0px 12px;
	background: url(/rz/static/common/images/bullet.gif) no-repeat 4px -191px;
}


#article h2,.app_article h2{
	clear: both;
	display: block;
	margin: 0px 0 12px 0;
	padding:8px 12px 16px 30px;
	color: #fff;
	font-size:100%;
	line-height: 1.4;
	letter-spacing: 2px;
	background: #004681 url(/rz/static/common/images/article_t2_bg.gif) no-repeat left bottom;
}



#article h3,.app_article h3{
	clear: both;
	display: block;
	margin: 0px 0 16px 2px;
	padding:4px 6px 3px 8px;
	color: #004681;
	font-size:100%;
	line-height: 1.5;
	letter-spacing: 2px;
	background: #f1f2f4 url(/rz/static/common/images/article_t3_bg.gif);
	border-bottom: solid 1px #004681;
	border-left: solid 13px #004681;
}
#article h4,.app_article h4
{
	padding:8px 8px 8px 22px;
	font-size:90%;
	line-height: 1.2;
	letter-spacing: 2px;
	margin-top 0px;
	margin-bottom: 10px;
	color: #666;
	background: #fff url(/rz/static/common/images/article_t4_bg.gif) no-repeat left center;
	border-bottom: dotted 1px #004681;
}

#article h5,.app_article h5
{
	padding:7px 8px 7px 10px;
	font-size:90%;
	line-height: 1.2;
	letter-spacing: 2px;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #666;
	border-bottom: dotted 1px #999;

}


.centerimg{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align:center;
	/* for ie7 and firefox */
	clear:both;
}

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

#article ul , #article ol,
,.app_article ul , .app_article ol{ 
	margin-bottom: 1.2em;
	margin-left: 4px;
	color: #333;
}
#article ul li ,
.app_article ul li
{
	padding: 0px 0px 0px 8px; 
	list-style: inside disc;
	line-height: 1.5em;
}
#article ol li ,
.app_article ol li
{
	margin-left: 34px;
	padding: 0px 0px 0px 8px; 
	line-height: 1.5em;
	list-style: decimal;
}

.caption{
	font-size: 80%;
	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
}

/* add underline for article */
#article a:link, #article a:visited{
	text-decoration: underline;
}

/*
===== utility ======
*/

#main .utility {
	margin: 0 0 8px 0;
	padding: 1px 0 0 0;
	width:626px;
	background: url(/rz/static/common/images/shadow.png) no-repeat;/* alpha透過 */
}

* html #main .utility{
/* Win IE 6向け調整*/
	background: url(/rz/static/common/images/shadow.gif) no-repeat;
}


#main .utility_in {
	border-top: solid 1px #d7d7d7;
	border-bottom: solid 1px #d7d7d7;
	margin: 0 0 0 12px;
	width:614px;
	background: #fff;
	padding-top:8px;
}

/*
===== app_sub ======
*/
#main .app_sub {
	padding: 0 6px 8px 6px;
}

#main .apptitle_sub{
	border-top: solid 1px #cdcdcd;
	border-bottom: solid 1px #cdcdcd;
	background: url(/rz/static/common/images/app_title_sub.gif) repeat-x;
	margin-bottom:10px;
}

#main .apptitle_sub span{
	border-top: solid 1px #fff;
	display: block;
	padding:5px 6px 4px 29px;
	background: url(/rz/static/common/images/bullet.gif) no-repeat 8px -194px;
	font-weight: bold;
	color:#004681;
}

#main .apptitle_sub a{
	text-decoration: underline;
}

#main .apptitle_sub span.message{
	border-top: none;
	display: inline;
	padding:0 0 0 12px;
	background: none;
	font-weight: normal;
	color:#666;
	font-size: 85%;
}

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

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

.profile .proftitle{
	color:#fff;
	background: #1878AB;
	margin: 0px 0px 8px 0;
	height: 19px;
	border-bottom: 1px solid #1878AB;
	border-left: 1px solid #1878AB;
}
/* fix for vista ie7 */
.proftitle img{
	display: block;
}
.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;
}

div.profile:after
 {
	content: url(/rz/static/common/images/spacer.gif);
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.profile {
	display: inline-block;
}


/* Holly Hack Targets IE Win only \*/
 * html div.profile {
	height: 1%;
}

div.profile {
	display: block;
}
/* End Holly Hack */


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

.comment_form
{
	margin: 0px 0px 8px 12px;
}
.comment_form .cmt_label,
.comment_form .cmt_icon
{
	font-size: 80%;
}
.comment_form input,
.comment_form textarea
{
/*	font-size: 90%;*/
}
.comment_form .cmt_icon
{
	margin: 0px 0px 8px 0px;
}


.comment_form .cmt_icon input
{
	margin: 0px 4px 0px 0px;
}
.comment_form .cmt_icon img
{
	margin: 0px 4px 0px 0px;
}


.comment_form input.btn_s {
	border: 1px solid #cdcdcd;
	background: url(/rz/static/common/images/submit_bg.gif) no-repeat;
	height:22px;
	font-size: 13px;
	padding: 2px 18px 19px 18px;
	vertical-align:middle;
}


.comment_form input.btn_s:hover {
	border: 1px solid #f60;
	color:#f60;
	background: url(/rz/static/common/images/submit_bg.gif) no-repeat 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;  }
/* /記事評価＆コメント評価 */



/*
===== 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: 2px 0px 4px 0px;
	line-height: 1.3;
	border-bottom: dotted 1px #c6e7ff;
}
#cmt_list .cmt .title
{
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 12px;
	background-image: url(/rz/static/common/images/yaji_r.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;
	color:#9c9a9c;
	font-size:80%:
}




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




/* article comment , preview */
.art_attention
{
	margin: 0px 0px 8px 5px;
	padding: 4px 8px 4px 8px;
	border: solid 1px #0066aa;
	background:#FFFFFF url(/rz/static/common/images/main_bg.gif) repeat scroll 0 0;
	color: #CC3333;
	font-weight: bold;
	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: 0 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: #1878AB;
	text-align: left;
	padding: 2px 2px;
}


.tbl_toc td
{
	font-size: 80%;
	border: 0px solid #CCCCCC;
	padding: 1px 1px 1px 1px;
	text-align: left;
	padding-left:0px;
	border-top: 1px solid #CCCCCC;
}
.tbl_toc td.title
{
	font-size: 80%;
	font-weight:bold;
	line-height: 1.8em;
}
.tbl_toc td.current
{
	background:#F6F6EC url(/rz/static/common/images/yaji_r.gif) no-repeat scroll 0.1em 0.6em;
	border-top:1px solid #CCCCCC;
	font-weight:bold;
	padding-left:0px;
}


.tbl_toc div.link
{
	line-height: 1.8em;
	padding-left: 1em;
	display: block;
	width:5em;
	height:1em;
	float:left;
	text-align: center;
}
.tbl_toc div.h2
{
	line-height: 1.8em;
	padding-left: -6em;
}


.tbl_toc a
{
	background-color: #F7F7F7;
	display:block;
	width:100%;
}
.tbl_toc a:active ,
.tbl_toc a:hover  ,
.tbl_toc a:focus
{
	background-color: #DBDBDB;
	text-decoration: underline;
}


table.pg_bar
{
	text-align: left;
	margin: 0 auto 10px auto;
}
table.pg_bar td{
	padding:1px 4px;
	vertical-align:middle;
}

table.pg_bar td.pg_bar_num
{
	text-align: center;
	padding:4px 4px;
}
table.pg_bar td.pg_bar_prev
{
	width: 100px;
	text-align: left;
}
table.pg_bar td.pg_bar_next
{
	width: 100px;
	text-align: right;
}

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

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





/*
===== clearfix======
*/


.title_set:after,
.tag_set:after,
.lead:after {
	content: url(/rz/static/common/images/spacer.gif);
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.title_set,
.tag_set,
.lead {
	display: inline-block;
}

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


#bo_login {
	background: url(/rz/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(/rz/static/common/images/regist.jpg) -170px -5px no-repeat; }

#bo_free {
	background: url(/rz/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(/rz/static/common/images/regist.jpg) 0px 6px no-repeat; }