@charset "UTF-8";

body{
	color: #333333;
	}
#all{
	width: 100%;
	line-height: 1.0;
	}
.wrapper{
	width: 900px;
	margin: 0 auto;
	text-align: left;
	}
	
.wrapper_mini{
	width: 700px;
	margin: 0 auto;
	text-align: left;
	}

#oowaku {
  background: url(../img/bg_header.gif) repeat-x;
  margin-bottom: 30px;
}

#oowaku:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}

*html .iepngfix{ behavior: url(/cmn/js/iepngfix.htc) !important; }


/******************************************************************************
header
******************************************************************************/

#header {
  width:900px;
  height:90px;
  margin-right: auto;
  margin-left: auto;
  position:relative;
  left:0px; top:0px;
  text-align:center;
}

#header:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}

/* logo */
#header h1{
	position:absolute;
	left:0px; top:20px;
	width:331px;
	height:45px;
	margin:0;
	float:left;
	background:url(../img/logo.gif) no-repeat;
}
#header h1 a {
	text-indent:-9999px;
	display: block;
	width:331px;
	height:45px;
}

/* top_b */
#header h2 a{
	position:absolute;
	left:512px; top:20px;
	width:113px;
	height:24px;
	margin:0;
	float:left;
	background:url(../img/top_b.gif) no-repeat 0px 0px;
	text-indent:-9999px;
}
#header h2 a:hover{
	background-position: 0px -24px;
}

#header h3 a{
	position:absolute;
	left:645px; top:20px;
	width:80px;
	height:24px;
	margin:0;
	float:left;
	background:url(../img/online_b.gif) no-repeat 0px 0px;
	text-indent:-9999px;
}
#header h3 a:hover{
	background-position: 0px -24px;
}
	
/* font_size */
#header .font_size{
	position:absolute;
	right:0px; top:20px;
	width: 155px;
	height: 24px;
	overflow: hidden;
	}
#header .font_size li{
	float: left;
	}
#header .font_size li a{
	margin:0;
	padding:0px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	}
#header .font_size #small a{
	background-image: url(../img/b_small_yoko.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px 0;
	width: 20px;
	height: 24px;
	}
#header .font_size #medium a{
	background-image: url(../img/b_defalt_yoko.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px 0;
	width: 20px;
	height: 24px;
	}
#header .font_size #large a{
	background-image: url(../img/b_big_yoko.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px 0;
	width: 27px;
	height: 24px;
	}
	
/* オーバー */
#header .font_size #small a:hover{
	background-position:0px -24px;
	}
#header .font_size #medium a:hover{
	background-position:0px -24px;
	}
#header .font_size #large a:hover{
	background-position:0px -24px;
	}
	
/* head_navi */
#header .head_navi{
	position:absolute;
	right:0px; top:54px;
	width: 470px;
	}
#header .head_navi li{ 
	float: left;
	}



/******************************************************************************
header　別ウインドウ
******************************************************************************/

#header_mini {
  width:700px;
  height:90px;
  margin-right: auto;
  margin-left: auto;
  position:relative;
  left:0px; top:0px;
  text-align:center;
}

#header_mini:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}

/* logo */
#header_mini h1{
	position:absolute;
	left:0px; top:20px;
	width:174px;
	height:45px;
	margin:0;
	float:left;
	background:url(../img/logo.gif) no-repeat;
	text-indent:-9999px;
}

	
/* font_size */
#header_mini .font_size{
	position:absolute;
	right:0px; top:20px;
	width: 155px;
	height: 24px;
	overflow: hidden;
	}
#header_mini .font_size li{
	float: left;
	}
#header_mini .font_size li a{
	margin:0;
	padding:0px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	}
#header_mini .font_size #small a{
	background-image: url(../img/b_small_yoko.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px 0;
	width: 20px;
	height: 24px;
	}
#header_mini .font_size #medium a{
	background-image: url(../img/b_defalt_yoko.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px 0;
	width: 20px;
	height: 24px;
	}
#header_mini .font_size #large a{
	background-image: url(../img/b_big_yoko.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px 0;
	width: 27px;
	height: 24px;
	}
/* オーバー */
#header_mini .font_size #small a:hover,
#header_mini .font_size #medium a:hover,
#header_mini .font_size #large a:hover{
	background-position:0px -24px;
	}

/* 閉じるボタン */
#header_mini .close{
	position:absolute;
	right:0px; top:52px;
	width: 170px;
	}


/******************************************************************************
footer
******************************************************************************/

#footer {
  background: url(../img/bg_footer.gif) repeat-x;
  height:80px;
  margin-top: 20px;
}

#footer:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}

#footer .box {
  width:900px;
  margin:auto;
  position:relative;
  left:0px; top:9px;
  text-align:left;
}

#footer .copy {
  width:900px;
  margin:20px 0px 0px 0px;
  text-align:left;
  background:url(../img/copy.gif) no-repeat;
  text-indent:-9999px;
}


/******************************************************************************
footer　別ウインドウ
******************************************************************************/

#footer .box_mini {
  width:700px;
  margin:auto;
  position:relative;
  left:0px; top:9px;
  text-align:left;
}


/******************************************************************************
2 Column
******************************************************************************/
/*left*/
#left {
	width:700px;
	margin:0px 0px 0px 0px;
	float:left;
	text-align:left;
}

/*right*/
#right {
	width:170px;
	float:left;
	text-align:left;
	margin:0px 0px 0px 30px;
}


/*パンくず*/
.pan {
	width:680px;
	float:left;
	padding:0px 20px 0px 0px;
	text-align:right;
}