/* ATMARKIT COMMON */

@import url("/stylesheet/ad.css");
@import url("/stylesheet/gnavi.css");

/* HTML STYLE */
body {
margin: 0 auto;
padding: 0;
width:844px;
}
a{ text-decoration: none; }
a:link{ text-decoration: none; }
a:visited{ text-decoration: none; }
a:hover{ text-decoration: underline; }
p { line-height: 130%; }
ul { line-height: 120%; }
ol { line-height: 120%; }

/* WIDTH WRAPPING */
.width { width: 840px; margin: 0px; padding: 0px; }
#wrap {
width: 840px;
margin: 0px;
padding: 0px;
border: 0px solid #EEE;
}
.outBox {
width: 842px;
border-right: 1px solid #DDD;
}

/* HEADER */
#header { margin: 0px; padding: 0px; }
#header_l { float:left; width: 92px; height: 64px; }
#header_r {
float:right; width: 748px; height: 64px; 
text-align: right; 
background-image:url(/include/header/images/header_art.gif);
}

/* search old */
.header_sch { margin: 0px;
              padding-top: 7px; padding-right: 3px; 
			  font-size: small; }		

/* Gsearch */
#header #search {
margin: 7px 0 0 0; 
padding: 3px 3px 0px 0px; 
float: right; 
clear: right; 
font-size: small;
}
#header #search form { width: 210px; margin: 0px; padding: 0px; text-align: right; }
#header #search form input.q-box {margin-top: 0px; margin-left:0px; float:left;width:136px;}
#header #search form input.submit {margin-top: 0px;}

/*header adspace */
#header_ad { text-align: center; 
background-image:url(/include/header/images/back_line.gif); 
padding-bottom: 15px; 
/*height: 105px; */
clear:both;
font-size: 10px;
}

/* header navi textlink */
.navi { font-size: 10px; color: #AAA; 
        margin-right: 5px; 
		margin-top: 5px;}
.navi a { color:#FFFFFF; }	
.navi_link { color:#FFFFFF; }

/* navibar */
#navibar { width: 840px; height: 24px; background-color:#CCCCFF; }

.navibar_styl {
margin:0;
padding:3px 0 0 10px;
height:50px;
font-size: small;
font-weight: bold;
width:825px;
height:20px;
overflow: hidden; 
line-height:150%;
}
.ftop .navibar_styl {width:450px;float:left;}

/*
#main {
		position:absolute;
		left: 0px;
		top: 194px;
		width: 840px;
		}
*/

/*bottommenu*/
#bottommenu { width: 840px; }
#bottommenu_l { width: 500px; 
                margin: 0px; 
				padding:0px 10px 10px 20px; 
				}

/* footer */
#footer { width: 840px; 
          margin:10px 0px 0px 0px; 
		  padding: 0px; 
		  background-color:#CCCCFF; 
		  clear: both; 
		  }

.footer_padding { padding-left: 20px; padding-top: 10px; }
.footer_logo { float: left; }
.footer_txtlink { float: left; 
                  margin-left: 50px; margin-top: 10px; 
				  font-size: 12px; 
				  text-align: left; }

#footsponsor { padding-top: 10px; 
               text-align: center; 
			   font-size: 10px; 
			   }

/*New!mark*/
.newmark { font-size: 12px; color: #FF0000; font-weight: bold; }

/*rightmenu news*/
#rnews { margin: 0px; padding: 0px; }
#rnews .title { margin: 5px 0px; }
#rnews .indexlink { text-align: right; font-size: small; }
#rnews ul { margin: 0px; padding: 0px; 
		   list-style-type: none; 
		   font-size: small; 
		   text-align: left; }
#rnews ul li { margin:0px; padding:0px 0px 10px 10px; 
			  background:url("/top/newsarrow3.gif") no-repeat 0px 4px; }

/*  bt edit 070627 SKILLUP */
.clearfix {
height: 1px;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
#ji-skill {
font-size:13px;
border:0px solid red;
padding:0px;
margin-bottom:25px;
}
#ji-skill div {background-color:#CCC;border:1px solid #999;}
#ji-skill h4 {border-bottom:0px solid #999;margin:0px 0px 0px 0px;padding:0px;}
#ji-skill h5 {
border-bottom:1px solid #BBB;
border-left:2px solid #BBB;
margin:16px 0px 0px 0px;
padding:4px;
font-size:13px;
color:#666;
}
#ji-skill h5 small{font-weight:normal;}
#ji-skill ul {margin:5px 0px 0px 0px;padding:0px; list-style:none; }
#ji-skill li {margin:4px 4px 4px 4px;padding:0px;line-height:100%;}
#ji-skill li img {float:left;margin-right:7px; border:0px;}
#ji-skill .skill-rank {font-size:13px;margin-top:10px;}
#ji-skill .skill-rank li {margin:4px 4px 6px 4px;}
#ji-skill .skill-rank strong {
color:#555;
width:25px;
height:13px;
float:left;
border-right:1px solid #CCC;border-bottom:1px solid #CCC;
padding:2px 2px 2px 2px;
margin:0px 4px 4px 0px;
}
#ji-skill .skill-rank #rank1 { color:#C60;}
#ji-skill .skill-rank #rank2 { color:#999;}
#ji-skill .skill-rank #rank3 { color:#663;}

/*  bt edit 070627 JOBSPACE */
.jobspace {
border:0px solid red;
margin-left:0px;
margin-right:0px;
margin-bottom:20px;
font-size:13px;
}
.jobspace h4 {border-bottom:1px solid #999;margin:0px;padding-left:4px;}
.jobspace ul {margin:5px 0px 0px 00px;padding:0px;  list-style:none; }
.jobspace li {margin:4px 4px 10px 4px;padding:0px;line-height:100%;}
.jobspace li img {float:left;margin-right:7px; border:0px;}

/*  bt edit 070809 TTL-TECHTARGET */
#ttl-techtarget {font-size:12px;}
#ttl-techtarget .b-rtxt {
text-align:right;
margin:0px 5px 10px 5px;
font-size:10px;
}
#ttl-techtarget a {border:0px solid #CCC;padding:2px;}
 #ttl-techtarget a strong{color:#036;}
#ttl-techtarget a:hover {}

#ttl-techtarget h4 {margin-bottom:15px !important; }
#ttl-techtarget ul {list-style:none; margin:0px; padding:0px;}
#ttl-techtarget ul li {
margin:0px 5px 10px 5px;
background:url("/include/rightmenu/images/ttl_techtarget_icon.gif") no-repeat 0px 0px;
padding-left:18px;
border-bottom:1px solid #DDD;
}
/*  bt edit 090820 TTWP */
#rc-ttwp {font-size:13px;}
#rc-ttwp .b-rtxt {
text-align:right;
margin:5px 5px 10px 5px;
font-size:10px;
}
#rc-ttwp a {border:0px solid #CCC;padding:0px;}
#rc-ttwp a strong{color:#036;}
#rc-ttwp a:hover {}

#rc-ttwp h4 {margin-bottom:5px !important; }
#rc-ttwp ul {list-style:none; margin:0px; padding:0px;}
#rc-ttwp ul li {
margin:0px 5px 0px 5px;
background:url("/parts/images/icon/endlink_bg.gif") no-repeat 0px 8px;
padding: 5px 0px 5px 20px;
border-bottom:1px solid #EEE;
}


/*grand top*/
#gt { clear: both; width: 390px; }
#gt h3 { margin: 0px; font-size: 18px; }
#gt .date { color: #666; margin-right: 5px; text-align: right; }
#gt .more { margin-top: 0px; margin-bottom: 10px; text-align: right; font-size: 13px; }
#gt .atit { margin: 0px 0px 10px 0px; padding: 6px; border: 1px #333 solid; font-size: 13px; text-align: right; }
#gt .atit img { border: 0px; margin: 4px 0px; }
#gt .atit p { margin: 0px; }

/*article shoukaibun style*/
#centercol .intro,
#artindex .intro { margin: 5px 0px 10px 0px; padding: 5px; font-size: 13px; clear: both; width:390px; }
#centercol .intro img,
#artindex .intro img { float: left; margin-right: 10px; border: 0px; }
#centercol .intro h3,
#artindex .intro h3 { margin: 0px; font-size: 13px; }
#centercol .intro .date,
#artindex .intro .date { text-align: right; color: #666; margin-right: 5px; }

/*article shoukaibun serial style*/
#centercol .introserial,
#artindex .introserial { margin:5px 0px 10px 0px; padding:5px; font-size:13px; clear: both; width:390px; }
#centercol .introserial img,
#artindex .introserial img { float:left; margin-right:10px; border:0px; }
#centercol .introserial h3,
#artindex .introserial h3 { margin:0px; font-size:13px; }
#centercol .introserial p,
#artindex .introserial p { margin:0px; line-height:110%; }
#centercol .introserial ul,
#artindex .introserial ul { margin:0px; padding:1px 0px 0px 50px; list-style-type:none; line-height:110%; }
#centercol .introserial ul li,
#artindex .introserial ul li { padding-bottom:1px; }
#centercol .introserial .date,
#artindex .introserial .date { text-align:right; color: #666; margin-right: 5px; }

/*gt,articles new mark*/
#gt .new { font-size: 13px; font-weight: bold; color: #FF0000; margin-right: 3px; }
#centercol .new,
#artindex .new { font-size: 13px; font-weight: bold; color: #FF0000; margin-right: 3px; }

/* FYI-PICKUP
-----------------------------------------*/
#fyi-pickup {margin-top:10px;margin-bottom:10px;}
#fyi-pickup div {margin:3px;background-color:#FFF !important; border:0px solid red;}
#fyi-pickup h2 {
background:url("/images/special_ftop_bar.jpg") no-repeat left top !important;
font-size:12px;
text-indent:-9999px;
height:19px !important;
margin:0px;
padding-left:20px;
padding-top:3px;
color:#FFF;
}
#fyi-pickup ul {
padding: 5px 0px 5px 0px !important;
font-size:12px;
list-style:none;
border:0px solid red;
margin:0px;

}
#fyi-pickup ul li {
margin:0px !important;
padding: 3px 0px 3px 0px !important;;
background:url("/images/i_checkmark.gif") no-repeat left 5px;
}
#fyi-pickup ul li a{display:block; padding-left:20px;}
#fyi-pickup ul li a:hover {
background:url("/images/i_checkmark.gif") no-repeat left -26px;
}
#fyi-pickup hr {}
#copyright {
font-size: x-small;
}

/* answerBox
-----------------------------------------*/
#answerBox, #expBox {
border: 2px solid #EEE;
padding: 3px;
}
#answerBox div, #expBox div {
background-color: #999;
border: 2px solid #EEE;
padding: 3px;
}
#answerBox img, #expBox img {
visibility:hidden;
}
#answerBox, #expBox {color: #999; margin: 3px;}
#answerBox div span, #expBox div span {
color: #999;
font-weight: bold;
}
#answerBox form, #expBox form {
padding: 5px 0px;
margin: 0px;
}
h2.quizTitle , #answerBox h2, #expBox 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: 4px 2px 4px 20px;
background:url("/parts/images/icon/i_bl.gif") no-repeat 5px 2px #FAFAFA;
margin-bottom: 5px;
}

/* EVENTCALENDER
-----------------------------------------*/
#eventCal {
border: 1px solid #CCC !important;
border-top: 0px solid #CCC !important;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 10px;
margin-bottom: 10px;
font-size: small;
} 
#eventCal div {
border: 2px solid #DDD;
margin-bottom: 0px;
}
#eventCal h2 {
margin: 0px;
color: #444;
font-size: small; 
border-top: 4px solid #999 ;
border-bottom: 1px solid #CCC ;
padding: 5px 2px 4px 7px;
_padding: 5px 2px 0px 10px;
background:url("/parts/images/atit/t_evecal.jpg") repeat-x right bottom #FFF ;
height: 17px;
_height: 22px;
text-indent: -9999px ;
}
#eventCal.rank h2 {
background:url("/parts/images/atit/t_evecal_rank.jpg") repeat-x right bottom #FFF;
padding:0px;
height:26px;
}
#fdesign #eventCal h2 {border-top: 4px solid #69C;}
#eventCal.rank h2 a {
display:block;
color: #444 !important;
height:26px;
}
#eventCal ol {
list-style: none;
margin: 2px;
padding: 2px;
}
#eventCal ol li {
border-bottom: 1px solid #DDD;
border-top: 1px solid #FFF;
padding-left: 30px;
min-height: 25px;
height: auto !important;
height: 25px;
}
#eventCal ol li.no01 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px 0px;}
#eventCal ol li.no02 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -50px;}
#eventCal ol li.no03 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -100px;}
#eventCal ol li.no04 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -150px;}
#eventCal ol li.no05 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -200px;}
#eventCal ol li.no06 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -250px;}
#eventCal ol li.no07 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -300px;}
#eventCal ol li.no08 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -350px;}
#eventCal ol li.no09 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -400px;}
#eventCal ol li.no010,
#eventCal ol li.no10 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -450px;}
#eventCal.rank p.cal-bt {
margin:0px 0px 4px 0px;
padding-right:25px;
text-align:right;
background:url(/images/arrow_evcal.gif) no-repeat right bottom;
}

/* NEWZIA
-----------------------------------------*/
.newziaSubcol {}
.newziaSubcol .newziaSubcol_Outer {border:1px solid #DDD;background:#EEE;font-size:small;margin-top:20px;}
.newziaSubcol .newziaSubcol_Inner {margin:0px;}
.newziaSubcol .newziaSubcol_prmark {font-size:10px;text-align:right;padding:2px 2px 0px 2px;color:#666;}
.newziaSubcol .newziaSubcol_290x100 {border:4px solid #FFF;padding:0px;}
.newziaSubcol .newziaSubcol_290x100 a img {border:none;}
.newziaSubcol .newziaSubcol_ttl {border-bottom:1px solid #CCC;border-left:5px solid #696;margin-top:5px;background:#666;color:#FFF;padding:3px 3px 3px 6px;background:url(http://www.atmarkit.co.jp/parts/images/atit/newzia_ttl_bg.gif) repeat-x 10px 0px #EEE;font-weight:bold;}
.newziaSubcol .newziaSubcol_box {margin-top:0px;margin-bottom:3px;background:#FFF;border:1px solid #DDD;padding:2px;letter-spacing:-0.05em;height:1%;}
.newziaSubcol .newziaSubcol_tieup_img {float:left;border:0px;padding-right:2px;}
.newziaSubcol .newziaSubcol_tieup_img img {border:0px;}
.newziaSubcol .newziaSubcol_tieup_cont {margin-top:5px;margin-bottom:5px;height:1%;}
.newziaSubcol .newziaSubcol_ttwp_cont,
.newziaSubcol .newziaSubcol_ttwc_cont {margin-top:5px;margin-bottom:5px;}

.newziaSubcol .newziaSubcol_ttwp_img {float:left;border:0px;padding-right:3px;}
.newziaSubcol .newziaSubcol_ttwp_img img {border:0px;}
.newziaSubcol .newziaSubcol_ttwc_img {float:left;border:0px;padding-right:3px;}
.newziaSubcol .newziaSubcol_ttwc_img img {border:0px;}


/* NEWZIA - 101021
-----------------------------------------*/
.newziaSubcol .newziaSubcol_splogo {text-align:center;}
.newziaSubcol .newziaSubcol_splogo img {border:0px solid;}
.newziaSubcol .newziaSubcol_290x100 a img {border:none; width:290px;}
.newziaSubcol .newziaSubcol_tieup a {font-size:12px;line-height:14px;}
.newziaSubcol .newziaSubcol_ttwp a {font-size:12px;line-height:14px;}

#centercol #special-tieup {
border:1px solid #003366;
color:#555555;
margin-bottom:10px;
width:390px;
}
#centercol #special-tieup .outBox {
border:3px solid #DDD;
width:384px;
}
#centercol #special-tieup .sp-artBox {
padding:5px;
border-bottom:1px dotted #EEE;
clear:both;
}
#centercol #special-tieup h3 {
margin:0;
height:22px;
font-size:13px;
line-height:22px;
padding-left:5px;
color:#FFF;
background:url("/parts/images/atit/newzia_tieup_bg.gif") no-repeat #EEE;
border-bottom:1px solid #CCCCCC;
border-left:5px solid #83B883;
}
#centercol #special-tieup img {
border:0px solid;
float:left;
}
#centercol #special-tieup p {
padding-left:45px;
margin:0;
}
.newziaSubcol .newziaSubcol_head {
border-bottom:1px solid #CCC;
border-left:5px solid #83B883;
margin-top:5px;
background:#666;
color:#FFF;
padding:3px 3px 3px 6px;
background:url("/parts/images/atit/newzia_ttl2_bg.gif") repeat-x 10px 0px #EEE;
font-weight:bold;
}


.ftop #headmenu .pr-l {display:none!important;}

/* headmenu socialbtn
====================================================== */
.newsnavi #socialbtn-area,
.ftop #socialbtn-area {
height:22px;
margin:0;
clear:both;
}
.newsnavi #socialbtn-area .socialbtn,
.ftop #socialbtn-area .socialbtn {
float:left;
padding: 0 10px 0 0;
margin:0;
height:18px;
}
.newsnavi #socialbtn-area .socialbtn.twitter,
.ftop #socialbtn-area .socialbtn.twitter {padding-right:0px;}
.newsnavi #socialbtn-area .socialbtn.hatebu,
.ftop #socialbtn-area .socialbtn.hatebu {}
.newsnavi #socialbtn-area .socialbtn.facebooklike iframe,
.ftop #socialbtn-area .socialbtn.facebooklike iframe {
}
.newsnavi #socialbtn-area .socialbtn.facebooklike iframe span.liketext,
.ftop #socialbtn-area .socialbtn.facebooklike iframe span.liketext {font-size:11px;}
.newsnavi #socialbtn-area .socialbtn.evernote,
.ftop #socialbtn-area .socialbtn.evernote {padding-top:1px}
.newsnavi #socialbtn-area .socialbtn.evernote img,
.ftop #socialbtn-area .socialbtn.evernote img {
width:auto!important;
height:auto!important;
}
.newsnavi #socialbtn-area .socialbtn.print,
.ftop #socialbtn-area .socialbtn.print {
padding-top:4px;
*padding-top:2px;
}
.newsnavi #evernotebtn,
.ftop #evernotebtn {
overflow:visible!important;
padding:0!important;
widgh:auto!important;
}
.newsnavi #eventtext-area,
.ftop #eventtext-area {
display:none;
}
.newsnavi #headmenu-area,
.ftop #headmenu-area {
margin:0;
float:right;
padding-top:2px;
width:335px;
}

/* atmarkit top engineerlife area
--------------------------------------------------------- */
#el-info img {float:left; border-style:none;}
#el-info .el-textinfo {padding-left:50px; display:block;}
#el-info .el-link {
text-align:right;
font-size:12px;
background:url("/images/arrow_evcal.gif") no-repeat right 1px;
margin:3px 0 3px;
padding:2px 22px 2px 0px;
}

/* atmarkit jobinfomation area
--------------------------------------------------------- */
#job-info.rcBox {
border-color: #CCC !important;
border-right: 1px solid #CCC !important;
border-style: solid !important;
border-width: 0 1px 1px !important;
font-size: small;
margin:10px 0;
padding:0;
}
#job-info.rcBox.txtTtl h2 {
border-top:4px solid #999;
font-size:13px!important;
background: url("/parts/images/atit/subCol_ttl_bg.jpg") repeat-x scroll right bottom #FFFFFF !important;
color: #444444;
font-family: '���C���I';
font-weight: bold;
text-indent: 0 !important;
padding: 5px 2px 4px 7px;
height:17px;
margin:0;
}
#job-info img {float:left; border-style:none;}
#job-info .job-textinfo {padding-left:43px; display:block;}
#job-info p {
padding:5px;
margin:0;
}
#job-info .job-link {
text-align:right;
font-size:12px;
background:url("/images/arrow_evcal.gif") no-repeat right 1px;
margin:3px 0 3px;
padding:2px 22px 2px 0px;
}

/* news portal CLOUDQUEST
====================================================== */
#cloudquest {
background:none;
}
#cloudquest #content {
width:100%!important;
}
#cloudquest #centercol {
width:520px;
padding:0;
overflow:hidden;
}
#cloudquest #centercol-Outer {
border:1px solid #050505;
background:#FFF;
padding:2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:0 0 25px;
color:#FFF;
}
#cloudquest #centercol-inner {
border:1px solid #050505;
background:#050505;
padding:0px 10px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#cloudquest #navibar .navibar_styl {
float:left;
width:480px!important;
}
#cloudquest #footer {
margin:0;
}
#cloudquest #portaltop {
padding:0;
}
#cloudquest #subtopTitle,
#cloudquest #subtopDescription {
padding-bottom:20px;
}
#cloudquest #subtopDescription p#lead {
font-size:13px;
line-height:17px;
margin:0 auto;
padding:0;
text-align:center;
width:414px;
}
#cloudquest .portalColBox {
border:1px solid #666;
background:#FFF;
padding:2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:0 0 25px;
color:#FFF;
}
#cloudquest .portalColBoxOuter {
border:1px solid #050505;
background:#222;
padding:10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#cloudquest .portalColBoxHeader {
margin:0 0 7px;
}
#cloudquest .portalColBoxHeader h2 {
font-size:15px;
margin:0;
padding:0;
line-height:24px;
background:none;
color:#FFF;
border-bottom:1px solid #999;
}
#cloudquest .portalColBoxIndex {
min-height:82px;
height:auto!important;
height:82px;
clear:both;
}
#cloudquest .portalColBoxIcon {
display:inline;
}
#cloudquest .portalColBoxIcon a {
border:1px solid #CCC;
float:left;
margin:0 8px 3px 0;
}
#cloudquest .portalColBoxIcon img {
border:0 none;
width:40px;
height:60px;
}
#cloudquest .portalColBoxNews .portalColBoxIcon img {
width:60px;
height:80px;
}
#cloudquest .portalColBoxTitle {
margin:0 0 3px;
}
#cloudquest .portalColBoxTitle h3 {
font-size:15px;
line-height:23px;
margin:0;
padding:0;
font-weight:bold;
}
#cloudquest .portalColBoxTitle h3 a {
color:#ebe425;
}
#cloudquest .portalColBoxTitle h3 a:hover {
color:#ebe425;
}
#cloudquest .portalcolBoxSubTitle h5 {
margin:0 0 5px;
font-weight:bold;
}
#cloudquest .portalColBoxDescription {
padding:0 0 5px;
}
#cloudquest .portalColBoxDescription p {
font-size:13px;
line-height:18px;
margin:0;
}
#cloudquest .portalColBoxUlist ul {
padding:0;
}
#cloudquest .portalColBoxUlist ul li {
padding:0 0 10px;
background:none;
}
#cloudquest .portalColBoxUlist ul li a {
color:#FFF;
padding-left:15px;
display:block;
background:none;
line-height:17px;
}
#cloudquest .portalColBoxUlist ul li a:hover {
background:url("/news/portal/cloud/images/cloud_arr.gif") no-repeat 1px 1px;
color:#ffec1e;
}
#cloudquest .portalColBoxNavi .portalColBoxIndex {
min-height:30px;
height:auto!important;
height:30px;
}
#cloudquest .portalColBoxNavi .portalColBoxUlist ul li {
width:110px;
float:left;
height:25px;
line-height:25px;
padding:0;
}
#cloudquest .portalColBoxNavi .portalColBoxUlist ul li a {
font-size:17px;
line-height:25px;
outline: none;
text-decoration:none;
}
#cloudquest .portalColBoxNavi .portalColBoxUlist ul li a:hover {
background:url("/news/portal/cloud/images/cloud_arr.gif") no-repeat 1px 5px;
}
#cloudquest .portalColBoxTable {
background:none;
border:0 none;
padding:0;
}
#cloudquest .portalColBoxTable .portalColBoxOuter {
background:none;
border:0 none;
padding:0;
}
#cloudquest .portalColBoxTable table {width:100%;}
#cloudquest .portalColBoxTable td {
border:2px solid #FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width:50%;
background:#222;
padding:10px;
vertical-align:top;
}
#cloudquest #portaltop .uplink {
margin:0;
padding:0;
text-align:right;
}
#cloudquest #portaltop .uplink a {
color:#FFF;
font-size:13px;
line-height:22px;
outline: none;
text-decoration:none;
padding:0 0 0 15px;
}
#cloudquest #portaltop .uplink a:hover {
background:url("/news/portal/cloud/images/cloud_arr.gif") no-repeat;
color:#ffec1e;
}
#cloudquest .colBoxClear {
clear:both;
}
#cloudquest .h5px {
height:5px;
}
#cloudquest .h10px {
height:10px;
}
#cloudquest .h15px {
height:15px;
}
#cloudquest .h20px {
height:20px;
}

/* 110728 event calendar
======================================= */
#calendar {
display:none;
font-size: 12px;
margin-bottom:10px;
padding-bottom:0px;
background: #DDD;
letter-spacing:0.1ex;
line-height:140%;
border:1px solid #CCC!important;
}
#calendar .calendarOuter {
border: 2px solid #DDD;
}
#calendar h2 {
font-size:12px!important;
padding:3px 3px 3px 10px!important;
background:url(/parts/images/atit/subCol_ttl_bg.jpg) repeat-x!important;
border-top:4px solid #999;
border-bottom:1px solid #CCC;
margin:0;
color:#444;
}
#calendar li {
background:none;
}
#calendar #rcolCalendarIndex {
border:0 none!important;
}
#calendar #calendarInner ul li {
list-style:none;
width:auto;
padding:3px 0;
border-bottom:1px dotted #DDD;
position:relative;
}
#calendar #calendarInner ul li a {
padding:0 0 0 22px;
line-height:17px;
display:block;
}
#calendar #calendarInner ul li span {
display:block;
position:absolute;
top:3px;
left:0;
width:20px!important;
height:16px!important;
margin:0!important;
padding:0!important;
text-indent:-9999px;
background:url(/parts/images/olli_rank.gif) no-repeat 0 0;
border:0 none!important;
}
#calendar #calendarInner ul li span.rank1  {background-position: 0 0;}
#calendar #calendarInner ul li span.rank2  {background-position: 0 -50px;}
#calendar #calendarInner ul li span.rank3  {background-position: 0 -100px;}
#calendar #calendarInner ul li span.rank4  {background-position: 0 -150px;}
#calendar #calendarInner ul li span.rank5  {background-position: 0 -200px;}
#calendar #calendarInner ul li span.rank6  {background-position: 0 -250px;}
#calendar #calendarInner ul li span.rank7  {background-position: 0 -300px;}
#calendar #calendarInner ul li span.rank8  {background-position: 0 -350px;}
#calendar #calendarInner ul li span.rank9  {background-position: 0 -400px;}
#calendar #calendarInner ul li span.rank10 {background-position: 0 -450px;}
#calendar p {
font-weight:bold;
background:url(/parts/images/i_arow.gif) no-repeat 4px 7px!important;
padding:5px 0 0 19px;
margin:0;
}
#calendar #calendarInner ul {
padding:4px 4px 0!important;
margin:0!important;
}
#calendar #calendarInner {
clear:both;
background:none transparent;
margin:0!important;
padding:0 0 5px !important;
border:0 none!important;
position:relative;
}
#calendar .calendarOuter {
padding-bottom:5px;
background:#FFF;
margin:0;
}

#calendar .calendarOuter .cal-bt {
background:none!important;
padding:0 5px 0 0;
display:block;
height:17px;
}
.rcBox#calendar .calendarOuter .cal-bt a {
line-height:17px;
float:right;
background:url("/images/arrow_evcal.gif") no-repeat right 0;
padding:0 22px 0 0!important;
}
#calendar li a:hover {
color:#F30;
text-decoration:none;
}

/* 111128 New newzia_connect
====================================================== */
.newziaBox {
margin-bottom:10px;
}
.newziaBox #newzia_connect_ttwproi111125,
.newziaBox #newzia_connect_ttwp111125,
.newziaBox #newzia_connect_ttnews111125,
.newziaBox #newzia_connect_ttwproi111129 {
margin:0;
}
.newziaBox .btmlist ul {
padding:0 0 0 3px;
list-style:none;
margin:0;
}
.newziaBox .btmlist ul li {
padding:0 0 6px 15px;
line-height:17px;
background:url(/parts/images/icon/arrow_blue.gif) no-repeat 3px 4px;
}
.newziaBox .btmlist ul li a {
line-height:17px;
font-size:13px;
}
#rightcol .newziaBox h3 {
color:#00578A!important;
border-bottom:3px solid #00578A!important;
padding:1px 5px 3px 23px!important;
margin:0 0 7px!important;
font-size:14px!important;
font-weight:bold!important;
background:url(/parts/images/icon/fusen_blue.gif) no-repeat 2px 0!important;
}
#centercol .newziaBox h3 {
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;
margin-top:0;
background:url("/parts/images/icon/i_bl.gif") no-repeat 5px 2px #FAFAFA;
}
#news #centercol .newziaBox h3 {
border:0 none;
}
#news #centercol .newziaBox .btmlist ul li {
background: url("/parts/images/news/i_dot.gif") no-repeat 6px 7px;
padding: 0 0 0 17px;
}
.newzia_btmlink {
font-size:10px;
text-align:right;
}

/* 2012 snsContents
--------------------------------------------------------- */
#snsContents {
font-family:"lucida grande",tahoma,verdana,arial,'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;
}
#snsContents .colBox {
width:auto!important;
}
#snsContents .colBox .colBoxOuter {
border:none;
}
#snsContents .colBox .colBoxIndex {
padding:0;
border:none;
}
#snsContents .colBoxUlist ul {
margin:0;
padding:0;
clear: both;
font-size: 12px;
line-height: 16px;
list-style-type: none;
}
#snsButtons {
height:23px;
}
#snsButtons .colBox {
margin:0;
}
#snsButtons .colBoxUlist li {
display:block;
float:left;
margin:0;
background:#EEE;
padding:3px 8px;
border-top:1px solid #CCC;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
font-size:11px;
line-height:16px;
font-weight:bold;
cursor:pointer;
}
#snsButtons .colBoxUlist li.hover {
}
#snsButtons .colBoxUlist li.active {
background:#FFF;
}
#snsContents .colBoxHead {
display:none;
}
#colBoxSnsMostpopular iframe,
#colBoxSnsFriendsactivity iframe,
#colBoxSnsMosttweeted iframe {
width:298px!important;
}
#colBoxSnsMostpopular .colBoxOuter {
border:1px solid #CCC!important;
}
#colBoxSnsFriendsactivity .colBoxOuter {
border:1px solid #CCC!important;;
}
#colBoxSnsMosttweeted .colBoxOuter {
border:1px solid #CCC!important;;
height:262px;
overflow:scroll;
}
#colBoxSnsMosttweeted .colBoxUlist li {
background:none;
padding:0 0 3px 0;
margin-bottom:3px;
font-size:11px;
border-bottom:1px dotted #CCC;
}
#colBoxSnsMosttweeted .colBoxDescription {
margin-bottom:10px;
background:#F2F2F2;
clear:both;
}
#colBoxSnsMosttweeted .colBoxDescription p {
padding:4px;
}
#colBoxSnsMosttweeted .colBoxIcon img {
border:0 none;
}
#colBoxSnsSocialbutton .colBoxOuter {
background:#CCC;
padding:5px;
border-radius:0 0 5px 5px;
}
#colBoxSnsSocialbutton .colBoxUlist li {
border:0;
display:inline;
background:none;
margin:0;
padding:0;
}

#snsContents .colBoxIcon {
display: inline;
}
#snsContents .colBoxIcon a {
float: left;
margin: 0 5px 3px 0;
}
#snsContents .colBoxTitle h3 {
margin:0;
padding:8px 0 0;
}
#snsContents .colBoxDescription p {
line-height: 16px;
margin: 0;
}
#snsContents div::after {
content:"";
}
.colBoxClear {
clear:both;
}
.h5px {
height:5px;
}
.h10px {
height:10px;
}
.h15px {
height:15px;
}
.h20px {
height:20px;
}
.h25px {
height:25px;
}
.h30px {
height:30px;
}

#mailmagForm {
display:none!important;
}

/* new kyujinText */
/* ======================================= */
#ITTO .colBoxHead h2 {
background:url("/include/rightsponsor/images/ttl_kyujin.gif") no-repeat;
padding:0;
margin:0;
text-indent:-9999px;
height:21px;
}
#ITTO .colBoxHead span {
display:none;
}
#ITTO .colBoxUlist li a {
display: block;
margin: 3px 0px;
padding: 2px 1px 2px 10px;
list-style: none;
border-bottom: 1px dashed #94AAD4;
font-size: 13px;
text-align: left;
line-height: 120%;
}