/* STARFAX活用事例に使うスタイル */
/*============目次============
　1. clear
　2. 活用事例トップ
　3. 活用事例　各ページ
　99. その他
============================*/

/*===========================
■1. ClearFix
-----------------------------
フロート要素の高さをクリアする。
============================*/
.ClearFix:after,
.LineupTop:after,
.LineupBottom:after,
#relativetitle:after,
.bannerlink dd:after
.EachReport:after,
{  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}

.ClearFix,
.LineupTop,
.LineupBottom,
#relativetitle,
.bannerlink dd
.EachReport:after,
{  
	display: inline-block;  
	zoom: 100%;  
}


/*===========================
■2. 活用事例
============================*/
/* 活用事例トップ　タイトル */

h1{
	padding:0;
	margin:0 0 10px 0;
}

/* 写真付き事例 */

.EachReport {
	padding: 10px 0;
	width: 770px;
}

.EachReport h2 {
	margin: 0;
	padding: 0 0 2px 125px;
	color: #333333;
	font-size: 87.5%;
	position: relative;
}

.EachReport h2 em {
	font-weight: normal;
	font-style: normal;
	white-space: nowrap;
}

.EachReport p {
	position: relative;
	padding: 0 0 0 125px;
	margin: 0 0 0.3em 0;
	font-size:75%;
}

.EachReport p.Category {
	position: relative;
	padding: 3px 0px;
	margin: 0 0 0.4em 125px;
	font-size:100%;
	font-weight:bold;
	color: #660000;
}

.EachReport p.thumb {
	width: 128px;
	float: left;
	padding: 0;
	margin: 0;
	z-index: 1;
}

.EachReport p.thumb a img {
	margin: 0 10px;
  float: left;
	border: none;
	height: 110px;
}


/* 写真付き事例 - 背景水色 */

.EachReport02 {
	padding: 10px 0;
	width: 770px;
	background:#E1F0F7;
	border-top:1px dotted #62BCF2;
	border-bottom:1px dotted #62BCF2;
}

.EachReport02 h2 {
	margin: 0;
	padding: 0 0 2px 125px;
	color: #333333;
	font-size: 87.5%;
	position: relative;
}

.EachReport02 h2 em {
	font-weight: normal;
	font-style: normal;
	white-space: nowrap;
}

.EachReport02 p {
	position: relative;
	padding: 0 0 0 125px;
	margin: 0 0 0.3em 0;
	font-size:75%;
}

.EachReport02 p.Category {
	position: relative;
	padding: 3px 0px;
	margin: 0 0 0.4em 125px;
	font-size:100%;
	font-weight:bold;
	color: #660000;
}

.EachReport02 p.thumb {
	width: 128px;
	float: left;
	padding: 0;
	margin: 0;
	z-index: 1;
}

.EachReport02 p.thumb a img {
	margin: 0 10px;
  float: left;
	border: none;
	height: 110px;
}


/* 詳しくはこちらボタン */

.btn_shousai a{
display:block;
width:130px;
height:29px;
background:url(/starfax/report_system/img/btn_shousai.png) no-repeat;
text-indent:-9999px;
margin:0.4em 0 0.4em 128px;
position:relative;
}

.btn_shousai a:hover{
background:url(/starfax/report_system/img/btn_shousai.png) 0 -29px no-repeat;
}


/* 活用事例　詳細ページ　本文 */
.EachReport_B {
	padding: 10px 0 10px 0;
	width: 755px;
}

.EachReport_B p.Category {
	position: relative;
	padding: 8px 10px;
	margin: 0 0 0 320px;
	font-size:100%;
	font-weight:bold;
	color: #fff;
	background:#0099FF;
}
.EachReport_B p.Category_O {
	position: relative;
	padding: 8px 10px;
	margin: 0 0 0 320px;
	font-size:100%;
	font-weight:bold;
	color: #fff;
	background:#FFA900;
}
.EachReport_B h2 {
	position:relative;
	padding:6px 10px 8px 12px;
	margin:2px 0 0.4em 320px;
	font-size:80%;
	line-height:1.3;
	color:#333;
	background:url(/starfax/report_system/img/bk_shasen.gif) top left no-repeat;
}
.EachReport_B h2.Orange{
	position:relative;
	padding:6px 10px 8px 12px;
	margin:2px 0 0.4em 320px;
	font-size:80%;
	line-height:1.3;
	color:#333;
	background:url(/starfax/report_system/img/bk_shasen_o.gif) top left no-repeat;
}

.EachReport_B p.thumb {
	float: left;
	padding: 0;
	margin: 0;
	z-index: 1;
	margin-bottom:20px;
}

.EachReport_B p.intro{
	position:relative;
	margin:5px 0 0.4em 320px;
	font-size:75%;
	line-height:1.4;
	color:#333;
}

.summary dl {
	margin:0;
	float:left;
	width:372px;
}

.summary dl dt {
	padding:6px 0;
	margin:0 0 4px 0;
	color:#72590A;
	background:#FCF4DC;
}

.summary dl dt div{
	padding-left:7px;
	border-left:5px solid #0099FF;
	font-weight:bold;
	font-size:85%;
}

.summary dl dd {
	margin:0 0 20px 14px;
	font-size:75%;
	color:#333;
	line-height:1.6;
}

h3{
	width:755px;
	padding:7px 0 6px 0;
	font-size:100%;
	color:#007ACD;
	border-top:3px solid #007ACD;
	border-bottom:1px solid #007ACD;
}

h3 div{
	padding:0px 0 0px 10px;
	background:url(img/bk_dash.gif) top left no-repeat;
}

.Section_txt{
	width: 715px;
	background:#eee;
	padding:20px;
	margin:0 0 20px 0;
}

.Section_txt .txt_Inner{
}

.Section_txt h4{
	padding:8px 0 8px 14px;
	margin:0 0 10px 0;
	font-size:85%;
	color:#000;
	font-weight:bold;
	background:url(img/bk_shasen.gif) top left no-repeat;
}

.Section_txt .box_L{
	float:left;
	width:560px;
}
.Section_txt .box_R{
	float:right;
	width:140px;
	font-size:90%;
}

.Section_txt .box_R img{
	margin:0 0 4px 0;
}

/* 本文中に写真がない場合用 */
.Section_txt .box_L_noimg{
	float:left;
	width:700px;
}

/* 写真を左に配置したい場合用（写真幅250px） */
.Section_txt .box_L250{
	float:left;
	width:250px;
}
.Section_txt .box_R450{
	float:right;
	width:450px;
}
.Section_txt .box_L450{
	float:left;
	width:450px;
}
.Section_txt .box_R250{
	float:right;
	width:250px;
}

.Section_txt .box_L2 img{
	margin:0 0 4px 0;
}

.Section_txt p{
	margin:0 0 14px 10px;
	font-size:75%;
	color:#222;
	line-height: 1.4;
}

.Section_txt p em{
	font-weight: bold;
	font-style:normal;
	color: #8B6B0C;
}

.Section_txt p.cap{
	font-size:70%;
	margin:174px 0 0 0;
}


/* ページ送り */
.ProductPager {
	clear: both;
	width: 750px;
	margin: 30px auto 30px;
	padding: 10px 0 0 0;
	display: block;
	position: relative;
	background:url(/sf_engine/report_system/img/bk_border.gif) top left repeat-x;
}

.ProductPager div {
	margin: 0;
	padding: 0;
	display: block;
	font-size: 87.5%;
	line-height: 20px;
	vertical-align: middle;
}
.ProductPager div.NextBox a {
	display: block;
	float: right;
	background: url(/starfax/img/tool/paging_btn_right.gif) no-repeat right top;
	padding: 0 26px 0 0;
	height: 20px;
	overflow: hidden;
}
.ProductPager div.NextBox a:hover {
	background-position: right bottom;
}
.ProductPager div.PrevBox a {
	display: block;
	float: left;
	background: url(/starfax/img/tool/paging_btn_left.gif) no-repeat left top;
	padding: 0 0 0 26px;
	height: 20px;
	overflow: hidden;
}
.ProductPager div.PrevBox a:hover {
	background-position: left bottom;
}
.ProductPager div.TopBox a {
	display: block;
	background: url(/starfax/img/tool/paging_btn_top.gif) no-repeat left top;
	padding: 0 0 0 26px;
	height: 20px;
	position: relative;
	margin: 0 auto;
	width: 100px;
	white-space: nowrap;
	overflow: visible;
}
.ProductPager div.TopBox a:hover {
	background-position: left bottom;
}


/* h1スタイル優先 */

div#MainArea960b h1.TitleBlank { !important
	margin: 0 0 15px 0;
	padding: 0 15px;
	width: 740px;
	height: 40px;
	line-height: 43px;
	font-size: 100%;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(/common/img/title/title_blank_blue960.gif);
	color: #000000;
	display: block;
	overflow: visible;
}


/*===========================
■99. その他
============================*/

/* ページ下部のご購入バナー */
.ContentInner .Section.BottomBanner {
	clear: both;
	margin: 20px 0 30px;
	width: 570px;
}
.BottomBanner a.GoPriceBanner {
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 60px;
	overflow: hidden;
}
.ContentInner .BottomBanner960 {
	clear: both;
	margin: 20px 0 30px;
	width: 750px;
}
.BottomBanner960 a.GoPriceBanner {
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 70px;
	overflow: hidden;
}
.BottomBanner a.GoPriceBanner#sf13 {
	background-image: url(/starfax/img/banner/ban_foot_sf14.gif) ;
}
.BottomBanner a.GoPriceBanner#sfengine {
	background-image: url(/starfax/img/banner/ban_foot_sfengine.gif) ;
}
.BottomBanner960 a.GoPriceBanner#sdk {
	background-image: url(/starfax/img/banner/bnr_sdk750.png) ;
}

.BottomBanner a.GoPriceBanner:hover,
.BottomBanner a.GoPriceBanner:active {
	background-position: left bottom;
}
.BottomBanner960 a.GoPriceBanner:hover,
.BottomBanner960 a.GoPriceBanner:active {
	background-position: left bottom;
}