@charset "utf-8";
@import "template.css";

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

common.css

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

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

last update 09/03/02
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','ＭＳ Ｐゴシック',sans-serif;
	border:none;
	line-height:1.4;
}
hr{display:none;}
img{display:block;}
li{list-style-type: none;}

/*a
----------------------------------------------------------------*/
a:link,
a:visited,
a:hover,
a:active{color: #0122da;}

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



/*--------------------------------------------------------------------/
	02.body
/--------------------------------------------------------------------*/
body{
	font-size: 12px;
	color: #303030;
	text-align: center;
	background: #fff url(../img/bg.jpg) repeat-x;
	width:100%;
}
#container{
	margin: 0 auto;
	width: 840px;
	text-align: left;
}
#head,
#navi,
#foot{
	width: 840px;
	margin-left:auto;
	margin-right:auto;
}

#wrap_head{
	margin:0;
	padding:0;
	background:repeat-x top left;
	width:100%;
	text-align:center;
}
#wrap_foot{
	clear:both;
	margin:0;
	padding:0;
	background:url(../img/bg_foot.jpg) repeat-x left bottom;
	width:100%;
	height:130px;
	text-align:center;
}

/*--------------------------------------------------------------------/
	03.head
/--------------------------------------------------------------------*/
#head{
	height: 149px;
	background: url(../img/head.jpg) no-repeat;
}
#head h1{
	line-height: 1;
	font-size: 10px;
	text-align: left;
	margin: 0 15px 0 10px;
	padding-top: 5px;
	color:#FFFFFF;
}
#head .logo{
	float:left;
	width: 180px;
	height: 100px;
	margin-top: 20px;
}
#head .logo a{
	display: block;
	width: 180px;
	height: 100px;
	text-indent: -9999px;
	overflow: hidden;
}
h2 img{
	margin:0 auto;
}

#h_navi{
	float:right;
	margin:67px 0 0;
	padding:0;
	width:605px;
	height:35px;
}
#h_navi ul{
	display:block;
}
#h_navi ul a,
#h_navi ul li{
	display:block;
	width:120px;
	height:35px;
}
#h_navi ul li{
	float:left;
}
#h_navi ul a{
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
}
#h_navi ul a:hover{
	background:url(../img/h_navi_hover.jpg) no-repeat;
}
#h_navi #h1 a{	background-position: 0 0;}
#h_navi #h2 a{	background-position: -120px 0;}
#h_navi #h3 a{	background-position: -240px 0;}
#h_navi #h4 a{	background-position: -360px 0;}
#h_navi #h5 a{	background-position: -480px 0;}




/*--------------------------------------------------------------------/
	04.navigation
/--------------------------------------------------------------------*/
#navi{
	height: 45px;
	background: url(../img/g_navi.jpg) no-repeat;
}
#navi ul{	margin:0 5px;}
#navi ul li,
#navi ul li a{
	display: block;
	width: 138px;
	height: 45px;
}
#navi ul li{float: left;}
#navi ul li a{
	text-indent: -9999px;
	overflow:hidden;
	outline:none;
}
#navi a:hover{background:url(../img/g_navi_hover.jpg);}
#navi #g1 a,#navi #g1,#navi #g3 a,#navi #g3{	width:139px;}
#navi #g1 a{ background-position: -5px 0 ;}
#navi #g2 a{ background-position: -144px 0 ;}
#navi #g3 a{ background-position: -282px 0 ;}
#navi #g4 a{ background-position: -421px 0 ;}
#navi #g5 a{ background-position: -559px 0 ;}
#navi #g6 a{ background-position: -697px 0 ;}


/*--------------------------------------------------------------------/
	06.contents
/--------------------------------------------------------------------*/
#contents{
	display: block;
	margin:0px 5px;
}
#contents:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#leftpane{
	float: left;
	width: 615px;
	padding-bottom:15px;
}
#rightpane{
	float: right;
	padding-top:5px;
	padding-bottom:15px;
	width: 200px;
}

/*--------------------------------------------------------------------/
	07.foot
/--------------------------------------------------------------------*/
#foot{
	clear: both;
	margin:0 auto;
	padding-bottom: 5px;
}
#foot *{
	font-size: 10px;
	line-height: 1;
}
#foot #f_navi{
	float:left;
	margin-top:4px;
	margin-left:5px;
	margin-bottom:20px;
	width:695px;
	text-align:left;
}
#foot #f_navi1{
	margin:0;
	padding:0;
	background:url(../img/f_navi.jpg) no-repeat top left;
	height:22px;
}
#foot #f_navi1 a,
#foot #f_navi1 li{
	display:block;
	height:22px;
}
#foot #f_navi1 a{
	width:100%;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
}
#foot #f_navi1 li{
	float:left;
}
#f_navi1 #f1{
	margin-right:18px;
	width:98px;
}
#f_navi1 #f2{
	margin-right:17px;
	width:58px;
}
#f_navi1 #f3{
	margin-right:19px;
	width:57px;
}
#f_navi1 #f4{
	margin-right:17px;
	width:62px;
}
#f_navi1 #f5{
	margin-right:18px;
	width:110px;
}
#f_navi1 #f6{
	width:81px;
}

#foot #f_navi1 a:hover{
	background: #fff;
	opacity:0.3;
	filter: alpha(opacity=30);
}

#foot #f_navi2{
	padding-top:16px;
	background:url(../img/bg_f_navi2.gif) 0 3px no-repeat;
	width:695px;
	text-align:left;
}
#foot #f_navi2 ul{
	display: block;
	height: 20px;
}
#foot #f_navi2 *{color: #303030;}
#foot #f_navi2 li{
	display: block;
	height: 12px;
	float: left;
	padding-right: 7px;
	border-right: solid 1px #a39090;
	margin: 0 7px 0 0;
}

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

#foot .pagetop{
	clear:none;
	float:right;
	margin:1px 0 0;
	width:131px;
	height:30px;
}
#foot .copy {
	display:block;
	clear:both;
	margin-left:auto;
	margin-right:auto;
}


/*--------------------------------------------------------------------/
	08.other
/--------------------------------------------------------------------*/
.right{float: right;}
.left{float: left;}
.clear{clear: both;}
.t_r{	text-align:right;}
.t_l{	text-align:left;}

.hover a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

/*margin, padding
----------------------------------------------------------------*/
/* margin small */
.m0{ margin:0px !important; }
.ms{ margin:5px !important; }
.ms_t{ margin-top:5px !important; }		.ms_b{ margin-bottom:5px !important; }
.ms_l{ margin-left:5px !important; }		.ms_r{ margin-right:5px !important; }
.ms_h{ margin:5px 0px !important; }		.ms_w{ margin:0px 5px !important; }

/* margin middle */
.mm{ margin:10px !important; }
.mm_t{ margin-top:10px !important; }		.mm_b{ margin-bottom:10px !important;}
.mm_l{ margin-left:10px !important; }		.mm_r{ margin-right:10px !important; }
.mm_h{ margin:10px 0px !important; }		.mm_w{ margin:0px 10px !important; }

/* margin large */
.ml{ margin:20px !important; }
.ml_t{ margin-top:20px !important; }		.ml_b{ margin-bottom:20px !important; }
.ml_l{ margin-left:20px !important; }	.ml_r{ margin-right:20px !important; }
.ml_h{ margin:20px 0px !important; }		.ml_w{ margin:0px 20px !important; }

/* padding small */
.ps{ padding:5px !important; }
.ps_t{ padding-top:5px !important; }		.ps_b{ padding-bottom:5px !important; }
.ps_l{ padding-left:5px !important; }	.ps_r{ padding-right:5px !important; }
.ps_h{ padding:5px 0px !important; }		.ps_w{ padding:0px 5px !important; }

/* padding middle */
.pm{ padding:10px !important; }
.pm_t{ padding-top:10px !important; }	.pm_b{ padding-bottom:10px !important; }
.pm_l{ padding-left:10px !important; }	.pm_r{ padding-right:10px !important; }
.pm_h{ padding:10px 0px !important; }	.pm_w{ padding:0px 10px !important; }

/* padding large */
.pl{ padding:20px !important; }
.pl_t{ padding-top:20px !important; }	.pl_b{ padding-bottom:20px !important; }
.pl_l{ padding-left:20px !important; }	.pl_r{ padding-right:20px !important; }
.pl_h{ padding:20px 0px !important; }	.pl_w{ padding:0px 20px !important; }

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