@charset "UTF-8";
/* works.css */

#Works #Contents {
    padding-top: 0;
}

.navWorks {
	clear:both;
	margin-top:20px;
}
.navWorks li {
	margin-bottom:2px;
	float:left;
	text-align:center;
}
.navWorks li a {
	display:block;
	width:250px;
	height:36px;
	line-height:36px;
	background:url(/images/works/NavWorks.png) no-repeat;
	text-decoration:none;
	font-family:"FOT-ニューロダン ProN M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	color:#191919;
}
.navWorks li a:hover {
	color:#747474;
}
.navWorks.nav01 li.nav01 a,
.navWorks.nav02 li.nav02 a,
.navWorks.nav03 li.nav03 a,
.navWorks.nav04 li.nav04 a,
.navWorks.nav05 li.nav05 a,
.navWorks.nav06 li.nav06 a,
.navWorks.nav06 li.nav07 a,
.navWorks.nav06 li.nav08 a {
	background-position:0 -36px;
	color:#FFFFFF;
	font-family:"FOT-ニューロダン ProN DB", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
}
.navWorks.nav01 li.nav01 a:hover,
.navWorks.nav02 li.nav02 a:hover,
.navWorks.nav03 li.nav03 a:hover,
.navWorks.nav04 li.nav04 a:hover,
.navWorks.nav05 li.nav05 a:hover,
.navWorks.nav06 li.nav06 a:hover,
.navWorks.nav06 li.nav07 a:hover,
.navWorks.nav06 li.nav08 a:hover {
	color:#FFFFFF;
}

#Works .thumb {
	width: 305px;
	height: 280px;
	float: left;
}
#Works .textNormal.float_r {
	width: 385px;
}
.tag {
	text-align: center;
	margin: 0 -4px 5px -4px;
}
.tag span {
	background:url(/images/works/BgTag.png) repeat-x;
	display: block;
	float: left;
	margin: 0 0 4px 4px;
	padding: 3px 5px 4px 5px;
}
.btnDetail {
	margin: 30px 0 0 0;
}


.mar_t0 {
	margin-top:0 !important;
}
.mar_t10 {
	margin-top:10px !important;
}
.mar_t20 {
	margin-top:20px !important;
}
.mar_t28 {
	margin-top:28px !important;
}
.mar_b0 {
	margin-bottom:0 !important;
}
.mar_b10 {
	margin-bottom:10px !important;
}
.mar_b20 {
	margin-bottom:20px !important;
}
.mar_b30 {
	margin-bottom:30px !important;
}
.mar_b40 {
	margin-bottom:40px !important;
}
.mar_l0 {
	margin-left:0 !important;
}
.font_s14 {
	font-size:14px !important;
}
.line_h15 {
	line-height:1.5em !important;
}
.line_h16 {
	line-height:1.6em !important;
}

.float_l {
        float:left !important;
}
.float_r {
        float:right !important;
}


/*#Nav {
	width:753px;
	margin-top:15px;
	float:right;
}
#Nav li {
	width:100px;
	height:36px;
	float:left;
}
#Nav li a {
	display:block;
	width:100px;
	height:0;
	padding-top:36px;
	background:url(/images/common/Nav.png) no-repeat;
	overflow:hidden;
}
#Nav li#NavIdentity,
#Nav li#NavIdentity a {
	width:149px;
}
#Nav li#NavContact,
#Nav li#NavContact a {
	width:104px;
}
#Identity #Nav li#NavIdentity a,
#Nav li#NavIdentity a:hover {
	background-position:0 -36px;
}
#Nav li#NavWorks a {
	background-position:-149px 0;
}
#Service #Nav li#NavWorks a,
#Nav li#NavWorks a:hover {
	background-position:-149px -36px;
}
#Nav li#NavWorks a {
	background-position:-249px 0;
}
#Works #Nav li#NavWorks a,
#Nav li#NavWorks a:hover {
	background-position:-249px -36px;
}
#Nav li#NavCompany a {
	background-position:-349px 0;
}
#Company #Nav li#NavCompany a,
#Nav li#NavCompany a:hover {
	background-position:-349px -36px;
}
#Nav li#NavNews a {
	background-position:-449px 0;
}
#News #Nav li#NavNews a,
#Nav li#NavNews a:hover {
	background-position:-449px -36px;
}
#Nav li#NavRecruit a {
	background-position:-549px 0;
}
#Careers #Nav li#NavRecruit a,
#Nav li#NavRecruit a:hover {
	background-position:-549px -36px;
}
#Nav li#NavContact a {
	background-position:-649px 0;
}
#Contact #Nav li#NavContact a,
#Nav li#NavContact a:hover {
	background-position:-649px -36px;
}*/

/*2014/01/22追記
------------------*/




#WorksName {
    background: url("/images/works/BgServiceName.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    clear: both;
    color: #FFFFFF;
    font-family: "FOT-ニューロダン ProN DB","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 18px;
    font-weight: normal;
    height: 74px;
    letter-spacing: 0.1em;
    line-height: 74px;
    padding-left: 20px;
    text-shadow: -1px -1px 2px #383838;
    width: 730px;
}


#WorksDetail {
	margin-top:10px;
	padding:20px;
	background-color:#FFFFFF;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}
#Grid.related {
	width: 750px;
	margin:10px 0 20px 0;
	position: relative;
	top:0;
}
#WorksDetail h3 {
	clear:both;
	width:680px;
	margin:30px 0 20px 0;
	padding:10px 10px 10px 20px;
	background:url(/images/works/BgH4.png) repeat-y;
	font-family:"FOT-ニューロダン ProN DB", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	font-size:14px;
}
#WorksDetail h3.detailTop {
	margin-top:0;
}