<!--
/* articles common */
@import url("/anA/Y28/YXRtYXJraXQ/d3d3/aHR0cDovL3d3dy5hdG1hcmtpdC5jby5qcC9zdHlsZXNoZWV0L2NvbW1vbi5jc3M/68/0/");
@import url("/anA/Y28/YXRtYXJraXQ/d3d3/aHR0cDovL3d3dy5hdG1hcmtpdC5jby5qcC9zdHlsZXNoZWV0L2duYXZpLmNzcw/68/0/");

/* CLEARFIX */
div:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}

/*position*/
#main { background-image: url(/anA/Y28/YXRtYXJraXQ/d3d3/aHR0cDovL3d3dy5hdG1hcmtpdC5jby5qcC9pbWFnZXMvYXJ0aWNsZWxpbmVfY3NzLmdpZg/68/0/); }
#centercol {
float: left;
width: 500px;
margin: 0px;
padding: 5px 10px 10px 20px;
word-break: break-all;
}
#rightcol {
float: right;
width: 300px;
margin: 0px;
padding: 0px 0px 10px 0px;
text-align: left;
}
div.outBox {
border-right:1px solid #DDD;
width:842px;
}

/* htag 
--------------------------------------------------------------------------------------- */
#centercol h2 img {vertical-align: middle;}
div.articleBox h2.blue {
background:url("/anA/Y28/YXRtYXJraXQ/d3d3/aHR0cDovL3d3dy5hdG1hcmtpdC5jby5qcC9wYXJ0cy9pbWFnZXMvaWNvbi9pX2JsLmdpZg/68/0/") no-repeat 5px 0px ;
border-bottom: 1px solid #EEE;
padding-left: 20px;
padding-bottom:5px;
color: #444;
}
div.articleBox h2.green {
background:url("/anA/Y28/YXRtYXJraXQ/d3d3/aHR0cDovL3d3dy5hdG1hcmtpdC5jby5qcC9wYXJ0cy9pbWFnZXMvaWNvbi9pX2dyZWVuLmdpZg/68/0/") no-repeat 5px 0px ;
border-bottom: 1px solid #EEE;
padding-left: 20px;
padding-bottom:5px;
color: #444;
}
div.articleBox h2.red {
background:url("/anA/Y28/YXRtYXJraXQ/d3d3/aHR0cDovL3d3dy5hdG1hcmtpdC5jby5qcC9wYXJ0cy9pbWFnZXMvaWNvbi9pX3JlZC5naWY/68/0/") no-repeat 5px 0px ;
border-bottom: 1px solid #EEE;
padding-left: 20px;
padding-bottom:5px;
color: #444;
}
div.articleBox h2.orange {
background:url("/anA/Y28/YXRtYXJraXQ/d3d3/aHR0cDovL3d3dy5hdG1hcmtpdC5jby5qcC9wYXJ0cy9pbWFnZXMvaWNvbi9pX29yLmdpZg/68/0/") no-repeat 5px 0px ;
border-bottom: 1px solid #EEE;
padding-left: 20px;
padding-bottom:5px;
color: #444;
}

/* htag fcoding & fserver
--------------------------------------------------------------------------------------- */
#fcoding h1, #fserver h1 { font-size: large; margin: 0px; }
#fcoding h2, #fserver h2 { font-size: medium; margin: 0px; }
#fcoding h3, #fserver h3 { font-size: medium; margin: 0px; }
#fcoding h4, #fserver h4 { font-size: medium; margin: 0px; }
#fcoding h5, #fserver h5 { font-size: medium; margin: 0px; }


/* HEADSET
--------------------------------------------------------------------------------------- */
.headset {
border-bottom: 1px solid #DDD;
padding-bottom:10px;
margin-bottom:15px;
}
.headset .set-type01 {
}
.headset .set-type01 .imgBox {
margin-bottom: 5px;
}
.headset .set-type02 .imgBox {
float:right;
margin-bottom: 5px;
width:100px;
}
.headset .set-type01 h1,
.headset .set-type02 h1 {
margin: 5px 0px 5px 0px !important;
font-size:1.31em !important;
letter-spacing: 1px;
border: 0px solid red;
color: #069;
}
.headset .set-type01 h2,
.headset .set-type02 h2 {
margin-top: 5px;
border: 0px solid red;
color: #444;
}
.headset .set-type01 h5,
.headset .set-type02 h5 {
color: #444;
font-size:0.92em !important;
margin: 6px 20px 6px 20px !important;
}
.headset .set-type01 p#byline,
.headset .set-type02 p#byline {
margin: 3px 0px 3px 0px;
text-align: left;
font-size:small;
color: #444;
}
.headset .set-type01 p#dateline,
.headset .set-type02 p#dateline {
margin: 3px 0px 3px 0px;
text-align: left;
font-size:small;
color: #444;
}


/* sinchaku */
.sinchaku {
border-style:dotted;
border-width:1px 0px 1px 0px;
border-color: #999; 
font-size: 12px;
font-weight:
bold; color: #333; 
padding: 5px 3px 3px 5px;
margin: 5px 0px 5px 0px;
}

.sinchaku_ttl {
color: #444;
font-size: small; 
font-weight:bold;
border-bottom: 1px solid #AAA ;
border-right: 1px solid #AAA ;
border-top: 1px solid #EEE ;
border-left: 1px solid #EEE ;
padding: 4px 2px 4px 20px;
background:url("/anA/Y28/YXRtYXJraXQ/d3d3/aHR0cDovL3d3dy5hdG1hcmtpdC5jby5qcC9wYXJ0cy9pbWFnZXMvaWNvbi9pX2JsLmdpZg/68/0/") no-repeat 5px 2px #FAFAFA;
margin-bottom: 5px;
}
.sinchaku_cont1 { margin: 3px 3px 0px 3px; }
.sinchaku_cont2 { margin-left:14px; }

/* bottom articles index */
.btmlist { margin: 10px 0px; font-size: small; }
.btmlist .title {
color: #444;
font-weight:bold;
font-size: small; 
border-bottom: 1px solid #AAA ;
border-right: 1px solid #AAA ;
border-top: 1px solid #EEE ;
border-left: 1px solid #EEE ;
padding: 4px 2px 4px 20px;
margin-bottom: 5px;
background:url("/anA/Y28/YXRtYXJraXQ/d3d3/aHR0cDovL3d3dy5hdG1hcmtpdC5jby5qcC9wYXJ0cy9pbWFnZXMvaWNvbi9pX2JsLmdpZg/68/0/") no-repeat 5px 2px #FAFAFA;
}
.btmlist ul {
margin: 0px;
padding: 3px;
list-style-type: none;
}
.btmlist ul li {
margin: 0px 0px 0px 0px; 
padding:0px 0px 1px 15px; 
background:url(/anA/Y28/YXRtYXJraXQ/d3d3/aHR0cDovL3d3dy5hdG1hcmtpdC5jby5qcC9wYXJ0cy9pbWFnZXMvaWNvbi9hcnJvd19ibHVlLmdpZg/68/0/) no-repeat 3px 4px;
}

/*bottom backnumber index*/
.backnum { margin:20px 0px; }
.backnum h3 {
border-top: 1px dotted #999;
border-bottom: 1px dotted #999; 
margin:0px;
padding:4px 5px 0px 5px;
font-size: small; 
font-weight: bold; 
color: #333333; 
height:20px;
}
.backnum h3 a { width:80%; float:left; color:#333333; }
.backnum h3 span { width:15%; float:right; font-size:x-small; font-weight:normal; text-align:right; }
.backnum h3 span a { width:100%; color:#0000FF; }
.backnum ul { margin:0px; padding:5px 0px; }
.backnum li { list-style-type:none; font-size:small; margin-left:5px; }
.backnum li span{ padding-left:20px; height:23px; font-weight:bold; background:url("/anA/Y28/YXRtYXJraXQ/d3d3/aHR0cDovL3d3dy5hdG1hcmtpdC5jby5qcC9pbWFnZXMvdGhpc3BhZzIuZ2lm/68/0/") no-repeat; }
.backnum li a { padding-left:20px; height:23px; }

/* bottom RSS */
.btmrss { font-size: 13px; font-weight:bold; }

/* rightmenu logo */
#rightlogo { margin-top: 10px; text-align: center; }

/* CLEARFIX */
div:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}

/* headmenu */
#headmenu {
margin: 0px 0px 8px 0px;
padding: 3px 5px;
border: 1px #ACBEC9 solid;
background-color: #EEE; 
font-size: 12px;
height:100%;
}
#headmenu:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}
#headmenu a {
color: #036;
}
#headmenu span a strong {
color: #930;
text-decoration:none;
}
#headmenu span.l {
float: left;
display:block;
border:0px solid red;
width:20%;
padding-top: 0px;
text-align:left
}
#headmenu span.r {
float: right;
display:block;
width:25%;
text-align: right;
}

/*code style new*/
pre.nodeco {
font-size: 12px; 
font-family: Courier New,monospace; 
margin: 0px; 
padding: 8px 5px; 
_width: 95%; 
overflow: auto; 
_overflow: scroll; 
line-height: 70%;
}

pre.eee { font-size: 12px; 
font-family: Courier New,monospace; 
margin: 0px; 
padding: 8px 5px; 
_width: 95%; 
overflow: auto; 
_overflow: scroll; 
border: 1px solid #aaa; 
background-color: #eee; 
line-height: 70%; }

pre.grey { font-size: 12px; 
font-family: Courier New,monospace; 
color: #FFFFFF; 
margin: 0px; 
padding: 8px 5px; 
_width: 95%; 
overflow: auto; 
_overflow: scroll; 
background-color: #666; 
line-height: 70%;
}

pre.navy {
font-size: 12px; 
font-family: Courier New,monospace; 
color: #FFFFFF; 
margin: 0px; 
padding: 8px 5px; 
_width: 95%; 
overflow: auto; 
_overflow: scroll; 
background-color: #000066; 
line-height: 70%;
}

pre.dgrn {
font-size: 12px; 
font-family: Courier New,monospace; 
color: #FFFFFF; 
margin: 0px; 
padding: 8px 5px; 
_width: 95%; 
overflow: auto; 
_overflow: scroll; 
background-color: #006600; 
line-height: 70%;
}

pre.ygrn {
font-size: 12px; 
font-family: Courier New,monospace; 
margin: 0px; 
padding: 8px 5px; 
_width: 95%; 
overflow: auto; 
_overflow: scroll; 
background-color: #ccff99; 
line-height: 70%;
}

pre.lgrn {
font-size: 12px; 
font-family: Courier New,monospace; 
margin: 0px; 
padding: 8px 5px; 
_width: 95%; 
overflow: auto; 
_overflow: scroll; 
background-color: #dfffe3; 
line-height: 70%;
}
pre.violet {
font-size: 12px; 
font-family: Courier New,monospace; 
margin: 0px; 
padding: 8px 5px; 
_width: 95%; 
overflow: auto; 
_overflow: scroll; 
background-color: #CCF; 
line-height: 70%;
}

/* page navi */
.nextprev { margin: 20px 0px; text-align: center; }
.nextprev a:link { text-decoration: underline; }
.nextprev a:visited	{ text-decoration: underline; }
.nextprev a:hover { text-decoration: underline; }

/* limitBOX */
#limitBOX {
background-color: #DDD; 
border:0px solid #EEE; 
font-size: small;
margin: 10px 0px 10px 0px;
color: #444;
}
#limitBOX div#rspecial,
#limitBOX div#spLOGO {
border-left: 0px solid #EEE;
border-top: 1px solid #DDD;
border-right: 0px solid #EEE;
border-bottom: 1px solid #EEE;
margin: 0px 4px 0px 4px ;
background-color:#FFF;
padding-bottom:10px;
}
#limitBOX div#rspecial { margin-top:0px;}
#limitBOX hr { visibility:hidden;clear:both; }
#limitBOX img { border: 0px;}
#limitBOX h2 { margin: 0px; padding: 0px;}
#limitBOX h3 {
font-size:96%;
color:#FFF;
text-indent: 5px;
border-left: 4px solid #AAA;
border-bottom: 1px solid #AAA;
background-image: url("/anA/Y28/YXRtYXJraXQ/d3d3/aHR0cDovL3d3dy5hdG1hcmtpdC5jby5qcC9wYXJ0cy9pbWFnZXMvYmFyL3RpdGxlX2JnX2JsdWUuZ2lm/68/0/"); 
padding: 5px 3px 4px 3px;
}
#limitBOX .abs {
margin: 0px 5px 0px 5px;
padding: 5px;
background-color: #FFF;
}
#limitBOX #rspecial { margin-bottom: 10px;}
#limitBOX #rspecial table tbody tr td { vertical-align: top;}
#limitBOX #spLOGO { margin-bottom: 0px !important;}
#limitBOX #spLOGO ul,
#limitBOX #spLOGO li {
margin: 0px;
padding: 0px;
}
#limitBOX #spLOGO ul {list-style: none;}
#limitBOX #spLOGO ul li { text-align: center; padding: 2px 0px 2px 0px; }

/* limitBOX */
#btm-ttwpjob {
font-size: small;
}

/* TTWP&JOB */
#btm-ttwpjob {}
#btm-ttwpjob h3{
color: #444 !important;
font-size: small !important; 
border-bottom: 1px solid #AAA !important;
border-right: 1px solid #AAA !important;
border-top: 1px solid #EEE !important;
border-left: 1px solid #EEE !important;
padding: 4px 2px 4px 20px !important;
background:url("/anA/Y28/YXRtYXJraXQ/d3d3/aHR0cDovL3d3dy5hdG1hcmtpdC5jby5qcC9wYXJ0cy9pbWFnZXMvaWNvbi9pX2JsLmdpZg/68/0/") no-repeat 5px 2px #FAFAFA !important;
margin-bottom: 5px !important;
margin-left: 0px !important;
}
#btm-ttwpjob h4 {
color: #444;
font-size: small; 
margin-bottom: 5px;
margin-top: 10px;
margin-left: 0px !important;
margin-right: 0px !important;
border: 0px solid red;
background:url("/anA/Y28/YXRtYXJraXQ/d3d3/aHR0cDovL3d3dy5hdG1hcmtpdC5jby5qcC9wYXJ0cy9pbWFnZXMvaWNvbi9mdXNlbl9ibHVlLmdpZg/68/0/") no-repeat 2px 0px;
padding: 2px 0px 2px 25px !important;
}
#btm-ttwpjob h4 small {
color: #666;
font-weight: normal;
}
#btm-ttwpjob div {
margin: 0px 0px 4px 0px; 
padding:0px 0px 2px 17px; 
background:url(/anA/Y28/YXRtYXJraXQ/d3d3/aHR0cDovL3d3dy5hdG1hcmtpdC5jby5qcC9wYXJ0cy9pbWFnZXMvaWNvbi9hcnJvd19ibHVlLmdpZg/68/0/) no-repeat 6px 4px;
}

/* rightlogo 
-----------------------------------------*/
#fcoding #rightlogo {margin-top: 0px;margin-bottom: 10px;text-align: center;text-indent:-9999px;}
#fserver #rightlogo {margin-top: 0px;margin-bottom: 10px;text-align: center;text-indent:-9999px;}
#fdesign #rightlogo {margin-top: 0px;margin-bottom: 10px;text-align: center;text-indent:-9999px;}
.fcoding #rightlogo {margin-top: 0px;margin-bottom: 10px;text-align: center;text-indent:-9999px;}
.fserver #rightlogo {margin-top: 0px;margin-bottom: 10px;text-align: center;text-indent:-9999px;}
.fdesign #rightlogo {margin-top: 0px;margin-bottom: 10px;text-align: center;text-indent:-9999px;}
#fcoding #rightlogo a {display:block;width:100%;height:53px;}
#fserver #rightlogo a {display:block;width:100%;height:53px;}
#fdesign #rightlogo a {display:block;width:100%;height:60px;}
.fcoding #rightlogo a {display:block;width:100%;height:53px;}
.fserver #rightlogo a {display:block;width:100%;height:53px;}
.fdesign #rightlogo a {display:block;width:100%;height:60px;}

#fcoding #rightlogo {background:url("/anA/Y28/YXRtYXJraXQ/d3d3/aHR0cDovL3d3dy5hdG1hcmtpdC5jby5qcC9wYXJ0cy9pbWFnZXMvZmNvZGluZ19zLmdpZg/68/0/") no-repeat 50px 20px;}
#fserver #rightlogo {background:url("/anA/Y28/YXRtYXJraXQ/d3d3/aHR0cDovL3d3dy5hdG1hcmtpdC5jby5qcC9wYXJ0cy9pbWFnZXMvZnNlcnZlcl9zLmdpZg/68/0/") no-repeat 50px 20px;}
#fdesign #rightlogo {background:url("/anA/Y28/YXRtYXJraXQ/d3d3/aHR0cDovL3d3dy5hdG1hcmtpdC5jby5qcC9wYXJ0cy9pbWFnZXMvZmRlc2lnbl9zLmdpZg/68/0/") no-repeat 50px 00px;}
.fcoding #rightlogo {background:url("/anA/Y28/YXRtYXJraXQ/d3d3/aHR0cDovL3d3dy5hdG1hcmtpdC5jby5qcC9wYXJ0cy9pbWFnZXMvZmNvZGluZ19zLmdpZg/68/0/") no-repeat 50px 20px;}
.fserver #rightlogo {background:url("/anA/Y28/YXRtYXJraXQ/d3d3/aHR0cDovL3d3dy5hdG1hcmtpdC5jby5qcC9wYXJ0cy9pbWFnZXMvZnNlcnZlcl9zLmdpZg/68/0/") no-repeat 50px 20px;}
.fdesign #rightlogo {background:url("/anA/Y28/YXRtYXJraXQ/d3d3/aHR0cDovL3d3dy5hdG1hcmtpdC5jby5qcC9wYXJ0cy9pbWFnZXMvZmRlc2lnbl9zLmdpZg/68/0/") no-repeat 50px 00px;}

/* DesignHackCUSTOM
-----------------------------------------*/
#fdesign #centercol {color: #555;}
#fdesign #rightcol {color: #555;}
#fdesign #centercol a:link {color: #369;}
#fdesign #centercol a:hover {color: #C66;}
#fdesign #rightcol a:link {color: #369;}
#fdesign #rightcol a:hover {color: #C66;}

/* INdex temp
-----------------------------------------*/
.artBox {
 margin-top:10px;
 font-size: 12px;
padding: 6px;
 }
.artBox h2 {
color: #444;
font-size: small; 
border-bottom: 1px solid #AAA ;
border-right: 1px solid #AAA ;
border-top: 1px solid #EEE ;
border-left: 1px solid #EEE ;
padding: 5px 2px 4px 18px;
background:url("/anA/Y28/YXRtYXJraXQ/d3d3/aHR0cDovL3d3dy5hdG1hcmtpdC5jby5qcC9wYXJ0cy9pbWFnZXMvaWNvbi9pX2JsLmdpZg/68/0/") no-repeat 3px 3px #FAFAFA;
height: 17px;
}
.artBox h2 .r {
font-size: 10px;
font-weight: normal;
letter-spacing: 1px;
padding-top:2px;
}
.artBox h3 {
font-size:1.2em !important;
padding: 0px;
margin: 0px;
}
.artBox h4 {
display:inline;
font-size:1.0em !important;
color:#699;
}
.artBox p {display:inline;}
.artBox hr {padding-bottom:10px;}
.artBox img {
float: left;
border: 1px solid #CCC;
padding: 2px;
margin-right: 4px;
}
.category-box {
margin: 5px 0px 0px 0px !important;
padding:0px!important;;
text-align:right;
}
.category {
display:inline;
background-color:#EEE;
padding:2px;
letter-spacing: 1px;
}

.category-box .new {
border: 0px solid red;
background:url("/anA/Y28/YXRtYXJraXQ/d3d3/aHR0cDovL3d3dy5hdG1hcmtpdC5jby5qcC9wYXJ0cy9pbWFnZXMvdGVjaC9pX25ldy5naWY/68/0/") no-repeat 0px 0px;
padding: 0px 3px 2px 3px;
}


-->