@charset "Shift_JIS";
/*----------------------------------------------------------------------------------------------
Common Style
-----------------------------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
body {
	font-family:Verdana,Arial,"Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3",Osaka,"MS P Gothic","‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
	background: #eaeaea url(../images/common/bg.jpg) repeat-x center 50px;
	color: #333;
}
img {
	border: 0;
}
ul {
	list-style-type: none;
}
a {
	outline: 0;
}
/*----------------------------------------------------------------------------------------------
Header Style
-----------------------------------------------------------------------------------------------*/
#header {
	min-width: 1000px;
	border-top: 6px solid #f00;
	background-color: #fff;
}
#header .wrap {
	margin: 0 auto;
	width: 1000px;
	height: 44px;
}
#header .wrap h1 {
	float: left;
	width: 316px;
}
#header .wrap div {
	float: right;
	width: 140px;
}
/*----------------------------------------------------------------------------------------------
Container Style
-----------------------------------------------------------------------------------------------*/
#htmlcontainer {
	min-width: 1000px;
	padding: 10px 0 0 0;
}
#bodycontainer {
	margin: 0 auto;
	width: 912px;
}
/*----------------------------------------------------------------------------------------------
Footer Style
-----------------------------------------------------------------------------------------------*/
#footer {
	min-width: 1000px;
	border-bottom: 6px solid #f00;
	background: #fff url(../images/common/footerbg.gif) repeat-x 0 0;
}
#footer .wrap {
	margin: 0 auto;
	padding: 3px 0 0 0;
	width: 1000px;
	height: 60px;
}
#footer .wrap div {
	float: left;
	width: 830px;
}
#footer .wrap div img {
	float: left;
}
#footer .wrap p {
	float: right;
	width: 170px;
}
/*----------------------------------------------------------------------------------------------
Global Navigation Style
-----------------------------------------------------------------------------------------------*/
#navi {
	position: relative;
	height: 71px;
}
#navi #navi_img {
	position: relative;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 71px;
	z-index: 1;
}
#navi #navi_img li {
	position: relative;
	float: left;
}
#navi #navi_img li div {
	position: relative;
}
#navi #navi_link {
	position: absolute;
	top: 0;
	left: 0;
	height: 71px;
	z-index: 2;
}
#navi #navi_link li {
	float: left;
}
#navi #navi_link li a {
	display: block;
	width: 137px;
	height: 71px;
	background: url(../images/common/spacer.gif) repeat 0 0;
	text-indent: -9999em;
}
#navi #navi_link .navi1 a {
	width: 85px;
}
#navi #navi_link .navi7 a {
	width: 142px;
}
.navi_on {
	top: -71px;
}
/*----------------------------------------------------------------------------------------------
Base Style
-----------------------------------------------------------------------------------------------*/
#menu {
	float: left;
	width: 212px;
}
#contents {
	float: right;
	width: 692px;
	font-size: 12px;
	line-height: 1.5em;
}
#menu .frame_top,
#menu .frame_bottom,
#contents .frame_top,
#contents .frame_bottom, {
	font-size: 10px;
	line-height: 10px;
}
#menu .frame_bg {
	background: url(../images/common/menu_bg.png) repeat-y 0 0;
}
#contents .frame_bg {
	background: url(../images/common/contents_bg.png) repeat-y 0 0;
}
/*----------------------------------------------------------------------------------------------
Menu Style
-----------------------------------------------------------------------------------------------*/
#menu .title {
	margin: 0 0 0 15px;
}
#menu ul {
	margin: 0 23px 0 23px;
	padding: 0 0 25px 0;
	min-height: 300px;
	_height: 300px;
}
#menu ul li {
	background: url(../images/common/line_dot.gif) repeat-x 0 bottom;
	display: block;
	width: 100%;
	float: left;
}
#menu ul .clear {
	background: none;
	clear: both;
	float: none;
}
#menu ul li a {
	display: block;
	background: url(../images/common/menu_pict.gif) no-repeat 0 11px;
	padding: 6px 0 7px 8px;
	color: #333;
	font-size: 12px;
	line-height: 16px;
	text-decoration: none;
}
#menu ul li a:hover {
	color: #c00;
}
#menu ul li .new {
	color: #f00;
	font-size: 10px;
	font-weight: bold;
	margin-left: 3px;
}
#menu .f10 {
	font-size: 10px;
}
/*----------------------------------------------------------------------------------------------
Contents Style
-----------------------------------------------------------------------------------------------*/
#container {
	margin: 0 26px;
	padding: 14px 0;
	min-height: 546px;
	_height: 546px;
}
#contents {
	min-height: 600px;
	_height: 600px;
}
#contents h2 {
	font-size: 14px;
}
#contents .c_red {
	color: #f00;
}
#contents .c_bl {
	color: #333;
}
/*----------------------------------------------------------------------------------------------
Other Style
-----------------------------------------------------------------------------------------------*/
.clear {
	clear: both;
	float: none;
	width: 100%;
}
.dot_line {
	clear: both;
	float: none;
	width: 100%;
	background: url(../images/common/line_dot.gif) repeat-x 0 center;
}
.msp {
	font-family: "MS Gothic","MS ƒSƒVƒbƒN","Osaka";
}
/*----------------------------------------------------------------------------------------------
Margin Style
-----------------------------------------------------------------------------------------------*/
.mg5b {
	margin: 0 0 5px 0;
}
.mg15b {
	margin: 0 0 15px 0;
}
.mg10b {
	margin: 0 0 10px 0;
}
.mg20b {
	margin: 0 0 20px 0;
}
/*----------------------------------------------------------------------------------------------
Padding Style
-----------------------------------------------------------------------------------------------*/
.pd10t {
	padding: 10px 0 0 0;
}

/*----------------------------------------------------------------------------------------------
Image Frame Style
-----------------------------------------------------------------------------------------------*/
.img_frame td {
	font-size: 1px;
	line-height: 1px;
	padding : 0;
}
.img_frame .flt {
	height: 3px;
	background: url(../images/common/iframe_lt.gif) no-repeat 0 bottom;
}
.img_frame .flb {
	height: 3px;
	background: url(../images/common/iframe_lb.gif) no-repeat 0 0;
}
.img_frame .frt {
	width: 3px;
	height: 3px;
	background: url(../images/common/iframe_rt.gif) no-repeat 0 bottom;
}
.img_frame .frb {
	width: 3px;
	height: 3px;
	background: url(../images/common/iframe_rb.gif) no-repeat 0 0;
}
.img_frame .fr {
	width: 3px;
	background: url(../images/common/iframe_r.gif) repeat-y 0 0;
}
.img_frame th {
	padding: 0 0 0 3px;
	background: #fff url(../images/common/iframe_l.gif) repeat-y 0 0;
}
.img_frame th img {
	display: block;
	line-height: 0;
}
