@charset "utf-8";
/* CSS Document */

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

  共通CSS

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

/*-----------------------------------------
  初期化
 ------------------------------------------*/
 
body,div,p,form,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td{
	margin: 0;
	padding: 0;
}

img{
   border:0;
   vertical-align:bottom;
}

body{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 1.5;
	background-color: #fffafa;
}

/*-----------------------------------------
  全体
 ------------------------------------------*/

#header_line{
	width: 100%;
	height:3px;
	background-color: #ab2633;
	font-size: 0px; /* for ie */
}

#wrapper{
	margin: auto;
	height: auto;
	width: 783px;
}

/*-----------------------------------------
  ヘッダー
 ------------------------------------------*/

#header{
	width: 783px;
	height:84px;
}

/* ヘッダー左(ロゴ) */

#header_left{
	width: 348px;
	height:84px;
	float: left;
}

#header_left h1{
	width: 279px;
	height: 68px;
}

#header_left h1 a{
	width: 279px;
	height: 68px;
	display: block;
	text-indent: -10000px;
	background: url(../../img/all/common/logo.gif) no-repeat top left;
	margin-top: 5px;
}

/* ヘッダー右(ボタン) */

#header_right{
	width: 435px;
	height:84px;
	float: right;
}

#header_right ul {
	list-style: none;
	width: 435px;
	height: 50px;
	margin: 13px 0 0 0;
	padding: 0;
}

#header_right ul li {
	float: left;
}

#header_right a {
	display: block;
	text-indent: -10000px;
	overflow: hidden;
}

a.button1 {
	width: 196px;
	height: 50px;
	margin-right: 30px;
	background: url(../../img/all/common/about.gif);
	background-position: 0 0;
}
a:hover.button1 {	background-position: 0 50px;}

a.button2 {
	width: 196px;
	height: 50px;
	background: url(../../img/all/common/guide.gif);
	background-position: 0 0;
}
a:hover.button2 {	background-position: 0 50px;}

/*-----------------------------------------
  ぱんくず
 ------------------------------------------*/

#pankuzu{
	width: 783px;
	height: auto;
	clear: both;
	margin: 0 0 7px 5px;
}

#pankuzu a:link { color: #0000ff; }
#pankuzu a:visited { color: #0000ff; }
#pankuzu a:hover { color:#0000ff; }
#pankuzu a:active { color: #0000ff; }

/*-----------------------------------------
  サブメニュー
 ------------------------------------------*/

#menu{
	width: 783px;
	height: auto;
	clear: both;
}

#menu ul {
	list-style: none;
	width: 783px;
	height: 27px;
	margin: 0;
	padding: 0;
	background: url(../../img/all/common/menu_bg.gif) no-repeat top left;
	overflow: hidden;
}

#menu ul li {
	float: left;
}

#menu a {
	display: block;
	text-indent: -10000px;
	overflow: hidden;
}

a.menu1 {
	width: 156px;
	height: 27px;
	background: url(../../img/all/common/menu_bg.gif);
	background-position: 0 0;
}
a:hover.menu1 {	background-position: 0 27px;}

a.menu2 {
	width: 156px;
	height: 27px;
	background: url(../../img/all/common/menu_bg.gif);
	background-position: -156px 0;
}
a:hover.menu2 {	background-position: -156px 27px;}

a.menu3 {
	width: 156px;
	height: 27px;
	background: url(../../img/all/common/menu_bg.gif);
	background-position: -312px 0;
}
a:hover.menu3 {	background-position: -312px 27px;}

a.menu4 {
	width: 156px;
	height: 27px;
	background: url(../../img/all/common/menu_bg.gif);
	background-position: -468px 0;
}
a:hover.menu4 {	background-position: -468px 27px;}

a.menu5 {
	width: 158px;
	height: 27px;
	background: url(../../img/all/common/menu_bg.gif);
	background-position: -624px 0;
}
a:hover.menu5 {	background-position: -624px 27px;}

a.menu6 {
	width: 150px;
	height: 27px;
	background: url(../../img/all/common/menu_bg.gif);
	background-position: -628px 0;
}
a:hover.menu6 {	background-position: -628px 27px;}

/*-----------------------------------------
  コンテンツ
 ------------------------------------------*/
 
#contents{
	width: 783px;
	height: auto;
	clear: both;
	margin: 10px 0 0 0;
}

/*-----------------------------------------
  フッター
 ------------------------------------------*/

#footer_wrapper{
	clear:both;
	width: 100%;
	background: url(../../img/all/common/footer_bg.gif) repeat-x top left;
}

#footer{
	width: 783px;
	margin: auto;
	height: auto;
}

#footer_navi{
	text-align:right;
}

#footer_menu{
	font-size: 12px;
	color: #ffffff;
}

#footer_menu a:link { color: #ffffff; text-decoration: none; }
#footer_menu a:visited { color: #ffffff; text-decoration: none; }
#footer_menu a:hover { color:#ffffff; text-decoration: underline; }
#footer_menu a:active { color: #ffffff; text-decoration: underline; }

#copyright{
	padding:10px 0 10px 0;
	line-height: 1;
}