@charset "shift_jis";

/*---------------------------------------------------
	Title: common.css
	Description:‹¤’ÊCSS’è‹`ƒtƒ@ƒCƒ‹
----------------------------------------------------*/

/*************************************************************/
/* base reset */

* {
	margin:0;
	padding:0;
}
	
html,body{
	scrollbar-face-color		: #28aca6;
	scrollbar-shadow-color		: #ffc;
	scrollbar-darkshadow-color	: #ff9;
	scrollbar-highlight-color	: #fff;
	scrollbar-3dlight-color		: #ffc;
	scrollbar-arrow-color		: #999;
	scrollbar-track-color		: #ffc;

	background: url(../imgs/bg.gif) repeat top left;
	font-size:12px;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3",sans-serif;
	line-height:1.5;
	color:#000000;
}


/*=============================================================*/
/* text-link style reset */

a{
	color:#000;
}

/*=============================================================*/
/* image style reset */

img{
	vertical-align:bottom;
	border:none;
	background:transparent;
}

object,
embed {
	vertical-align:top;
}


/*=============================================================*/
/* list style reset */

ul,
ol,
dl {
	list-style:none;
}

li {
	display:list-item;
	zoom:normal;
}

/*=============================================================*/
/* form style reset */

fieldset {
	border:none;
}

input,
textarea {
	/*font-size:1em;*/
	vertical-align:middle;
}

/*=============================================================*/
/* table style reset */

table {
	border-collapse:collapse;
	border:none;
	border-spacing:0;
}

th,
td {
	vertical-align:top;
	text-align:left;
}

caption {
	text-align:left;
}

/*=============================================================*/
/* text style reset */


/*BR{ clear:both; }*/

H1,H2,H3,H4,H5{
	text-indent:-300em;
	text-align:left;
	text-decoration:none;
}


/*************************************************************/
/* Class */

/*----------------------------------------------------------*/
/* clearfix */

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
}

.clearfix {
	min-height:1%;/* for IE7 */
	display:inline-table;
}

/* Hides from MacIE \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from MacIE */



/*----------------------------------------------------------*/
/* indent */

.indent{
	text-indent:-300em;
	text-decoration:none;
	/*\*/
	overflow: hidden;
	/**/
}

/*----------------------------------------------------------*/
/* hidden */

.hidden{
	display:none;
}


/*----------------------------------------------------------*/
/* text-spacing */

.txt_spacing{
	letter-spacing:2px;
}




/**************************************************************/
/* container */

#container{
margin:0px auto;

	width:790px;
	padding:0 0px;

	background: url(../imgs/header_bg.gif) repeat-x top left;
}

#contents{
	margin:0px auto;
	width:790px;
	padding:0 0px;
	background: url(../imgs/container_bg.gif) repeat-y top left;
	position:relative;
}

/**************************************************************/
/* header */

#header{
	width:772px;
	margin:0 auto;
	font-size:12px;
	position:relative;
	zoom:1;
}

/*=============================================================*/
/* nav */


#header #nav{
	padding:13px 0 9px 10px;
	background: url(../imgs/header_image.jpg) no-repeat top right;
	position:relative;
}

#header #nav h1{
	width:300px;
	height:42px;
	background:url(../imgs/spire.gif) no-repeat top left;
}

#header h1 a{
	width:300px;
	height:42px;
	display:block;
	text-decoration:none;
	overflow: hidden;
}

#header p.update{
	background: url(../imgs/update.gif) no-repeat top left;
	padding-left:51px;
	position:absolute;
	bottom:3px;
	left:300px;
}

#header p.mail{
	position:absolute;
	top:0;
	right:9px;
	width:93px;
	height:18px;
}

#header p.mail a{
	width:93px;
	height:18px;
	display:block;
}


#header p.banner_eq1004{
	background: url(../imgs/banner_eq1004.jpg) no-repeat top left;
	width:233px;
	height:28px;
	position:absolute;
	top:11px;
	left:183px;
}

#header p.banner_eq1004 a{
	width:233px;
	height:28px;
	display:block;
}


/*=============================================================*/
/* tab */

#tab{
	margin:0 0 0 1px;
}

#tab li{
	float:left;
	text-indent:-300em;
	text-decoration:none;
	/*\*/
	overflow: hidden;
	/**/
}


#tab li a{
	display:block;
	width:96px;
	height:34px;
}


#tab li.feature a{
	background: url(../imgs/tab_feature.jpg) no-repeat;
	width:98px;

}

#tab li.activism a{
	background: url(../imgs/tab_activism.jpg) no-repeat;
}

#tab li.genki a{
	background: url(../imgs/tab_genki.jpg) no-repeat;
}

#tab li.exe a{
	background: url(../imgs/tab_exe.jpg) no-repeat;
}

#tab li.pu a{
	background: url(../imgs/tab_pu.jpg) no-repeat;
}

#tab li.compost a{
	background: url(../imgs/tab_compost.jpg) no-repeat;
}

#tab li.comring a{
	background: url(../imgs/tab_comring.jpg) no-repeat;
}

#tab li.backnumber a{
	background: url(../imgs/tab_backnumber.jpg) no-repeat;
}


#tab li a:hover{
	background-position:0px -34px;
}

#tab li a.visited{
	background-position:0px -68px;
}



/*=============================================================*/
/* pulldown */

#pulldown{
	clear:both;
	background:#CDCDCD url(../imgs/backnum_bg.jpg) repeat-x bottom left;
	padding:0px 0px 0px 0;
	text-align:right;
	min-height:22px;
	position:relative;

}

* html #pulldown{
	height:22px;
}

#pulldown select{
	font-size:12px;
}

#pulldown select option{
	padding-right:0px;
}

#pulldown p{
	text-align:left;
	padding:3px 0 0 15px;
	position:absolute;
	top:0;
	left:0;
}

#pulldown a{
	background: url(../imgs/head_li.gif) no-repeat top left;
	padding-left:16px;
	padding-top:3px;
	color:#3D5A6C;
	zoom:1;
	line-height:1;
}

/*************************************************************/
/* main */

#main{
	background: url(../imgs/main_bg.jpg) repeat-x top left;
	padding:15px 0px 0 25px;
	zoom:1;
}

/**************************************************************/
/* footer */

#footer{
	clear:both;
	background: url(../imgs/footer_bg.gif) repeat-x top left;
	padding-top:16px;
	color:#fff;
	min-height:84px;
	width:790px;
}

* html #footer{
	height:84px;
}

#footer a{
	color:#CAFDFE;
}

#footer .main{
	background: url(../imgs/attention.gif) no-repeat 100% 4px;
	width:790px;
	margin:0 auto;
	padding:0px 0px 0px 0px;
}


#footer .main p{
	
	padding:3px 0 0 88px;
	font-size:11px;
	line-height:1.3;
	min-height:46px;
}

* html #footer .main p{
	height:46px;
}

#footer .main p.copyright{
	background:none;
	text-align:right;
	margin-top:-20px;
}



/**************************************************************/
/* ƒ|ƒbƒvƒAƒbƒv ‹¤’Ê */

.pop_bg{
	background:#ffffff;
	font-size:12px;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	line-height:1.5;
}

#btn_close{
	background:url(../imgs/btn_close.jpg) no-repeat top left;
	width:166px;
	height:32px;
	margin:0px auto;
	display:block;
	text-indent:-300em;
	text-decoration:none;
	/*\*/
	overflow: hidden;
	/**/
}

#btn_close02{
	background: url(../imgs/btn_close02.gif) no-repeat top left;
	width:124px;
	height:25px;
	margin:0px auto;
	display:block;
	text-indent:-300em;
	text-decoration:none;
	/*\*/
	overflow: hidden;
	/**/
}

#btn_close03{
	background: url(../imgs/btn_close03.gif) no-repeat top left;
	width:62px;
	height:25px;
	margin:0px auto;
	display:block;
	text-indent:-300em;
	text-decoration:none;
	/*\*/
	overflow: hidden;
	/**/
}