@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 "lr oSVbN","Osaka",sans-serif;
	border:none;
}
hr{display:none;}
img{display:block;}
li{list-style-type: none;}
table{ border-collapse:collapse;}

/*a
----------------------------------------------------------------*/
a{
	color:#2da6dc;
	text-decoration: underline;
	outline:none;
}
a:visited{
	color:#2da6dc;
	text-decoration:underline;
}
a:hover{
	color:#218dbe;
	text-decoration:none;
}
a:active{
	color:#218dbe;
	text-decoration:none;
}



/*===========================================================================================
	Frame
===========================================================================================*/
body{
	margin:0;
	background:#545454;
	font-size:12px;
}

#wrapper{
	margin:0;
	background:url(../img/header_bg.gif) #FFF repeat-x;
	overflow:hidden;
	text-align:center;
}

#container{
	margin:0 auto;
	background:#FFF;
	width:730px;
	text-align:left;
}


#contents{
	margin-top:30px;
	margin-bottom:40px;
	width:730px;
}

#footer{
	margin:0;
	background:url(../img/footer_bg.gif) top repeat-x;
	height:150px;
	text-align:center;
}



/*===========================================================================================
	Header
===========================================================================================*/

h1{
	margin-top:10px;
	margin-right:10px;
	height:19px;
	text-align:right;
	font:10px normal;
	color:#FFF;
}
#header{
	margin:-29px auto 0 auto;
	background:url(../img/header.jpg) no-repeat;
	width:730px;
	height:110px;
}

/*		Logo
=====================================================================*/
#logo{
	display:block;
	margin-left:15px;
	width:233px;
	height:95px;
	text-indent:-9999px;
}
#logo:hover{
	background:#FFF;
	opacity:0.4;
	filter: alpha(opacity=40);
}

/*		Primary navigation
=====================================================================*/
#p_nav{
	float:right;
	margin-top:32px;
	width:470px;
	height:76px;
}
#p_nav li{
	display:inline;
	height:76px;
}
#p_nav a{
	display:block;
	float:left;
	background:url(../img/p_nav.gif) top left no-repeat;
	height:76px;
	text-indent:-9999px;
}
#p_nav1 a,
#p_nav1_on a{width:130px;}
#p_nav2 a,
#p_nav2_on a{width:160px;}
#p_nav3 a,
#p_nav3_on a{width:180px;}
	
#p_nav1 a{ background-position:0px 0px;}
#p_nav2 a{ background-position:-130px 0px;}
#p_nav3 a{ background-position:-290px 0px;}
#p_nav1 a:hover,
#p_nav1_on a{ background-position:0px bottom;}
#p_nav2 a:hover,
#p_nav2_on a{ background-position:-130px bottom;}
#p_nav3 a:hover,
#p_nav3_on a{ background-position:-290px bottom;}



/*===========================================================================================
	H2
===========================================================================================*/

h2{
	margin-top:25px;
	margin-bottom:0;
}


/*===========================================================================================
	Global navigation
===========================================================================================*/
#g_nav{
	margin-top:0px;
	background:url(../img/nav_frame.jpg) no-repeat;
	width:730px;
	height:70px;
}
#g_nav div{
	margin-top:1px;
	margin-left:1px;
	width:728px;
	height:69px;
}
#g_nav a,
#g_nav li{
	width:182px;
	height:69px;
}
#g_nav li{ float:left;}
#g_nav a{
	display:block;
	background:url(../img/nav.jpg) no-repeat;
	text-indent:-9999px;
}
#g_nav1 a{ background-position:0px 0px;}
#g_nav2 a{ background-position:-182px 0px;}
#g_nav3 a{ background-position:-364px 0px;}
#g_nav4 a{ background-position:-546px 0px;}
#g_nav1 a:hover,
#g_nav1_on a{ background-position:0px bottom;}
#g_nav2 a:hover,
#g_nav2_on a{ background-position:-182px bottom;}
#g_nav3 a:hover,
#g_nav3_on a{ background-position:-364px bottom;}
#g_nav4 a:hover,
#g_nav4_on a{ background-position:-546px bottom;}




/*===========================================================================================
	Footer
===========================================================================================*/

#foot{
	margin:0 auto;
	width:730px;
	height:150px;
	text-align:left;
	
}


/*		Return
=====================================================================*/
#return{
	width:730px;
	height:40px;
}
#return a{
	float:right;
	background:url(../img/return.gif) no-repeat;
	margin-top:1px;
	width:125px;
	height:35px;
	text-indent:-9999px;
}
#return a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}


/*		Footer navigation
=====================================================================*/
#f_nav{
	float:right;
	width:440px;
	margin-top:30px;
}
#f_nav ul{
	float:right;
	margin-bottom:10px;
	padding:0;
	height:10px;
	line-height:0em;
}
#f_nav ul li{
	display:inline;
	float:left;
	border-right:1px solid #FFF;
	padding:0 8px;
	line-height:1.5em;
	font-size:10px;
}
#f_nav ul li.noborder{ border-right:none;}
#f_nav ul li a,
#f_nav ul li a:hover{color:#2da6dc;}

#f_nav div{
	clear:both;
	margin-right:8px;
	text-align:right;
}


.commu{
	font-size:14px;
	height:15px;
	background:url(../img/icon.gif) left no-repeat;
	padding-left:20px;
}


/*		Foot_txt
=====================================================================*/
#foot_txt{
	margin-top:20px;
	margin-left:10px;
	width:270px;
	font-size:10px;
	color:#9a9a9a;
}
#copy{ color:#FFF;}




/* Clear fix
=================================================================*/

#wrapper:after,
#container:after,
h1:after,
#header:after,
h2:after,
#g_nav:after,
#contents:after,
#main:after,
h3:after,
#sidebar:after,
#s_nav:after,
.inner:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;  
}
#wrapper,
#container,
h1,
#header,
h2,
#g_nav,
#contents,
#main,
h3,
#sidebar,
#s_nav,
.inner{zoom:1;}











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

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

.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;
	margin:20px 0;
	background:url(../img/hr.gif) no-repeat;
	width:533px;
	height:5px;
	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:10px;}
.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:#1d9d07;}
.att3{ color:#07a6e0;}
.deco1{
	 color:#1d9d07;
	 font-size:16px;
	 font-weight:bold;
}


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