@charset "utf-8";
/* ギガ　コンテンツレイアウト
=================================================================== */

.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:14px;
	color:#333;
}

p.comingsoon{ padding:20px; text-align:center; border:1px dotted #ccc; margin:10px; font-size:32px !important; color:#ccc !important;}

.pan-title{ margin-bottom:0px; background:url(h2-bg.png) no-repeat center center; text-align:center;}
.col1 li {}
.col1 li h2 img{ width:auto; max-width:100%;}

.col1.gray{ background:#ecf8ff; border:1px solid #ccdee9; padding:10px; border-bottom:none;}
.col1.gray li p{ padding:0 20px;}
.col1.gray li h2{ margin-bottom:0;  background:url(h2-bg-blue.png) no-repeat center center;}

.col3{ background:#ecf8ff; margin-bottom:30px;border:1px solid #ccdee9; padding:10px; border-top:none;}
.col3 li{ float:left; padding:10px ; width:33.333%;}
.col3 li img{ width:100%; margin-bottom:15px;}
.col3 li p{ padding:5px;}
.col3:after{ clear:both; content:""; display:block;}
.col3 li h3{ font-weight:bold; border-bottom:1px solid #ccdee9; padding:5px; text-align:center; font-size:18px;}

.col4{}
.col4 li{ float:left; padding:10px ; width:25%;}
.col4 li img{ width:100%; margin-bottom:15px;}
.col4 li p{ padding:5px;}
.col4:after{ clear:both; content:""; display:block;}
.col4 li h3{ font-weight:bold;}

.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%; margin-bottom:5px;}
.col2 li p{ padding:5px; line-height:1.3; margin-bottom:0;}
.col2 li .youtube{ margin-bottom:10px;}
.col2:after{ clear:both; content:""; display:block;}
.col2 li h2 img{ width:auto; max-width:100%;}
.col2 li h3{ background:#000; color:#fff; text-align:center; padding:10px; margin-bottom:0;}

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

/* 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:#da1f68; 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:#f3198a; font-size:20px; padding:15px; color:#fff;}