@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 基本
　02. タブコンテンツ
　03. ケーススタディ一覧
　04. 2nd
  

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



/* ==

　00. file import

=============================================================================== */
@import url("/business/css/style.css");
@import url("/business/silver/css/style.css");



/* ==

　01. 基本

=============================================================================== */
.topicPath li.lastChild a{ background:none; }

.main h4{
	margin-bottom:10px;
	padding:0 0 3px;
	border-bottom:1px solid #ccc;	
	font-size:100%;
}

.main h5{
	margin-bottom:5px;
	font-size:100%;
	line-height:1.4;
}

.main p{ line-height:1.5; }
/*.main div p img{ margin-top:3px; }*/

.main div{
	min-height:1%;
	margin-bottom:20px;
	clear:both;
}
* html .main div{ height:1%; }
.main div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.main div div{ margin-bottom:0; clear:none; }



/* ==

　02. タブコンテンツ

=============================================================================== */
.section .main .tabcnts h4{ background:none; border-bottom:none; }

/* タブ
------------------------------------------------------------------------------- */
.main .tabcnts .tab{ background:url(../images/bk_tab.gif) left bottom repeat-x; }
.main .tabcnts .tab li{ margin-right:10px; float:left; }
@media print{
	* html .main .tabcnts .tab li{ margin-right:9px; }
}
.main .tabcnts .tab li.tab_04{ margin-right:0; }

.main .tabcnts .tab li a{
	width:175px;
	height:45px;
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
.main .tabcnts .tab li a span{ display:none; }
.main .tabcnts .tab li a:link, .main .tabcnts .tab li a:visited{ background-position:left top; }
.main .tabcnts .tab li a:hover, .main .tabcnts .tab li a:active{ background-position:left bottom; }

.main .tabcnts .tab li.tab_01 a{ background-image:url(../images/tab_01.gif); }
.main .tabcnts .tab li.tab_02 a{ background-image:url(../images/tab_02.gif); }
.main .tabcnts .tab li.tab_03 a{ background-image:url(../images/tab_03.gif); }
.main .tabcnts .tab li.tab_04 a{ background-image:url(../images/tab_04.gif); }

.main .tabcnts .tab li.tab_01,
.main .tabcnts .tab .tab_01 li.tab_01 a{ background-image:url(../images/tab_01_on.gif); }
.main .tabcnts .tab li.tab_02,
.main .tabcnts .tab .tab_02 li.tab_02 a{ background-image:url(../images/tab_02_on.gif); }
.main .tabcnts .tab li.tab_03,
.main .tabcnts .tab .tab_03 li.tab_03 a{ background-image:url(../images/tab_03_on.gif); }
.main .tabcnts .tab li.tab_04,
.main .tabcnts .tab .tab_04 li.tab_04 a{ background-image:url(../images/tab_04_on.gif); }


/* 内容
------------------------------------------------------------------------------- */
.main .tabcnts .cnts{
	margin:0;
	padding-bottom:80px;
	background-position:left bottom;
	background-repeat:no-repeat;
	line-height:1.5;
}
.main .tabcnts #tabcnts_01{ background-image:url(../images/arrow01.gif); }
.main .tabcnts #tabcnts_02{ background-image:url(../images/arrow02.gif); }
.main .tabcnts #tabcnts_03{ background-image:url(../images/arrow03.gif); }
.main .tabcnts #tabcnts_04{ background-image:url(../images/arrow04.gif); }


.main .tabcnts .cnts div{
	padding:15px 10px 10px;
	border-bottom:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
}

.main .tabcnts .cnts h5{ display:none; }

.main .tabcnts .cnts dl{
	padding:20px 260px 0 0;
	background-position:right top;
	background-repeat:no-repeat;
}
.main .tabcnts #tabcnts_01 dl{ min-height:145px; background-image:url(../images/img01.gif); }
* html .main .tabcnts #tabcnts_01 dl{ height:145px; }
.main .tabcnts #tabcnts_02 dl{ min-height:140px; background-image:url(../images/img02.gif); }
* html .main .tabcnts #tabcnts_02 dl{ height:140px; }
.main .tabcnts #tabcnts_03 dl{ min-height:150px; background-image:url(../images/img03.jpg); }
* html .main .tabcnts #tabcnts_03 dl{ height:150px; }
.main .tabcnts #tabcnts_04 dl{ min-height:155px; background-image:url(../images/img04.gif); }
* html .main .tabcnts #tabcnts_04 dl{ height:155px; }

.main .tabcnts .cnts ul{ padding-top:10px; }
.main .tabcnts .cnts li{
	margin-bottom:5px;
	padding-left:15px;
	background:url(../images/li_disc.gif) left 4px no-repeat;
	line-height:1.3;
}




/* ==

　03. ケーススタディ一覧

=============================================================================== */
.section .main .casestudy h3{ margin-bottom:0; }
.main .casestudy .caseList{
	/*width:358px;*/
	width:730px;
	min-height:1%;
	position:relative;
	clear:both;
}
.caseList:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.main .casestudy .caseList div{
	width:355px;
	margin-bottom:10px;
	padding-top:10px;
	background:url(/common/images/renew2009/line_dotted02.gif) left top repeat-x;
	float:left;
}
.main .casestudy .caseList div.odd{ float:right; }

.casestudy .caseList div.firstChild{ background:none; }
.caseList p.img{ width:60px; float:left; }
.caseList dl{ width:285px; float:right; }
.caseList dt{ margin-bottom:5px; line-height:1.3; }
.caseList dt a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
	display:block;
}
.caseList dt a strong{ color:#404f6f; }
.caseList dd{ padding-left:7px; line-height:1.5; }

.caseList dd p{ padding-top:10px; }
.caseList dd p a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 7px no-repeat;
	display:block;
}





/* ==

　04. 2nd

=============================================================================== */
.main div.sprt_point{ margin-bottom:0; }
.main div.sprt_point div{
	width:722px;
	margin:0 0 10px;
	padding:4px;
	background-color:#eee;
	clear:both;
}
.main div.sprt_point div div{
	width:720px;
	margin:0;
	padding:0;
	background-color:#fff;
	border:1px solid #dbdbdb;
	clear:both;
}
.main div.sprt_point div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.main div.sprt_point div dl{
	width:480px;
	margin:0;
	padding:10px;
	background-color:#fff;
	line-height:1.5;
	float:left;
}
.main div.sprt_point div dt{ margin-bottom:2px; }
.main div.sprt_point div p.img{ width:214px; margin:0; padding:0; border:1px solid #fff; float:right; }


.main p.txtlink_prev{ margin-bottom:20px; text-align:right; clear:both; }
.main p.txtlink_prev a{
	padding-left:15px;
	background:url(../images/support/arrow.gif) left 1px no-repeat;
}