@charset "UTF-8";


/***************************************
 *   Universal Tags                    *
 ***************************************/
 
body {
	width: 100%;
	padding: 0;
	margin: 0;
	background: url(../images/bg_btm.jpg) repeat-y center top;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

ul,li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: none;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

img,a {
	border: none;
	margin: 0;
	padding: 0;
}

#wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
	background: url(../images/bg_upper.jpg) no-repeat center top;
}

table {
	border-collapse: collapse;
}


/***************************************
 *   Header Elements                   *
 ***************************************/
 
#header {
	width: 875px;
	height: 82px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	position: relative;
}

#header_sub {
	width: 875px;
	height: 78px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	position: relative;
}

#header h1,
#ci {
	width: 187px;
	height: 58px;
	font-size: 1px;
	line-height: 1px;
	vertical-align: bottom;
	margin: 0 0 0 30px;
	padding: 0;
}


/***************************************
 *   Global Navigation                 *
 ***************************************/
 
#navi {
	width: 373px;
	height: 20px;
	position: absolute;
	margin: -9px 0 0 470px;
}

#navi li {
	width: 91px;
	height: 20px;
	margin: 0 1px;
	float: left;
}

#navi li a {
	display: block;
	width: 91px;
	height: 20px;
}

#navi li a span {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
}

#navi a#nav1:link,  #navi a#nav1:visited { background: url(../images/btn1.png) left top; }
#navi a#nav2:link,  #navi a#nav2:visited { background: url(../images/btn2.png) left top; }
#navi a#nav3:link,  #navi a#nav3:visited { background: url(../images/btn3.png) left top; }
#navi a#nav4:link,  #navi a#nav4:visited { background: url(../images/btn4.png) left top; }
#navi a#nav1:hover, #navi a#nav1:active  { background: url(../images/btn1.png) left -20px; }
#navi a#nav2:hover, #navi a#nav2:active  { background: url(../images/btn2.png) left -20px; }
#navi a#nav3:hover, #navi a#nav3:active  { background: url(../images/btn3.png) left -20px; }
#navi a#nav4:hover, #navi a#nav4:active  { background: url(../images/btn4.png) left -20px; }


#navi:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#navi  {
	display: inline-block;
}


/***************************************
 *   Main Body                         *
 ***************************************/
 
#contents {
	width: 841px;
	margin: 0 auto 22px auto;
	padding: 0;
}

#contents h1#pagetitle {
	width: 841px;
	height: 57px;
	padding: 0 0 15px 0;
	margin: 0;
	text-align: center;
	font-size: 1px;
	line-height: 1px;
	vertical-align: bottom;
	background: url(../images/bg_top.png) no-repeat left 30px;
}

#contents-main {
	width: 815px;
	padding: 0 13px 15px 13px;
	background: url(../images/bg_bottom.png) repeat-y left bottom;
}

#contents-main-inner {
	width: 815px;
	margin: 0 auto;
	padding: 0;
}


/***************************************
 *   Footer                            *
 ***************************************/
 
#footer {
	clear: both;
	width: 835px;
	height: 49px;
	margin: 0 auto 20px auto;
	padding: 0 20px;
	background: url(../images/footer_bg.png) no-repeat center top;
}

#footer-inner {
	margin: 0;
	padding: 0;
}

#footer ul {
	height: 49px;
	margin: 0;
	padding: 0;
}

#footer li {
	float: left;
	padding-right: 15px;
	margin: 20px 0 0 0;
	height: 8px;
}

#footer li a {
	display: block;
	height: 8px;
}

#footer li a#f1:link, #footer li a#f1:visited {
	width: 45px;
	background: url(../images/btn5.png) no-repeat left top;
}

#footer li a#f1:hover, #footer li a#f1:active {
	background: url(../images/btn5.png) no-repeat left -8px;
}

#footer li a#f2:link, #footer li a#f2:visited {
	width: 65px;
	background: url(../images/btn6.png) no-repeat left top;
}

#footer li a#f2:hover, #footer li a#f2:active {
	background: url(../images/btn6.png) no-repeat left -8px;
}

#footer li a span {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;	
}

#copyright {
	width: 233px;
	height: 5px;
	padding: 3px 0 0 447px;
	font-size: 1px;
	line-height: 1px;
	vertical-align: bottom;
	float: right;
}

#footer-inner:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#footer-inner {
	display: inline-block;
}