@charset "shift_jis"; 

/*	--- layout.css ---	*/

/*	---レイアウトの設定ここから---	*/
/*	コンテンツ全体のボックス	*/

#allBox {
	width: 780px;
	margin: 0px auto;
}

#pagebody {
	width:780px;
	margin: 0px 0 auto;
	background-image: url(../images/bg.gif);
}

/*	ヘッダのボックス	*/
#headerBox {
	margin:0 auto;
	padding:0;
}

/* タブ
---------------------------------------------------- */
ul#tab {
	position:relative;
	width:780px;
	height:28px;
	margin:0 0 0 5px; 
	padding: 0;
	list-style: none;
	background: url(../images/tab/tab_bg.gif) no-repeat;
}

ul#tab li {
	position:absolute;
	display: block;
	height:28px;
	margin:0; 
	padding:0;
}
ul#tab li#tab1 {
  left: 9px;
  width:102px;
  background: url(../images/tab/01_set.gif) no-repeat;
}
ul#tab li#tab2 {
  left: 111px;
  width:102px;
  background: url(../images/tab/02.gif) no-repeat;
}
ul#tab li#tab3 {
  left: 213px;
  width:102px;
  background: url(../images/tab/03.gif) no-repeat;
}
ul#tab li#tab4 {
  left: 315px;
  width:102px;
  background: url(../images/tab/04.gif) no-repeat;
}
ul#tab li#tabmoco {
  left: 417px;
  width:44px;
  background: url(../images/tab/moco.gif) no-repeat;
}
ul#tab li#tabbe {
  left: 461px;
  width:44px;
  background: url(../images/tab/be.gif) no-repeat;
}
ul#tab li#tab15 {
  left: 505px;
  width:44px;
  background: url(../images/tab/15.gif) no-repeat;
}


ul#tab li#tab1 a:hover {
  background: url(../images/tab/01_set.gif) no-repeat;
}
ul#tab li#tab2 a:hover {
  background: url(../images/tab/02_on.gif) no-repeat;
}
ul#tab li#tab3 a:hover {
  background: url(../images/tab/03_on.gif) no-repeat;
}
ul#tab li#tab4 a:hover {
  background: url(../images/tab/04_on.gif) no-repeat;
}
ul#tab li#tabmoco a:hover {
  background: url(../images/tab/moco_on.gif) no-repeat;
}
ul#tab li#tabbe a:hover {
  background: url(../images/tab/be_on.gif) no-repeat;
}
ul#tab li#tab15 a:hover {
  background: url(../images/tab/15_on.gif) no-repeat;
}


ul#tab a {
	font-size:1px;
	color:#ECF2F3;
	display: block;
	height:28px;
	text-decoration:none;
}

/* ヘッダ
---------------------------------------------------- */
#header {
	text-align:left;
	width:780px;
	height:132px;
	padding:27px 0 0 0;
	margin:0;
}

.logo {
	width:218px;
	height:32px;
	margin:0 0 57px 15px;
}

/* メインメニュー
---------------------------------------------------- */
ul#menu {
	position:relative;
	width:495px;
	height:20px;
	margin:0; 
	padding: 0;
	list-style: none;
}
ul#menu li {
	position:absolute;
	display: block;
	height:20px;
	width:70px;
	margin:0; 
	padding:0;
}
ul#menu li#mn1 {
	left: 25px;
	background: url(../images/mn_01.gif) no-repeat;
}
ul#menu li#mn2 {
	left: 105px;
	background: url(../images/mn_02.gif) no-repeat;
}
ul#menu li#mn3 {
	left: 185px;
	background: url(../images/mn_03.gif) no-repeat;
}
ul#menu li#mn4 {
	left: 265px;
	background: url(../images/mn_04.gif) no-repeat;
}
ul#menu li#mn5 {
	left: 345px;
	background: url(../images/mn_05.gif) no-repeat;
}
ul#menu li#mn6 {
	left: 425px;
	background: url(../images/mn_06.gif) no-repeat;
}

ul#menu li#mn1 a:hover {
	background: url(../images/mn_01_on.gif) no-repeat;
}
ul#menu li#mn2 a:hover {
	background: url(../images/mn_02_on.gif) no-repeat;
}
ul#menu li#mn3 a:hover {
	background: url(../images/mn_03_on.gif) no-repeat;
}
ul#menu li#mn4 a:hover {
	background: url(../images/mn_04_on.gif) no-repeat;
}
ul#menu li#mn5 a:hover {
	background: url(../images/mn_05_on.gif) no-repeat;
}
ul#menu li#mn6 a:hover {
	background: url(../images/mn_06_on.gif) no-repeat;
}

ul#menu {
	font-size:1px;
	color:#FF6600;
	text-align:center;
	display: block;
	height:20px;
	text-decoration:none;
}
ul#menu a {
	font-size:1px;
	color:#3C9DFF;
	text-align:center;
	display: block;
	height:20px;
	text-decoration:none;
}
ul#menu a:hover, a:active {
	color:#FF9933;
	text-decoration:none;
}







/*	本文エリアのボックス	*/
#mainBox {
	float: right;
	width:496px;
	margin: 0px 15px 30px 10px;
	_margin: 0px 7px 30px 10px;
	padding: 0px;
}

/*	サブエリアのボックス	*/
#subBox {
	float: left;
	width: 224px;
	margin: 0px 0px 30px 35px;
	_margin: 0px 0px 30px 18px;
	padding: 0px;
}


/*	フッタのボックス	*/
#footerBox {
	clear: both;
}

/* フッタ
---------------------------------------------------- */
#footer {
	color:#ffffff;
	text-align:left;
	background: url(../images/footer_bg.gif) bottom;
	width:780px;
}
#footnavi {
	color:#ffffff;
	text-align:center;
}
#footnavi ul {
	font-size:11px;
	margin: 0;
	padding: 10px 0;
	list-style: none;
	text-align:center;
	color:#FFFFFF;
}
#footnavi li {
	font-size:11px;
	margin-right:10px;
	padding-left:7px;
	display: inline;
	background: url(../images/ya_footer.gif) no-repeat;
}
#footnavi a {
	text-decoration:none;
	color:#FFFFFF;
}
#footnavi a:visited {
	text-decoration:none;
	color:#FFFFFF;
}
#footnavi a:hover, a:active {
	text-decoration:underline;
}
#footbnr {
	margin: 27px 0 0 167px;
	padding: 0;
}

#copy {
	font-size:11px;
	color:#ffffff;
	text-align:right;
	padding-bottom:10px;
	margin:10px 15px 0 0;
}
#copy a {
	font-size:11px;
	vertical-align: middle;
	text-decoration:underline;
	color:#FFFFFF;
}
#copy a:hover {
	font-size:11px;
	text-decoration:underline;
	color:#ff9900;
}

/* ページトップ
---------------------------------------------------- */
#pagetop {
	text-align:right;
	width:775px;
	height:18px;
	margin:0 auto;
	padding:10px 5px 0 0;
	background: url(../images/pagetop.gif) no-repeat;
}


/*	管理者モードの際のボタンフォーム	*/
.adminBtn {
	float: left;
}

/*	フロート解除	*/
.clear {
	clear: both;
}

/*	フロート解除(不可視)	*/
.clearHidden {
	clear: both;
	visibility: hidden;
}



/*	---レイアウトの設定ここまで---	*/