@charset "UTF-8";

/* =========================================================================
　導入実績　カテゴリーごとの設定

　目　次

　 1.グローバルナビ
　 2.トップ
　 3.ギャラリー（下層ページ）
========================================================================= */

/* -------------------------------------------------------------------------
 1.グローバルナビ
------------------------------------------------------------------------- */

/* アクティブ表示 */
ul#globalnavi li#globalnavi-casestudy a {
	border-top-color: #A0DD63;
}

/* -------------------------------------------------------------------------
 2.トップ
------------------------------------------------------------------------- */
ul#casestudy-select {
	width: 950px;
	margin: 0;
	background: url(../../images/casestudy/select_bg.png) no-repeat;
	overflow: hidden;
}
ul#casestudy-select li {
	float: left;
	width: 237px;
	padding: 0;
	background: none;
}
ul#casestudy-select h2 {
	margin: 0;
	padding: 0;
	background: none;
}
ul#casestudy-select h2 a {
	display: block;
	width: 237px;
	height: 200px;
	cursor: pointer;
}
ul#casestudy-select h2 a span {
	display: block;
	width: 237px;
	height: 200px;
}
ul#casestudy-select p {
	font-size: 110%;
	margin: 0 15px 8px;
}
ul#casestudy-select p.casestudy-select-catch {
	margin: 15px 0 20px;
	text-align: center;
}
ul#casestudy-select p.casestudy-select-link {
	margin: 0;
	text-align: center;
}

/* -------------------------------------------------------------------------
 3.ギャラリー（下層ページ）
------------------------------------------------------------------------- */

/* ナビ
------------------------------------------------------------------------- */
ul#casestudy-navi {
	width: 950px;
	margin: 0 0 25px;
	background: url(../../images/casestudy/navi_bg.gif) repeat-x left bottom;
	overflow: hidden;
}
ul#casestudy-navi li {
	float: left;
	padding: 0;
	background: none;
}
ul#casestudy-navi li.casestudy-navi-line {
	padding-right: 1px;
	background: url(../../images/casestudy/navi-line_bg.gif) no-repeat right top;
}

/* テキスト
------------------------------------------------------------------------- */
p.casestudy-text {
	width: 720px;
	float: left;
	font-size: 120%;
	margin: 0;
	padding: 5px 0 15px 30px;
}

/* 切り替えボタン
------------------------------------------------------------------------- */
p.casestudy-gallery-switchbtn {
	float: right;
	margin: 0 40px 15px 0;
	padding: 4px 8px 5px 62px;
	background: #F3F3F3 url(../../images/casestudy/gallery-switchbtn_bg.gif) no-repeat 8px 5px;
	border: 1px solid #EEE;
	border-right-color: #CCC;
	border-bottom-color: #BBB;
	cursor: pointer;
}
p.casestudy-gallery-swap {
	background: url(../../images/casestudy/gallery-switchbtn_bg.gif) no-repeat 8px -75px;
}

/* ギャラリー
------------------------------------------------------------------------- */
ul.casestudy-gallery {
	clear: both;
	width: 900px;
	margin: 0 25px;
	overflow: hidden;
}
ul.casestudy-gallery li {
	float: left;
	width: 860px;
	padding: 10px 30px 10px 10px;
	background: #FFF;
	border-bottom: 1px solid #EEE;
}
#content ul.casestudy-gallery h2 a[target="_blank"] {
	display: inline;
	margin: 0;
	padding: 0;
	background: none;
}
ul.casestudy-gallery li.bgcolor {
	background: #F7F7F7;
}
ul.casestudy-gallery .casestudy-gallery-info {
	overflow: hidden;
}
ul.casestudy-gallery h2 {
	clear: none;
	margin: 0 0 15px;
	padding: 30px 0 0;
	background: none;
}
ul.casestudy-gallery h2 a:link {
	color: #444;
	text-decoration: none;
}
ul.casestudy-gallery h2 a:visited {
	color: #7D7D7D;
	text-decoration: none;
}
ul.casestudy-gallery h2 a:hover,
ul.casestudy-gallery h2 a:active,
ul.casestudy-gallery h2 a:focus {
	color: #E82D00;
	text-decoration: underline;
}
ul.casestudy-gallery p {
	margin: 0;
}
ul.casestudy-gallery a img{
	float: left;
	margin: 0 25px 0 0;
	padding: 15px 17px 17px;
	background: url(../../images/casestudy/gallery_img_bg.png) no-repeat 5px 10px;
}
ul.casestudy-gallery p.casestudy-gallery-text {
	padding: 0 0 15px;
}
#content ul.casestudy-gallery p.casestudy-gallery-sitelink a,
#content ul.casestudy-gallery p.casestudy-gallery-imglink a,
#content ul.casestudy-gallery p.casestudy-gallery-splink a {
	float: right;
	display: block;
	color: #444;
	margin: 0 0 5px 15px;
	border: 1px dotted #BBB;
	text-decoration: none;
}
#content ul.casestudy-gallery p.casestudy-gallery-sitelink a {
	padding: 3px 5px 3px 25px;
	background: #FFF url(../../images/casestudy/gallery-sitelink_bg.gif) no-repeat 5px 6px;
}
#content ul.casestudy-gallery p.casestudy-gallery-imglink a {
	padding: 3px 5px 3px 23px;
	background: #FFF url(../../images/casestudy/gallery-imglink_bg.gif) no-repeat 5px 6px;
}
#content ul.casestudy-gallery p.casestudy-gallery-splink a {
	padding: 3px 5px 3px 23px;
	background: #FFF url(../../images/casestudy/gallery-splink_bg.gif) no-repeat 5px 6px;
}
ul.casestudy-gallery p.casestudy-gallery-sitelink a:visited,
ul.casestudy-gallery p.casestudy-gallery-imglink a:visited,
ul.casestudy-gallery p.casestudy-gallery-splink a:visited {
	color: #7D7D7D;
}
ul.casestudy-gallery p.casestudy-gallery-sitelink a:focus,
ul.casestudy-gallery p.casestudy-gallery-sitelink a:active,
ul.casestudy-gallery p.casestudy-gallery-sitelink a:hover,
ul.casestudy-gallery p.casestudy-gallery-imglink a:focus,
ul.casestudy-gallery p.casestudy-gallery-imglink a:active,
ul.casestudy-gallery p.casestudy-gallery-imglink a:hover,
ul.casestudy-gallery p.casestudy-gallery-splink a:focus,
ul.casestudy-gallery p.casestudy-gallery-splink a:active,
ul.casestudy-gallery p.casestudy-gallery-splink a:hover {
	color: #000;
	border: 1px solid #64C1E0;
}

/* サムネイル表示時
------------------------------------------------------------------------- */
ul.casestudy-gallery-thumb {
	width: 925px;
	margin: 0 0 0 25px;
}
ul.casestudy-gallery-thumb li {
	width: 283px;
	height: 220px;
	margin: 0 25px 20px 0;
	padding: 0;
	border: none;
}
ul.casestudy-gallery-thumb h2 {
	font-size: 110%;
	margin: 0;
	padding: 2px 0 0;
	text-align: center;
}
#content ul.casestudy-gallery-thumb li .casestudy-gallery-info h2 a {
	padding-right: 20px;
	background: url(../../images/icon/blank.gif) no-repeat center right;
}
ul.casestudy-gallery-thumb a img{
	float: none;
	margin-right: 0;
}
ul.casestudy-gallery-thumb p.casestudy-gallery-text,
ul.casestudy-gallery-thumb p.casestudy-gallery-sitelink,
ul.casestudy-gallery-thumb p.casestudy-gallery-imglink,
ul.casestudy-gallery-thumb p.casestudy-gallery-splink{
	display: none;
}