@charset "utf-8";

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

common.css

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

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

last update 08/07/10
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 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	border:none;
}
hr{display:none;}
img{display:block;}
li{list-style-type: none;}

/*a
----------------------------------------------------------------*/
a:link,
a:visited{color: #047ed3;}
a:hover{color: #01a5ea;}
a:active{color: #047ed3;}

a:link   {text-decoration: none;}
a:visited{text-decoration: none;}
a:hover  {text-decoration: none;}
a:active {text-decoration: none;}


/*--------------------------------------------------------------------
	02.body
--------------------------------------------------------------------*/
body{
	font-size: 14px;font-size: 12px;
	color: #666666;
	text-align: center;
	background: url(../img/bg.gif) repeat-x top;
}
#container{
	width: 760px;
	text-align: left;
	margin: 0 auto;
	padding-bottom: 25px;
}



/*--------------------------------------------------------------------
	03.head
--------------------------------------------------------------------*/
#head{
	height: 123px;
	background: url(../img/head.gif) no-repeat;
	overflow: hidden;
}
#head:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#head a{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
/*logo*/
#head div,
#head div a{height: 106px;}
#head div{
	float: left;
	width: 393px;
	margin-top: 9px;
}
#head div a{
	width: 378px;
	margin-left: 15px;
}
/*mail*/
#haed p,
#head p a{height: 27px;}
#head p{
	float: right;
	width: 235px;
	margin-top: 31px;
}
#head p a{width: 217px;}
#head p a:hover{background-image: url(../img/mail_hover.gif);}
/*navi*/
#head ul,
#head ul li,
#head ul li a{
	display: block;
	height: 12px;
}
#head ul{
	float: right;
	width: 232px;
	margin-top: 50px;
	overflow: hidden;
}
#head ul:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#head ul li{float: left;}

#area{margin-right: 28px;}
#company{margin-right: 29px;}

#area    a{width: 58px;background-position: 0 0;}
#company a{width: 47px;background-position: -86px 0;}
#sitemap a{width: 62px;background-position: -162px 0;}

#head ul li a:hover{background-image: url(../img/head_navi_hover.gif);}



/*--------------------------------------------------------------------
	04.navigation
--------------------------------------------------------------------*/
#navi{
	height: 35px;
	background: url(../img/navi.gif) no-repeat;
}
#navi ul,
#navi ul li,
#navi ul li a{
	display: block;
	height: 35px;
}
#navi ul:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#navi ul li,
#navi ul li a{width: 152px;}
#navi ul li{float: left;}
#navi ul li a{
	text-indent: -9999px;
	overflow: hidden;
}
#navi ul li a:hover{
	background: #fff;
	opacity:0.2;
	filter: alpha(opacity=20);
}



/*--------------------------------------------------------------------
	05.contents
--------------------------------------------------------------------*/
#contents{
	width: 760px;
	background: url(../img/contents.gif) repeat-y;
	padding-bottom: 10px;
	border-bottom: solid 1px #928e8d;
}
#contents:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#rightpane{
	float: right;
	width: 629px;
	overflow: hidden;
}
#leftpane{
	float: left;
	width: 131px;
	overflow: hidden;
}
/*sidenavi*/
#sidenavi{
	width: 110px;
	height: 272px;
	background: url(../img/sidenavi.gif) no-repeat;
	margin: 12px 0 0 5px;
}
#sidenavi ul,
#sidenavi ul li,
#sidenavi ul li a{display: block;}
#sidenavi ul li,
#sidenavi ul li a{
	width: 110px;
	height: 34px;
}
#sidenavi ul li a{
	text-indent: -9999px;
	overflow: hidden;
}
#sn1 a{background-position: 0 0;}
#sn2 a{background-position: 0 -34px;}
#sn3 a{background-position: 0 -68px;}
#sn4 a{background-position: 0 -102px;}
#sn5 a{background-position: 0 -136px;}
#sn6 a{background-position: 0 -170px;}
#sn7 a{background-position: 0 -204px;}
#sn8 a{background-position: 0 -238px;}
#sidenavi ul li a:hover{background-image: url(../img/sidenavi_hover.gif);}
/*staff*/
#staff{margin: 10px 0 0 5px;}


/*--------------------------------------------------------------------
	06.foot
--------------------------------------------------------------------*/



/*--------------------------------------------------------------------
	07.other
--------------------------------------------------------------------*/
.block{display: block;}
.right{float: right;}
.left{float: left;}
.clear{clear: both;}
.hover a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}
.tr{text-align: right;}
.big{
	font-size: 18px;
	font-weight: bold;
}
.red{color: #ab1934;}


/*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;}
.mb15{margin-bottom: 15px;}
.ml10{margin-left: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}


.pt10{padding-top: 10px;}
.pb10{padding-bottom: 10px;}
.pt15{padding-top: 15px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pt30{padding-top: 30px;}
.pb30{padding-bottom: 30px;}

/*pagetop
----------------------------------------------------------------*/
.pagetop{
	clear: both;
	width: 599px;
	font-size: 10px;
	text-align: right;
	margin: 16px 0;
}