@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;
}
#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;
	color:#333;
}
.col1{ margin-bottom:30px;}
.col1 li h2{ color:#e98826;  font-size:26px; padding-bottom:5px; margin-bottom:5px;}
.col1 li h2 img{ width:auto; max-width:100%;}
.col1 li p{ padding:15px;}

.col3{}
.col3 li{ float:left; padding:10px ; width:33.333%;}
.col3 li a p{ display:block; position:relative; padding:10px 10px 25px 10px; border-radius:4px; color:#e98826 !important; font-size:16px; text-align:center;}
.col3 li a{color:#e98826; display:block;}
.col3 li a strong{ display:block; font-weight:bold; font-size:20px; padding-bottom:5px;}
.col3:after{ clear:both; content:""; display:block;}

.col2{ margin-bottom:30px;}
.col2.mb0{ margin-bottom:0;}
.col2 li{ float:left; padding:0px ; width:50%; padding-bottom:10px; padding-top:10px;}
.col2 li:nth-child(odd){ padding-right:10px;}
.col2 li:nth-child(even){padding-left:10px;}
.col2 li img{ width:100%;}
.col2 li p{ padding:15px; line-height:1.3; margin-bottom:0;}
.col2 li span{ display:block; background:#eee; padding:5px; font-size:11px; text-align:center; margin-bottom:20px;}
.col2 li .youtube{ margin-bottom:10px;}
.col2:after{ clear:both; content:""; display:block;}
.col2 li h2 img{ width:auto; max-width:100%;}
.col2 li h2 { color:#e98826; border-bottom:1px solid #eee; font-size:26px; padding-bottom:5px; margin-bottom:5px;}
.col2 li h3{  color:#e98826; text-align:center; padding:10px; margin-bottom:0; border-bottom:1px solid #e98826; font-size:20px;}
.col1 li{ text-align:center;}
.col1 li p{ text-align:left; width:70%; margin:0 auto;}
.col1 li h3{  color:#e98826; text-align:center; padding:10px; margin-bottom:0; border-bottom:1px solid #e98826; font-size:20px;width:70%; margin:0 auto 15px;}
.col1 li img{ width:70%; margin:0 auto 20px;}

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


h2.sp-title{ font-size:30px; text-align:center; color:#e98826; padding-bottom:40px; padding-top:40px;}
hr.line{ width:8%; margin:0 auto; border:1px solid #e98826; margin-bottom:60px;}
.frame{  border:2px dashed #e98826; border-radius:8px; margin-bottom:40px;}
.frame li{ position:relative;padding:25px;}
.frame img{ border-radius:4px;}
.frame .left{ float:left; margin:0 20px 10px 0; width:50%;}
.frame .right{ float:right; margin:0 0px 10px 20px; width:50%;}
.frame h3{ text-align:center; height:20px;}
.frame h3 span{  padding:8px 20px; display:inline-block; background:#e98826; color:#fff; font-size:20px; border-radius:40px; position:relative; top:-50px;}
.frame h4.green{ color:#23bc01; font-size:20px; border-bottom:1px solid #23bc01; padding:15px; text-align:center;}
.frame h4.green:before{ content:""; display:block; clear:both;}
.frame li div.green{ color:#23bc01; padding:10px; font-size:15px;}

.youtube{ width:780px; margin:0 auto; padding:15px; position:relative; margin-bottom:50px;}
.circle1{ position:absolute; left:-5px; top:-5px;background:#fff; width:10px; height:10px; border-radius:100%; border:2px solid #e98826;}
.circle1 img{ position:relative; top:-50px; left:-50px;}
.circle2{position:absolute; left:-5px; bottom:-5px;background:#fff; width:10px; height:10px; border-radius:100%; border:2px solid #e98826;}
.circle3{position:absolute; right:-5px; top:-5px;background:#fff; width:10px; height:10px; border-radius:100%; border:2px solid #e98826;}
.circle4{position:absolute; right:-5px; bottom:-5px;background:#fff; width:10px; height:10px; border-radius:100%; border:2px solid #e98826;}

/* info */

#gigaContents .info{ border:1px solid #eee; margin:0px;}
#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:#e98826; padding-top:20px; font-size:20px; font-weight:bold; text-align:left;}
#gigaContents .info p{ padding:10px;}
#gigaContents .info p.min{ font-size:11px;}
#gigaContents .info p span{ color:#AA9779;}
#gigaContents .info p.c{ padding:0 20px 20px;}
h3.infotext{ background:#e98826; font-size:20px; padding:15px; color:#fff;}


.arrow_box {
	position: relative;
	background: #fff;
	border: 3px solid #e98826;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box:before {
	border-color: rgba(35, 188, 0, 0);
	border-top-color: #e98826;
	border-width: 14px;
	margin-left: -14px;
}


.dvd{ margin:20px 10px; border:2px solid rgba(255,231,0,1.00); border-radius:8px; }
.dvd p{ text-align:center;}
.dvd p.copy{ padding-bottom:15px;}
.dvd h3{ text-align:center; background:rgba(255,231,0,1.00); color:#222; padding:10px; margin-bottom:20px; font-size:20px;}
.dvd ul{padding:10px 20px;}
.dvd ul li{ float:left; width:33.333332%;}
.dvd ul:after{ display:block; clear:both; content:"";}