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

* html *{zoom:1;}

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
text-align: left;
color:#333;
}
address,em,strong,th {
font-style: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th {
text-align: left;
}
hr,legend {
display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
img,fieldset {
border: 0;
margin:0;
padding:0;
}
li {
list-style-type: none;
}

/* Fonts
------------------------------------------------------------*/
html,body {
  -webkit-text-size-adjust: none;
}
body {/*"メイリオ",Meiryo,*/
font-family: Helvetica,Verdana,"Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
font-size:12px;
line-height:1.8;
}
*html body{
}


/* clearfix
------------------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
visibility: hidden;
height: 0;
clear: both;
}
.clearfix {
zoom: 1;
}/* IE用 */


/*全体*/
body {
	min-width:980px;
	width: expression(document.body.clientWidth < 982? "980px" : "auto");
	color:#555;
	background:#fff;
}
body a{
	text-decoration: none;
	color: #79afd4;
	cursor: pointer;
}
body a:hover{
	color: #29454e;
}
a:hover img{
	opacity: 0.75; /* for Opera,Firefox,Safari */
	filter: alpha(opacity=75); /* for IE */
}

.date {
	color: #777;
	font-size: 9px;
}
.new {
	color: #f94c4c;
	font-size: 9px;
}
.bb {
	color:#000;
	font-weight:bold;
}

.caution {
	color: #777;
	font-size: 10px;
	line-height:1.6;
}
.red{
	color:#cc0000;
}


#wrapper {
	width: 980px;
	margin:0 auto;
	padding: 0;
	text-align: left;
}

#header {
	position: relative;
	height: 85px;
	width: 980px;
	margin:0;
	padding:0;
}
#header .logo {
	position: absolute;
	background: url('../images/logo.gif') top left no-repeat;
	width: 240px;
	height: 85px;
	top: 0;
	left: 0;
	text-indent: -9999px;
	display: block;
}
#header .logo a{
	width: 240px;
	height: 85px;
	display: block;
}
#header .english {
	position: absolute;
	background: url('../images/english.gif') top left no-repeat;
	width: 65px;
	height: 30px;
	top: 0;
	right: 0;
	text-indent: -9999px;
	display: block;
}
#header .english a{
	background: #fff;
	width: 100%;
	height: 100%;
	display: block;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity:0;
}
#header .english a:hover{
	filter:alpha(opacity=30);
	-moz-opacity:0.30;
	-khtml-opacity: 0.30;
	opacity:0.30;
}
#header .twitter {
	position: absolute;
	background: url('../images/tweet.gif') top left no-repeat;
	width: 30px;
	height: 30px;
	top: 0;
	right: 65px;
	text-indent: -9999px;
	display: block;
}
#header .twitter a{
	background: #9dc7e0;
	width: 100%;
	height: 100%;
	display: block;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity:0;
}
#header .twitter a:hover{
	filter:alpha(opacity=30);
	-moz-opacity:0.30;
	-khtml-opacity: 0.30;
	opacity:0.30;
}
#header .facebook {
	position: absolute;
	background: url('../images/facebook.gif') top left no-repeat;
	width: 30px;
	height: 30px;
	top: 0;
	right: 75px;
	text-indent: -9999px;
	display: block;
}
#header .facebook a{
	background: #fff;
	width: 100%;
	height: 100%;
	display: block;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity:0;
}
#header .facebook a:hover{
	filter:alpha(opacity=30);
	-moz-opacity:0.30;
	-khtml-opacity: 0.30;
	opacity:0.30;
}

#header .gplus {
	position: absolute;
	background: url('../images/gplus.gif') top left no-repeat;
	width: 30px;
	height: 30px;
	top: 0;
	right: 100px;
	text-indent: -9999px;
	display: block;
}
#header .gplus a{
	background: #fff;
	width: 100%;
	height: 100%;
	display: block;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity:0;
}
#header .gplus a:hover{
	filter:alpha(opacity=30);
	-moz-opacity:0.30;
	-khtml-opacity: 0.30;
	opacity:0.30;
}


/*フッター*/
#footer {
	clear: both;
	width:980px;
	background:#ededed;
	margin:20px 0 0 0;
	padding:0;
	color:#999;
}
#footer ul{
	margin:0;
	padding:0;
	list-style-type:none;
	float: left;
}
#footer .main{
	color:#000;
}
#footer  a{
	color:#333;
}
#footer a:hover{
	color:#777;
}
#footer #inner{
	width:950px;
	margin:0 auto;
	padding:0;
	font-size:11px;
}
*html #footer #inner{
	font-size:10px;
}
#footer #top{
	width:950px;
	height:60px;
	line-height:60px;
}
#footer #middle{
	width:950px;
	height:170px;
}
#footer #middle #box1{
	width:170px;
}
#footer #middle #box2_1{
	width:100px;
}
#footer #middle #box2_2{
	width:130px;
}
#footer #middle #box2_3{
	width:120px;
}
#footer #middle #box3_1{
	width:75px;
}
#footer #middle #box3_2{
	width:180px;
}
#footer #middle #box4_1{
	width:70px;
}
#footer #middle #box4_2{
	width:80px;
}
#footer #bottom{
	border-top:1px solid #fff;
	text-align: right;
	width:950px;
	height:60px;
	margin-top:10px;
	line-height:60px;
	color:#777;
}


#footer #middle #box1s{
	width:150px;
}
#footer #middle #box2_1s{
	width:90px;
}
#footer #middle #box2_2s{
	width:130px;
}
#footer #middle #box2_3s{
	width:190px;
}
#footer #middle #box3_1s{
	width:70px;
}
#footer #middle #box3_2s{
	width:165px;
}
#footer #middle #box4_1s{
	width:60px;
}
#footer #middle #box4_2s{
	width:70px;
}




/*トップへ戻る*/
#goto_top {
	height: 20px;
	width: 20px;
	position: fixed;
	right: 0px;
	bottom: 60px;
}
/* IE6用 */
* html #goto_top{
	position: absolute;
	top:expression(eval(this.offsetParent.scrollTop + this.offsetParent.offsetHeight - this.offsetHeight - 64));
	right: 0px;
 }
 /* IE7用 */
*:first-child+html  #goto_top{
	bottom: 64px;
}