@charset "utf-8";
/* 基本レイアウト */

/****大枠****/
body{
	background:url(../images/bg.gif) #eeffbf left top repeat-x;
	/*behavior: url(../js/csshover2.htc);*/
}

#shadow{
	margin:0 auto;
	width:808px;
	background:url(../images/bg_sdw.gif) left top repeat-y;
}

#shadow2{
	width:800px;
	padding:0 4px;
	background:url(../images/bg_sdw2.gif) left top no-repeat;
}

#shadow_foot{
	width:808px;
	height:12px;
	background:url(../images/bg_sdwfoot.gif) left bottom no-repeat;
}

#wrapper{
	width:798px;
	border-left:#c0c0c0 1px solid;
	border-right:#c0c0c0 1px solid;
}



/***ヘッダー***/
#header{
	width:788px;
	height:81px;
	padding-right:10px;
	background:url(../images/head_bg.gif) left top repeat-x;
}

#header h1{
	padding-top:30px;
	color:#000;
	font-size:12px;
	float:left;
	padding-left: 0px;

	/*font-weight: bold;*/
}

#header p#logo{
	margin-right:10px;
	float:left;
}

#header p#tel{
	padding-top:0px;
	float:right;
	top: 0px;
}


/*#navi{
	width:798px;
	height:28px;
	margin-bottom:10px;
	background:url(../images/bg_navi.gif) left top repeat-x;
}

#navi li{
	display:inline;
}

#navi li a{
	background:url(../images/jpnavi.jpg) left top no-repeat;
	float:left;
	height:0;
	overflow:hidden;
	padding-top:28px;
	width:114px;
	}

#navi li ul li a{
	background:url(../images/jpnavi2.jpg);
	float:left;
	height:0;
	overflow:hidden;
	padding-top:29px;
	width:114px;
	}

#navi li#navi01 a{
	width:95px;
	}
#navi li#navi02 a{
	width:130px;
	}
	
		#navi ul {
		position: absolute;
		top: 29px;
		width: 114px;
		visibility: hidden;
		z-index: 99;
		}
		
		#navi li ul li .one{
			background-position:0px 0px;
		}
		#navi li ul li .two{
			background-position:-114px 0px;
			/*background-image: none;
		}
		#navi li ul li .three{
			background-image: none;
			background-color: red;
		}
		#navi li:hover ul{
			visibility:visible;
		}
		#navi li:hover ul li{
			visibility:visible;
		}
		#navi ul{
		padding:0;
		margin:0;
		}
		#navi li{
		position: relative;
		float: left;
		list-style: none;
		margin: 0;
		padding:0;
		}*/

#navi #navi02 a{background-position:-95px 0;} /* -114 */
#navi #navi03 a{background-position:-228px 0;}
#navi #navi04 a{background-position:-342px 0;}
#navi #navi05 a{background-position:-456px 0;}
#navi #navi06 a{background-position:-570px 0;}
#navi #navi07 a{background-position:-684px 0;}

/*#navi #navi02 a{background-position:-95px 0;} 
#navi #navi03 a{background-position:-228px 0;}
#navi #navi04 a{background-position:-342px 0;}
#navi #navi05 a{background-position:-456px 0;}
#navi #navi06 a{background-position:-570px 0;}
#navi #navi07 a{background-position:-684px 0;}*/

#navi #navi01 a:hover{background-position: 0 -28px;}
#navi #navi02 a:hover{background-position:-95px -28px;}  /*  -114 */
#navi #navi03 a:hover{background-position:-228px -28px;}
#navi #navi04 a:hover{background-position:-342px -28px;}
#navi #navi05 a:hover{background-position:-456px -28px;}
#navi #navi06 a:hover{background-position:-570px -28px;}
#navi #navi07 a:hover{background-position:-684px -28px;}

#navi #navi01 a.selected{background-position:0 -56px;} /*  -56 */
#navi #navi02 a.selected{background-position:-95px -56px;}
#navi #navi03 a.selected{background-position:-228px -56px;}
#navi #navi04 a.selected{background-position:-342px -56px;}
#navi #navi05 a.selected{background-position:-456px -56px;}
#navi #navi06 a.selected{background-position:-570px -56px;}
#navi #navi07 a.selected{background-position:-684px -56px;}


/***会員用メニュー***/
#mem{
	width:176px;
	height:174px;
	/*height:116px;*/
}

#mem li a{
	background:url(../images/member.gif) left top no-repeat;
	display:block;
	width:176px;
	height:0;
	padding-top:29px;
	overflow:hidden;
	}


#mem #mem02 a{background-position:0 -29px;}
#mem #mem03 a{background-position:0 -58px;}
#mem #mem04 a{background-position:0 -87px;}
#mem #mem05 a{background-position:0 -116px;}
#mem #mem06 a{background-position:0 -145px;}
#mem #mem00 a{background-position:0 -174px;}

#mem #mem01 a:hover{background-position:-176px 0;}
#mem #mem02 a:hover{background-position:-176px -29px;}
#mem #mem03 a:hover{background-position:-176px -58px;}
#mem #mem04 a:hover{background-position:-176px -87px;}
#mem #mem05 a:hover{background-position:-176px -116px;}
#mem #mem06 a:hover{background-position:-176px -145px;}
#mem #mem00 a:hover{background-position:-176px -174px;}

#mem #mem01 a.selected{background-position:-176px 0;}
#mem #mem02 a.selected{background-position:-176px -29px;}
#mem #mem03 a.selected{background-position:-176px -58px;}
#mem #mem04 a.selected{background-position:-176px -87px;}
#mem #mem05 a.selected{background-position:-176px -116px;}
#mem #mem00 a.selected{background-position:-176px -174px;}



/***基本段組設定***/
#body{
	width:780px;
	margin:0 9px;
	/*background-color:#6666FF;*/
	clear:both;
}

#main{
	width:590px;
	float:right;
	/*background-color:#FF6633;*/
}

#left{
	width:182px;
	float:left;
	/*background-color:#339933;*/
}

#center{
	width:400px;
	float:left;
	/*background-color:#FFCC33;*/
}

#right{
	width:180px;
	float:right;
	/*background-color:#FF6699;*/
}


/***パンくず***/
#pankuzu{
	width:570px;
	padding:3px 10px;
	margin-bottom:20px;
	border-top:#CCCCCC 1px dotted;
	border-bottom:#CCCCCC 1px dotted;
	background-color:#E2E2E2;
}

#pankuzu p{
	font-size:0.85em;
}


/***本文領域***/
#contents{
	width:570px;
	margin:0 10px;
}

/***フッターリンク***/
#footerLink{
	clear:both;
	border-top:#CCCCCC 1px solid;
}

#footerLink ul{
	height:20px;
	background:url(../images/flink_bg.gif) left bottom repeat-x;
}

#footerLink li{
	float:left;
}

#footerLink li a, #footerLink li p{
	padding:2px 5px 0 5px;
	display:block;
	border-left:#FFFFFF 1px solid;
	border-right:#E5E5E5 1px solid;
	font-size:0.85em;
}

* html body #footerLink li a{/*IE6*/
	font-size:0.7em;
}

* html body #footerLink li p{/*IE6*/
	padding-top:4px;
}


*:first-child+html #footerLink li a{/*IE7*/
	padding:1px 8px 0 8px;
	font-size:0.7em;
}

#footerLink li p{
	color:#999999;
}

#footerLink li a:link{
	background:url(../images/flink_bg.gif) left bottom repeat-x;
	color:#666666;
	text-decoration:none;
}

#footerLink li a:visited{
	background:url(../images/flink_bg.gif) left bottom repeat-x;
	color:#666666;
	text-decoration:none;
}

#footerLink li a:hover{
	background:url(../images/flink_bg_on.gif) left bottom repeat-x;
	color:#336699;
	text-decoration:none;
}

#footerLink li a:active{
	background:url(../images/flink_bg_on.gif) left bottom repeat-x;
	color:#339966;
	text-decoration:none;
}

#flink01, #flink02{
	border-bottom:#CCCCCC 1px solid;
}

/***フッター****/
#footer{
	width:778px;
	padding:5px 10px 0 10px;
	clear:both;
	border-top:#CCCCCC 1px solid;
}

#footer ul{
	float:left;
}

#footer ul li{
	display:inline;
	padding:0 5px;
	border-left:#CCCCCC 1px solid;
	font-size:0.85em;
	_font-size:0.7em;/*IE6*/
}

#footer ul li.last{
	border-right:#CCCCCC 1px solid;
}

#footer p{
	text-align:right;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
}

*:first-child+html #footer ul li{/*IE7*/
	font-size:0.7em;
}

/***ポップアップ用レイアウト***/
#popup #wrapper{
	width:590px;
	margin:10px auto;
	padding:15px;
	border:#CCCCCC 1px solid;
	background-color:#FFFFFF;
}

/*左メニュー無し用*/

#main2{
	width:680px;
	margin:0 auto;
}


#main2 #contents{
	width:660px;
}

#main2 #frame #contents{
	width:auto;
	margin:0;
}

/***パンくず***/
#pankuzu2{
	width:778px;
	padding:3px 10px;
	margin-bottom:20px;
	border-top:#CCCCCC 1px dotted;
	border-bottom:#CCCCCC 1px dotted;
	background-color:#E2E2E2;
}

#pankuzu2 p{
	font-size:0.85em;
}


/* -------------------- GLOBAL MENU ------------------------*/

 * #sitenavi {width:795px; height:28px; position:relative; z-index:100;font-family:arial, sans-serif; margin-bottom: 10px; margin-bottom: 10px;}
 /*#sitenavi ul li{height:28px;}
 #sitenavi ul li a{height:28px;}
 #sitenavi ul li a:hover{height:28px;}*/
  
/* hack to correct IE5.5 faulty box model */
* html #sitenavi {width:795px; w\idth:795px;}
/* remove all the bullets, borders and padding from the default list styling */
#sitenavi ul {padding:0;margin:0;list-style-type:none;}
#sitenavi ul ul {width:114px; z-index:100;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#sitenavi li {float:left;width:114px;position:relative;}
/* style the links for the top level */
#sitenavi a, #sitenavi a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:114px; height:0px; border:0px solid #585752; border-width:0px 0px 0px 0px;  /*padding-left:10px;*/ line-height:28px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html #sitenavi a, * html #sitenavi a:visited {width:114px; w\idth:114px;}

/* style the second level background */
#sitenavi ul ul a.drop, #sitenavi ul ul a.drop:visited { }
/* style the second level hover */
#sitenavi ul ul a.drop:hover{}
#sitenavi ul ul :hover > a.drop {}
/* style the third level background */
#sitenavi ul ul ul a, #sitenavi ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
#sitenavi ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#sitenavi ul ul {visibility:hidden; position:absolute;height:0;top:28px;left:0; width:114px;border-top:0px solid #000;}
/* another hack for IE5.5 */
* html #sitenavi ul ul {top:28px;t\op:28px;}

/* position the third level flyout menu */
/*#sitenavi ul ul ul{left:114px; top:-1px; width:114px;}*/

/* position the third level flyout menu for a left flyout */
/*#sitenavi ul ul ul.left {left:-114px;}*/

/* style the table so that it takes no ppart in the layout - required for IE to work */
#sitenavi table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
#sitenavi ul ul a, #sitenavi ul ul a:visited {/*background:#e5e1d6; color:#000;*/ height:0px; line-height:1em; /*padding:5px 10px;*/ width:114px;border-color: #9b98a1; border-width:0 0px 0px 1px;}
/* yet another hack for IE5.5 */
* html #sitenavi ul ul a, * html #sitenavi ul ul a:visited {width:114px;w\idth:114px;}

/* style the top level hover */
/*#sitenavi a:hover, #sitenavi ul ul a:hover{color:#000; background:#fcd6a7;}*/
/*#sitenavi :hover > a, #sitenavi ul ul :hover > a {color:#000; background:#fcd6a7;}*/

/* make the second level visible when hover on first level list OR link */
#sitenavi ul li:hover ul,
#sitenavi ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
#sitenavi ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#sitenavi ul :hover ul :hover ul{ visibility:visible;}

#sitenavi ul li a{
	background:url(../images/jpnaviall.png) left top no-repeat;
	float:left;
	height:0;
	overflow:hidden;
	padding-top:28px;
	width:114px;
	}
#sitenavi ul li#n01 a{
	width:95px;
	}
  #sitenavi ul li#n01{
	width:95px;
	}
#sitenavi ul li#n02 a{
	width:130px;
	}
        #sitenavi ul li#n02{
	width:130px;
	}

#sitenavi ul #n01 a{background-position:0 0;}
#sitenavi ul #n02 a{background-position:-95px 0;} /* -114 */
#sitenavi ul #n03 a{background-position:-228px 0;}
#sitenavi ul #n04 a{background-position:-342px 0;}
#sitenavi ul #n05 a{background-position:-456px 0;}
#sitenavi ul #n06 a{background-position:-570px 0;}
#sitenavi ul #n07 a{background-position:-684px 0;}

#sitenavi ul #n01 a:hover{background-position: 0 -28px;}
#sitenavi ul #n02 a:hover{background-position:-95px -28px;}  /*  -114 */
#sitenavi ul #n03 a:hover{background-position:-228px -28px;}
#sitenavi ul #n04 a:hover{background-position:-342px -28px;}
#sitenavi ul #n05 a:hover{background-position:-456px -28px;}
#sitenavi ul #n06 a:hover{background-position:-570px -28px;}
#sitenavi ul #n07 a:hover{background-position:-684px -28px;}
/* dropdown menu */
#sitenavi ul li ul li a{
	background:url(../images/jpnaviall.png) left top no-repeat;
	float:left;
	height:0;
	overflow:hidden;
	padding-top:28px;
	width:114px;
	
	/*border-style:solid;
	bottom-width:1px;
	border-bottom-color:#000000;*/
	}
#sitenavi ul li ul li#drop01 a{background-position:-798px 0;}
#sitenavi ul li ul li#drop02 a{background-position:-912px 0;} 
#sitenavi ul li ul li#drop03 a{background-position:-1026px 0;}
#sitenavi ul li ul li#drop04 a{background-position:-1140px 0;}

#sitenavi ul li ul li#drop01 a:hover{background-position:-798px -28px;}
#sitenavi ul li ul li#drop02 a:hover{background-position:-912px -28px;}
#sitenavi ul li ul li#drop03 a:hover{background-position:-1026px -28px;}
#sitenavi ul li ul li#drop04 a:hover{background-position:-1140px -28px;}


/* RSS title bar*/
 #rss_icon a {   
	 display: block;   
	 background:  url(../images/rss2527.gif) top;   
	 width: 27px;   
	 height: 25px;
 }

#rss_icon a:hover {   
   	background:  url(../images/rss2527hover.gif) no-repeat bottom;   
}
#rss_container{
	margin-bottom: 10px;
}

/* Google News Bar*/
#newsBar-bar {
      margin : 0px;
      width : 550px;
}
/* News Bar color settings */
    .titleBox_gsnb                              { }
    a.statusItemSelected_gsnb                   { color : #000000; }
    span.statusItemSep_gsnb                     { color : #6f6f6f; }
    .horizontal_gsnb .newsBarInnerBox_gsnb      { border-color : #aaaaaa; }
    .horizontal_gsnb div.statusBox_gsnb         { border-right-color : #c0c0c0; }
    .horizontal_gsnb a.statusItemSelected_gsnb  { color : rgb(68,68,68); }
    .horizontal_gsnb span.snippet_gsnb          { color : #003399; }

.spacer10{
	height:10px;
	width: 100%;
	clear: both;
}
.spacer5{
	height:5px;
	width: 100%;
	clear: both;
}

.tundra .dijitTab#mytab_0{
	background:url(../images/tabbg_0.gif) repeat-x scroll 0 0 #E2E2E2;

}
.tundra .dijitTab#mytab_1{
	background:url(../images/tabbg_1.gif) repeat-x scroll 0 0 #E2E2E2;

}
.tundra .dijitTab#mytab_2{
	background:url(../images/tabbg_2.gif) repeat-x scroll 0 0 #E2E2E2;

}
.tundra .dijitTab#mytab_3{
	background:url(../images/tabbg_3.gif) repeat-x scroll 0 0 #E2E2E2;
}
.tundra .dijitTabContainerTop-tabs .dijitTabChecked#mytab_0{
	background-color:#FFFFFF;
	background-image:none;
}
.tundra .dijitTabContainerTop-tabs .dijitTabChecked#mytab_1{
	background-color:#FFFFFF;
	background-image:none;
}
.tundra .dijitTabContainerTop-tabs .dijitTabChecked#mytab_2{
	background-color:#FFFFFF;
	background-image:none;
}
.tundra .dijitTabContainerTop-tabs .dijitTabChecked#mytab_3{
	background-color:#FFFFFF;
	background-image:none;
}
#updateWarning{
	
	width: 98%;
	height: 20px;
	padding: 5px;
	/*border: #344F0A solid 1px;
	background-color: #ffe198;*/
	background:url(../images/jyuyo_green.png) no-repeat;
	margin-bottom: 15px;
	font-weight: normal;
	font-size: 12px;
	color: #FF652F;
	
}
#updateWarning a { text-decoration:none;}

#feedback {
	left:0;
	top:40%;
	position:fixed;
}


