@charset "utf-8";



/*
======== CONTENTS =========
article.css
last-updated:2007/07/06

	1.head
	2.button
	3.title
	4.lead
	5.article
	6.linkmenu
	7.profile
	8.rating,comment2,trackback2
	9.parts

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


/*
===== 1.head ======
*/

.cate_nav
{
	padding:4px 20px;
	font-size: 80%;
	background: #eeeeee;
}

#head{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EFEFEF;
	display: block;
}



/*
===== 2.button ======
*/

#button{
	top:0;
	right:0;
	display: block;
	float: right;
	width: 282px;
}

#button img{
	margin-left: 5px;
}




/*
===== 3.title ======
*/

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

#title h1{
	background: transparent url(/ez/static/common/images/title.png) no-repeat scroll left -381px;
	color: #000000;
	font-size: 1.6em;
	line-height: 1.1;
	padding: 4px 4px 4px 20px;
	margin-left: 5px;
}

#title h1 a{
	color:#000;
}


#title .writer{
	margin: 10px 0px 4px 0px;
	border-top: solid 1px #b7b7b7;
	border-bottom:dotted 1px #CCCCCC;
	font-size: 90%;
	line-height: 1.5;
	padding: 0px 4px 0px 12px;
}



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


#stat{
	margin: 0px 0px 4px 0px;
	border-bottom:dotted 1px #CCCCCC;
	font-size: 13px;
	line-height: 1.1;
	padding: 0px 12px 2px 0px;
	height: 20px;
	text-align:left;
	overflow: hidden;
}

#stat .stat_item
{
	margin: 0px 10px 0px 0;
	padding: 0px 0px 0px 12px;
	background: transparent url(../images/b_square_13.gif) no-repeat 0px 0px;
	text-align: left;
}
#stat .stat_item_last
{
	padding: 0px 0px 0px 0px;
	text-align: left;
	background: none;
}
#stat .stat_star
{
	color: #FF6600;
}

#stat .date {
	padding-left: 14px;
	padding-top: 4px;
    float:left
}

#stat .hb {
	float:left;
	margin-right:8px;
}

#stat .tw {
    float:left;
}

#stat .fb {
    float:left;
}

.news_tag{
	margin: 2px 0px 4px 0px;
	font-size: 13px;
	line-height: 1.5;
	padding: 0px 12px 0px 12px;
	text-align: left;
	border-bottom: solid 1px #b7b7b7;
	/*min-height: 20px;*/
	height: 20px;
	/*overflow:hidden;*/
}

.news_tag_title
{
	padding: 0px 1px 0px 20px;
	font-weight: bold;
	background: url(../images/icon_tag.gif) no-repeat 0px 0px;
	/*min-height: 20px;*/
	/*height: 20px;*/
}
.news_tag_title_mem
{
	padding: 0px 1px 0px 20px;
	font-weight: bold;
	background: url(/ez/static/common/images/icon.png) no-repeat 0px -1139px;
	/*min-height: 20px;*/
	/*height: 20px;*/
}

#taginput{
	display:inline;
}


/*
===== 4.lead ======
*/

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

#lead{
	margin: 0px 0px 12px 5px;
	padding: 6px 6px 6px 12px;
	color: #333;
	background: #eeeeee;
	display: inline-block;
/*width:100%;*/
}

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


.sum_img{
	/*background: url(../images/sum_img_bg.gif) no-repeat;*/
	background: url(/ez/static/common/images/sum_img_bg_130.gif) no-repeat;
	/*width:90px;
	height:70px;*/
	width:130px;
	height:100px;
	padding:5px;
	float:right;
	margin: 0px 0px 4px 1em;
}

#lead p{
	color: #333;
	font-size:90%;
	line-height: 1.5;
	/*text-align: justify;*/
	/*text-justify: inter-ideograph;*/
}


/*
===== 5.article ======
*/

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

#article h2{
	background: #0D60A3 url(/ez/static/common/images/title.png) repeat-x scroll 0 -526px;
	border-left: 6px solid #ABCBE3;
	clear: both;
	color: #FFFFFF;
	display: block;
	font-size: 100%;
	line-height: 1.5;
	margin: 18px 0 12px;
	padding: 6px 6px 6px 10px;

}

#article h2 span{
	border-left: solid 6px #ABCBE3;
	padding:1px 1px 1px 6px;
}


#article h3{
	clear: both;
	display: block;
	margin: 18px 0px 16px 0;
	padding:3px 6px 3px 10px;
	color: #0D60A3;
	font-size:100%;
	line-height: 1.5;
	border-bottom: dotted 1px #aaaaaa;
	border-left: solid 5px #0D60A3;
}
#article h4
{
	padding:8px 8px 8px 10px;
	border-color:#EFEDED;
	border-width:0px 20px 0px 0px;
	border-style:double;
	background:#f7f7f7;
	font-size:90%;
	margin-top 10px;
	margin-bottom: 10px;
	color:#666666;
}

#article h5
{
	padding:8px 8px 8px 10px;
	font-size:90%;
	margin-top: 10px;
	margin-bottom: 10px;
	color:#666666;
	border-bottom: 1px dotted #aaaaaa;

}

#article p{
	margin-bottom: 1em;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 0px;
	color: #333;
	font-size:90%;
	line-height: 1.6;
    line-break: strict;
    /*text-align: justify;/
	/*text-justify: inter-ideograph;*/
}

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

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

#article .leftimg{
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	text-align:center;
	/* for ie7 and firefox */
	clear:both;
	float: left;
	margin-right: 10px;
}

#article ul , #article ol{
	margin-bottom: 1.2em;
	margin-left: 3em;
	color: #333;
    font-size: 14px;
}
#article ul li
{
	/*padding: 0px 0px 0px 8px; */
	list-style: outside disc;
	line-height: 1.5em;
}
#article ol li
{
	/*padding: 0px 0px 0px 5px; */
    list-style-position: outside;
	line-height: 1.5em;
}

#article .caption{
	font-size: 80%;
	line-height: 1.5;
	/*color:#ff7f00;*/
    color: #0055aa;
}

#article .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
}

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

/*
===== 6.linkmenu ======
*/

#linkmenu{
	margin-bottom: 12px;
}

.linkmenu_sub {
	font-size:90%;
	line-height: 1.5;
	text-align:right;
	padding:0px 0px;
    margin-bottom: 9px;
	    margin-top: 9px;
}

.linkmenu_sub img{
	vertical-align:middle;
}

.linkmenu_sub a{
	padding:3px;
	margin-right: 1px;
	margin-left: 1px;
	border: 1px solid #ffcf87;
}

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

}


.linkmenu_sub .current {
	background: #FFCF87;
	padding:3px;
	margin-right: 1px;
	margin-left: 1px;
	border: 1px solid #ffcf87;
    font-weight: bold;
}

/*
===== 7.profile ======
*/

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


.profile .h2{
	color:#fff;
	background: #0066AA;
	margin: 0px 0px 8px 0;
}
.profileimg{
	float:left;
	margin: 0px 0px 8px 0px;
}

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


.profiletxt p{
	padding: 0px 0 0 114px;
	margin-bottom:10px;
}
.profiletxt p.profilename{
	font-weight: bold;
	color:#c33;

}



.profile .profcontents
{
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 8px 8px;
}
.profile .profimg_l
{
	float:left;
	border: 1px solid #ccc;
	margin: 0px 8px 8px 0px;
}
.profile .proftitle
{
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
	line-height: 1.5;
}
.profile .proftxt
{
	margin: 0px 0px 4px 0px;
}

.profilesmall {

	font-size: 12px;
	line-height: 1.5;
}
.profilesmall p{
	/*text-align: justify;*/
	/*text-justify: inter-ideograph;*/
	margin-bottom: 0px;
}
.profilesmall ul li{
	font-size: 12px;
	list-style: outside disc;
	margin-left: 1.5em;
}






/*
===== 8.rating,comment2,trackback2 ======
*/


/*
===== 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(../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 ======
move to extra.css
*/
/*
#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(../images/bar-dot2.gif) repeat-x bottom;
}
#cmt_list .cmt .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 3px;
	border:solid 0px black;
}
#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;  }
/*  */


/*
===== 9.parts ======
*/




/* article comment , preview*/
.art_attention
{
	margin: 0px 0px 8px 5px;
	padding: 4px 8px 4px 8px;
	border: solid 1px #0066aa;
	background-color: #F6F6EC;
	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: 8px 84px 8px 84px;
}

.tbl_toc
{
	width: 100%;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #CCCCCC;
	border-collapse:collapse;
	empty-cells: show;
}
.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.title
{
	font-size: 80%;
	font-weight:bold;
}
.tbl_toc td.current
{
	font-weight: bold;
	padding-left:16px;
	background: #F6F6EC url("../images/yaji_r.gif") no-repeat 0.1em 0.4em;
	border-top: 1px solid #CCCCCC;
}
.tbl_toc td.link
{
	padding-left:16px;
	background-position: 2px 3px;
	border-top: 1px solid #CCCCCC;
}
.tbl_toc td.h2
{
	padding-left:24px;
}



.pg_bar
{
	margin: 0px auto 10px auto;
	font-size: 90%;
	border-collapse: collapse;
}
.pg_bar_prev
{
	padding: 0px 0px 0px 0px;
	width: 100px;
	float:left;
}
.pg_bar_num
{
	display: block;
	text-align: center;
	vertical-align:bottom;
	line-height: 2.2em;
	float:left;
}
.pg_bar_num div{
	margin-right:10px;
	margin-left:10px;
	display: block;
	border: 0px solid #eee;
	height: 32px;
}
.pg_bar_num a
{
	font-weight: bold;
	padding: 6px;
	border: 1px solid #ccc;
}
.pg_bar_num .current
{
	color:#fff;
	font-weight: bold;
	padding: 6px;
	border: 1px solid #ccc;
	background: #006699;
}
.pg_bar_next
{
	padding: 0px 0px 0px 0px;
	width: 100px;
	float:left;
}



.pg_bar_top
{
	margin: 0px 0px 8px 0px;
	text-align: right;
	font-size: 80%;
}
/*
===== /paging ======
*/

.copyright
{
	margin: 0px 0px 4px 5px;
	padding: 0px 0px 0px 0px;
	font-size: 80%;
	text-align: right;
}

/*
===== newcontents ======
*/
.listitem
{

}
.listitem{
	margin-bottom: 16px;
	border: solid 0px black;
}


.listitem .listitemtext{
	margin: 0px 0px 4px 0px;
	border: solid 0px black;
}
.listitem .listitemtext_s
{
	font-size: 90%;
	margin: 4px 0px 4px 0px;
	padding:0px 0px 0px 18px;
	border: solid 0px black;
	line-height: 1.3em;
	letter-spacing: 1px;
	background: url(../images/b-newtitle.gif) no-repeat 0.1em 0.1em ;
}



/*
.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(../images/b-note.gif) no-repeat 0 0.1em ;
	padding: 1px 6px 1px 14px;
}
.date_s{
	color:#666666;
	padding: 0px 0px 0px 8px;
	font-size: 80%;
	font-weight: normal;
}

.listitem .link{
	color:#ff7f00;
	background: url(../images/b-02.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;
}


/*
===== /newcontents ======
*/

.head {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DEDBD6;
	display: block;
	float: left;
	width: 100%;
}

/* rating */
#siterating form		{margin-top:2px; margin-right:0px; margin-bottom:0;}
#siterating .txt		{float:left;}
#siterating .result		{float:left; color:#CC3333;	font-size: 10pt;}
#siterating .bar		{float:left; width:100px; height:10px; vertical-align:middle; background-image:url(/ez/static/common/images/cc_back2.jpg); margin-top:3px;}
#siterating .col		{float:left; width:18px;  height:7px;  margin: 1px;}
#siterating .col1		{float:left; width:17px;  height:7px;  margin: 1px; margin-left :2px;}
#siterating .col5		{float:left; width:17px;  height:7px;  margin: 1px; margin-right:2px;}
#siterating img			{border-width:0px;}
#siterating span		{border-left: 0px solid red; padding:0;}
/* /rating */


/* download */
.down_section
{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
.down
{
	margin: 4px 0px 4px 0px;
	padding: 0px 0px 0px 18px;
	font-size: 90%;
	background-color: #ffffff;
	background: white url("/static/common/images/yaji_r.gif") no-repeat;
	background-position: left center;
}
.down_info
{
	font-size: 80%;
}
/* download */


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

/*	border: 1px solid #65A5DA;
	padding-bottom: 5px;
	font-size: 100%;
	letter-spacing: 1px;
	display: block;
	width: 468px;
	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: #066CB8;
	position: relative;
	background-image: url(/ez/static/common/images/richlink_ez.png);
	background-repeat: repeat-x;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #066CB8;
	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:365px;
	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: 360px;
	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(/ez/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(/ez/static/common/images/regist.jpg) -170px -5px no-repeat; }

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