@charset "utf-8";
/* CSS Document */
/* some custom fonts via google font api */
@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight);
/* content block 2 */
/*
   Related Posts / 関連記事
------------------------------------------------------------------- */
.r_title{
	margin-top: 20px;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}
#r_posts .k_title{
	font-size: 14px;
	font-weight: bold;
}
#r_posts li {
	list-style-type: none;
	float: left;
	list-style-type: none;
	float: left;
	height: 170px;
	width: 398px;;
	margin-bottom: 10px;
	margin-right: 10px;
	background-color: #e1e1e1;
}
#r_posts li a {
	display:block; 
	width:378px;
	padding: 10px;
	height: 150px;
	background-color: #e1e1e1;
}
#r_posts li a:hover { background:#ED6D00;
	text-decoration: none;
	color: #000; }

#r_posts img {
	list-style-type: none;
	float: left;
	margin-right: 10px;
	}

#r_posts .kanren img{
	height: 100px;
	width: 150px;
}
#r_posts a:hover img {
filter : alpha(opacity=100);
opacity : 1 ;
}
.clear_r {
	display: block;
	font-size: 0;
	line-height: 0;
	height: 10px;
}

/*
   Updates list
------------------------------------------------------------------- */
#updates_container{
	width:264px;
	height:283px;
	padding-bottom: 22px;
	float: left;
	display: block;
	margin-right: 0;
	margin-bottom: 14px;
	margin-left: 14px;
	background-color: #258888;
	line-height:14px;
}
#updates_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#updates_container .customScrollBox .container{
	position:relative;
	width:249px;
	top:0;
	float:left;
}
#updates_container .customScrollBox .content{clear:both;}
#updates_container .customScrollBox .content p{padding:10px 5px; margin:10px 0; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:20px;}
#updates_container .customScrollBox .content p.alt{padding:10px 5px; margin:10px 0; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:19px; color:#999;}
#updates_container .customScrollBox img{
	border:none;
}
#updates_container .dragger_container{
	position:relative;
	width:10px;
	height:282px;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
	cursor:pointer;
	box-shadow:inset 0 0 9px #000;
	-moz-box-shadow:inset 0 0 9px #000;
	-webkit-box-shadow:inset 0 0 9px #000;
}
#updates_container .dragger{
	position:absolute;
	width:10px;
	height:60px;
	background:#666;
	text-align:center;
	line-height:60px;
	color:#000;
	overflow:hidden;
	cursor:pointer;
}

/*
   News list
------------------------------------------------------------------- */
#news_container h2{
	margin-left: -1px;
}
#news_container{
	width:541px;
	height:261px;
	padding-bottom: 22px;
	float: left;
	display: block;
	margin-right: 0;
	margin-bottom: 14px;
	margin-left: 0;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	line-height:12px;
}
#news_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#news_container .customScrollBox .container{
	position:relative;
	width:526px;
	top:0;
	float:left;
}
#news_container .customScrollBox .content{
	clear:both;
	overflow: hidden;
}
#news_container .customScrollBox .content p{padding:10px 5px; margin:10px 0; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:20px;}
#news_container .customScrollBox .content p.alt{padding:10px 5px; margin:10px 0; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:19px; color:#999;}
#news_container .customScrollBox img{
	border:3px solid #ccc;
}
#news_container .dragger_container{
	position:relative;
	width:10px;
	height:261px;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
	cursor:pointer;
	box-shadow:inset 0 0 9px #000;
	-moz-box-shadow:inset 0 0 9px #000;
	-webkit-box-shadow:inset 0 0 9px #000;
}
#news_container .dragger{
	position:absolute;
	width:10px;
	height:60px;
	background:#666;
	text-align:center;
	line-height:60px;
	color:#000;
	overflow:hidden;
	cursor:pointer;
}
/*
   Products list Hard
------------------------------------------------------------------- */
#products1_container h2{
	margin-left: -1px;
}
#products1_container{
	width:500px;
	height:362px;
	padding-bottom: 20px;
	display: block;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 14px;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	line-height:12px;
}
#products1_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#products1_container .customScrollBox .container{
	position:relative;
	width:248px;
	top:0;
	float:left;
}
#products1_container .customScrollBox .content{
	clear:both;
	overflow: hidden;
}
#products1_container .customScrollBox .content p{padding:10px 5px; margin:10px 0; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:20px;}
#products1_container .customScrollBox .content p.alt{padding:10px 5px; margin:10px 0; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:19px; color:#999;}
#products1_container .customScrollBox img{
	border:3px solid #ccc;
}
#products1_container .dragger_container{
	position:relative;
	width:10px;
	height:362px;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
	cursor:pointer;
	box-shadow:inset 0 0 9px #000;
	-moz-box-shadow:inset 0 0 9px #000;
	-webkit-box-shadow:inset 0 0 9px #000;
}
#products1_container .dragger{
	position:absolute;
	width:10px;
	height:60px;
	background:#666;
	text-align:center;
	line-height:60px;
	color:#000;
	overflow:hidden;
	cursor:pointer;
}
/*
   Info / Event list
------------------------------------------------------------------- */
#info_container h2{
	margin-left: -1px;
}
#info_container{
	width:263px;
	height:272px;
	padding-bottom: 20px;
	display: block;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 14px;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	line-height:12px;
}
#info_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#info_container .customScrollBox .container{
	position:relative;
	width:248px;
	top:0;
	float:left;
}
#info_container .customScrollBox .content{
	clear:both;
	overflow: hidden;
}
#info_container .customScrollBox .content p{padding:10px 5px; margin:10px 0; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:20px;}
#info_container .customScrollBox .content p.alt{padding:10px 5px; margin:10px 0; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:19px; color:#999;}
#info_container .customScrollBox img{
	border:3px solid #ccc;
}
#info_container .dragger_container{
	position:relative;
	width:10px;
	height:272px;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
	cursor:pointer;
	box-shadow:inset 0 0 9px #000;
	-moz-box-shadow:inset 0 0 9px #000;
	-webkit-box-shadow:inset 0 0 9px #000;
}
#info_container .dragger{
	position:absolute;
	width:10px;
	height:60px;
	background:#666;
	text-align:center;
	line-height:60px;
	color:#000;
	overflow:hidden;
	cursor:pointer;
}
/*
   Google Feed
------------------------------------------------------------------- */
#topics {
	height: 1260px;
}
/*
   Blogger 3
------------------------------------------------------------------- */
#blogfeed_container{
	width:300px;
	height:318px;
	float: left;
	display: block;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	background-color: #000;
	padding: 0;
}
#blogfeed_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#blogfeed_container .customScrollBox .container{
	position:relative;
	width:280px;
	top:0;
	float:left;
	font-size: 10px;
}
#blogfeed_container .customScrollBox .content{clear:both;}
#blogfeed_container .customScrollBox .content p{padding:10px 5px; margin:10px 0; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:20px;}
#blogfeed_container .customScrollBox .content p.alt{padding:10px 5px; margin:10px 0; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; line-height:19px; color:#999;}
#blogfeed_container .dragger_container{
	position:relative;
	width:9px;
	height:318px;
	float:left;
	cursor:pointer;
	box-shadow:inset 0 0 9px #333;
	-moz-box-shadow:inset 0 0 9px #333;
	-webkit-box-shadow:inset 0 0 9px #333;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 11px;
	font-size: 10px;
}
#blogfeed_container .dragger{
	position:absolute;
	width:9px;
	height:60px;
	background:#333;
	text-align:center;
	line-height:60px;
	color:#000;
	overflow:hidden;
	cursor:pointer;
}
/*
   Blogger 
------------------------------------------------------------------- */
#blogfeed_container00{
	width:300px;
	height:318px;
	float: left;
	display: block;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	background-color: #000;
	padding: 0;
}
#blogfeed_container00 .customScrollBox{position:relative; height:100%; overflow:hidden;}
#blogfeed_container00 .customScrollBox .container{
	position:relative;
	width:280px;
	top:0;
	float:left;
	font-size: 10px;
}
#blogfeed_container00 .customScrollBox .content{clear:both;}
#blogfeed_container00 .customScrollBox .content p{padding:10px 5px; margin:10px 0; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:20px;}
#blogfeed_container00 .customScrollBox .content p.alt{padding:10px 5px; margin:10px 0; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; line-height:19px; color:#999;}
#blogfeed_container00 .dragger_container{
	position:relative;
	width:9px;
	height:318px;
	float:left;
	cursor:pointer;
	box-shadow:inset 0 0 9px #333;
	-moz-box-shadow:inset 0 0 9px #333;
	-webkit-box-shadow:inset 0 0 9px #333;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 11px;
	font-size: 10px;
}
#blogfeed_container00 .dragger{
	position:absolute;
	width:9px;
	height:60px;
	background:#333;
	text-align:center;
	line-height:60px;
	color:#000;
	overflow:hidden;
	cursor:pointer;
}

/*
   Blogger TOP 7段
------------------------------------------------------------------- */
#blogfeed_container01{
	width:300px;
	height:450px;
	float: left;
	display: block;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	background-color: #000;
	padding: 0;
}
#blogfeed_container01 .customScrollBox{position:relative; height:100%; overflow:hidden;}
#blogfeed_container01 .customScrollBox .container{
	position:relative;
	width:280px;
	top:0;
	float:left;
	font-size: 10px;
}
#blogfeed_container01 .customScrollBox .content{clear:both;}
#blogfeed_container01 .customScrollBox .content p{padding:10px 5px; margin:10px 0; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:20px;}
#blogfeed_container01 .customScrollBox .content p.alt{padding:10px 5px; margin:10px 0; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; line-height:19px; color:#999;}
#blogfeed_container01 .dragger_container{
	position:relative;
	width:9px;
	height:450px;
	float:left;
	cursor:pointer;
	box-shadow:inset 0 0 9px #333;
	-moz-box-shadow:inset 0 0 9px #333;
	-webkit-box-shadow:inset 0 0 9px #333;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 11px;
	font-size: 10px;
}
#blogfeed_container01 .dragger{
	position:absolute;
	width:9px;
	height:60px;
	background:#333;
	text-align:center;
	line-height:60px;
	color:#000;
	overflow:hidden;
	cursor:pointer;
}