@charset "UTF-8";

/* **************************************************
/*	
/*	Name: state.css
/*	
/*	Description: javascript Settings
/*	
/*	Create: 2015.02.09
/*	Update: XXXX.XX.XX
/*	
/*	Copyright 2015 ryuichi echigo
/*	
***************************************************** */

/* ===================================

	1: bxslider

====================================== */

html {overflow: auto;}

* html { /* for IE6 */	overflow: hidden;	overflow-x: auto;	height: 100%;}
body {	overflow-x: hidden;	position: relative;	min-width: 980px;}
* html body { /* for IE6 */	overflow-y: auto;	height: 100%;}


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	width:980px;
	position: relative;
	margin: 0 auto 0;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	display: block;
}

.si-slider {
	position:relative;
	padding:20px 0 20px;
	width:980px;
	margin:0 auto;
	text-align:left;
}

/** THEME

===================================*/

.bx-wrapper .bx-viewport {
	width:980px;
}

.bx-wrapper .bx-controls-auto {
	width: 100%;
}

/* PAGER */

#bx-pagerbox {
	background-color:rgba(28,28,28,0.86);
	padding:10px 0;
}

#bx-pager {
	text-align: left;
	width:980px;
	margin:0 auto;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}


/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

#bx-pagerbox a {
	float:left;
	margin: 0 20px 0 0;
	width:230px;
	display: block;
	position:relative;
	/zoom: 1;/* for IE6,7 */
	text-decoration: none;
}

#bx-pagerbox a.itemlast {
	margin: 0 0 0 0;
}

#bx-pagerbox a span  {
	display: block;
	border:1px solid #fff;
	line-height:40px;
	font-size:14px;
	color:#fff;
	text-align:center;
}

#bx-pagerbox a.active span  {
	background-color:#00499B;
}

#bx-pagerbox a:hover {
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
	text-decoration: none;
}

#bx-pagerbox a.active {
	text-decoration: none;
}

.bx-wrapper .img2,
.bx-wrapper .img3,
.bx-wrapper .img4,
.bx-wrapper .img5,
.bx-wrapper .img6 {
display:none;
}

/* ===================================

	2: sns list

====================================== */

#LinkListShare {
width: 230px;
margin-top: 16px;
zoom: 1;
}

#LinkListShare:after {
content: "";
display: block;
clear: both;
}

#LinkListShare li {
float: left;
width: 98px;
height: 20px;
padding: 5px 8px;
margin: 0 1px 1px 0;
background-color: #eee;
}

#LinkListShare li.twitter {
margin-right: 0;
}

#LinkListShare li.gplusone {
margin-right: 0;
}
* html #LinkListShare li.gplusone { display: none; }
*:first-child+html #LinkListShare li.gplusone { display: none; }

/*
iframe.twitter-share-button {
width: 90px! important;
}
*/

.socialWrap {
padding: 20px 0;
text-align: center;
}
 
.socialWrap div {
display: inline-block;
}
 
.fb_iframe_widget > span {
vertical-align: baseline !important;
}

.Social {
position: relative;
height: 25px;
margin: 0;
padding: 0 0 5px;
z-index: 10;
}
.Social ul li {
display: inline-block;
padding-right: 10px;
float: left;
}