@charset "utf-8";
/* ギガ　コンテンツレイアウト
=================================================================== */
.thm-page-special .gigaindex .detail{ width:1000px; position:relative; top:-60px;}
.thm-page-special .gigaindex .head{ border-bottom:none;}

.colorbarLong9,
#gigaindexName,
.colorbarLong4 {
	z-index:1;	
}
#gigaContents {
	z-index:2;
	margin-top:-75px; width:1000px;
	position:relative;
	background:#fff;
	color:#222;
}
#gigaContents h2{ position:relative;}
#gigaContents h2 a{ position:absolute; bottom:20px; right:0;}
#gigaContents h2 a img{}

#gigaContents p a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";	
}
.clearfix:before{clear:both; display:block; content:"";}

#gigaContents .cre {
    height:35px;
	text-align:right;
	color:#999;
	font-size:9px;
	padding:5px 0 ;
}
#gigaContents p {
	
	font-size:15px; line-height:1.8;
	
}
#gigaContents a.banner{ display:block; margin-bottom:20px;}
#gigaContents p.read{ padding:20px; }

p.comingsoon{ padding:20px; text-align:center; border:1px dotted #ccc; margin:20px; font-size:32px !important; color:#ccc !important;}
.col1{ background:#000; padding-top:15px;}
.col1 li h2{ margin-bottom:0px;}
.col1 li h2 img{ width:auto; max-width:100%;}


.col2{ margin-bottom:20px;}
.col2.black{ margin-bottom:0px;}
.col2 li{ width:50%; float:left;}
.col2:after{ clear:both; content:""; display:block;}
.col2 li h3{ color:#ff2044; font-size:20px; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ff2044; font-weight:bold; margin:0 20px 0px;}
.col2 li p{ margin:0 15px; padding:15px;}
.col2 li p.small{ font-size:12px !important; letter-spacing:-0.5px;}

.col2 li ul{ padding-top:10px;}

.col2 li.w60{ width:60%;}
.col2 li.w40{ width:40%;}
.col2 li.w30{ width:30%;}
.col2 li.w70{ width:70%;}


.col5{ margin-bottom:20px;}
.col5 li{ width:20%; float:left; text-align:center;}
.col5:after{ clear:both; content:""; display:block;}

.year{ margin-bottom:30px;}
.year-bg{ background:url(year-bg.jpg) repeat-y; overflow:auto; height:350px; width:100%; padding:0 30px;
}

dl.clearfix:after{ clear:both; display:block; content:"";
}
dl.clearfix dt{ background:none !important;}
dl.clearfix dt.year { margin-bottom:0; float:left !important; width:15% !important; color:#ff2044 !important; padding:10px !important; border-right:1px solid #ccc;
}
dl.clearfix dt.year.only{ width:100% !important; background:#ff2044 !important; color:#fff !important;border-right:none;}
dl.clearfix dt.num { float:left !important; width:15% !important;color:#ff2044 !important;padding:10px !important;border-right:1px solid #ccc;
}
dl.clearfix dd { float:left !important; width:70% !important;
}
dl.clearfix dd p { padding:0 10px !important;
}
dl.clearfix{border-bottom:1px solid #ccc;
}


/* 記事 */
div.pickup_doc { background:#fff617;margin-bottom:30px; padding-bottom:20px;
}
div.pickup_doc h2 { color:#ff2044; text-align:center; font-size:30px; text-decoration:underline; padding:20px; font-weight:bold;
}
div.pickup_doc ul { text-align:center;}
div.pickup_doc ul li { display:inline-block; padding:10px; width:30%; text-align:left;}
div.pickup_doc ul li a { display:block; background:#fff; padding-bottom:10px;}
div.pickup_doc ul li a img { margin-bottom:10px; width:100%;}
div.pickup_doc ul li a h3 {color:#ff2044; padding:0 15px 10px; font-weight:bold; font-size:20px;}
div.pickup_doc ul li a p { padding:0 15px 30px; line-height:1.3 !important;}



.red{background:#dc1d24; margin-bottom:0;}

/* info */

#gigaContents .info{  margin:0px; background:#fff; padding-top:0px; border:1px solid #eee; }
#gigaContents .info .ph{ text-align:left; padding:0; display:block; padding-right:20px;}
#gigaContents .info .ph img{ width:300px; float:left; margin-right:20px;}
#gigaContents .info h4{ color:#ff2044; padding-top:20px; font-size:20px; font-weight:bold; text-align:left; padding-left:25px;}
#gigaContents .info p{ padding:10px;}
#gigaContents .info p.small{ font-size:12px !important;}
#gigaContents .info p.min{ font-size:11px;}
#gigaContents .info p span{ color:#AA9779;}
#gigaContents .info p.c{ padding:0 20px 20px;}

#gigaContents .info ul.col2{ background:#fff; margin-bottom:0;}
#gigaContents .info .col2 li .col2 li{ float:left; padding:0px ; width:50%; }
#gigaContents .info .col2 li p{ color:#222;}
#gigaContents .info .col2:after{ clear:both; content:""; display:block;}

#gigaContents .info a.button{ border:2px solid #ff2044; display:inline-block; float:right; padding:10px; font-weight:bold; color:#ff2044; font-size:30px; }
#gigaContents .info:after{ clear:both; content:""; display:block;}



h3.infotext{ background:#ff2044; font-size:20px; padding:15px; color:#fff; font-weight:bold;}
h3.infotext span{ display:block; font-size:16px;}

ul.date{ text-align:center; margin-bottom:10px;}
ul.date li{ width:140px; padding:5px; padding-bottom:15px; display:inline-block;}
ul.date li a{ background:#222; color:#fff; display:block;}
ul.date li a img{ width:100%;}
ul.date li a p{ padding:10px; text-align:center;}
ul.date li a.selected,
.arrow_box {
	position: relative;
	background: #ff2044;
}
ul.date li a.selected:after ,
.arrow_box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 32, 68, 0);
	border-top-color: #ff2044;
	border-width: 10px;
	margin-left: -10px;
}

#JS{ background:#222;}
#JS h2{ background:#ff2044; color:#fff; text-align:center; padding:10px; font-size:18px;}
#JS h3{ font-size:14px; color:#ff2044; padding-top:15px;}
#JS p{ padding:10px; color:#fff; font-size:12px !important;}