@charset "utf-8";

/*====================================================================

common.css

======================================================================

	01.format
	02.body
	03.head
	04.navigation
	05.contents
	06.foot
	07.other

last update 00/00/00
produced by 0510office (http://www.0510office.co.jp/)

=====================================================================*/

/*--------------------------------------------------------------------/
	01.format
/--------------------------------------------------------------------*/
body,div,span,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote,address,
table,tr,th,td,img {
	margin:0;
	padding:0;
	font:normal normal normal 100%/1.6 "ＭＳ Ｐゴシック","Osaka",sans-serif;
	border:none;
}
hr { height: 1px; border: 1px solid #ccc;}
img { display:block;}
li  {list-style-type: none;}

/*a
----------------------------------------------------------------*/
a {
	color: #0a60ff;
	text-decoration: underline;
}
a:visited {
	color: #0a60ff;
	text-decoration:underline;
}
a:hover {
	color: #0a60ff;
	text-decoration:none;
}
a:active {
	color: #0a60ff;
	text-decoration:none;
}


/* h2,h3,h4
----------------------------------------------------------------*/

h2 { margin-bottom: 15px;}
h2 img {
	margin: 0 auto;
	text-align: center;
}


/*--------------------------------------------------------------------/
	02.body
/--------------------------------------------------------------------*/
body {
	font-size: 12px;
	color: #323232;
	text-align: center;
	background: #ffffff url(../img/bg.gif) 0 0;
}
#container {
	width: 746px;
	text-align: left;
	background: #ffffff url(../img/container.gif) 0 0;
	margin: 0 auto;
}

#head,
#contents,
#foot {
	width: 740px;
	margin-left: 3px;
}


/*--------------------------------------------------------------------/
	03.head
/--------------------------------------------------------------------*/
#head {
	height: 95px;
	background: url(../img/head.gif) no-repeat;
}
#head h1 {
	line-height: 1;
	font-size: 10px;
	color: #ffffff;
	margin: 0 15px 0 30px;
	padding-top: 12px;
}
#head div {
	float: right;
	width: 230px;
	height: 50px;
	margin-top: 5px;
	margin-right: 25px;
}
#head div a {
	display: block;
	width: 230px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
}


/*--------------------------------------------------------------------/
	04.navigation
/--------------------------------------------------------------------*/
#navi {
	margin-top: 3px;
	background: url(../../img/navi.gif) no-repeat 0 0;
}

#navi ul { height: 274px;}
#navi ul li,
#navi ul li a {
	display: block;
	width: 170px;
	height: 46px;
}
#navi ul li a {
	text-indent: -9999px;
	overflow: hidden;
}
#navi ul li a#top { background-position: 0 0;}
#navi ul li a#info { background-position: 0 -46px;}
#navi ul li a#access { background-position: 0 -93px;}
#navi ul li a#rep { background-position: 0 -138px;}
#navi ul li a#used { background-position: 0 -185px;}
#navi ul li a#contact { background-position: 0 -230px;}

#navi ul li a:hover {
	background: url(../../img/navi_h.gif) no-repeat;
}

#navi div {
	width: 170px;
	height: 172px;
	padding-top: 58px;
	padding-left: 22px;
	background: url(../img/navi02.gif) no-repeat;
}

#navi div p {
	width: 130px;
	height: 19px;
	margin-top: 5px;
}

#navi div p a {
	width: 130px;
	height: 19px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	margin-top: 5px;
}

/* IE6 */
*html #navi div p a {
	width: 130px;
	height: 19px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	margin-top: 2px;
}

#navi div p a:hover {
	background: url(../img/navi02_h.gif) no-repeat;
}

#navi div p a#yama { background-position: -22px -63px;}
#navi div p a#nat { background-position: -22px -87px;}
#navi div p a#ive { background-position: -22px -111px;}
#navi div p a#tayori { background-position: -22px -135px;}

/* IE6 */
*html #navi div p a#yama { background-position: -22px -60px;}
*html #navi div p a#nat { background-position: -22px -86px;}
*html #navi div p a#ive { background-position: -22px -112px;}
*html #navi div p a#tayori { background-position: -22px -138px;}


/*--------------------------------------------------------------------/
	06.contents
/--------------------------------------------------------------------*/
#contents {
	width: 740px;
	background: url(../img/contents.gif) repeat-y 0 0;
}
#contents:after,
#head:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#leftpane {
	float: left;
	width: 170px;
	background-color: #e8e8e8;
}
#rightpane {
	float: right;
	width: 568px;
	background: url(../img/right_bg.gif) no-repeat 0 0;
}


/* car
-----------------------------------------*/

#car { margin: 15px 0 8px 12px;}


/*--------------------------------------------------------------------/
	07.foot
/--------------------------------------------------------------------*/
#foot {
	clear: both;
	height: 89px;
	background: url(../img/foot.gif) no-repeat 0 0;
}
#foot div {
	font-size: 10px;
	text-align: right;
	line-height: 1.9;
	padding-top: 13px;
	padding-right: 13px;
}

#foot div a {
	color: #585858;
	text-decoration: none;
	padding: 0 5px;
	letter-spacing: 1px;
}

#foot div a:hover {
	text-decoration: underline;
}

#foot p {
	text-indent: -9999px;
	overflow: hidden;
}


/*--------------------------------------------------------------------/
	08.other
/--------------------------------------------------------------------*/
.right{float: right;}
.left{float: left;}
.clear{clear: both;}
.hover a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

/*margin, padding
----------------------------------------------------------------*/
.mt5{margin-top: 5px;}
.mr5{margin-right: 5px;}
.mb5{margin-bottom: 5px;}
.ml5{margin-left: 5px;}
.mt10{margin-top: 10px;}
.mr10{margin-right: 10px;}
.mb10{margin-bottom: 10px;}
.ml10{margin-left: 10px;}
.mt15{margin-top: 15px;}
.mr15{margin-right: 15px;}
.mb15{margin-bottom: 15px;}
.ml15{margin-left: 15px;}
.mt20{margin-top: 10px;}
.mr20{margin-right: 10px;}
.mb20{margin-bottom: 10px;}
.ml20{margin-left: 10px;}

.pt10{padding-top: 10px;}
.pb10{padding-bottom: 10px;}

/*pagetop
----------------------------------------------------------------*/
#pagetop{
	clear: both;
	width: 550px;
	text-align: right;
	margin: 0;
}

#pagetop img { display: inline;}