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

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

common.css

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




/*=====================================================================
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.7em "�l�r �o�S�V�b�N","Osaka",sans-serif;
	border:none;
}
hr{display:none;}
img{display:block;}
li{list-style-type: none;}
table{ border-collapse:collapse;}

/*a
----------------------------------------------------------------*/
a{
	color:#15a520;
	text-decoration: underline;
	outline:none;
}
a:visited{
	color:#15a520;
	text-decoration:underline;
}
a:hover{
	color:#15a5202;
	text-decoration:none;
}
a:active{
	color:#15a520;
	text-decoration:none;
}



/*===========================================================================================
	Frame
===========================================================================================*/

body{
	background:url(../img/bg.gif) top repeat-x #e7fbb7;
	text-align:center;
	font-size:12px;
	color:#303030;
}

#wrapper{
	margin:0 auto;
	width:842px;
	text-align:left;
}
#container{
	margin:0;
	background:url(../img/contents.gif) repeat-y;
	width:842px;
}

#contents{
	margin-left:11px;
	width:830px;
}

/* Clear fix
=================================================================*/
#wrapper:after,
#header:after,
#container:after,
#contents:after,
#main:after,
#side:after,
#bottom:after,
h2:after,
h3:after,
h4:after,
.inner:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;  
}
#wrapper,
#header,
#container,
#contents,
#main,
#side,
#bottom,
h2,
h3,
h4,
.inner{zoom:1;}


/*===========================================================================================
	Header
===========================================================================================*/
#header{
	margin:0;
	background:url(../img/header.jpg) no-repeat;
	width:842px;
	height:135px;
}

h1{
	margin-left:10px;
	padding-top:10px;
	font-size:10px;
	color:#1d7d03;
}
#header a.left{
	display:block;
	margin-top:10px;
	margin-left:15px;
	width:230px;
	height:80px;
	text-indent:-9999px;
}

/*		Primary navigation
=====================================================================*/
#header .right{
	width:345px;
	margin-top:38px;
}
#header .right li,
#header .right li a{ height:23px;}
#header .right li{float:left;}
#header .right li a{
	display:block;
	text-indent:-9999px;
}
#header .right li a.bt1{width:90px;	margin-right:14px;}
#header .right li a.bt2{width:73px;	margin-right:14px;}
#header .right li a.bt3{width:135px;}

/* hover */
#header .right li a:hover,
#header .right li#on_primary a{
	background:#FFF;
	opacity:0.5;
	filter: alpha(opacity=50);
}





/*===========================================================================================
	Main
===========================================================================================*/
#main{
	float:left;
	margin-bottom:20px;
	width:610px;
}
#main h3{
	clear:both;
	margin-bottom:15px;
}
#main h4{ clear:both;}





/*===========================================================================================
	Side
===========================================================================================*/
#side{
	float:right;
	margin-bottom:20px;
	width:220px;
}


/* hover */
#side a:hover img,
#side a#on_side img{
	background:#FFF;
	opacity:0.8;
	filter: alpha(opacity=80);
}




/* Global navigation 
=================================================================*/
#side ul{
	margin-bottom:10px;
	background:url(../img/navi.jpg) no-repeat;
	width:220px;
	height:300px;
}
#side ul li{ text-indent:-9999px;}
#side ul li a{display:block;}
#side ul li,
#side ul li a{
	width:210px;
	height:60px;
}


/* hover */
#side ul li a:hover,
#side ul li#on_global a{
	background:#FFF;
	opacity:0.3;
	filter: alpha(opacity=30);
}


/*===========================================================================================
	Bottom
===========================================================================================*/
#bottom{
	clear:both;
	margin-bottom:20px;
	width:815px;
	height:62px;
	background:url(../../img/banner3.jpg) no-repeat;
}
#bottom a:hover{
	background:#FFF;
	opacity:0.3;
	filter: alpha(opacity=30);
}

/* ��Јē����� */
#bottom a.left{
	margin-right:113px;
	width:84px;
	height:62px;
	text-indent:-9999px;
}
/* �e�L�X�g�{���₢���킹*/
#bottom div.left{
	width:610px;
	height:62px;
}
/* �e�L�X�g*/
#bottom div p.left{
	margin-top:9px;
	width:500px;
	line-height:2em;
}
#bottom div p.left span{ color:#a7a7a7;}

/* ���₢���킹*/
#bottom div a.right{
	margin-top:7px;
	width:110px;
	height:50px;
	text-indent:-9999px;
}






/*===========================================================================================
	Footer
===========================================================================================*/
#footer{
	background:url(../img/footer.jpg) no-repeat;
	width:840px;
	height:91px;
	overflow:hidden;
}
#foot{
	margin-top:10px;
	margin-left:11px;
	width:820px;
}
#foot a{ color:#000;}

/* Footer navigation
=================================================================*/
#foot .left{
	margin-top:13px;
	font-size:10px;
}
#foot .left a{ text-decoration:none;}

#foot .left span{ color:#a7a7a7;}

/* Ruturn
=================================================================*/
#foot .right{
	display:block;
	width:91px;
	height:25px;
	text-indent:-9999px;
}
#foot a:hover.right{
	background:#FFF;
	opacity:0.3;
	filter: alpha(opacity=30);
}











/*===========================================================================================
	Other
===========================================================================================*/

.right{float: right;}
.left{float: left;}
.clear{clear: both;}
.cl_r{clear:right;}
.cl_l{clear:left;}

.inline{ display:inline;}
.block{ display:block;}


/* clearfix */
.clear2:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;  
}
.clear2{zoom:1;}

/* hr */
.hr1{
	display:block;
	width:533px;
	height:5px;
	background:url(../img/hr.gif) no-repeat;
	margin:20px 0;
	color:#FFF;
	clear:both;
}

/*		hover 
=====================================================================*/
.hover a#on img, 
.hover a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}
.hover2 a#on, 
.hover2 a:hover{
	background:#FFF;
	opacity:0.6;
	filter: alpha(opacity=60);
}





/*		margin, padding
=====================================================================*/
.mss_t{ margin-top:5px;}
.ms_t{
	margin-top: 20px;
}
.mm_t{ margin-top:20px;}
.ml_t{ margin-top:30px;}

.mss_r{ margin-right:5px;}
.ms_r{ margin-right:10px;}
.mm_r{ margin-right:20px;}
.ml_r{ margin-right:30px;}

.mss_b{ margin-bottom:5px;}
.ms_b{ margin-bottom:10px;}
.mm_b{ margin-bottom:20px;}
.ml_b{ margin-bottom:30px;}

.mss_l{ margin-left:5px;}
.ms_l{ margin-left:10px;}
.mm_l{ margin-left:20px;}
.ml_l{ margin-left:30px;}




/*		text
=====================================================================*/
.txt_c{ text-align:center;}
.txt_r{ text-align:right;}
.txt_l{ text-align:left;}
.txt_j{ text-align:justify;}

/*		font
=====================================================================*/
.font_s{ font-size:10px;}
.font_m{ font-size:14px;}
.font_l{ font-size:18px;}

.lh_s{ line-height:1.5em;}

.att1{ color:#FF0000;}
.att2{ color:#5dab01;}
.deco1{
	 color:#FF0000;
	 font-size:14px;
	 font-weight:bold;
}


/*		pagetop
=====================================================================*/
.pagetop{
	clear: both;
	width: 523px;
	font-size: 10px;
	text-align: right;
	margin: 0 0 10px;
	color:#3b83c0;
}

#shakun_top{
		margin-top:20px;
}

.shakun{
	margin-top:30px;
	margin-bottom:30px;
}