@charset "utf-8";
/* -------------------------------------------------------------------
 common.css v1.0
 Last Updated: 2012.10.11
 Author: Storaip
------------------------------------------------------------------- */
body {
	background:#ffffff;
	font-size:12px;
	line-height:140%;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	color:#333333;
}
a {
	color:#333;
}
#toTop {
	position:relative;
	width:960px;
	height:80px;
	margin:0 auto;
	z-index:9999;
}
#toTop a {
	float:right;
	display:block;
	width:50px;
	height:50px;
	text-indent:-9999px;
	background: url("/images/top/pagetop.png") no-repeat;
}
#toTop a:hover {
	text-decoration:underline;
}
.clearfix:after{content:""; display:block; clear:both;}
.clearfix{display:inline-block;}
/*¥*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
.clearfix{zoom:1;}

.wrapper {
	width:960px;
	margin:0 auto;
}
#container {
	padding:40px 0;
}
#main_index {
	overflow:hidden;
	margin:0 auto;
	width:960px;
}
#main {
	float:left;
	margin:30px 30px 30px 0;
	padding:0 40px 0 0;
	width: 690px;
	border-right:1px solid #cccccc;
}
h2.content_title{
	font-weight:normal;
	font-size:16px;
}

/*--------------------------------------------------------------------
 Header2 
--------------------------------------------------------------------*/
#header2{
	margin:25px 0 0 0;
	padding:12px;
	background:url(/images/top/index_img_bgblog.png) #ededed;

}
h1.logo2 a{
	float:left;
	display:block;
	width:279px;
	height:26px;
	background:url(/images/top/img_logo_header.png) no-repeat;
	text-indent:-9999px;
}
#description2{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:28px;
	background:url(/images/top/bg_header.png) repeat-x;
	text-align:center;
}
#header_navi{
	float:right;
}
#header_navi li{
	float:left;
	margin:7px 0 0 20px;
}
ul#header_navi li.access a{
	padding:0 0 0 13px;
	background:url(/images/top/index_icon_access.gif) no-repeat 0 3px;
	text-decoration:none;
}
ul#header_navi li a{
	padding:0 0 0 13px;
	background:url(/images/top/img_icon_header.png) no-repeat 0 3px;
	text-decoration:none;
}
ul#header_navi li a:hover{
	text-decoration:underline;
}

/*--------------------------------------------------------------------
 Slider 
--------------------------------------------------------------------*/
#image-bloc2 {
	clear:both;
	position:relative;
	overflow:hidden;
	margin:0;
	height: 458px;
}
.bx-viewport {
	overflow: visible!important;
	width: 1024px!important;
}
.main-container { // 一番外側の枠
	overflow: hidden;
	padding-bottom: 150px;
}
.slider {
	list-style: none;
	margin: 0;
	padding: 0;
}
.slider li {
	width: 960px!important;
	margin: 0;
	padding: 0;
}
#white_l{
	position:absolute;
	width:50%;
	height: 458px;
	top:0;
	right:50%;
	margin:0 479px 0 0;
	background:#ffffff;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#white_r{
	position:absolute;
	width:50%;
	height: 458px;
	top:0;
	left:50%;
	margin:0 0 0 479px;
	background:#ffffff;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

/*--------------------------------------------------------------------
 Top Map
--------------------------------------------------------------------*/
#map_area2{
	margin:0 auto 30px auto;
	width:960px;
}
#map_area2 p{
	float:left;
	width:500px;
	margin:0 20px 0 0;
	padding:70px 0 0 20px;
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:16px;
	line-height:180%;
}
#top_map_button{
	float:left;
	margin:230px 10px 0 0;
}
#top_map_button a{
	display:block;
	margin:10px 0 0 0;
}

/*--------------------------------------------------------------------
 Top Blog
--------------------------------------------------------------------*/
#blog_area{
	position:relative;
	padding:30px 0;
	background:url(/images/top/index_img_bgblog.png) #ededed;
}
#blog_index {
	overflow:hidden;
	margin:30px -40px 20px 20px;
	padding:0;
	width:980px;
	position:relative;
	z-index:1000;
}
#blog_index li {
	float:left;
	margin:0 40px 40px 0;
	padding:0;
	width:200px;
	height: 240px;
}
#blog_index .thumb{
	height:160px;
	overflow:hidden;
}
#blog_index .thumb img {
	width:200px;
	height:auto;
/*	border:1px solid #ededed; */
}
#blog_index .info {
	float:left;
	margin:5px 0 0 0;
	width:200px;
}
#blog_index .title {
	margin:0 0 7px 0;
	font-size:14px;
	line-height:150%;
}
#blog_index p {
	line-height:150%;
}
#blog_index .date {
	margin:5px 0 0 0;
	color:#666;
	float:left;
}
#blog_index .icon_new {
	float:left;
	margin:5px 0 0 10px;
	width:35px;
	height:13px;
	background: url("images/icon_new.gif") no-repeat;
	text-indent:-9999px;
}
#blog_index h3.title {
	clear:both;
	margin:0 0 10px 0;
	padding:5px 0 0 0;
	font-weight:normal;
}
#blog_index h3.title a {
	text-decoration:none;
}
#blog_index h3.title a:hover {
	text-decoration:underline;
}

/*--------------------------------------------------------------------
 Friends
--------------------------------------------------------------------*/
#friends_list{
	margin:30px -40px 0 0;
	width:1000px;
	position:relative;
	z-index:1000;
}
#friends_list li{
	float:left;
	margin:0 40px 40px 0;
}

/*--------------------------------------------------------------------
 Footer 
--------------------------------------------------------------------*/
.footer {
	padding:30px 0;
	background:url(/images/top/index_img_bgfooter.png) #333333;
	color:#cccccc;
	text-align:center;
}
.footer p {
	color: #999;
}
.footer a {
	color:#cccccc;
	text-decoration: none;
}
.footer a:hover {
	text-decoration:underline;
}
.footer .footer_navi_title a {
	padding:0 0 0 20px;
	font-size:14px;
	background:url(/images/top/footer_icon_01.gif) no-repeat 0 2px;
}
.footer ul li a {
	padding:0 0 0 12px;
	background:url(/images/top/footer_icon_02.gif) no-repeat 0 4px;
	color:#cccccc;
	text-decoration: none;
}
.footer_navi_title{
	margin:0 0 10px 0;
}
.footer_navi{
	float:left;
	margin:0 20px 0 0;
	width:200px;
	text-align:left;
}
.footer_navi ul li{
	margin:5px 0 5px 10px;
}
p.copyright {
	clear:both;
	padding:70px 0 0 0;
	color:#999999;
}

/*--------------------------------------------------------------------
 Blog, Event
--------------------------------------------------------------------*/
#event_list li{
	margin:0 0 30px 0;
}
#event_list li .thumb{
	float:left;
	margin:0 20px 0 0;
}
#event_list .thumb img {
	width:200px;
	height:auto;
}
#event_list .title {
	margin:10px 0 7px 0;
	font-size:16px;
	line-height:150%;
}
#event_list .date {
	margin:10px 0 0 0;
	color:#999;
	font-size:14px;
}
#event_list .icon_new {
	margin:4px 0 0 10px;
	padding:3px 6px;
	width:35px;
	height:13px;
	background: #E1A035;
	color:#ffffff;
	font-size:10px;
}
#event_list .content_text {
	margin:5px 0 0 0;
	font-size:14px;
	line-height:150%;
	letter-spacing:0.05em;
}


/*--------------------------------------------------------------------
 Meets
--------------------------------------------------------------------*/
#meets_list{
	margin:30px 0 0 0;
}

/*--------------------------------------------------------------------
 Album
--------------------------------------------------------------------*/
#album_container{
	position:relative;
	overflow:hidden;
	padding:30px;
}
#album_list_index{
	text-align: center;
}
#album_list_index li{
	  display: -moz-inline-box;
	  display: inline-block;
	  /display: inline;
	  /zoom: 1;
	  margin:0 20px 20px 0;
}
h2.album_title{
	text-align:center;
	margin:20px 0;
}
#tag_cloud{
	clear:both;
	margin:20px auto;
	padding:20px;
	width:920px;
	background:#ededed;
	line-height:160%;
}
#tag_cloud ul li{
	display:inline;
	margin-right:7px;
}

/*--------------------------------------------------------------------
 Single
--------------------------------------------------------------------*/
.entry .post-date {
	float:left;
	margin:0 0 5px 0;
}
.entry .icon_new {
	float:left;
	margin:0 0 0 10px;
	width:35px;
	height:13px;
	background: url("images/icon_new.gif") no-repeat;
	text-indent:-9999px;
}
h3#post-title {
	zoom:1;
	clear:both;
	margin:3px 0 10px 0;
	padding:10px 0;
	font-size:16px;
}
.post-content {
	font-size:14px;
	line-height:180%;
}
.post-content p {
	margin:0 0 20px 0;
}
.post-content img {
	vertical-align:text-bottom;
}
#social_box {
	margin:30px 0 15px 0;
	padding:10px 0 0 0;
	border-top:1px dotted #ccc;
}
#social_box li {
	float:left;
	margin:0 10px 0 0;
}
#social_box li .twitter {
	width:110px;
}

/*--------------------------------------------------------------------
 Sidebar
--------------------------------------------------------------------*/
#side_bar {
	width: 180px;
	margin:32px 0 0 0;
	padding:0;
	float:right;
}
#side_bar .side_title{
	margin:0 0 15px 0;
	padding:0;
	font-size:14px;
}
#side_bar ul{
	margin:0 0 40px 0;
	border-top:1px dotted #cccccc;
}
#side_bar ul li {
	margin:0;
	padding:10px 0;
	width: 180px;
	font-size:12px;
	border-bottom:1px dotted #cccccc;
}
#side_bar a {
	text-decoration:none;
}
#side_bar a:hover {
	text-decoration:underline;
}

/*--------------------------------------------------------------------
 404
--------------------------------------------------------------------*/
#nodata {
	margin:30px 0;
	line-height:240%;
}