@charset "UTF-8";

/**
 * casestudy.css
 * type: ITmedia 導入事例用デザイン Ver.2.0
 */

/* タブリンク (template.cssを上書き、strongではなくspanで指定)
--------------------------------------------------------------*/
.tab ul li span {
	display:block;
	padding:5px 14px 3px 14px;
	background:url(/images/tab/tab_def_rt.gif) no-repeat right top;
	font-size:100%;
	font-weight:bold;
	line-height:1.2;
	color:#333;
}
.tab ul li span a {
	color:#333 !important;
	text-decoration:none !important;
}
.tab ul li.current span {
	display:block;
	background:url(/images/tab/tab_cur_rt.gif) no-repeat right top;
	color:#FFF;
}

/* cs_tabs（概要ページ／見出し）
--------------------------------------------------------------*/
dl#cs_tabs {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
	font-size:90%;
	line-height: 1.5em;
}
dl#cs_tabs dd { color:#333; }
dl#cs_tabs dt#cs_tab_casestudy { color: #fff; background: #000000; text-align: center; }
dl#cs_tabs dt#cs_tab_category  { color: #fff; background: #252B84; text-align: center; }
dl#cs_tabs dt#cs_tab_solution  { color: #fff; background: #1C6185; text-align: center; }
dl#cs_tabs dt#cs_tab_product   { color: #fff; background: #1A9883; text-align: center; }


/* before/after（概要ページ／導入前・後）
--------------------------------------------------------------*/
div#intro_month{ margin-bottom: 10px; }
div#intro_month span{
	padding: 3px;
	background-color: red;
	color: white;
	font-weight: bold;
}

dl#intro_before{ margin-top: 0; padding-top: 0; }
dl#intro_before dt{
	margin: 0;
	padding-left: 10px;
	width: 5em;
	color: #fff;
	background: #1A9883 url("/images/solution/casestudy/common/cs_before.gif") right center no-repeat;
	font-weight: bold;
}
dl#intro_before dd{
	padding: 10px;
	border-left:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
}

div#before2after{
	margin-left: 175px;
	height:16px;
	background: url('/images/solution/casestudy/common/cs_before2after.gif') no-repeat;
}
div#before2after span{ display: none; }

dl#intro_after{margin-top: 0; padding-top: 0; }
dl#intro_after dt{
	margin: 0;
	padding-left: 10px;
	width: 5em;
	color: #fff;
	background: #252884 url('/images/solution/casestudy/common/cs_after.gif') right center no-repeat;
	font-weight: bold;
}
dl#intro_after dd{
	padding: 10px;
	border-left:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
}


/* 本文段落インデント
--------------------------------------------------------------*/
div.container p { text-indent:1em; }
div.container p.caption{ text-indent: 0; }
div.container p.borderboxgry{ text-indent: 0; }