@charset "shift_jis";


/*===============================================

 .container

=================================================*/

.container {
	width:980px;
	margin:25px auto 0;
}
.container.full {
	width:100%;
	margin-top:60px;
}

.container .section {
	padding-bottom:60px;
}

/*-----------------------------------------------
 #breadcrumb
-------------------------------------------------*/

#breadcrumb {
	background-color:#f5f6f7;
}
#breadcrumb ul {
	width:980px;
	margin:0 auto;
}
#breadcrumb ul li {
	float:left;
	line-height:28px;
	font-size:1.1rem;
	font-size:11px\9; /* for IE8 */
}
#breadcrumb ul li {
	margin-left:7px;
	padding-left:11px;
	background:url(/cms/images/b2b/common/arrow_breadcrumb.png) no-repeat 0 10px;
}
#breadcrumb ul li:first-child {
	margin-left:0;
	padding-left:0;
	background:none;
}
#breadcrumb ul li a {
	color:#0538b2;
}
#breadcrumb ul li a:hover {
	color:#456bc7;
}

/*-----------------------------------------------
 #case
-------------------------------------------------*/

#case {
	padding-top:0;
}
#case h2 {
	text-align:left;
	line-height:1;
	padding-top:29px;
	border-top:1px solid #00428e;
	background:none;
	text-indent:5px;
	font-size:2.4rem;
	font-size:24px\9; /* for IE8 */
}
#case h2 span {
	display:inline-block;
	line-height:20px;
	margin-left:15px;
	font-weight:normal;
	font-size:1.4rem;
	font-size:14px\9; /* for IE8 */
	vertical-align:top;
}

/*===============================================

 #mainContents

=================================================*/

#mainContents {
	float:left;
	width:710px;
	text-align:left;
}
#mainContents > h1 {
	width:710px;
	height:70px;
	line-height:1;
	padding-top:30px;
	background:url(/cms/images/b2b/common/bg_h1.png) no-repeat 0 0;
	font-size:3.0rem;
	font-size:30px\9; /* for IE8 */
	text-indent:20px;
}
#mainContents > h2 {
	line-height:46px;
	margin-top:35px;
	background-color:#4060ad;
	color:#FFF;
	font-size:1.8rem;
	font-size:18px\9; /* for IE8 */
	font-weight:bold;
	text-indent:15px;
}
#mainContents > h3 {
	margin-top:25px;
	color:#4060ad;
	font-size:1.9rem;
	font-size:19px\9; /* for IE8 */
	font-weight:bold;
}
#mainContents > h1 + p {
	margin-top:30px;
}
#mainContents > h2 + p {
	margin-top:25px;
}
#mainContents > h3 + p {
	margin-top:15px;
}

/*-----------------------------------------------
 .pageTitle
-------------------------------------------------*/

#mainContents .pageTitle {
	position:relative;
	width:710px;
	height:153px;
	background:url(/cms/images/b2b/case/bg_page_title.png) no-repeat 0 0;
}
#mainContents .pageTitle p,
#mainContents .pageTitle h1 {
	position:absolute;
	line-height:1;
	text-indent:0;
}
#mainContents .pageTitle .case {
	top:40px;
	left:20px;
	font-size:1.5rem;
	font-size:15px\9; /* for IE8 */
}
#mainContents .pageTitle h1 {
	top:70px;
	left:20px;
	font-size:3.9rem;
	font-size:39px\9; /* for IE8 */
}
#mainContents .pageTitle h1 span {
	font-size:3.2rem;
	font-size:32px\9; /* for IE8 */
}
#mainContents .pageTitle .company {
	top:80px;
	right:20px;
	font-size:1.9rem;
	font-size:19px\9; /* for IE8 */ color: #4655A2; font-weight: bold;
}


/*-----------------------------------------------
 .catch
-------------------------------------------------*/

#mainContents .catch {
	line-height:140%;
	margin-top:35px;
	font-size:2.6rem;
	font-size:30px\9; /* for IE8 */
	font-weight:bold;
	text-indent:0;
}
#mainContents .catch + p {
	margin-top:25px;
}

/*-----------------------------------------------
 .caption
-------------------------------------------------*/

#mainContents .caption {
	line-height:140%;
	margin-top:35px;
	/* color:#4060ad;*/
	font-size:1.4rem;
	font-size:14px\9; /* for IE8 */
	font-weight:bold;
	text-align:left;
}

/*-----------------------------------------------
 .centerItem
-------------------------------------------------*/

#mainContents .centerItem {
	margin-top:40px;
	text-align:center;
}
#mainContents .centerItem + h2,
#mainContents .centerItem + h3,
#mainContents .centerItem + p {
	margin-top:40px;
}
#mainContents .caption + .centerItem {
	margin-top:20px;
}


/*===============================================

 #sideContents

=================================================*/

#sideContents {
	float:right;
	width:240px;
	margin-top:-10px;
}

/*-----------------------------------------------
 .contact
-------------------------------------------------*/

#sideContents .contact {
	display:inline-block;
	width:240px;
	height:260px;
	background:url(/cms/images/b2b/common/bg_contact2020.jpg) no-repeat 0 0;
}
/* .btn */

#sideContents .contact .btn {
	width:220px;
	height:45px;
	margin:81px auto 0;
}
#sideContents .contact .btn a {
	display:block;
	width:220px;
	height:45px;
	background-image:url(/cms/images/b2b/common/btn.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#sideContents .contact .btn a:hover {
	background-position:-220px 0;
}

/* .btn.kantan */

#sideContents .contact .kantan {
	margin-top:8px;
}
#sideContents .contact .kantan a {
	background-position:-0 -45px;
}
#sideContents .contact .kantan a:hover {
	background-position:-220px -45px;
}

/* .btn.kansai */

#sideContents .contact .kansai {
	margin-top:21px;
}
#sideContents .contact .kansai a {
	background-position:0 -90px;
}
#sideContents .contact .kansai a:hover {
	background-position:-220px -90px;
}

/*-----------------------------------------------
 #naviCase
-------------------------------------------------*/

#naviCase {
	margin-top:40px;
}
#naviCase h3 {
	line-height:64px;
	background-color:#f5f6f7;
	border-top:1px solid #4060ad;
	border-bottom:1px solid #e4e6e8;
	font-size:1.6rem;
	font-size:16px\9; /* for IE8 */
	text-align:left;
	text-indent:15px;
}
#naviCase ul {
}
#naviCase ul li {
	border-bottom:1px solid #e4e6e8;
	font-size:1.4rem;
	font-size:14px\9; /* for IE8 */
}
#naviCase ul li a {
	display:block;
	padding:10px 0 10px 30px;
	background:url(/cms/images/b2b/common/arrow_navi_case.png) no-repeat 6px 15px;
}

/*-----------------------------------------------
 #naviVoice
-------------------------------------------------*/

#naviVoice {
	margin-top:20px;
}
#naviVoice h3 {
	line-height:65px;
	background-color:#223180;
	color:rgba(255,255,255,1.00);
	font-size:1.6rem;
	font-size:16px\9; /* for IE8 */
	font-weight:bold;
	text-align:left;
	text-indent:15px;
}
#naviVoice h3 span {
	font-weight:normal;
}
#naviVoice ul {
}
#naviVoice ul li {
	font-size:1.4rem;
	font-size:14px\9; /* for IE8 */
}
#naviVoice ul li a {
	display:block;
	line-height:45px;
	padding-left:28px;
	border:1px solid #e4e6e8;
	border-top:none;
	background:#f5f6f7 url(/cms/images/b2b/common/arrow_navi_voice.png) no-repeat 10px 17px;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* clearfix
+++++++++++++++++++++++++++++++++++++++++++++++++*/

.cf,
#breadcrumb ul,
.container {
	zoom: 1; /* for IE5.5 - IE7 */
}
.cf:after,
#breadcrumb ul:after,
.container:after {
	/* for modern browser */
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}