@charset "utf-8";


/* 基本スタイル
---------------------------------------------*/

* {
 margin: 0px;
	padding: 0px;
	font-size: 100%;
}
body {
 text-align: center;
	font-size: 75%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", sans-serif;
	line-height: 1.5;
	color: #666666;
	background: #FEF2E1;
}
a {
	color: #666666;
}
a:visited {
	color: #999999;
}
a:hover {
	color: #FF6600;
}
img {
	border: none;
	vertical-align: top;
}
#wrapper {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/wrapper_bg.gif) top repeat-y;
}


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

#header {
 position: relative;
	margin-left: 25px;
	width: 750px;
 height: 107px;
	background: url(../images/header_bg.gif) left top no-repeat;
}



/* ヘッダーボタン
---------------------------------------------*/

#toppage ul {
	position: absolute;
	margin: 75px 25px 0px 630px;
	list-style-type: none;
}
#toppage li {
	margin: 0;
	background: url(../images/toppage_bt_on.gif) left top no-repeat;
}
#toppage a {
 display: block;
	overflow: hidden;
	width: 120px;
	height: 0 !important;
	height /**/ : 37px;
	padding-top:  37px;
	text-decoration: none;
	color: #FFFFFF;
	background: url(../images/toppage_bt.gif) left top no-repeat;
}
#toppage a:hover {
	background: none;
}

#admin ul {
	position: absolute;
	margin: 75px 25px 0px 510px;
	list-style-type: none;
}
#admin li {
	margin: 0;
	background: url(../images/admin_bt_on.gif) left top no-repeat;
}
#admin a {
 display: block;
	overflow: hidden;
	width: 120px;
	height: 0 !important;
	height /**/ : 37px;
	padding-top:  37px;
	text-decoration: none;
	color: #FFFFFF;
	background: url(../images/admin_bt.gif) left top no-repeat;
}
#admin a:hover {
	background: none;
}


/* グローバルナビゲーション
---------------------------------------------*/

#navi {
 position: relative;
	width: 100%; /* for WIN IE6*/
	margin-left: 0px;
 height: 41px;
	background: url(../images/globalnav_bg.gif) left top no-repeat;
}
#globalnav {
	position: absolute;
	width: 710px;
	height: 41px;
	list-style-type: none;
	left: 45px;
	top: 0px;
}
#globalnav li {
 float: left;
	width: 142px; /*　ボタン１つの横の表示領域　*/
}
#globalnav li a {
 display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:40px; /*　ボタンの縦の表示領域　*/
	padding-top: 40px;
	background-image: url(../images/globalnav.gif);
	color: #FFFFFF;
}

/*　オフマウス　*/
#glo01 a { background-position:    0px  0; }
#glo02 a { background-position: -142px  0; }
#glo03 a { background-position: -284px  0; }
#glo04 a { background-position: -426px  0; }
#glo05 a { background-position: -568px  0; }
#glo06 a { background-position: -710px  0; }

/*　選択済み　*/
#glo01 a.stay { background-position:    0px  -40px; }
#glo02 a.stay { background-position: -142px  -40px; }
#glo03 a.stay { background-position: -284px  -40px; }
#glo04 a.stay { background-position: -426px  -40px; }
#glo05 a.stay { background-position: -568px  -40px; }
#glo06 a.stay { background-position: -710px  -40px; }

/*　オンマウス　*/
#glo01 a:hover { background-position:    0px  -80px; }
#glo02 a:hover { background-position: -142px  -80px; }
#glo03 a:hover { background-position: -284px  -80px; }
#glo04 a:hover { background-position: -426px  -80px; }
#glo05 a:hover { background-position: -568px  -80px; }
#glo06 a:hover { background-position: -710px  -80px; }


/* ボディー
---------------------------------------------*/

#container {
 overflow: auto !important;
	width: 100%;
	margin-top: 20px;
	background: #FFFFFF url(../images/container_bg.gif) left top repeat-y;
}
#primary {
 float: right;
	width: 550px;
}
#secondary {
 float: left;
	width: 133px;
	padding-left: 75px;
}


#container2 {
 overflow: auto !important;
	width: 100%;
	margin-top: 20px;
	background: #FFFFFF url(../images/container_bg.gif) left top repeat-y;
}
#primary2 {
 float: right;
	width: 550px;
}
#secondary2 {
 float: left;
	width: 133px;
	padding-left: 75px;
}


#container3 {
 overflow: auto !important;
	width: 100%;
	margin-top: 20px;
	background: #FFFFFF url(../images/container_bg.gif) left top repeat-y;
}
#primary3 {
 float: right;
	width: 550px;
}
#secondary3 {
 float: left;
	width: 133px;
	padding-left: 75px;
}

/* ボディー内容
---------------------------------------------*/

#container h3 {
 margin: 0px 0px 10px 0px;
}
#container p {
 margin: 10px 50px 10px 10px;
	font-size: 100%;
}
#container .title {
 margin: 20px 50px 20px 0px;
	border-bottom: 1px dotted #CCCCCC;
}
#container .pagetop {
 margin: 0px 0px 10px 650px;
	width: 100px;
}

#container2 h3 {
 margin: 0px 0px 10px 0px;
}
#container2 p {
 margin: 10px 50px 10px 10px;
	font-size: 100%;
}
#container2 .title {
 margin: 20px 50px 20px 0px;
	border-bottom: 1px dotted #CCCCCC;
}
#container2 .pagetop {
 margin: 0px 0px 10px 650px;
	width: 100px;
}


#container3 h3 {
 margin: 0px 0px 10px 0px;
}
#container3 p {
 margin: 10px 50px 10px 10px;
	font-size: 100%;
}
#container3 .title {
 margin: 20px 50px 20px 0px;
	border-bottom: 1px dotted #CCCCCC;
}
#container3 .pagetop {
 margin: 0px 0px 10px 650px;
	width: 100px;
}



/* ボディー内容
---------------------------------------------*/

#title {
 margin: 10px 50px 0px 50px;
	border-bottom: 1px dotted #CCCCCC;
}


/* サイドメニュー
---------------------------------------------*/

#secondary ul {
 list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #CCCCCC;
}
#secondary li {
 list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #CCCCCC;
	background: #FFF0E0 url(../images/arrow_03.gif) left center no-repeat;
}
#secondary a {
 padding: 5px 0px 5px 20px;
 background: #FFFFFF url(../images/arrow_02.gif) left center no-repeat;
	display: block;
	width: 150px !important;
	color: #333333;
	text-decoration: none;
}
#secondary a:hover {
	color: #FF9933;
	background-image: none;
	background-color: transparent;
}




/* ページトップボタン
---------------------------------------------*/

#pagetop {
 clear: both;
	text-align: left;
	padding-left: 400px;
}

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

#footer {
 clear: both;
	text-align: center;
	width: 750px;
 height: 155px;
 background: url(../images/footer_bg.gif) center top repeat-y;
	margin-left: 25px;
}
#footer p {
	padding-top: 50px;
	font-size: 90%;
}
#footer a {
 text-decoration: none;
}
