@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}
li,dt,dd {
	list-style: none;
}

html,body {
	height: 100%;
}

body {
	width: 100%;
	font-size: 0.9em;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -70px auto;
	width: 100%;
	/*background: url(../images/bg.jpg) no-repeat center bottom;*/
}



/*
 ***************************************
 *
 * ヘッダ
 *
 ***************************************
 */

#header {
	width: 860px;
	margin: 0 auto;
	padding: 15px 0 0 0;
}

#header p {
	font-size: 0.8em;
}

#header h1 {
	width: 310px;
	height: 25px;
	margin: 5px 0 10px 0;
	font-size: 1px;
	line-height: 0em;
	vertical-align: bottom;
}

#himg {
	width: 860px;
	margin: 0 auto 10px auto;
}

/*
 ***************************************
 *
 * ボディ
 *
 ***************************************
 */

#contents {
	width: 860px;
	margin: 0 auto;
	padding-bottom: 30px;
}

#contents-inner {
	width: 100%;
}

#left-column {
	width: 160px;
	float: left;
}

#middle-column {
	width: 480px;
	padding: 0 20px 10px 20px;
	float: left;
}

#right-column {
	width: 180px;
	float: right;
}

#solo-column {
	width: 860px;
}

.pagetop {
	clear: both;
	margin: 0 0 20px 0;
	width:660px;
	text-align: right;
}

.pagetop2 {
	clear: both;
	margin: 0 0 20px 0;
	width:860px;
	text-align: right;
}

/*
 ******************************************
 *
 * ぱんくず
 *
 ******************************************
 */

#pankuzu {
	width: 860px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	color: #999;
	font-size: 0.85em;
} 

#pankuzu a:link,
#pankuzu a:visited {
	color: #0068b7;
}

#pankuzu a:hover,
#pankuzu a:active {
	color: #c80000;
}

#pankuzu li {
	display: inline;
}

/*
 ******************************************
 *
 * global navigation
 *
 ******************************************
 */

#navi {
	width: 860px;
	height: 50px;
	margin: 5px auto 10px auto;
}

#navi-inner {
	width: 100%;
}


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

/*
 ******************************************
 *
 * サブメニュー
 *
 ******************************************
 */ 
 
 
#right-column li {
	width: 180px;
	line-height: 1em;
	font-size: 1px;
} 

#right-column li a:link,
#right-column li a:visited {
	display: block;
	width: 165px;
	height: 12px;
	margin: 0;
	padding: 19px 0 19px 15px;
	background: url(../images/btnSub.png) no-repeat left top;
	font-size: 12px;
	line-height: 1em;
	color: #707070;
	text-decoration: none;
}

#right-column li a:hover,
#right-column li a:active {
	display: block;
	width: 165px;
	height: 12px;
	margin: 0;
	padding: 19px 0 19px 15px;
	background: url(../images/btnSub.png) no-repeat -180px top;
	font-size: 12px;
	line-height: 1em;
	color: #c80000;
	text-decoration: none;
}

#right-column li a.on:link,
#right-column li a.on:visited,
#right-column li a.on:hover,
#right-column li a.on:active {
	display: block;
	width: 165px;
	height: 12px;
	padding: 19px 0 19px 15px;
	background: url(../images/btnSub.png) no-repeat -180px top;
	font-size: 12px;
	line-height: 1em;
	color: #c80000;
	text-decoration: none;
	margin: 0;
}

#right-column li.sub {
	background: #e6e6e6;
	border-bottom: 1px solid #ccc;
	margin: 0;
	font-size: 1px;
}

#right-column li.sub a:link,
#right-column li.sub a:visited {
	width: 150px;
	font-size: 12px;
	padding: 9px 0 9px 30px;
	background: url(../images/garrow.png) no-repeat 20px 12px;
	margin: 0;
}

#right-column li.sub a:hover,
#right-column li.sub a:active {
	width: 150px;
	font-size: 12px;
	color: #fff;
	padding: 9px 0 9px 30px;
	background: url(../images/warrow2.png) no-repeat 20px 12px #999;
	margin: 0;
}

#right-column li.sub a.on:link,
#right-column li.sub a.on:visited,
#right-column li.sub a.on:hover,
#right-column li.sub a.on:active {
	width: 150px;
	font-size: 12px;
	color:#fff;
	padding: 9px 0 9px 30px;
	background: url(../images/warrow2.png) no-repeat 20px 12px #999;
	margin: 0;
}

/*
 ******************************************
 *
 * footer
 *
 ******************************************
 */
 
#footer, .push {
	height:47px;
	clear: both;
}

#footer {
	border-top: #333 solid 3px;
	width: 100%;
	padding: 10px 0;
	background: url(../images/bgf.png) repeat left top;
}

#footer-inner {
	width: 860px;
	margin: 0 auto;
}
#footer_menu {
	height: 9px;
	margin: 0 0 10px 0;
}
#footer_menu #sitemap {
	width: 74px;
	height: 9px;
	float: left;
}

#footer_menu #privacy {
	width: 86px;
	height: 9px;
	float: left;
}

#footer_menu #sitemap a {
	display: block;
	width: 74px;
	height: 9px;
	background: url(../images/sitemap.png) no-repeat left top;
}

#footer_menu #privacy a {
	display: block;
	width: 86px;
	height: 9px;
	background: url(../images/privacy.png) no-repeat left top;
}

#footer_menu #sitemap a:link,
#footer_menu #sitemap a:visited {
	background-position: left top;
}

#footer_menu #sitemap a:hover,
#footer_menu #sitemap a:active {
	background-position: left -10px;
}

#footer_menu #privacy a:link,
#footer_menu #privacy a:visited {
	background-position: left top;
}

#footer_menu #privacy a:hover,
#footer_menu #privacy a:active {
	background-position: left -10px;
}

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

#copyright {
	width: 258px;
	height: 7px;
	font-size: 1px;
	line-height: 0em;
	vertical-align: bottom;
}

/*
 *************************************
 *
 * clearfix
 *
 *************************************
 */
#contents-inner:after,
#navi-inner:after,
#footer_menu:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#contents-inner,
#navi-inner,
#footer_menu  {
	display: inline-block;
}