@charset "utf-8";
/*サブメニュー（導入事例）*/

/*通常時*/
a#link_cas1 { background: url(../images/case_study/sub_menu_03.gif) no-repeat; width:169px; }

a#link_cas2 { background: url(../images/case_study/sub_menu_03.gif) no-repeat -169px 0; width:179px; }

a#link_cas3 { background: url(../images/case_study/sub_menu_03.gif) no-repeat -348px 0; width:165px; }



/*オンマウス時*/
a:hover#link_cas1 { background: url(../images/case_study/sub_menu_03.gif) no-repeat 0 -43px }

a:hover#link_cas2 { background: url(../images/case_study/sub_menu_03.gif) no-repeat -169px -43px }

a:hover#link_cas3 { background: url(../images/case_study/sub_menu_03.gif) no-repeat -348px -43px }



/*選択時*/
a#link_cas1_sd { background: url(../images/case_study/sub_menu_03.gif) no-repeat 0 -86px; width:169px; }

a#link_cas2_sd { background: url(../images/case_study/sub_menu_03.gif) no-repeat -169px -86px; width:179px; }

a#link_cas3_sd { background: url(../images/case_study/sub_menu_03.gif) no-repeat -348px -86px; width:165px; }



/*見出し（導入事例）*/
#h2ttl{
	height:112px;
	width:900px;
	margin:0 auto;
	text-indent:-9999px;
	}

h2.h2_cas{background:url(../images/case_study/h2_cas.jpg) 0 0 no-repeat; height:112px;}
h2.h2_cas01{background:url(../images/case_study/h2_cas01.jpg) 0 0 no-repeat; height:112px;}
h2.h2_cas02{background:url(../images/case_study/h2_cas02.jpg) 0 0 no-repeat; height:112px;}
h2.h2_cas03{background:url(../images/case_study/h2_cas03.jpg) 0 0 no-repeat; height:112px;}

div.grbox_d{
	width:271px;
	padding:11px;
	border:1px solid #DDD;
	background-color:#f8f8f8;
	float:left;
	min-height:180px;
	_height:180px;		/* IEのみ */
}
div.grbox_d img{margin-bottom:10px;}
div.grbox_d dt {
	background:url(../images/case_study/icon_link01.gif) 7px 11px no-repeat #2d3f92;
	margin-bottom:10px;
	color:#FFF;
	font-size:88%;
	font-weight:bold;
	padding:8px 0 8px 17px;
}
div.grbox_d dt span{color:#6CF; font-size:80%;}
div.grbox_d dt a{color:#FFF;}
div.grbox_d dt a:hover{text-decoration:none;}

div.grbox dd{
	line-height:1.7;
	background:url(../images/case_study/line_gr.gif) 0 0 no-repeat;
}

/*インデックスタイトル設定*/
div.grbox dt.ttlcase01 a{background:url(../images/case_study/ttl_mob.gif) 0 0 no-repeat; width:162px;}
div.grbox dt.ttlcase02 a{background:url(../images/case_study/ttl_lin.gif) 0 0 no-repeat; width:165px;}
div.grbox dt.ttlcase03 a{background:url(../images/case_study/ttl_oa.gif) 0 0 no-repeat; width:190px;}
div.grbox dt.ttlcase04 a{background:url(../images/case_study/ttl_w_sup.gif) 0 0 no-repeat; width:171px;}

div.grbox dt.ttlcase01 a:hover{background:url(../images/case_study/ttl_mob.gif) 0 -15px no-repeat; width:162px;}
div.grbox dt.ttlcase02 a:hover{background:url(../images/case_study/ttl_lin.gif) 0 -15px no-repeat; width:165px;}
div.grbox dt.ttlcase03 a:hover{background:url(../images/case_study/ttl_oa.gif) 0 -15px no-repeat; width:190px;}
div.grbox dt.ttlcase04 a:hover{background:url(../images/case_study/ttl_w_sup.gif) 0 -15px no-repeat; width:171px;}

/*お客様の声一覧*/

div.grbox_l{
	width:586px;
	padding:11px;
	border:1px solid #DDD;
	background-color:#f8f8f8;
	float:left;
	min-height:auto !important;
	height:190px;
}
div.grbox img{margin-bottom:13px;}
div.grbox dt {
	margin-bottom:10px;
	text-indent:-9999px;
}

div.grbox dt a{
	height:16px;
	display:block;
}
div.grbox dd{ line-height: 1.7 }

/*導入事例詳細ページ用*/

/*お客様画像用*/
img.cs {
	background: #fff;
	padding: 3px;
	border: 1px solid #ccc;
}

/*お客様画像トップ*/
img#cs_main {
	float: left;
	margin: 0 20px 20px 0;
}


/*H4見出し*/
h4#cs {
	font-size: 100%!important;
	color: #f76300!important;
	line-height: 1.4;
	background: none!important;
	width: auto!important;
	padding: 15px!important;
	border-bottom: 1px dotted #ccc!important;
}

/*H4画像見出し*/
h4#hd1,
h4#hd2,
h4#hd3,
h4#hd3_2,
h4#hd4 {
	text-indent: -9999px;
	height: 34px!important;
	width: 630px!important;
	margin-bottom: 0!important;
	padding: 0!important;
	border-bottom: 1px solid #475da9!important;
}

/*導入前の悩み*/
h4#hd1 { background: url(../images/case_study/hd1.gif) no-repeat!important }

/*導入の決め手*/
h4#hd2 { background: url(../images/case_study/hd2.gif) no-repeat!important }

/*導入後のメリット*/
h4#hd3 { background: url(../images/case_study/hd3.gif) no-repeat!important }

/*最後にひとこと*/
h4#hd3_2 { background: url(../images/case_study/hd3_2.gif) no-repeat!important }

/*最後にひとこと*/
h4#hd4 { background: url(../images/case_study/hd4.gif) no-repeat!important }

/*お客様詳細*/
div#main_cs {
	width: 400px;
	float: left;
}

/*プロフィール*/
p#cs {
	font-size: 100%;
	font-weight: bold;
	color: #000;
}

p#cs span {
	font-size: 70%;
	font-weight: normal;
	display: block;
}

span.cs1 { color: #3a52a4 }

span.cs2 { color: #525252 }

/*テーブル*/
table#cs {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #e6e6e6;
	margin-bottom: 10px;
}

table#cs th {
	font-weight: normal;
	color: #333;
	background: #efefef;
	width: 95px;
	padding: 10px 20px;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

table#cs td {
	font-weight: bold;
	color: #333;
	padding: 10px 20px;
	border-bottom: 1px solid #e6e6e6;
}

table#cs td#cost { color: #f00 }

/*キーワード*/
p#key {
	font-weight: bold;
	color: #000;
}

p#key img {
	vertical-align: middle;
	margin-right: 10px;
}

/*H5見出し*/
h5.cs {
	font-size: 100%;
	color: #000;
	line-height: 1.4;
	background: none;
	margin: 30px 0 20px 0;
	padding-bottom: 15px;
	border-bottom: 1px dotted #999;
}

h5.cs_t { margin-top: 0 }

/*内容*/
div.cs_in {
	background: #f6f6f6;
	width: 590px;
	margin-bottom: 20px;
	padding: 20px;
}

/*画像右寄せ*/
img.img_r { margin: 0 0 20px 20px }

/*画像左寄せ*/
img.img_l { margin: 0 20px 20px 0 }

/*導入事例インデックスページ*/
ul.ulcase{
	font-size:85%;
	line-height:1.4;
	margin:0 0 30px 20px;
	padding-top:10px;
}
ul.ulcase li{
	margin-bottom:20px;
	list-style:none;
	background:url(../images/top/icon_dd01.gif) 0 5px no-repeat;
	padding:0 0 0 15px;
}

div.inbox2 {
	width:610px;
	margin: 0 10px 20px 10px;
	border-bottom:1px solid #CCC;
	padding-bottom:20px;
}
div.inbox2 p.inimg a {
	float:left;
	margin-right:17px;
	border:1px solid #ccc;
}
div.inbox2 p.inimg a:hover{ border: 1px solid #3c53a4 }

div.grbox2 a img{border:1px solid #ccc;}
div.grbox2 a:hover img{border: 1px solid #3c53a4;}

dl.dlcase{
	margin-bottom: 10px;
}
dl.dlcase dt{
	font-size:85%;
	font-weight:bold;
	text-indent:0;
	padding:3px 0 18px;
}

dl.dlcase dt a{color:#333;}
dl.dlcase dt span{
	font-size:71%;
	font-weight:normal;
	color:#FFF;
	background:#003399;
	padding:7px;
	margin-right:5px;
}
dl.dlcase dd {
	font-size: 85%;
	line-height: 1.8;
}

/*お客様プロフィールと取材スタッフより*/
div#last_area {
	background: url(../images/case_study/last_area.gif) no-repeat left bottom;
	width: 630px;
	margin-bottom: 20px;
}

/*お客様プロフィール*/
div#profile {
	width: 240px;
	margin-right: 20px;
	float: left;
}

div#profile div {
	width: 200px;
	padding: 10px 20px;
}

div#profile h4 {
	text-indent: -9999px;
	background: url(../images/case_study/profile_h.gif) no-repeat!important;
	height: 32px!important;
	width: 240px!important;
	margin: 0!important;
	padding: 0!important;
	border-bottom: 1px solid #eaeaea!important;
}

div#profile p { margin-bottom: 10px }

div#profile p span { font-weight: bold }

div#profile a#cp_link {
	display: block;
	width: 178px;
	border: 1px solid #efefef;
}

div#profile a:hover#cp_link { border: 1px solid #666 }

/*取材スタッフより*/
div#cs_staff {
	width: 370px;
	float: left;
}

div#cs_staff h4 {
	text-indent: -9999px;
	background: url(../images/case_study/staff_h.gif) no-repeat!important;
	height: 32px!important;
	width: 370px!important;
	margin: 0!important;
	padding: 0!important;
	border-bottom: 1px solid #eaeaea!important;
}

div#cs_staff p { padding: 10px 20px }

/*H4見出し（他の導入事例）*/
div#another {
	background: #e8eaff;
	width: 630px;
	margin-bottom: 30px;
}

div#another h4 {
	text-indent: -9999px;
	background: url(../images/case_study/another_h.gif) no-repeat!important;
	height: 42px!important;
	width: 630px!important;
	margin: 0!important;
	padding: 0!important;
	border: none!important;
}

div#another div#another_in { padding: 15px }

div#another a#thumb {
	background: #fff;
	height: 66px;
	width: 66px;
	margin-right: 10px;
	padding: 1px;
	border: 1px solid #ccc;
	float: left;
}

div#another a#thumb:hover { border: 1px solid #666 }

div#another_txt {
	width: 520px;
	margin-top: 5px;
	float: left;
}

div#another_txt a,
div#another_txt p { font-size: 75% }

div#another_txt p { margin-top: 5px }

div#r_link {
	font-size: 75%;
	text-align: right;
	clear: both;
}

/*画像説明用*/
div.cs_ex {
	font-size: 75%;
	text-align: center;
	float: right;
	margin: 0 0 20px 20px;
}

div.cs_ex a {
	text-decoration: none;
	line-height: 1.4;
}

div.cs_ex a:hover { text-decoration: underline }

/*ダミー用*/
.dammy { color: #f00 }

table#cs td.dammy { color: #f00 }