@charset "UTF-8";
/* CSS Document */

html{
	width:100%;
	_height:100%;
	overflow-x:hidden;
	}
body{
	width:100%;
	height:100%;
	overflow-x:hidden;
	}

.wrap{
	
	height:100%;
	position:relative;
	_position:inherit;
	overflow:hidden;
	}	
	

.header_left{
	text-align:left;
	float:left;
	}

.header_left td{
	padding-right:15px;
	color:#FFF;
	vertical-align:middle;
	}
	
.header_right{
	float:right;
	}
.header_right td{
	padding-left:5px;
	padding-top:20px;
	vertical-align:top;
	}	
#mixi_div{
	overflow-x:hidden;
	width:100px;
	}
	
#tweet_div{
	overflow-x:hidden;
	width:110px;
	}	

.header{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:72px;
	background-image:url("../../img/top/header_back.jpg");
	background-position:bottom left;
	/background-position:top left;
	background-repeat:repeat-x;
	z-index:1000;
	}

.without_header{
		z-index:10;
	padding-top:72px;
	}	

.header_inner, .gnav_inner{
	width:983px;
	margin:0 auto;
	height:50px;
	}	

.gnav_inner a{
	display:inline-block;
	height:50px;
	}

.gnav_01{
	width:246px;
	}	
.gnav_02{
	width:245px;
	}	
.gnav_03{
	width:245px;
	}	
.gnav_04{
	width:244px;
	}	



	

.gnav_left{
	width:127px;
	float:left;
	}	


.gnav_right{
	width:600px;
	float:right;
	}		


.gnav_right a{
	display:block;
	float:left;
	}	
	
	
	


/*スライダー*/

#contents{
	position:relative;
	}

.slide_arrows{
	z-index:1000;
	width:940px;
	min-width:940px;
	height:60px;
	margin:0 auto;
	position:relative;
	}

#slider{
	_margin-left:-2px;
	position: relative;
	width:100%;
	height:349px;
	background-position: 50% 170px;
background-repeat: no-repeat;
background-image: url("../../img/top/ajax-loader.gif");
}

#slider_wrap{
	width:960px;
	margin:0 auto;
	overflow:hidden;
	}

#slider ul{
	padding:0px;
	margin:0px;
	position: absolute;
	top: 0;
	left: 0;
}
#slider li{
	list-style:none;
	float: left;
}

/* for script */
#slider ul{
	visibility: hidden;
}
#slider .layer{
	width: 940px;
	height: 349px;
	position: absolute;
	top: 0;
	left: 0;
	background: #666;
	opacity: 0.5;
	filter: alpha(opacity=50);
}


#slide-prev, #slide-next {
    position: absolute;
    top:365px;
	z-index:1000;
	width:10px;
	height:18px;
}

#slide-prev {
	background-image:url("../../img/top/thumb_left.jpg");
	background-repeat:no-repeat;
	
	cursor:pointer;
    left:-20px;
	_left:-16px;
}
.line_btn{
	width:88px !important;
	overflow:hidden;
	border:none;
	}

#slide-next {
	background-image:url("../../img/top/thumb_right.jpg");
	background-repeat:no-repeat;
	cursor:pointer;
    right:-18px;
	_right:-16px;
}

#slide-prev:hover,
#slide-next:hover {
    color: #ccc;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}



.slider-pagination {
    position: absolute;
    top: 420px;
    left: 50%;
    margin-left: -60px;
    width:120px;
	height:30px;
}

.slider-pagination a {
    float: left;
    margin: 0px 5px 0;
    width: 10px;
    height: 10px;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) inset;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) inset;
    background: #eee;
    text-indent: -9999px;
    vertical-align: middle;
}

.slider-pagination a:hover {
    background: #ccc;
}

.slider-pagination a.current {
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 2px rgba(68, 170, 238, 0.5);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 2px rgba(68, 170, 238, 0.5);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 2px rgba(68, 170, 238, 0.5);
    background: #4ae;
}

.thumb_slide{
	width:100%;
	height:60px;
	background-image:url("../../img/top/thumb_back_back.jpg");
	}
	

.thumb_slide_inner{
	position:relative;
	width:940px;
	margin:0 auto;
	height:60px;
	}	
	
.panel_box_wrap{
	margin:5px 0px;
}
	
.panel_box {
	font-size:11px;
	text-align:left;
	cursor:pointer;
	float:left;
	margin:0px 5px 0px 0px;
	width:226px;
	background-repeat:no-repeat;
	height:48px;

	}
	
.panel_box {
	font-size:11px;
	text-align:left;
	cursor:pointer;
	display:block;
	float:left;
	background-repeat:no-repeat;
	padding:2px;
	}


	
	
 .panel_box a:hover{
	 text-decoration:underline  !important;
	 color:#FFF;
	 }	
	
.now {
	color:#FFF !important;
	background-image:url("../../img/top/thumb_back_on.jpg") !important;
	}	


.inner{
	background-image:url("../../img/top/sakura_back.jpg");
	background-repeat:no-repeat;
	background-position:top center;
	
	}


.socialbox_left{
	float:left;
	background-color:#FFF;
	margin-left:150px;
	margin-right:15px;
	width:315px;
	height:350px;
	overflow:hidden;
	background-image: url("../../img/top/fb_header.jpg");
background-repeat:no-repeat;
background-position:0 0px;
padding-top:38px;
	}	

.socialbox_center{
	float:left;
	margin-right:150px;
	width:315px;
	height:312px;
	overflow:hidden;
	padding-top:38px;
	background-image: url("../../img/top/tw_header.jpg");
background-repeat:no-repeat;
background-position:top left;
	}	
.socialbox_right{
	float:left;
	width:315px;
	height:350px;
	overflow:hidden;
	background-image: url("../../img/top/blog_back.jpg");
background-repeat:no-repeat;
background-position:top left;
	}	
	
	
#feed{
	position:relative;
	padding-top:75px;
	height:275px;
	}	

#check_blog{
	position:absolute;
	bottom:15px;
	right:15px;
	}	

#feed li{
	padding-left:18px;
	list-style:none;
	text-align:left;
	margin-bottom:5px;
	}	

#feed li p{
	margin:0px 0px 0px 0;
	font-size:10px;
	color:#999999;
	}
	
#feed li a{
	color:#ED3881 !important;
	display:block;
	background-image:url("../../img/top/blog_t_back.jpg");
	background-repeat:no-repeat;
	background-position:top left;
	width:249px;
	height:36px;
	line-height:36px;
	padding-left:30px;
	}	

.socialbox{
	position:relative;
	background-image:url("../../img/top/top_01.jpg");
	background-repeat:no-repeat;
	background-position:top center;
	width:980px;
	margin:60px auto 0;
	}

.prof_btn {
	position:absolute;
	top:10px;
	left:160px;
	}	

.socialbox_inner{
	padding:190px 0px 40px;
	}		
		
	
.youtube_top{
	background-image:url("../../img/top/top_02_back.png");
	background-repeat:repeat-x;
	background-position:top center;
	}		
.youtube_top_wrap{
	background-image:url("../../img/top/top_02.jpg");
	background-repeat:no-repeat;
	background-position:top center;
	min-width:980px;
	}		

.youtube_one{
	text-align:left;
	float:left;
	width:235px;
	margin:0px 4px;
	height:250px;
	}	
.youtube_one p{
	color:#ED3881;
	margin:5px 0px 0px;
	font-weight:bold;
	}

.youtube_one .title a{
	font-size:11px;
	color:#000 !important;
	}	

.youtube_one a:hover{
	  filter: alpha(opacity=70);
  -moz-opacity:0.70;
  opacity:0.70;
}


.youtube_one_last{
	float:left;
	width:240px;
	margin-right:0px !important;
	}	
	
.youtube_top_inner{
	width:980px;
	padding-top:180px;
	margin:0px auto 0;
	}	

.hide_ele{
	width:980px;
	margin:0px auto 0;
	overflow:hidden;
	height:0px;
	}	


.more_bar{
	padding-top:0px;
	padding-bottom:50px;
	}	


.black_col{
	background-image:url("../../img/top/black_col_back_back.jpg");
	background-repeat:repeat-x;
	background-position:top center;
	height:350px;
	}	

.black_col_wrap{
	background-image:url("../../img/top/black_col_back.jpg");
	background-repeat:no-repeat;
	background-position:top center;
	height:350px;
	min-width:980px;
	}	

.black_col_inner{
	position:relative;
	width:980px;
	margin:0 auto;
	padding-top:140px;
	}	


.blackcol_left{
	padding-top:10px;
	padding-left:370px;
	float:left;
	}	

.blackcol_right{
	float:right;
	width:120px;
	}

.black_slide_inner{
	padding-top:20px;
	}
.black_slide_inner .coda-slider{
	height:135px !important;
	}
	
.black_slide_inner .coda-slider .panel {
width: 980px;
height:135px !important;
}

.black_slide_inner .coda-nav-left a {
background-image: url("../../img/top/black_left.png");
background-repeat: no-repeat;
background-position: top left;
width:39px;
height:39px;
}

.black_slide_inner .coda-nav-left {
	top:230px !important;
	left:-17px !important;
	}

.black_slide_inner .coda-nav-right a {
background-image: url("../../img/top/black_right.png");
background-repeat: no-repeat;
background-position: top left;
width:39px;
height:39px;
}

.black_slide_inner .coda-nav-right{
	top:230px !important;
	right:-17px !important;
	}


.blackbox{
	margin-right:19px;
	float:left;
	}
	
.blackbox_last{
	margin-right:0px;
	}	

#coda-slider2{
	width:980px !important;
	}

.f_banner{
	padding-top:10px;
	}
.f_banner a{
	display:block;
	float:left;
	margin-right:8px;
	}	

.last_footer{
	margin-right:0px !important;
	}

.other_panda{
	width:820px;
	margin:30px auto 40px;
	text-align:left;
	}	


#footer{
width:100%;
background-image: url("../../img/top/footer_back.jpg");
background-repeat:no-repeat;
background-position:top center;
height:279px;
min-width:980px;
	}	

.footer_inner{
	height:279px;
	position:relative;
	width:980px;
	margin:0 auto;
	}

.footer_inner a{
	display:block;
	left:395px;
	bottom:0px;
	position:absolute;
	}		
	
#footer_bottom{
	height:40px;
	text-align:left;
	width:980px;
	margin:0 auto;
	}	


.footer_left{
	
	text-decoration:underline;
	float:left;
	width:300px;
	padding-top:13px;
	}
	
.footer_left a{
	color:#F44C8E !important;
	}

.footer_center{
	padding-top:15px;
	color:#666666;
	float:left;
	}

.footer_right{
	text-align:right;
	padding-top:15px;
	float:right;
	}

.tablet{
	display:none !important;
	}	


.tablet_slide{
	height:0px;
		overflow:hidden;
	}	



/*   TABLET  : 768px -----------------------------   */
@media only screen and (max-width: 640px) {
	

.without_header{
	padding-top:42px !important;

	}		
	
.flexslider	
{
	 border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;
	}	
	
	
	.header{
		height:42px;
	-webkit-background-size:7px 42px !important;
 background-size:7px 42px !important;
		}
	
	.header_left{
		height:100%;
		padding-left:10px;
		}
	.header_right{
		padding:0px 5px 0px 0px;
		}
	
.header_left table{
	height:100%;
	}	
	.pc_ele{
		display:none !important;
		}
	.pc_ele_slide{
		height:0px;
		overflow:hidden;
		}
	.gnav_left {
		text-align:left;
		padding:10px 0px 0px 15px;
		}	
		
	.tablet{
	display:block !important;
	}
	.tablet_slide{
	height:auto;
		overflow:visible;
	}	
.share_btn{
	cursor:pointer;
		color:#FFF;
		padding:8px 5px 5px 10px;
		}
		
.menu_btn{
	width:100%;
		float:none !important;
		padding:0px 0px;
		display:block;
		}	
.gnav_right{
		width:70px;}	
		
	.header_inner, .gnav_inner {
width:100%;
margin: 0 auto;
height:100%;
}	

.gnav_left img{
	width:63px;
	}

.sm_social a{
	text-decoration:none;
	display:block;
	text-align:center;
	width:100%;
	color:#999;
	border-top:1px solid #CCC;
	}	
.sm_gnav{
	height:0px;
	overflow:hidden;
	}
.sm_gnav a{
	text-decoration:none;
	display:block;
	text-align:center;
	width:100%;
	color:#999;
	background-image:url("../../img/tablet/sm_gnav_back.jpg");
	-webkit-background-size:17px 49px !important;
 background-size:17px 49px !important;
 background-position:top left;
 background-repeat:repeat-x;
	}
		

.sm_social_last{
	border-bottom:1px solid #CCC;
	}	

.youtube_tablet{
	width:280px;
	margin:0 auto;
	padding-bottom:15px;
	}

.youtube_top {
background-image:none;
}


.youtube_tablet_t{
	padding:20px 0px 10px;
	}

.youtube_tablet .youtube_one{width:280px; height:auto;}	
.youtube_tablet .youtube_one img{width:280px;}	
	
.youtube_tablet_more{
	width:280px;
	color:#FFF;
	margin:0px auto 30px;
	display:block;
	}	
	
.tablet_camp_wrap{
	background-image: url("../../img/top/top_03.jpg");
	padding-top:35px;
	margin-top:15px;
	background-position:top center;
	-webkit-background-size:83px 23px !important;
 background-size:83px 23px !important;
 background-repeat:no-repeat;
	}	
	
.tablet_camp{
	background-image: url("../../img/top/black_col_back_back.jpg");
background-repeat: repeat-x;
background-position:bottom center;
height: 190px;
padding:15px 0;
	}

.tablet_camp_btn{
	display:block;
	text-align:center;
	padding:10px 0 15px;

	}

.other_panda{
	width:280px;
	margin:15px auto;
	}

.other_panda img{
	width:135px;
	}	
.sm_other_panda{
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	}
.sm_other_panda img{
	width:189px !important;
	}

.tablet_right{
	float:right !important;
	}	

.f_banner{
	padding:0px;
	}	
.f_banner a{
	margin:0px 0px 10px 0px !important;
	}	

#footer{
-webkit-background-size:100% auto !important;
 background-size:100% auto  !important;
 min-width:100%;
	}	
.tablet_contact{
	padding-bottom:10px;
	}
.tablet_contact a{
	color: #F44C8E !important;
}

.tablet_logo a{
	display:block;
	padding-top:10px;}
.tablet_logo{
	padding-bottom:40px;
	}
	
.header_left img{
	width:160px;
	}	

.flexslider_wrap
{
	background-position:50% 70px;
	min-height:120px;
	background-repeat:no-repeat;
	background-image:url("../../img/top/ajax-loader.gif");
	}
	

.sm_totop{
	position:relative;
	-webkit-background-size:320px 143px  !important;
 background-size:320px 143px  !important;
 width:320px;
 margin:0 auto;
 height:143px;
 background-position:top center;
 background-image:url("../../img/tablet/sm_f_back.jpg");
	}

.sm_totop a{
	position:absolute;
	display:block;
	width:100%;
	bottom:0px;
	left:-4px;
	}	
	
	
.tablet_camp_inner{
	padding-top:20px;
	}	
	
}
	




#black {
z-index: 1000;
background-image: url("../../img/top/black.png");
background-repeat: repeat;
width: 100%;
height: 100%;
overflow: hidden;
position: fixed !important;
position: absolute;
top: 0px;
left: 0px;
display: none;
}

.sm_share {
z-index: 10000;
display: none;
width: 100%;
height: 100%;
position: fixed !important;
position: absolute;
top: 0px;
left: 0px;
}

.close_wrap {
width: 100%;
height: 100%;
display: none;
position: absolute;
top: 0px;
left: 0px;
}

.sm_share table, .box tr {
width: 100%;
height: 100%;
}

.sm_share td {
height: 100%;
vertical-align: middle;
}



.sm_share{
	display:none;
	z-index:1000;
	width:100%;
	
	}
.sm_share a{
	text-decoration:none;
	display:block;
	text-align:center;
	color:#999;
	margin-bottom:5px;
	}	
	
.pop_inner{
	position:relative;
	width:320px;
	margin:0 auto;
background-image:url("../../img/tablet/pop_back.jpg");
-webkit-background-size:320px 414px  !important;
background-size:320px 414px  !important;
padding-top:85px;
height:329px;
background-repeat:no-repeat;
background-position:top left;
	}
	
.hide_share{
	width:60px;
	display:none;
	position:absolute;
	top:5px;
	right:5px;
	z-index:10000;
	color: #FFF;
text-align:center;
	}	


a { -webkit-tap-highlight-color: rgba(0,0,0,0); }

.hover{
	filter: alpha(opacity=70);
  -moz-opacity:0.70;
  opacity:0.70;
	}	


.under_panel{
	padding-top:20px;
}

.panel_box a{
	background-repeat:no-repeat;
	display:block;
	background-position:5px 0px;
	height:46px;
	color:#333 !important;
	text-decoration:none !important;
	}

.now a{
	text-decoration:underline !important;
	color:#FFF !important;
	}

.panel_box td{
	padding:2px 4px 0px 2px;
	}

#flexslider_web ,.caroufredsel_wrapper{
	height:150px !important;
	background-color:transparent !important;
	}

.caroufredsel_wrapper ul{height:150px !important;}
.caroufredsel_wrapper li{
	display:block !important;
height:150px !important; 
float: left;
margin-right:0px;
width:245px;
display: inline;
}


#flexslider_web .slides a{
	display:block;
	text-align:center;
	padding-left:7px;
	}	
#flexslider_web img{
	width:230px !important;
	}
	
#flexslider_web .flex-direction-nav a{
}

#btn_prev{
	position:absolute;
	display:block !important;
width: 39px !important;
height: 39px !important;
top:220px !important;
_top:226px !important;
left: -17px !important;
z-index:1000;
}


#btn_next{
	position:absolute;
	display:block !important;
width: 39px !important;
height: 39px !important;
top:220px !important;
_top:226px !important;
right: -17px !important;
z-index:1000;
	}



.loading{
	background-color:#FFF;
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:10000;
	}



/* Facebook CSS Hack */
.fb_iframe_widget iframe{left:0px;}