@import "./common.css";
@import "./clear_fix.css";

#rightWrap h2.pageTtl {
height:25px;
font-size:16px;
margin-bottom:20px;
padding:5px 15px 0 15px;
text-align:center;
background: url(../img/common/bg_title_for2clum.gif) no-repeat left top;
}

#rightWrap ul,
#rightWrap ol,
#rightWrap dl {
list-style:none;
}


.contentWrap {
	padding: 0px 5px;
}




/*---------------------------
     What's about TAGs
---------------------------*/
/*-- ^Oi2Jj --*/
#rightWrap #tagWrap {
width: 720px;
margin-bottom:17px;
}

#rightWrap #tagWrap h3 {
	margin: 0 0 10px 0;
	padding: 2px 0 2px 10px;
	font-size: 14px;
	font-weight: bold;
	border-left: 5px #339999 solid;
	border-bottom: 1px #aaa solid;
	color: #006666;
}

#rightWrap #tagWrap p {
margin-bottom:10px;
}

#rightWrap #tagWrap h4 {
	display:inline;
	font-size: 14px;
}

	#rightWrap #tagWrap h4 span {
		margin-left: 10px;
		font-size: 12px;
		color: #CCCCCC;
	}

#rightWrap #tagWrap h5 {
	display:inline;
}

#rightWrap #tagWrap p {
	width: 688px;
	display: block;
}

#rightWrap #tagWrap ul {
width:680px;
margin:0 0 0 10px;
padding:0;
}

	#rightWrap #tagWrap ul li {
	padding:0;
	margin:0;
	}

#rightWrap #tagWrap dl {
	width: 680px;
	margin: 0 0 20px 10px;
	padding: 4px;
	font-weight: bold;
	list-style:none;
	border: 1px #CCCCCC solid;
}

#rightWrap #tagWrap dt {
	width: 100px;
	float: left;
	font-weight: bold;
}
#rightWrap #tagWrap dd {
	width: 580px;
	float: right;
}

#rightWrap #tagWrap .qrCode {
	width: 590px;
	height: 110px;
	padding: 0 0 0 130px;
	background: url(../img/qr_mailmember.gif) no-repeat left -5px;
}



/*---------------------------
    Latest Article
---------------------------*/

/*-- WEGAʍŐVLi2Jj --*/
#rightWrap .photoframe {
margin:0 0 20px 15px;
}
#rightWrap .photoframe:after {
	visibility: hidden;
	display: block;
	content: ".";
	height: 0;
	clear: both;
}

#rightWrap .photoframe li img {
	width:120px;
	height:120px;
	margin:0;
}

#rightWrap .photoframe ul {
	padding:0 0 0 0px;
	list-style:none;
}

#rightWrap .photoframe li {
	float:left;
	margin: 0 3px 0 0;
	padding:0 0 5px 0;
}

#rightWrap .photoframe li a {
	border:none;
}

#rightWrap .photoframe li img {
	display:block;
	border:1px solid #ccc;
}

#rightWrap .photoframe li span {
	width: 120px;
	display:block;
	height:1.2em;
	line-height:1.2;
	overflow:hidden;
	text-align: center;
	font-size: 10px;
}

div#rightWrap ul.unit {
width: 688px;
	list-style:none;
	margin-left:15px;
}

div#rightWrap ul.unit li {
	width: 674px;
	margin-bottom: 3px;
	padding-bottom: 4px;
	background: url(../img/line_dot.gif) repeat-x left bottom;
}

div#rightWrap ul.unit li a {
overflow:hidden;
}

div#rightWrap ul.unit li .date {
	width: 100px;
	margin-right: 5px;
	float: left;
	text-align: center;
}

div#rightWrap ul.unit li .kijiTitle {
	width: 300px;
	float: left;
}

div#rightWrap ul.unit li .blogTitle {
	width: 250px;
	float: right;
}




/*---------------------------
         company
---------------------------*/
div#rightWrap div#companyWrap div.mainWrap {
width:680px;
margin:0 0 0 20px;
}

div#rightWrap div#companyWrap div.mainWrap h3 {
color:#f60;
font-size:14px;
margin-bottom:10px;
}

div#rightWrap div#companyWrap div.mainWrap p {
margin-bottom:1em;
line-height:1.5;
}

div#rightWrap div#companyWrap div.mainWrap p.first {
padding-left:230px;
background:url(../img/logo_netsystem.gif) no-repeat left top;
}

div#rightWrap div#companyWrap div.mainWrap p.signature {
padding:15px 0 0 300px;
}


/*---------------------------
     RANKING
---------------------------*/
/*-- lCBLOGLOi2Jj --*/
div#rightWrap #rankingWrap {
width: 720px;
margin-bottom:17px;
}

	div#rightWrap #rankingWrap  h2{
	margin-bottom:7px;
	}
	
div#rightWrap #rankingWrap dl {
	width: 680px;
	list-style:none;
	margin: 0 0 10px 0;
	padding: 4px;
	float: right;
	font-weight: bold;
	border: 1px #CCCCCC solid;
}

div#rightWrap #rankingWrap dt {
	width: 600px;
	float: right;
	font-weight: bold;
}
div#rightWrap #rankingWrap dt span {
	margin: 0 10px 0 0;
	padding: 2px 4px;
	color: #FFFFFF;
	background-color: #666666;
	font-weight: bold;
}
div#rightWrap #rankingWrap dt img {
}
div#rightWrap #rankingWrap dd {}
div#rightWrap #rankingWrap .li1 {
	width: 52px;
	height: 52px;
	float: left;
}
div#rightWrap #rankingWrap .li1 a {
	display:block;
	border:1px solid #ccc;
}
div#rightWrap #rankingWrap .li2 {
	width: 600px;
	float: right;
}



/*---------------------------
     Latest Blog
---------------------------*/

/*-- VKuOꗗi2Jj --*/
div#rightWrap #NewEntryWrap {
width: 720px;
margin-bottom:17px;
}


div#rightWrap #NewEntryWrap dl {
	width: 680px;
	margin: 0 0 10px 0;
	padding: 4px;
	float: right;
	list-style:none;
	font-weight: bold;
	border: 1px #CCCCCC solid;
}

div#rightWrap #NewEntryWrap dt {
	width: 600px;
	float: right;
	font-weight: bold;
}
div#rightWrap #NewEntryWrap dt span {
	margin: 0 10px 0 0;
	font-weight: bold;
}
div#rightWrap #NewEntryWrap dt img {
}
div#rightWrap #NewEntryWrap dd {}
div#rightWrap #NewEntryWrap .li1 {
	width: 52px;
	height: 52px;
	float: left;
}
div#rightWrap #NewEntryWrap .li1 a {
	display:block;
	border:1px solid #ccc;
}
div#rightWrap #NewEntryWrap .li2 {
	width: 600px;
	float: right;
}



/*---------------------------
          X܌
---------------------------*/
div#rightWrap #SearchWrap {
width: 720px;
margin-bottom:17px;
}

/*--------X܈ꗗ\-------*/
div#rightWrap #SearchWrap table.tenpo {
	border-top: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
}

div#rightWrap #SearchWrap table.tenpo th {
	background-color: #CED58F;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	text-align: center;
	font-weight: bold;
	color: #333333;
}

div#rightWrap #SearchWrap table.tenpo td {
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
}

div#rightWrap #SearchWrap table.tenpo2 {
	border-top: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
}

div#rightWrap #SearchWrap table.tenpo2 th {
	background-color: #D7D7D6;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	text-align: center;
	font-weight: bold;
	color: #333333;
}

div#rightWrap #SearchWrap table.tenpo2 td {
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
}

div#rightWrap #SearchWrap .tenpoDot {
	margin-bottom: 12px;
	padding-bottom: 13px;
	background: url(../img/line_dot.gif) repeat-x left bottom;
}

div#rightWrap #SearchWrap .tenpoBotton {
	vertical-align: bottom;
}

div#rightWrap #SearchWrap .tenpoSearch {
	background-color: #FCDA81;
}

div#rightWrap #SearchWrap .tenpoSearchkensu {
	padding: 4px 0 0 0;
	background: url(../img/search/img_searchbg.gif);
	height: 22px;
}

div#rightWrap #SearchWrap .tenpoCenter {
	margin: 0 auto;
}

div#rightWrap #SearchWrap .tenpoFont {
	margin-bottom: 10px;
	padding: 5px;
	font-size: 10px;
	line-height: 1.2em;
	color: #BEBEBE;
	border: 2px #D3D3D3 solid;
	text-align: center;
}

div#rightWrap #SearchWrap .tenpoSearchBg {
	padding: 10px 0 0 50px;
	height: 194px;
	background: url(../img/search/img_search_bg.gif) no-repeat left top;
}

div#rightWrap #SearchWrap .tenpoSearchBg input.free {
	width:231px;
	padding:1px;
	border:1px #ccc solid;
}



/*---------------------------
        @ }bv
---------------------------*/
div#rightWrap #mapWrap {
width: 720px;
margin-bottom:17px;
}


/*1-m8 }bv{	*/
#mapbox {}
/*n}*/
#mapbox #map {
width: 675px;
height: 600px;
}
#mapbox .gmnoprint { line-height:1.8;}
/*}bvurl*/
#mapbox #taCode { width:450px;}
/*|bvAbv֘A*/
.popup{
width:200px;
height:100%;
text-align:left;
margin:0 0 0 10px;
}
.entry_title img{
margin:0px 2px 2px 0px;
}
.entry_title a:link,.entry_title a:visited,.entry_title a:hover,.entry_title a:active{
font-weight:bold;
}
.entry_excerpt{
margin:10px 0px 0px 0px;
}
.entry_excerpt img{
margin:0px 4px 4px 0px;
float:left;
width:75px;
}



/*---------------------------
         bZ[W
---------------------------*/
div#rightWrap #messageWrap {
width: 720px;
margin-bottom:17px;
}




/*---------------------------
 ₢킹
---------------------------*/
div#rightWrap #inquiryWrap {
width: 720px;
margin-bottom:17px;
}



/*-- table --*/
div#rightWrap #inquiryWrap table {
width: 688px;
margin-left:15px;
}

div#rightWrap #inquiryWrap th {
padding: 3px;
background-color: #CCCCCC;
text-align: right;
font-weight: bold;
}

div#rightWrap #inquiryWrap td {
padding: 3px;
background-color: #EFEFEF;
}

div#rightWrap #inquiryWrap .Check {
color: #FF0066;
font-weight: bold;
}

div#rightWrap #inquiryWrap .Check02 {
font-size: 10px;
}


/*---------------------------
Privacy Poricy
---------------------------*/
div#rightWrap #privacyWrap {
width: 720px;
margin-bottom:17px;
}

/*-- list --*/
div#rightWrap #privacyWrap ol li {
margin: 0 0 10px 20px;
list-style-type: decimal;
}

div#rightWrap #privacyWrap ul li {
margin: 0 0 0 20px;
list-style-type: disc;
}



/*---------------------------
         t[
---------------------------*/
div#rightWrap #textFreeWrap {
width: 720px;
margin-bottom:17px;
}


/*---------------------------
         info
---------------------------*/

div#rightinfo #privacyinfo {
width: 720px;
margin-bottom:17px;
}

/*-- list --*/
div#rightinfo #privacyinfo ol li {
margin: 0 0 10px 20px;
list-style-type: decimal;
}

div#rightinfo #privacyinfo ul li {
margin: 0 0 0 20px;
list-style-type: disc;
}

.step {
width: 688px;
height: 300px;
}

.title {
margin: 0 0 10px 0;
padding: 2px 0 2px 10px;
font-size: 16px;
font-weight: bold;
border-left: 5px #FF9000 solid;
border-bottom: 1px #aaa solid;
color: #D86600;
}

.info123 {
font-size:15px;
font-style:inherit;
color:#FF0000;
}

/*---------------------------
         t[
---------------------------*/
div#rightinfo #textFreeinfo {
width: 720px;
margin-bottom:17px;
}


/*----------------------------------
  List ( Jobinfo / Campaign )
----------------------------------*/
div#rightWrap div#infoListWrap {
width:720px;
margin-bottom:20px;
}

div#infoListWrap div.infoBox {
width:720px;
padding-bottom:5px;
margin-bottom:1em;
border-bottom:1px #aaa dotted;
overflow:hidden;
}

div#infoListWrap div.infoBox div.imgBox {
width:70px;
float:left;
text-align:center;
}

div#infoListWrap  div.infoBox ul {
width:635px;
margin:0;
padding:0;
float:right;
list-style:none;
}

div#infoListWrap  div.infoBox ul li {
height:18px;
white-space:nowarp;
padding:0 0 0 60px;
margin:0;
overflow:hidden;
}

/* Campaign */
div#infoListWrap  div.infoBox ul li.cpTitle {
background: url(../img/dullet_title_cp.gif) no-repeat left 1px;
}
div#infoListWrap  div.infoBox ul li.cpTarm {
background: url(../img/dullet_tarm_cp.gif) no-repeat left 1px;
}
div#infoListWrap  div.infoBox ul li.cpShop {
background: url(../img/dullet_shop_cp.gif) no-repeat left 1px;
}

/* Job info */
div#infoListWrap  div.infoBox ul li.jobTarm {
background: url(../img/dullet_tarm_job.gif) no-repeat left 1px;
}
div#infoListWrap  div.infoBox ul li.jobTitle {
background: url(../img/dullet_category_job.gif) no-repeat left 1px;
}
div#infoListWrap  div.infoBox ul li.jobCom {
background: url(../img/dullet_com_job.gif) no-repeat left 1px;
}

div#infoListWrap  div.infoBox ul li.cpTitle a,
div#infoListWrap  div.infoBox ul li.jobTitle a {
font-size:14px;
font-weight:bold;
color:#f90;
}

div#infoListWrap  div.infoBox ul li.cpTarm,
div#infoListWrap  div.infoBox ul li.jobTarm {
font-size:10px;
color:#999;
}



/*----------------------------------
  List ( sponcors )
----------------------------------*/

div#rightWrap div#sponcorWrap {
width:720px;
overflow:hidden;
}

div#rightWrap div#sponcorWrap h3 {
margin-bottom:15px;
}

div#sponcorWrap ul {
width:750px;
list-style:none;
margin-bottom:25px;
}

div#sponcorWrap ul li {
width:230px;
height:60px;
float:left;
overflow:hidden;
margin:0 15px 15px 0;
}

div#sponcorWrap ul li img {
width:80px;
height:60px;
float:left;
}

div#sponcorWrap ul li p{
width:143px;
float:right;
line-height:1.2;
font-size:10px;
color:#777;
}

div#sponcorWrap ul li p a {
font-size:14px;
font-weight:bold;
color:#f90;
}