<!--
/* 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); }
.im-bread { display: none;}
/* CLEARFIX */
div:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}
/* news TOP style */
p {line-height: 140%}
/* Htag */
#centercol H2 {
font-size: 14px;
font-weight: bold;
color: #555;
margin:0px 0px 5px 0px;
padding:4px 0px 3px 0px;
border-left:1px solid #BBB;
border-bottom:2px solid #393;
background-color:#FFF;
text-indent:10px;
}
#centercol H3 {font-size: 14px;font-weight: bold;color: #333;margin:0px 0px 3px 0px;}
h4 { font-size: normal; }
h5 { font-size: small; }
h6 { font-size: x-small; }
#centercol p {color:#333;}

/*↓news Intro style↓*/
#centercol .intro a, #centercol #recent a {}
#centercol .intro small, #centercol #recent small {color:#666;}
#centercol .intro ul li a,
#centercol #recent ul li a {padding:3px;color:#036;}
#centercol .intro ul li a:visited ,
#centercol #recent ul li a:visited { padding:3px; color:#639;}

.intro H4 {
font-size: 12px;
font-weight: bold;
color: #393;
margin:0px 0px 0px 0px !important;
padding:0px 0px 3px 0px !important;
border-bottom:0px solid #DDD;
}
.intro { width:100% !important; margin-bottom: 0px;}
.intro p {border:0px solid red; margin:0px !important; padding:0px !important; }
.intro img {border-right: 1px solid #EEE !important;border-bottom: 1px solid #EEE;}
.intro ul {margin: 5px 3px 0px 3px; padding: 5px 0px 0px 0px; list-style-type:none; clear:both;}
.intro ul li {color:#333;font-size:12px; background:url(/parts/images/news/i_dot.gif) no-repeat 0px 6px;padding-left:10px;padding-bottom:4px;}
/*↓news only style↓*/
/*TITLEbox style↓*/
#title-box {
height:45px;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
border-top:3px solid #DDD;
border-bottom:3px solid #DDD;
clear:right;
}
H1 {
height:45px;
font-size: 26px;
text-indent:-9999px;
font-weight: bold;
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
color:#666;
width:70%;
border:0px solid red;
float:left;
}
H1 a {
display: block;
height:45px;
width:250px;
}
#title-box #art-logo {
display: block;
float:right;
border:0px solid red !important;
margin-top:25px !important;
margin-bottom:0px;
text-indent:-9999px;
background:url(/parts/images/news/i_newstop_s.gif) no-repeat !important;
border:0px solid red;
}
#title-box #art-logo a {
display:block;
width:100px;
height:25px;
}

.im H1 {background:url(/parts/images/news/im_logo.gif) no-repeat 5px 8px !important;}
.im H1 a { display: none;}
.cits H1 {background:url(/parts/images/news/cits_logo.gif) no-repeat 5px 8px !important;}
.cbp H1 {background:url(/parts/images/news/cbp_logo.gif) no-repeat 5px 8px !important;}
.carc H1 {background:url(/parts/images/news/carc_logo.gif) no-repeat 5px 8px !important;}
.cpm H1 {background:url(/parts/images/news/cpm_logo.gif) no-repeat 5px 8px !important;}
.cop H1 {background:url(/parts/images/news/cop_logo.gif) no-repeat 5px 8px !important;}
.ces H1 {background:url(/parts/images/news/ces_logo.gif) no-repeat 5px 8px !important;}
.cap H1 {background:url(/parts/images/news/cap_logo.gif) no-repeat 5px 3px !important;}

#recent {clear:both;}
#recent img { float: right; margin-left: 5px; margin-top: 0px; border: 2px solid #DDD; }

#centercol #recent H3 {
font-size: 12px;
font-weight: bold;
color: #666;
margin:0px 0px 10px 0px;
padding:0px 0px 3px 0px;
border-bottom:1px solid #DDD;
clear:both;
}

#recent ul {
margin: 5px 3px 15px 3px;
padding:0px;
list-style-type:none;
}
#recent ul li {
color:#333;
font-size:12px;
background:url(/parts/images/news/i_paper.gif) no-repeat 0px 2px;
padding-left:16px;
padding-bottom:7px;
}
#centercol #date {
color:#777;
font-size:12px;
border:0px solid red;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#date {
color:#777;
text-align:right;
font-size:10px;
border:0px solid red !important;
margin: 0px 0px 5px 0px;
padding:0px 0px 0px 0px;
}
.ttl_sub {font-size:16px; font-weight: bold;}
.ttl_red { color:#CC0000; }
#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;
}
#centercol .btmlnk ul {
margin:3px;
padding:0px;
list-style-type:none;
}
#centercol .btmlnk ul li {
color:#333;
font-size:12px;
background:url(/parts/images/atit/news/i_dot.gif) no-repeat 6px 7px;
padding-left:16px;
}

p.more {
margin: 5px 3px 10px 3px;
padding: 5px 0px 0px 0px;
border:0px solid red;
text-align:right;
font-size:12px;
display:block;
clear:both;
}
p.more a {
border:0px solid #BBB;
padding:3px;
color:#036;
}
p.more a:hover {
background-color:#036;
text-decoration:none;
padding:3px;
color:#FFF;
}
p.more span {
font-weight:bold;
padding-right:2px;
}

.im p.more {display: none;}

p.more-im {
margin: 5px 3px 10px 3px;
padding: 5px 0px 0px 0px;
border:0px solid red;
text-align:right;
font-size:12px;
clear:both;
}
p.more-im a {
border:0px solid #BBB;
padding:3px;
color:#036;
}
p.more-im a:hover {
background-color:#036;
text-decoration:none;
padding:3px;
color:#FFF;
}
p.more-im span {
font-weight:bold;
padding-right:2px;
}


/* BACKNUM MENU*/
#bknum-menu {
border:0px solid #BBB;
width:100%;
border-bottom:1px solid #BBB;
}
#bknum-menu h3 {
margin:0px !important;
padding: 2px 0px 2px 0px;
background-color:#999 !important;
font-size:12px;
border-left:0px solid #BBB;
border-top:2px solid #BBB;
color:#FFF !important;
text-indent:5px;
}
#bknum-menu dl {
margin: 2px 0px 2px 0px;
padding: 2px 0px 0px 0px !important;
clear:both;
border-bottom:0px solid #EEE;
width:100%;
height:15px;
}
#bknum-menu dl.year-list {
margin: 1px 0px 2px 0px;
background-color:#DDD;
}

#bknum-menu dl dt {
margin:0px;
padding: 0px 0px 0px 4px;
color:#555;
font-size:12px;
float:left;
background-color:#FFF;
}
#bknum-menu dl dd {
margin:0px;
padding:0px;
color:#333;
font-size:12px;
float:left;
}
#bknum-menu dl dd a {
margin: 0px 0px 0px 0px;
padding: 2px 4px 0px 4px;
border-right:1px solid #AAA;
color:#036;
}
#bknum-menu dl.year-list  dd a {
border-right:1px solid #FFF;
}
#bknum-menu dl dd a:hover {
background-color:#036;
color:#FFF;
text-decoration:none;

}

/*↓news Index style↓*/
#news-index #centercol H2 {
letter-spacing: 1px;
font-size: 18px;
font-weight: bold;
color: #036;
margin:4px 0px 5px 0px;
padding:8px 0px 3px 0px;
border-left:0px solid #BBB;
border-bottom:0px solid #393;
background-color:#FFF;
text-indent:2px;
}

/*↑news only style↑*/

#centercol { float: left; 
width: 500px; 
			 margin: 0px; 
			 padding: 5px 10px 10px 20px; }

#rightcol { float: right; 
            width: 300px; 
			margin: 0px; 
			padding: 0px 0px 10px 0px; 
			text-align: left; }


/*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; }

.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; }

/* 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 a { color: #003366; }
#news-top #headmenu,
#news-index #headmenu {
margin: 0px 0px 0px 0px;
padding: 3px 0px !important;
border: 0px #ACBEC9 solid !important;
border-bottom: 0px #ACBEC9 solid  !important;
background-color: #FFF  !important;
font-size: 10px; text-align: right;
}
#headmenu span.l {
float: left;
display:block;
width:20%;
padding-top: 0px;
text-align:left
}

/* head keyword */
#keyword { margin-top: 10px; font-size: small; text-align: right; }


/* 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;
}
/*↓news only style↓*/
#centercol #date {
color:#777;
font-size:12px;
border:0px solid red;
margin: 0px 0px 5px 0px;
padding:0px 0px 0px 0px;
}
.ttl_sub {font-size:16px; font-weight: bold;}
.ttl_red { color:#CC0000; }
#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;
}
#centercol .btmlnk ul {
margin:3px;
padding:0px;
list-style-type:none;
}
#centercol .btmlnk ul li {
color:#333;
font-size:12px;
background:url(/parts/images/atit/news/i_dot.gif) no-repeat 6px 7px;
padding-left:16px;
}
#credit {
border:2px 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; }

#anlys80 { width: 80px; margin:0px 0px 10px 5px; float: right; }
#anlys100 { width: 100px; margin:0px 0px 10px 5px; float: right; }
#anlys120 { width: 120px; 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#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#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; }

/*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; }

#headmenu span.r {
float: right;
display:block;
width:30%;
text-align: right;
}
#headmenu span.r #b-twitter {
padding-right:4px;
}


-->