@charset "utf-8";

/*
============================================================
top.css
------------------------------------------------------------

■スライド
■リンク
■NEWS
■SECURITY

作成日：2014.05.12
作成者：kikuchi
更新日：
更新者：
バージョン： 1.0
会社名：Dynamite Brothers Syndicate

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

/* ---------------------------------------------------------
■スライド
--------------------------------------------------------- */
#carouWrapper {
	position: relative;
	top: 0;
	left: 50%;
	width: 1600px;
	height: 440px;
	margin-left: -800px; /margin-left: -1300px;
	border-top: 1px solid #896f2b;
	border-bottom: 1px solid #896f2b;
	zoom: 1; }

#carou {
	overflow: hidden; }

#carou li {
	float: left;
	width: 1600px;
	line-height: 0; }

.btnCarou {
	position: absolute;
	top: 204px;
	left: 50%;
	width: 1150px;
	height: 35px;
	margin-left: -575px; _margin-left: 200px; }

#prev,
#next {
	display: block;
	position: absolute;
	top: 50%;
	margin: -17px 0 0;
	width: 18px;
	height: 35px;
	z-index: 1;
	background: url(../img/top/icon_slide.jpg) no-repeat; }

#prev {
	left: 0;
	background-position: 0 -35px; }
	
#next {
	right: 0;
	background-position: 0 0; }

#prev span,
#next span { display: none; }


/* ページャー */
#pag {
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
	z-index: 1; }

#pag a {
	display: inline-block; /display: inline; /zoom: 1;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	background: url(../img/top/icon_slide.jpg) no-repeat 0 -80px; }

#pag a.selected {
	background-position: 0 -70px;
	cursor: default; }

#pag span { display: none; }



/* ---------------------------------------------------------
■コンテンツ
--------------------------------------------------------- */
#contents {
	position: relative; }

.cw {
	overflow: hidden; }




/* ---------------------------------------------------------
■リンク
--------------------------------------------------------- */
.grid {
	overflow: hidden;
	margin-right: -20px;
	zoom: 1; }

.grid li {
	position: relative;
	float: left;
	width: 288px;
	margin: 0 20px 20px 0;
	line-height: 0;
	border: 1px solid #848484; }

.grid li.w445 { width: 443px; }

.grid li.prob {
	position: relative; }

.grid li.prob .text {
	position: absolute;
	top: 82px;
	left: 28px;
	color: #c4a250;
	font-size: 75%;
	line-height: 16px; }

.grid li.prob .data {
	position: absolute;
	top: 32px;
	left: 245px;
	color: #c4a250;
	font-size: 400%;
	font-family: 'Oswald', sans-serif;
	line-height: 78px;
	letter-spacing: 13px; }

.grid li .imgOver {
	position: absolute;
	top: 30px;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	zoom: 1; }

.contents_txt {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	position: absolute;
	top: 15%;
	left: 50%;
	transform: translateY(-15%) translateX(-50%);
	-webkit- transform: translateY(-15%) translateX(-50%);
	margin: auto;
	text-align: center;
	width: 100%;
}
p.midashi {
	font-size: 18px !important;
	font-weight: bold;
	line-height: 140%;
	letter-spacing: 1px;
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.midashi.toptxt_white {
    position: absolute;
    content: "";
    top: 25px;
    left: 37%;
	z-index: 1;
}
p.midashi_big {
	font-size: 24px !important;
	font-weight: bold;
	line-height: 140%;
	letter-spacing: 1px;
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.midashi_big.toptxt_white {
    position: absolute;
    content: "";
    top: 25px;
    left: 27%;
	z-index: 1;
}
p.midashi_big span {
	font-size: 15px !important;
}
.contents_txt p {
	font-size: 14px;
	font-weight: bold;
	line-height: 140%;
	letter-spacing: 1px;
}
.contents_txt hr {
	width: 10%;
	height: 1px;
	border: none;
	border-top: solid 1px #c9a470;
	margin: 10px auto;
}

ul.security_box li {
    height: 140px;
    text-align: center;
    padding: 20px 0;
    box-sizing: border-box;
    border: solid 1px #ccc;
}
ul.security_box li:hover {
    border: solid 2px #c9a470;
}
ul.security_box li p {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 140%;
	letter-spacing: 1px;
}
ul.security_box hr {
	width: 10%;
	height: 1px;
	border: none;
	border-top: solid 1px #000;
	margin: 10px auto;
}




/* ---------------------------------------------------------
■NEWS
--------------------------------------------------------- */
#news {
	clear: both;
	margin: 0 0 20px;
	padding: 0 7px 7px;
	border: 1px solid #848484; }

#news h3 {
	padding: 20px 0;
	text-align: center; }

#news dl {
	overflow-y: hidden; _overflow-y: auto;
	height: 150px;
	padding: 20px 0 6px 40px; /padding: 20px 3px 6px 40px; _padding: 20px 0 6px 40px;
	border: 1px solid #d8d8d8; }

#news dl dt {
	clear: both;
	float: left;
	width: 85px;
	margin: 0 0 14px;
	padding: 0 0 0 15px;
	color: #969696;
	font-size: 75%;
	font-family: Times, serif;
	line-height: 18px;
	border-left: 1px dotted #848484; }

#news dl dd {
	float: left;
	width: 690px;
	margin: 0 0 14px;
	color: #494949;
	font-size: 88%;
	line-height: 18px; }

#news dl dd a {
	color: #494949; }


/* ---------------------------------------------------------
■SECURITY
--------------------------------------------------------- */
#security {
	padding: 0 7px 7px;
	border: 1px solid #848484; }

#security h3 {
	padding: 20px 0;
	text-align: center; }

#security ul {
	overflow: hidden;
	margin-right: -8px;
	zoom: 1; }

#security ul li {
	float: left;
	width: 292px;
	margin: 0 8px 0 0;
	line-height: 0; }
	
	
/* ---------------------------------------------------------
■video ttl
--------------------------------------------------------- */
#videoCont {position:relative;}

.ttl_first_slide {
position:absolute;
z-index:999;
top:20%;
left:40%;
}

/* ---------------------------------------------------------
top h1
--------------------------------------------------------- */
.title-content{
	width:100%;
	padding:0 7px 7px;
	border: 1px solid #848484;
	box-sizing:border-box;
	margin-bottom:20px;
	text-align:center;
}

.title-content h1{
	padding:20px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:18px;
	font-weight:bold;
}

.title-text{
	border: 1px solid #d8d8d8;
	padding:10px;
	font-size:14px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}