@charset "utf-8";
/* ギガ　コンテンツレイアウト
=================================================================== */
#slider {
    height:670px;
}
#slider ul{
    margin:0;
    padding:0;
}
#slider li{
    width:1000px;
    height:670px;
}
#prevBtn, #nextBtn{
	display:none
}
#gigaContents .cre {
    height:35px;
	text-align:right;
	color:#999;
	font-size:11px;
	padding:5px 0 ;
}
#gigaContents p {
	line-height:1.8em;
	font-size:14px;
	color:#333;
	margin-bottom:20px;
}
#gigaContents a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";	
}
#gigaContents .panel {
	display:none;
	clear:both;
}
#gigaContents ul.tab {
	margin-bottom:30px;
}
#gigaContents ul.tab li {
	float:left;
}
#gigaContents .ttlCategory {
	text-align:right;
	padding:0 0 20px;
}
#gigaContents .panel {
	display:none;
	clear:both;
}
#gigaContents .panel .photoL {
	float:left;
	margin: 0 45px 45px 0;
}
#gigaContents .panel .photoR {
	float:right;
	margin: 0 0 45px 45px;
}


#gigaContents .pro {
	width:565px;
	padding:0 0 20px;
	float:right;
}
#gigaContents .pro .ph {
	float:right;
	margin:0 0 10px 25px;
}
#gigaContents .pro p {
	font-size:12px;
	line-height:1.7em;
	color:#999;
	margin-bottom:0;
	padding-bottom:0;
}
#gigaContents .pro h4.ttl {
	border-bottom: 1px solid #cccccc;
	padding-bottom:4px;
	margin-bottom:16px;
	font-size:22px;
	line-height:1em;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#333;
	font-weight:normal;
}
#gigaContents .pro h4.ttl span {
	font-size:14px;
	margin-left:10px;
}
#gigaContents h4.title {
	width:565px;
	float:right;
	border-bottom: 1px solid #cccccc;
	padding-bottom:6px;
	margin-bottom:10px;
	font-size:23px;
	font-weight:500;
	line-height:1.2em;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#333;
}
#gigaContents .info {
	border: 1px solid #cccccc;
	padding:17px 20px 18px;
}
#gigaContents .info p {
	color:#666;
	margin-bottom:10px;
	font-size:13px;
	line-height:1.4em;
}
#gigaContents .info p span {
	color:#C1B07C;
}
#gigaContents .info h4.ttl {
	margin-bottom:5px;
	padding-bottom:0;
	font-size:20px;
	color:#333;
	font-weight:normal;
}
#gigaContents .info .day {
	font-size:16px;
	color:#C1B07C;
	margin-bottom:0;
	padding-bottom:0;
}
#gigaContents .info .c {
	font-size:11px;
	color:#afacac;
}
#gigaContents .info .ph {
	float:left;
	margin-right:25px;
}

#gigaContents ul.submenu {
	margin:30px auto 40px;
	text-align: center;
}
#gigaContents ul.submenu li {
	display: -moz-inline-box;
 	display: inline-block;
	/display: inline;
	/zoom: 1;
	 padding: 0;
	 margin:0 50px;
	 height:24px;
	 font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	 font-size:20px;
	 border-bottom: 3px solid #ddd;
}
#gigaContents ul.submenu li a:hover {
	color:#666;
	text-decoration:none;
}

/* グーグー用CSS */
h2.titlevisual{ position:relative;}
h2.titlevisual a{ position:absolute; bottom:0; right:0; display:block; width:217px; height:173px; background:url(img/btn_off.png) no-repeat;}
h2.titlevisual a:hover{background:url(img/btn_on.png) no-repeat;}
#main{ width:640px; float:left;}
#main .menu{}
#main .menu li{ float:left;}
#main .menu li a{}
#main .menu:after{ clear:both; display:block; content:"";}

#right{ float:right; width:300px;}

a.banner{ padding-bottom:50px; display:block;}
p.contents-right{ padding:15px 0;}
p.contents-right:after{ clear:both; display:block; content:"";}
p.contents-right img{ float:right; padding-left:20px; width:250px;}
p.contents-left{ padding:15px 0;}
p.contents-left:after{ clear:both; display:block; content:"";}
p.contents-left img{ float:left; padding-right:20px;width:250px;}

#contents-2{ position:relative; margin-bottom:50px;}
#contents-2 p{ padding:20px 20px 0px 20px;background:url(img/contents-2-bg.jpg) repeat-y; margin-bottom:0;}
#contents-2 p img{ width:100%; padding-bottom:10px;}
#contents-2 p a img{ width:auto; position:absolute; bottom:-20px; right:20px;}

.contents-3-p{ padding-left:80px;}

ul.photogl{ padding-left:0px; margin-bottom:40px;}
ul.photogl:after{ clear:both; display:block; content:"";}
ul.photogl li{ float:left; margin:5px;}
ul.photogl li a{ outline:none; border:none;}
ul.photogl li a img{
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
border-radius: 150px;
}

.right_contents{ border-left:1px solid #eee; padding-left:20px;}
.right_contents div{ padding:10px 0 20px 10px;}
.right_contents div h4{ font-weight:bold; font-size:16px; border-bottom:1px dotted #eee; padding-bottom:5px; margin-bottom:5px;}
.right_contents div p{ font-size:14px; margin-bottom:10px; padding-bottom:0;}
.right_contents div p.caps{ padding:0; padding-left:10px; border-left:2px solid #d1e4e3; margin:0 0 0 10px;}
.right_contents div p span{ font-size:11px; display:block; line-height:1.5;color:#333; }
.nb0{ margin-bottom:0 !important;}
.right_contents div p.t-center{ text-align:center; margin-bottom:0; padding-top:20px;}
.right_contents div a.t-a{ background:#a3c9c7; display:block; padding:10px; text-align:center; color:#fff; font-size:18px; line-height:1.5;}

/* smp用*/
h2.smp-titlevisual{ }
h2.smp-titlevisual img{ width:100%; height:auto; }
p.smp-read{ padding:15px;}

#smp-main{}
#smp-main p{ padding:0px 15px 15px 15px;}
#smp-main p img{-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#smp-main img{ width:100%; height:auto;}
#smp-main .menu{ margin-bottom:20px; text-align:center; padding-top:10px;}
#smp-main .menu li{ float:none; display:inline-block; width:30%;}
#smp-main .menu li a{}
#smp-main .menu li a img{ width: 100%;}
#smp-main .menu:after{ clear:both; display:block; content:"";}
#smp-main #contents-2 p.smp-contents-2{ padding:20px 40px 10px 40px;background:url(img/smp_contents-2-bg.jpg) repeat-y center; background-size:contain; margin-bottom:0; }
#smp-main #contents-2 p.smp-contents-2 img{ padding-bottom:0; margin-bottom:15px; width:100%;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;}
#smp-main #contents-2 p.smp-contents-2 a { text-align:center; display:block;}
#smp-main #contents-2 p.smp-contents-2 a img{ width:100%;}
#smp-main .contents-3-p{ padding-bottom:20px; padding-right:20px;}

#smp-main ul.photogl{ padding-left:0px; margin-bottom:40px; text-align:center;}
#smp-main ul.photogl:after{ clear:both; display:block; content:"";}
#smp-main ul.photogl li{ float:none; display:inline-block; margin:5px; width:25%;}
#smp-main ul.photogl li a{ outline:none; border:none;}
#smp-main ul.photogl li a img{
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
border-radius: 150px;
}
#smp-right{ padding:20px;}
#smp-right img{ width:100%;}
#smp-right .right_contents{ border-left:0px solid #eee; padding-left:0px;}
#smp-right .right_contents div{ padding:10px 0 20px 0px;}
#smp-right .right_contents div h4{ font-weight:bold; font-size:16px; border-bottom:1px dotted #eee; padding-bottom:5px; margin-bottom:5px;}
#smp-right .right_contents div p{ font-size:14px; margin-bottom:10px; padding-bottom:0;}
#smp-right .right_contents div p.caps{ padding:0; padding-left:10px; border-left:2px solid #d1e4e3; margin:0 0 0 10px;}
#smp-right .right_contents div p span{ font-size:11px; display:block; line-height:1.5;color:#333; margin-bottom:15px; }
#smp-right .nb0{ margin-bottom:0 !important;}
#smp-right .right_contents div p.t-center{ text-align:center; margin-bottom:0; padding-top:20px;}
#smp-right .right_contents div a.t-a{ background:#a3c9c7; display:block; padding:10px; text-align:center; color:#fff; font-size:18px; line-height:1.5;}




/*  colorbox */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:25px; height:25px; }
    #cboxTopCenter{height:25px; }
    #cboxTopRight{width:25px; height:25px;}
    #cboxBottomLeft{width:25px; height:25px;}
    #cboxBottomCenter{height:25px;}
    #cboxBottomRight{width:25px; height:25px;}
    #cboxMiddleLeft{width:25px; }
    #cboxMiddleRight{width:25px; }
    #cboxContent{overflow:hidden;}
        .cboxIframe{}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
		
		#cboxLoadedContent img{-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxLoadingOverlay{}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}