@charset "utf-8";

/* 
---------------------------------------------------- */
*{
	margin:0;
	padding:0;
  }
  
body{
	text-align:center;
	padding:0 0 10px;
	background-color:#fff;
	font-size:12px;
    color: #333;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", verdana, arial, sans-serif;
  }
  
h1{
	margin:0 0 12px 0;
	font-size:0;
	line-height:100%;
  }

h2{
	margin:25px 0 8px 0;
	font-size:0;
	line-height:100%;
  }

p{
	margin:0 0 12px 0;
	line-height:160%;
	font-size:12px;
    color: #333;
  }

ul{
	list-style:none;
	line-height:100%;
	font-size:12px;
  }
  
li{
	line-height:150%;
	font-size:12px;
  }
  
th,td{
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	line-height:160%;
	font-size:12px;
  }
  
img{
	vertical-align:top;
	border:none;
  }
  
/* 全体構造
---------------------------------------------------- */
body {
    margin: 0;
    padding: 0;
    color: #333;	
    font-size: 1em;
	background-image:url(../images/bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	border-top: 3px #000 solid;
	}
  
#wrapper {
    width: 900px;
    margin: 0 auto;
	padding:0;
	background:#fff;
	}

/* 基本フォント設定
---------------------------------------------------- */
body,th,td {
	font-size: small;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 140%;
	text-align: left;
	}

/* \*/
h1 {
	font-size: 1.1em;
	}
  
h2 {
	font-size: 1em;
	}
  
h2,h3,h4,h5,h6 {
    font-size: small;
	}

/* リンク
---------------------------------------------------- */
a:link {
    color: #ff1879;
    background: transparent;
    text-decoration: none;
	}
  
a:visited {
    color: #ff1879;
    text-decoration: none;
	}
  
a:hover, a:active {
    color: #ff1879;
    background: transparent;
    text-decoration: underline;	
	}

/* ヘッダ
---------------------------------------------------- */
#header {
    margin:0;
	padding: 0;
    width: 900px;
    height: 8px;
	background-image:url(../images/header_bg.jpg);
	background-repeat:no-repeat;
    background-position:0;	
	}
  
#header h1{
	margin:0;
	padding-top:10px;
	padding-left:40px;
	padding-bottom: 10px;
	font-weight:normal;
	font-size: 0.9em;
	}
  
#header h2{
	margin:0;
	padding-left:30px;
	display:inline;	
	}

/* コンテンツ
---------------------------------------------------- */
#content {
	margin: auto;
	padding: 0;
	width: 900px;
	background:url(../images/main_bg.jpg) no-repeat;
	}

/* レフト
---------------------------------------------------- */
.left {
	width: 604px;
	margin: 0;
	padding: 10px 5px 0 18px;
	float:left;
	display: block;
	}
  
.left h2{
	margin:0;
	padding:10 0;
	margin-bottom: 10px;
	}
 
.left li{
	margin:3px;
	padding:0;
	font-size: 1em;
	line-height: 160%;
	}
  
/* ライト
---------------------------------------------------- */
.right {
	width: 246px;
	margin: 0;
	padding: 10px 18px 5px 0;
	float:right; 
	display: block;
	}
	
.right h2{
	margin:0;
	padding:10 0;
	margin-bottom: 10px;
	}
  
/* グローバルナビゲーション
---------------------------------------------------- */
#g_navi {
    width: 900px;
	height:72px;
	background:url(../images/g_navi.jpg) no-repeat;
	margin: 0;
	padding: 0;
}
#g_navi ul {
	padding:0;
}
#g_navi li {
	display:inline;
	list-style-type:none;
}
#g_navi li a {
	height:72px;
	display:inline;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}

/* グローバルナビゲーションon
---------------------------------------------------- */
#g_navi li.top a {
	background:url(../images/g_navi.jpg) no-repeat 0px 0px;
	width:206px;
}
#g_navi li.s_info a {
	background:url(../images/g_navi.jpg) no-repeat -206px 0px;
	width:162px;
}
#g_navi li.menu a {
	background:url(../images/g_navi.jpg) no-repeat -368px 0px;
	width:162px;
}
#g_navi li.charge a {
	background:url(../images/g_navi.jpg) no-repeat -530px 0px;
	width:161px;
}
#g_navi li.staff a {
	background:url(../images/g_navi.jpg) no-repeat -691px 0px;
	width:209px;
}


/* グローバルナビゲーションhover
---------------------------------------------------- */
#g_navi li.top a:hover {
	background:url(../images/g_navi_on.jpg) no-repeat 0px 0px;
	width:206px;
}
#g_navi li.s_info a:hover {
	background:url(../images/g_navi_on.jpg) no-repeat -206px 0px;
	width:162px;
}
#g_navi li.menu a:hover {
	background:url(../images/g_navi_on.jpg) no-repeat -368px 0px;;
	width:162px;
}
#g_navi li.charge a:hover {
	background:url(../images/g_navi_on.jpg) no-repeat -530px 0px;
	width:161px;
}
#g_navi li.staff a:hover {
	background:url(../images/g_navi_on.jpg) no-repeat -691px 0px;
	width:209px;
}

/* グローバルナビゲーションhover
---------------------------------------------------- */
#g_navi li.top_on a {
	background:url(../images/g_navi_on.jpg) no-repeat 0px 0px;
	width:206px;
}
#g_navi li.s_info_on a {
	background:url(../images/g_navi_on.jpg) no-repeat -206px 0px;
	width:162px;
}
#g_navi li.menu_on a {
	background:url(../images/g_navi_on.jpg) no-repeat -368px 0px;
	width:162px;
}
#g_navi li.charge_on a {
	background:url(../images/g_navi_on.jpg) no-repeat -530px 0px;
	width:161px;
}
#g_navi li.staff_on a {
	background:url(../images/g_navi_on.jpg) no-repeat -691px 0px;
	width:209px;
}

/* アドレスボックス
---------------------------------------------------- */
.r_adbox{
  width:188px;
  height:251px;
  margin-top: 5px;
  }
  
.r_adbox li{
  margin:0;
  padding-top:16px;
  padding-left:26px;
  padding-right:26px;  
  padding-bottom:0;
  text-align:left;
  }
  
.r_adbox .copy{
  width: 60px;
  margin:0;
  padding-top:14px;
  padding-left:26px;
  padding-right:2px;  
  padding-bottom:0; 
  display:inline;
  float:left;
  font-size: 0.8em;
  } 
  
.r_adbox .qr{
  float:right;
  display:inline;
  margin: 12px;
  }  

/* フッター
---------------------------------------------------- */
  #footer {
  width: 860px;
  height: 60px;
  margin: auto;
  padding: 20px;
  text-align:right;
  }
  
  #footer ul {
  margin: 0;
  padding: 10px 0;
  display:block;
  float:left;
  text-align:center;
  }
  
  #footer li {
  display: inline;
  padding: 0.7em;
  font-size: 1em;
  text-transform: uppercase;
  }
  
  #footer .pagetop{
  margin-top:-32px;
  float:right;
  display:inline;
  }
  
  #footer address {
  margin: 0;
  padding:20px 8px;
  display:block;
  text-align:left;
  font-size: 0.9em;
  font-style:normal;
  float:right;
  }
  
/* 透過
---------------------------------------------------- */
a:hover img {  
   filter: alpha(opacity=80);
   opacity:0.8;  
   background: #fff; 
   }