/* CSS Document */


/*=================================================
 事例用CSS(070315以降)
---------------------------------------------------*/

/*-------------------------------------------------
 レイアウト全般
---------------------------------------------------*/
#content_extra, #extra {
	display                   : block;
	margin-top                : 16px;
}

/*-------------------------------------------------
 /jirei/以下、記事掲載ページ
---------------------------------------------------*/

#houjin {
	float                     : left;
	line-height               : 150%;
}
#pubday {
	float                     : right;
	line-height               : 150%;
}
.notes { /* 注釈 */
	color                     : #555;
	margin                    : 0.5em;
	line-height               : 110%;
}
.img_notes_l {/* 注釈付画像BOX */
	float                     : left;
	color                     : #555;
	margin                    : 12px 6px;
	line-height               : 110%;
	text-align                : center;
}
.img_notes_l img {
	margin                    : 3px;
}
.img_notes_r {/* 注釈付画像BOX */
	float                     : right;
	color                     : #555;
	margin                    : 12px 6px;
	line-height               : 110%;
	text-align                : center;
}
.img_notes_r img {
	margin                    : 3px;
}

#profile-box {
	background-color          : #eed;
	padding                   : 6px;
	line-height               : 135%;
	word-wrap                 : break-word;
	word-break:break-all;
}
#profile-box .site {
	margin                    : 1em 0;
	padding                   : 3px;
	line-height               : 125%;
	border                    : solid 1px #ccd;
}

/*-------------------------------------------------
 Content Extra 他社事例用
---------------------------------------------------*/
#other_back{
	padding                   : 6px;
	margin: 0px;
	line-height               : 180%;
	word-wrap                 : break-word;
	word-break:break-all;
	background-color          : #F5F5F5;
	border-top: solid 1px #ccc;
}



/******************** jirei/index.html ************************/


/*-------------------------------------------------
 /jirei/index.html
---------------------------------------------------*/
.articles .item {
	float                     : left;
	width                     : 249px;
	_width                    : 264px;
	_height                   : 110px;
	min-height                : 100px;
	margin                    : 0 6px 12px 0;
	padding                   : 6px;
	border-top                : solid 1px #ccc;
	border-left               : solid 3px #ccc;
}
.articles .item img {
	float                     : left;
	margin-right              : 6px;
}

.articles .item .title {
	margin                    : 0.5em 0;
}
.articles .item .company {
	line-height               : 110%;
	margin                    : 6px 0;
}
.articles .item br {
	height                    : 1px;
	line-height               : 0;
}


/*-------------------------------------------------
メニュータブ
---------------------------------------------------*/

/**** 導入事例 ****/

#tab_casestudy_on {
		width:756;
		height:32px;
		background-image:url(/casestudy/image/casestudy_tab01.jpg);
		background-repeat:no-repeat;
		margin: 10px 0 0 0;
}


#tab_casestudy_on a.tab_1 {
		text-decoration: none;
		position:relative;
		top:7px;
		left:80px;
		float: left;
		font-size:13px;
		font-weight: bold;
}


#tab_casestudy_on a.tab_1:link, #tab_casestudy_on a.tab_1:visited {
		color: black;
}



#tab_casestudy_on a.tab_2 {
		text-decoration: none;
		position:relative;
		top:7px;
		left:230px;
		font-size:13px;
		font-weight: bold;
		float: left;
}

#tab_casestudy_on a.tab_2:link, #tab_casestudy_on a.tab_2:visited {
		color:white;
}

#tab_casestudy_on a.tab_2:hover {
		color:#d7f1d4;
}


/**** 活用例 ****/

#tab_usage_on {
		width:756;
		height:32px;
		background-image:url(/casestudy/image/casestudy_tab02.jpg);
		background-repeat:no-repeat;
		margin: 10px 0 0 0;
}

#tab_usage_on a.tab_1 {
		text-decoration: none;
		position:relative;
		top:7px;
		left:80px;
		font-size:13px;
		font-weight: bold;
		float: left;
}

#tab_usage_on a.tab_1:link, #tab_usage_on a.tab_1:visited {
		color:white;
}

#tab_usage_on a.tab_1:hover {
		color:#d7f1d4;
}

#tab_usage_on a.tab_2 {
		text-decoration: none;
		position:relative;
		top:7px;
		left:230px;
		font-size:13px;
		font-weight: bold;
		float: left;
}


#tab_usage_on a.tab_2:link, #tab_usage_on a.tab_2:visited {
		color:black;
}