@charset "utf-8";
/*------------------------------------------------------------------------------
XXXXXXXXXX - CSS Modules Import
URL:http://
Date:200X-0X-XX
Copyright (C) XXX. All Rights Reserved.
------------------------------------------------------------------------------*/


/* ----------------------------------------

Redefine

---------------------------------------- */

html, body {
	margin:0;
	padding:0;
	color:#333;
}
body {
	line-height:1.3;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka;
	text-align: center;
	background-color:transparent !important;
}
a:hover {
 text-decoration: none;
}
a:hover img {
 filter: alpha(opacity=70);
 -moz-opacity:0.7;
 opacity:0.7;
}
.topt {
 padding: 10px 0 10px 872px;
 text-align: right;
 clear: both;
}
.topt li {
 width: 75px;
 height: 20px;
 background: url(../img/common/pt.gif) no-repeat 0 0;
 display: block;
 text-indent: -999em;
 overflow: hidden;
 background-repeat: no-repeat;
 text-align: left;
 direction: ltr;
}
.topt li a {
 display: block;
 height: 100%;
}
.topt li a:hover {
 filter: alpha(opacity=30);
 -moz-opacity:0.3;
 opacity:0.3;
 background: #F7F5E9;
}
/* ----------------------------------------
Redefine - Container
---------------------------------------- */

div#container {
 width: 950px;
 margin:0 auto;
 font-size:100%;
 text-align: left;
}
/* hdr */
#hdr {
 width: 950px;
 clear:both;
 position:relative;
}
#hdr div {
width:950px;
 clear:both;
 margin-bottom:3px;
}
#hdr h1{
 font-size:0;
 line-height:0;
 text-indent:-999em;
 width:950px;
 background:url(../img/common/siteid.jpg) no-repeat 0 0;
 height:106px;
}
#hdr #gnv {
 width: 950px;
 height:70px;
 padding: 0;
}
#hdr #gnv li {
 float: left;
 font-size: 0;
 line-height: 0;
}

/*wrapper*/
.wrapper {
 width: 950px;
 margin: 0 auto;
 clear:both;
 background:#FFF;
}
.wrapper .cts {
 width: 950px;
 clear:both;
}
/*ftr*/
.ftr {
 width:950px;
 clear:both;
}
#ftr {
 width: 950px;
 height: 236px;
 background: url(../img/common/footer.jpg) no-repeat 0 0;
 clear:both;
 position:relative;
}
#ftr ul.fbtn li{
 position:absolute;
 font-size:0;
 line-height:0;
 top:90px;
}
#ftr ul.fbtn li.b1{
 left:537px;
}
#ftr ul.fbtn li.b2{
 left:740px;
}

#ftr ul.fnavi{
 position:absolute;
 font-size:0;
 line-height:0;
 left:218px;
 top:168px;
}
#ftr ul.fnavi li{
 float:left;
 font-size:0;
 line-height:0;
}



/* ----------------------------------------

フォントサイズは子要素に指定する

10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%

---------------------------------------- */

/*  --
WinIE,MacIE4,NN4,Opera7以下は除外
レガシーブラウザを回避してpx指定する場合
-- */

html[xmlns]>/**/body div#Container {
/*font-size:13px;*/
}
/* ----------------------------------------
header
---------------------------------------- */
#hdr {
 width: 950px;
 margin: 0 auto;
}
/* 画像置き換え用 */
.ir {
 display: block;
 text-indent: -999em;
 overflow: hidden;
 background-repeat: no-repeat;
 text-align: left;
 direction: ltr;
}
/* ブラウザ、スクリーンリーダから隠す
 css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
 display: none;
 visibility: hidden;
}
/* ブラウザからは隠し、スクリーンリーダからは利用できる */
.visuallyhidden {
 position: absolute !important;
 clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
 clip: rect(1px, 1px, 1px, 1px);
}
/* ブラウザとスクリーンリーダから隠し、レイアウトを保持 */
.invisible {
 visibility: hidden;
}
.clearfix:before, .clearfix:after {
 content: "\0020";
 display: block;
 height: 0;
 overflow: hidden;
}
.clearfix:after {
 clear: both;
}
.clearfix {
 zoom: 1;
}