@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. 基本
　02. メイン
　03. コンテンツ


******************************************************************************* */




/* ==

　01. 基本

=============================================================================== */
/* 
------------------------------------------------------------------------------- */
.container p.bnr a:link, .container p.bnr a:visited{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
.container p.bnr a:active, .container p.bnr a:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}




/* ==

　02. メイン

=============================================================================== */
.container div.main{
	width:948px;
	margin:0 -3px 30px;
	padding:25px 4px 4px;
	background:url(../../images/rn01/top/bg_main.png) left 21px no-repeat;
	font-size:100%;
	line-height:1.0;
	position:relative;
	float:none;
	clear:both;
}
.container div.main:after,
.container div.main div:after{ content:''; display:block; clear:both; }



/* ボタン
------------------------------------------------------------------------------- */
.container div.main div.btns{
	width:219px;
	margin:0;
	padding:0;
	float:left;
	clear:none;
}
.container div.subColumn div.bnrs li{ background-color:#fff; }
.container div.main div.btns li a, .container div.subColumn div.bnrs li a{ zoom:1; display:block; }

.container div.main div.btns li.current{ background:url(../../images/rn01/top/arrow_current.gif) 204px center no-repeat; }

.container div.main div.btns li a:link, .container div.main div.btns li a:visited,
.container div.subColumn div.bnrs li a:link, .container div.subColumn div.bnrs li a:visited,
.container div.main div.btns li.current a:active, .container div.main div.btns li.current a:hover{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
.container div.main div.btns li a:active, .container div.main div.btns li a:hover,
.container div.subColumn div.bnrs li a:active, .container div.subColumn div.bnrs li a:hover{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}





/* 内容
------------------------------------------------------------------------------- */
.container div.main div.details{
	width:729px;
	margin:0;
	padding:10px 0 0;
	position:relative;
	float:left;
	clear:none;
}
.container div.main div.details h2{
	width:480px;
	height:auto;
	margin:0;
	padding:22px 0 31px;
	background:none;
	line-height:1.0;
}

div.main div.details div.featured{ width:480px; padding-top:15px; }
div.main div.details div dt img{ vertical-align:bottom; }
div.main div.details div.cnts dt, div.main div.details div.cnts dd{ margin:0; padding:0; font-size:85%; line-height:1.0; float:left; }
div.main div.details div.featured dt{ margin-right:10px; }

div.main div.details div.casestudy a:link, div.main div.details div.casestudy a:visited,
div.main div.details div.featured dd a:link, div.main div.details div.featured dd a:visited{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	zoom:1;
	display:block;
}
div.main div.details div.casestudy a:active, div.main div.details div.casestudy a:hover,
div.main div.details div.featured dd a:active, div.main div.details div.featured dd a:hover{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	zoom:1;
	display:block;
}


/* 各コンテンツナビゲーション */
div.main div.details div.navi{
	width:222px;
	position:absolute;
	top:-21px;
	right:13px;
}
div.main div.details div.navi dd{
	margin:0;
	padding:10px 4px 15px 1px;
	background:url(../../images/rn01/top/bg_navi.png) left bottom no-repeat;
	font-size:85%;
	line-height:1.0;
}
div.main div.details div.navi dd a{ display:block; }

/*
div.main div.details div.navi dd ul{ padding-bottom:5px; }
div.main div.details div.navi dd ul.dotline{ padding-top:8px; border-top:1px dotted #9c9c9c; }
*/
div.main div.details div.navi dd li{ margin:0 0 12px; padding:0 7px; zoom:1; }

div.main div.details div.navi p.btn{ padding-top:5px; margin-left:8px; }
div.main div.details div.navi p.btn a{ width:200px; }

.container div.main #casestudy,
.container div.main #dssmart{ display:none; }

.container div.main div.details p.btn_inquiry{ position:absolute; top:15px; right:14px; }






/* ==

　03. コンテンツ

=============================================================================== */
.mainCnts{
	width:950px;
	margin:0;
	padding:0 0 30px;
	background:none;
	font-size:120%;
	line-height:1.5;
}
.mainCnts:after, .mainCnts div:after{ content:''; display:block; clear:both; }

.mainCnts .mainColumn{ width:630px; float:left; clear:none; }
.mainCnts .subColumn{ width:300px; float:right; clear:none; }

.mainCnts .subColumn .bnrs{ padding-bottom:20px; }
.mainCnts .subColumn .bnrs li{ margin-bottom:10px; }




/* メイン（左）カラム
------------------------------------------------------------------------------- */
/* 注目のコンテンツ */
.mainCnts .mainColumn div.featured{
	width:624px;
	min-height:212px;
	margin:0 0 30px;
	padding:12px 0 0;
	background-color:#f4f4f4;
	border:3px solid #ccc;
	clear:both;
}
* html .mainCnts .mainColumn div.featured{ height:212px; }
.mainCnts .mainColumn div.featured h2{
	margin:0 12px 10px;
	padding:0 0 7px 25px;
	background:transparent url(../../images/rn01/top/ic_featured.gif) left 2px no-repeat;
	border-bottom:1px dotted #ccc;
	border-left:none;
}
.mainCnts .mainColumn div.featured p{
	width:295px;
	margin:0 0 0 12px;
	padding:0 0 12px;
	display:inline;
	zoom:1;
	position:relative;
	float:left;
	clear:none;
}
.mainCnts .mainColumn div.featured p a{ zoom:1; display:block; }
.mainCnts .mainColumn div.featured p a:after{ content:''; display:block; clear:both; }
.mainCnts .mainColumn div.featured p a img{ margin-right:10px; margin-bottom:10px; display: block; float:left; }

.mainCnts .mainColumn div.featured p a:link, .mainCnts .mainColumn div.featured p a:visited{ text-decoration:none; }
.mainCnts .mainColumn div.featured p a.txt_link:link, .mainCnts .mainColumn div.featured p a.txt_link:visited{ text-decoration:underline; }
.mainCnts .mainColumn div.featured p a.txt_link:hover, .mainCnts .mainColumn div.featured p a.txt_link:active{ text-decoration:none; }

.mainCnts .mainColumn div.featured p span.chk{
	padding:10px 0 10px 23px;
	background:url(../../images/rn01/img_check.png) left 10px no-repeat;
	line-height:1.3;
	color:#0e5fa3;
	font-weight:bold;
	/*
	display:block;
	float:left;
	*/
}
.mainCnts .mainColumn div.featured p span.chk small{ font-size:80%; color:#0e5fa3; }
.mainCnts .mainColumn div.featured p a.txt_link{
	padding-top:5px;
	padding-left:12px;
	background:url(/common/images/renew2009/arrow.gif) left center no-repeat;
	color:#404f6f;
	line-height:1.3;
	font-weight:bold;
	/*
	position:absolute;
	bottom:0;
	left:85px;
	*/
}
.mainCnts .mainColumn div.featured p a.txt_link.blank{
	padding-left:18px;
	background:url(/common/images/renew2009/arrow_blank.gif) left center no-repeat;
}


.mainCnts .mainColumn div.featured p span.txt_link{
	padding-left:12px;
	background:url(/common/images/renew2009/arrow.gif) left center no-repeat;
	color:#404f6f;
	line-height:1.3;
	font-weight:bold;
}
.mainCnts .mainColumn div.featured p span.txt_link.blank{
	padding-left:18px;
	background:url(/common/images/renew2009/arrow_blank.gif) left center no-repeat;
}
.mainCnts .mainColumn div.featured p a:link span.txt_link, .mainCnts .mainColumn div.featured p a:visited span.txt_link{ text-decoration:underline; }
.mainCnts .mainColumn div.featured p a:hover span.txt_link, .mainCnts .mainColumn div.featured p a:active span.txt_link{ text-decoration:none; }



.mainCnts div.colBlock01{
	width:654px;
	margin-left:-24px;
	zoom:1;
	clear:both;
}
.mainCnts div.colBlock01 .col{
	width:303px;
	margin-left:24px;
	padding-bottom:20px;
	display:inline;
	float:left;
}
.mainCnts div.colBlock01 .col p.img{ margin-right:10px; float:left; }
.mainCnts div.colBlock01 .col div.txt{ width:190px; line-height:1.4; float:left; }
.mainCnts div.colBlock01 .col div.txt p a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
	font-weight:bold;
}



/* トピックス */
.mainCnts .topics{
	margin:0 auto;
	padding:0 0 30px;
	zoom:1;
	clear:both;
}

.mainCnts div.topics div{
	height:118px;
	overflow-y:scroll;
	overflow-x:hidden;
	clear:both;
}

.mainCnts div.topics dl {
	width:600px;
	margin-bottom: 8px;
	padding-bottom: 9px;
	background: url(../../images/rn01/top/bg_line_topics.gif) left bottom repeat-x;
	clear:both;
}
.mainCnts div.topics dl:after{ content:''; display:block; clear:both; }
.mainCnts div.topics dt {
	float: left;
	width: 100px;
}
.mainCnts div.topics dd {
	float:left;
	width:500px;
}
.mainCnts div.topics dd a {
	display: block;
	padding-left: 14px;
	background: url(../../images/rn01/top/arrow_info.gif) 3px 7px no-repeat;
}




/* サブ（右）カラム
------------------------------------------------------------------------------- */
.subColumn div p.img{ margin:0 10px 0 0; float:left; }
.subColumn div div.txt{ width:190px; margin:0 0 10px; float:left; }




.subColumn .case p.btn a{
	width:230px;
	margin:5px auto 20px;
	padding:5px;
	background:#4d4d4d url(../../images/rn01/top/arrow_01.gif) 220px center no-repeat;
	color:#fff !important;
	text-decoration:none !important;
	text-align:center;
	font-weight:bold;
	display:block;
	zoom: 1;
}
.subColumn .case p.btn a:link, .subColumn .case p.btn a:visited{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	zoom:1;
	display:block;
}
.subColumn .case p.btn a:active, .subColumn .case p.btn a:hover{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	zoom:1;
	display:block;
}



.subColumn .case dl{
	margin:15px 0 30px;
	padding-top:10px;
	border-top:1px dotted #999;
	clear:both;
}
.subColumn .case dt{
	font-weight:bold;
	color:#333;
}
.subColumn .case dd li{ font-weight:bold; }
.subColumn .case dd li a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 7px no-repeat;
	display:block;
}


.subColumn .related li a{
	padding-left:12px;
	background:url(/common/images/renew2009/arrow.gif) left 7px no-repeat;
	font-weight:bold;
	display:block;
}