<!--
/* im articles common */

@import url("/im/stylesheet/common.css");

/* Htag */

h1 { font-size: large; margin: 0px; }
h2 { font-size: medium; margin: 0px; }
h3 { font-size: medium; margin: 0px; }
h4 { font-size: medium; margin: 0px; }
h5 { font-size: medium; margin: 0px; }

#main { background-image: url(/im/images/articleline_css.gif); }
#rightcol { float: right; 
width: 300px; 
margin: 0px; 
padding: 0px 0px 10px 0px; 
text-align: left; }
#centercol { float: left; width: 500px; margin: 0px; padding: 5px 10px 10px 20px; }


/*h1 title substyle */
.ttl_sub { font-size: small; font-weight: bold; margin-bottom: 5px; }
.ttl_sub_l { float: left; padding: 5px; color: #FFFFFF; border: 1px solid; }
.ttl_sub_r { float: left; padding: 5px 10px; border: 1px solid; }
.ttl_img { margin-top: 10px; }

/*h3 DECO */
#centercol h3 {
border-left: 4px solid #BBB;
border-bottom: 1px solid #BBB;
margin-bottom: 15px;
color:#333;
padding: 2px 2px 2px 4px;
font-size:16px;
}




.catch { font-size: small; font-weight: bold; }

.author { font-size: small; margin-top: 8px; margin-bottom: 1px; line-height: 100%; }
.date { font-size: small; margin-top: 3px; line-height: 100%; }

.lead { margin-left: auto; margin-right: auto; margin-top: 20px; 
        padding: 4px; 
		width: 80%; 
		font-size: small; text-align: left; 
		line-height: 120%; 
		}

.summary { border-top: 1px solid #999; 
           border-bottom: 1px solid #999; 
		   padding: 5px; 
		   font-size: small; 
		   margin-top: 10px; }

.summary_ret { margin: 5px 0px; 
               text-align: right; 
			   font-size: small; }

.nextprev { text-align: center; }
.nextprev a:link { text-decoration: underline; }
.nextprev a:visited	{ text-decoration: underline; }
.nextprev a:hover { text-decoration: underline; }

/*h2 title substyle */
.subhead1 { padding:5px 3px 3px 10px;            
			margin-bottom: 5px; 
			border-style: solid; 
			border-width:0px 0px 1px 10px; }
.subhead2 { padding:10px 5px 8px 10px; 
            margin-bottom: 5px; 
            border-style: solid; 
			border-width:0px 0px 0px 15px; }
.subhead3 { padding:5px 3px 3px 10px; 
            margin-bottom: 5px; 
			border-style: solid; 
			border-width:2px 2px 2px 15px; }

/*profile*/
.prof_ttl { border-top: 1px dotted #999; 
            border-bottom: 1px dotted #999; 
			padding:4px 5px 3px 5px; 
			font-size: small; 
			font-weight: bold; 
			color: #003300; }

.prof { padding: 8px 5px; 
        font-size: small; 
		line-height: 110%; }

/*backnumber,index oldstyle*/
.bknum_ttl { border-top: 1px dotted #999;
             border-bottom: 1px dotted #999; 
             padding:4px 5px 3px 5px; 
           	 font-size: small; 
			 font-weight: bold; 
			 color: #333333; }
.bknum_tbl { font-size: small; 
             margin-top: 3px;
             border: 0px; }

/*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:70%; float:left; color:#333333; }
.backnum h3 span { width:25%; float:right; font-size: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("/images/thispag2.gif") no-repeat; }
.backnum li a { padding-left:20px; height:23px; }

/*newest index oldstyle*/
.sinchaku_ttl { border-top: 1px dotted #999;
                border-bottom: 1px dotted #999; 
				font-size: small; 
				font-weight: bold; 
				color: #333333; 
				padding: 5px 3px 3px 5px; 
				margin: 5px 0px 5px 0px; }

.sinchaku_cont1 { margin: 3px 3px 0px 3px; }
.sinchaku_cont2 { margin-left:14px; }

/* bottom articles index */
.btmlist { margin: 10px 0px; font-size: small; }
.btmlist .title {
margin: 0px 0px 5px 0px; padding: 4px 3px 3px 5px; 
                  border-bottom: 1px dotted #999; border-top: 1px dotted #999; 
				  color: #333333; font-weight: bold; }
.btmlist ul { margin: 0px; 
              padding: 3px; 
			  list-style-type: none; }
.btmlist ul li { margin:0px; 
                 padding:0px 0px 2px 15px; 
				 background:url(/im/include/footer/images/dot1.gif) no-repeat; }

/* kiji sita mail */
.managemail { border-top: 1px solid #006600; 
              border-bottom: 1px solid #006600;
              background-color: #EEEEEE; 
			  padding: 3px; 
			  margin: 10px 0px; 
			  font-size: small; 
			  text-align: center; }

/*rightmenu category logo*/
#rightlogo { margin-top: 10px; text-align: center; }

/* headmenu */
#headmenu { margin: 0px 0px 8px 0px; padding: 3px 5px; 
            border: 1px #ACBEC9 solid; background-color: #EEE; 
			font-size: 10px; text-align: right; }
#headmenu a { color: #003366; }

/* head keyword */
#keyword { margin-top: 10px; font-size: small; 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: #CCCCFF; 
			 line-height: 70%; }


/* article style */
p {line-height: 140%}
/* Htag */
#centercol H1 {
font-size: 18px;
font-weight: bold;
margin:0px 0px 5px 0px;
padding:0px;
color:#333;
border:0px solid red;
}
#centercol H2 {
font-size: 14px;
font-weight: bold;
color: #393;
margin:0px 0px 5px 0px;
border:0px solid red;

}
h3 { font-size:15px; font-weight: bold; }
h4 { font-size: normal; }
h5 { font-size: small; }
h6 { font-size: x-small; }
#centercol p {
color:#333;
}
/* article style */
p {line-height: 140%}
/* Htag */
#centercol H1 {
font-size: 18px;
font-weight: bold;
margin:0px 0px 5px 0px;
padding:0px;
color:#333;
border:0px solid red;
}
#centercol H2 {
font-size: 18px;
font-weight: bold;
color: #393;
margin:0px 0px 5px 0px;
border:0px solid red;
clear:right;
}
h3 { font-size:15px; font-weight: bold; }
h4 { font-size: normal; }
h5 { font-size: small; }
h6 { font-size: x-small; }
#centercol p {
color:#333;
margin-top:0px;
}
/*↓news only style↓*/
#centercol #date {
color:#777;
font-size:12px;
border:0px solid red;
margin: 0px 0px 10px 0px;
padding:0px 0px 0px 0px;
}
.ttl_sub {font-size:16px; font-weight: bold;}
.ttl_red { color:#CC0000; }
#centercol #art-logo {
display: block;
float:right;
border:0px solid red;
margin-top:0px;
margin-bottom:0px;
text-indent:-9999px;
background:url(/parts/images/news/i_news_s.gif) no-repeat;
border:0px solid red;
}
#centercol #art-logo a {
display:block;
width:80px;
height:23px;
}
#centercol .btmlnk {
border:0px solid #DDD;
margin-bottom:15px;
}
#centercol .btmlnk h3 {
color: #393;
font-size:12px;
padding:3px;
margin:0px;
border-bottom: 1px solid #DDD;
border-left: 0px solid #DDD;
}
#centercol .btmlnk ul {
margin:3px;
padding:0px;
list-style-type:none;
}
#centercol .btmlnk ul li {
color:#333;
font-size:12px;
background:url(/parts/images/news/i_dot.gif) no-repeat 6px 7px;
padding-left:16px;
}
#credit {
border:0px solid #DDD;
padding:3px;
background-color:#FFF;
}
#copyright, #author, #mailto {
text-align: right;
font-size:12px;
padding:0px;
margin:0px;
color:#666 !important;
}

/*↑news only style↑*/

.katt { font-size: 14px; color: #FF3300; }

#eweek { width: 130px; margin:0px 0px 10px 5px; float: right; }
#eweek img { border: none; }
#katt { width: 120px; margin:0px 0px 10px 5px; float: right; text-align: right; }
#katt img { border: none; }

#anlys480 { width: 480px; margin:4px auto 10px auto;}
#anlys450 { width: 450px; margin:4px auto 10px auto;}
#anlys400 { width: 400px; margin:4px auto 10px auto;}
#anlys350 { width: 350px; margin:4px auto 10px auto;}
#anlys300 { width: 300px; margin:4px auto 10px auto;}
#anlys280 { width: 280px; margin:0px 0px 10px 5px; float: right;}
#anlys250 { width: 250px; margin:0px 0px 10px 5px; float: right;}
#anlys200 { width: 200px; margin:0px 0px 10px 5px; float: right;}
#anlys150 { width: 150px; margin:0px 0px 10px 5px; float: right;}
#anlys120 { width: 120px; margin:0px 0px 10px 5px; float: right;}
#anlys100 { width: 100px; margin:0px 0px 10px 5px; float: right;}
#anlys80  { width:  80px; margin:0px 0px 10px 5px; float: right;}

/*photo,image,caption*/
div#col480c { width: 480px; margin:4px auto 10px auto;}
div#col450c { width: 450px; margin:4px auto 10px auto;}
div#col400c { width: 400px; margin:4px auto 10px auto;}
div#col350c { width: 350px; margin:4px auto 10px auto;}
div#col300c { width: 300px; margin:4px auto 10px auto;}
div#col280c { width: 280px; margin:4px auto 10px auto;}
div#col250c { width: 250px; margin:4px auto 10px auto;}
div#col200c { width: 200px; margin:4px auto 10px auto;}
div#col150c { width: 150px; margin:4px auto 10px auto;}
div#col80c  { width:  80px; margin:4px auto 10px auto;}

div#col480r { width: 480px; margin:4px 0px 10px 5px; float: right;}
div#col400r { width: 400px; margin:4px 0px 10px 5px; float: right;}
div#col350r { width: 350px; margin:4px 0px 10px 5px; float: right;}
div#col300r { width: 300px; margin:4px 0px 10px 5px; float: right;}
div#col280r { width: 280px; margin:4px 0px 10px 5px; float: right;}
div#col250r { width: 250px; margin:4px 0px 10px 5px; float: right;}
div#col200r { width: 200px; margin:4px 0px 10px 5px; float: right;}
div#col150r { width: 150px; margin:4px 0px 10px 5px; float: right;}
div#col80r  { width: 80px;  margin:4px 0px 10px 0px; float: right;}

div#col480l { width: 480px; margin:4px 5px 10px 0px; float: left;}
div#col400l { width: 400px; margin:4px 5px 10px 0px; float: left;}
div#col350l { width: 350px; margin:4px 5px 10px 0px; float: left;}
div#col300l { width: 300px; margin:4px 5px 10px 0px; float: left;}
div#col280l { width: 280px; margin:4px 5px 10px 0px; float: left;}
div#col250l { width: 250px; margin:4px 5px 10px 0px; float: left;}
div#col200l { width: 200px; margin:4px 5px 10px 0px; float: left;}
div#col150l { width: 150px; margin:4px 5px 10px 0px; float: left;}
div#col80l  { width: 80px;  margin:4px 5px 10px 0px; float: left;}

/*text*/
.b { font-weight: bold; }
.s { font-size: small; }
.m { font-size: medium; }
.white { color: #FFFFFF; }
.red { color: #CC0000; }


/***** old style ***********************/

/*text*/
#bold { font-weight: bold; }
.size2 { font-size: small; }
.size3 { font-size: medium; }
.size2bold { font-size: small; font-weight: bold; }
.size2white { font-size: small; color: #FFFFFF; }
.white { color: #FFFFFF; }

/*kanren kiji*/
.kanren { font-size: small; }
.kanren p { font-weight: bold; margin-bottom: 2px; margin-left: 18px; }
.kanren ul { margin-top: 2px; }
.kanren li { list-style-image: url(/im/images/indexarrow.gif); 
               margin-left: 0px;
			   padding-left: 0px; }

/*list tag*/
ol.size2 { font-size: small; }
ol.bold { font-weight: bold; }

ul.size2 { font-size: small; }
ul.bold { font-weight: bold; }

ul.circle { list-style-type: circle; }
ul.square { list-style-type: square; }
ul.disc { list-style-type: disc; }
ul.none { list-style-type: none; }
ul.upperalpha { list-style-type: upper-alpha; }
ul.loweralpha { list-style-type: lower-alpha; }
ul.upperroman { list-style-type: upper-roman; }

li.circle { list-style-type: circle; }
li.square { list-style-type: square; }
li.disc { list-style-type: disc; }
li.none { list-style-type: none; }
li.upperalpha { list-style-type: upper-alpha; }
li.loweralpha { list-style-type: lower-alpha; }
li.upperroman { list-style-type: upper-roman;}

/*image and caption*/
.imgright { margin-left: 5px; 
            float: right; 
			font-size: small; }
.imgleft { margin-right: 5px; 
           float: left; 
		   font-size: small; }
.imgcenter { margin-left: auto; margin-right: auto; 
             padding: 2px; 
			 font-size: small; }
.imgcenter_bg { margin-left: auto; margin-right: auto; 
                padding: 2px; 
				font-size: small; 
				background-color: #DDDDDD; }
.img_img { margin:0px; }
.img_capl { margin:3px 0px 0px 0px; text-align: left; }
.img_capc { margin:3px 0px 0px 0px; text-align: center; }

/*code*/
.codeleft { font-size: 12px; text-align:left; }
.codecenter { margin-left: auto; margin-right: auto; 
              font-size: 12px; text-align:left; }
.code_cap { padding: 4px; 
            font-weight: bold; }
.code_bd { padding: 4px; 
           border-style: solid; border-color: #000000; border-width: 1px; }
.code { padding: 4px; }
.code_gry { padding: 4px; 
            background-color: #DDD; }
.code_org { padding: 4px; 
            background-color: #FFCC99; }
.code_ylw { padding: 4px; 
            background-color: #FFFFCC; }
.code_palebl { padding: 4px; 
               background-color: #CCCCFF; }
.code_palegrn { padding: 4px; 
               background-color: #EEFFEE; }
.code_grn { padding: 4px; 
            color:#FFFFFF;
            background-color: #006600; }
.code_darkbl { padding: 4px; 
               color:#FFFFFF; 
			   background-color: #000066; }
.code_darkgry { padding: 4px; 
               color:#FFFFFF; 
			   background-color: #666666; }

#rank10 {
font-size:small;
}
#rank10 .ttl {
color:#FFFFFF;
font-size:15px;
margin-bottom:10px;
}
#rank10 .date {
color:#FFFFFF;
margin-top:10px;
text-align:right;
}

/* TTWP&JOB */
#btm-ttwpjob { font-size: small;}
#btm-ttwpjob h3{
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: 4px 2px 4px 20px;
background:url("/parts/images/icon/i_green.gif") no-repeat 5px 2px #FAFAFA;
margin-bottom: 5px;
}
#btm-ttwpjob h4 {
color: #444;
font-size: small; 
margin-bottom: 5px;
margin-top: 10px;
background:url("/parts/images/icon/fusen_green.gif") no-repeat 2px 0px;
padding: 2px 0px 2px 25px;
}
#btm-ttwpjob h4 small {
color: #666;
font-weight: normal;
}
#btm-ttwpjob div {
margin: 0px 0px 4px 0px; 
padding:0px 0px 2px 17px; 
background:url(/parts/images/icon/arrow_green.gif) no-repeat 6px 4px;
}


/* 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;
width:20%;
padding-top: 0px;
text-align:left
}
#headmenu span.r {
float: right;
display:block;
width:30%;
text-align: right;
}
#headmenu span.r #b-twitter {
padding-right:4px;
}


-->