/* CSS Document */
.colorbarLong9,
#gigaindexName,
.colorbarLong4 {
	z-index:1;	
}
#gigaContents {
	z-index:2;
	margin-top:-75px; width:1000px;
	position:relative;
	background:#fff;
	color:#222;
}

.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;
	
}


.fl-R{ float:right;}
.fl-L{ float:left;}

.fl-R.img-box{ margin-left:15px;}

.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}

.with-border{ border-bottom: dotted #ec002c 1px;}


/*タイトル*/
.area-title-font{ font-weight:bold; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}

/*タイトル塗り*/
.area-title-box{ line-height:2em; background-color:#00360d; color:#feff97;font-size:25px; text-align:center; }

/*タイトル座談会*/
.area-title-zadan{ color:#ec002c;font-size:25px; text-align:center;}

/*タイトルプレゼント*/
.area-title-present{ color:#000; font-size:25px; text-align:left;}


/* intro-area */
#gigaContents .intro-area{ }
#gigaContents .intro-area .youtube{ float:right; padding: 15px; background-color:#535353; margin-left:20px; width:590px;}
#gigaContents .intro-area .youtube iframe{ margin: 0 auto; }
#gigaContents .intro-area .youtube .area-title-youtube{ color:#fff;font-size:18px; }




/* story-detail */
.story-yaku-detail{
	width:50%;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
.story-yaku-pht{ 
	width:50%;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	padding:8px; text-align:center;
	}
.story-yaku-pht img{ width:100%;}

.yaku-01{background-color:#f2f8f0;min-height:420px;}
.story-yaku-detail.yaku-01 p{padding:15px 0px 5px 15px;}

.yaku-02{background-color:#d2dccf;min-height:320px;}
.story-yaku-detail.yaku-02 p{padding:30px 15px 5px 0px;}

.yaku-03{background-color:#f2f8f0;min-height:320px;}
.story-yaku-detail.yaku-03 p{padding:30px 0px 5px 15px;}

/*present*/
.present-box{ width:600px; margin:20px auto 0; background-color:#f7f7f7;}
.present-box .fl-L{ padding:20px;}
.present-box .fl-L p{ margin-top:20px;}
.present-box .fl-L a.bt-apply{ display:inline-block; padding:10px 40px; text-align:center; background-color:#020202; color:#feff97; text-decoration:none; font-weight:bold;}
.present-box .fl-L a.bt-apply:hover{ text-decoration: underline;}

/*zadankai*/
.zadankai-box{ background-color:#fffef6; border:#ec002c solid 1px; padding:35px;}
.zadankai-box p.with-border{ margin-bottom:20px;}
.zadankai-box p{ margin-top:20px;}
.zadankai-box img.fl-L{ margin-right:20px;}
.zadankai-box img.fl-R{ margin-left:20px;}


/* info */

#gigaContents .info{  background:#eee; padding-top:0px; border:1px solid #eee; border-bottom:none; border-left:none; }
#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 .ttl{ color: #00360d; padding-top:20px; font-size:20px; font-weight:bold; text-align:left; padding-left:25px;}
#gigaContents .info h5{ color: rgba(233,0,3,1.00); padding-top:20px; font-size:15px; font-weight:bold; text-align:left;  border-bottom:1px solid rgba(251,0,4,1.00); margin:0 25px;}
#gigaContents .info p{ padding:10px; margin:0 15px; font-size:13px;}
#gigaContents .info p.min{ font-size:11px;}
#gigaContents .info p span{ color:#AA9779;}
#gigaContents .info p.c{  font-size:11px; color:#ccc;}

#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;}


h3.infotext{ background: #00360c; font-size:20px; padding:15px; color:#feff97; font-weight:bold; margin-bottom:10px;}
h3.infotext span{ display:block; font-size:16px;}