/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
html{
	background-image:url(img/bg.jpg);
	background-repeat:repeat-y;
	background-position:center;
	margin:0 auto;
	padding:0;
	height:100%;
}

body{
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color: #333333;
	font-size:85%;
	line-height: 1.5;
	margin:0 auto;
	padding: 0px;
	width:800px;
	background-color:#FFFFFF;
	height:100%;
}

a {outline:none;} 

#wrap{
	background-color:#F5F0EA;
	width:800px;
	height:auto;
	min-height:100%;	
	margin:0 auto;
	position:relative;
}

* html div#wrap {
	height:100%;
}

a:link, a:visited, a:hover {
	color: #3B0814;
	text-decoration: none;
}

#sectionLinks h3 a:link, #sectionLinks h3 a:active, #sectionLinks h3 a:visited{
	color: #FFFFFF;
	background-color: #3B0814;
	display:block;
}

a:hover {
	text-decoration: underline;
}

a:hover img {
  filter: alpha(opacity=50);
  -moz-opacity:0.50;
  opacity:0.50;
}

h2{
	font-size: 140%;
	margin:5px 0 7px 0;
	padding:0;
	color: #3B0814;
	clear:left;
}

h2 img{
	margin:5px 0 0 0;
	padding:0 0 0 5px;
	clear:both;
	float:none;
}

h3{
	font-size: 100%;
	color: #334d55;
}

p{
	margin:0 10px 10px 10px;
	padding:0;
	clear:both;
	font-size:85%;
}

#breadCrumb{
	margin:0 10px 5px 10px;
	padding:0;
	clear:both;
	font-size:85%;
}

p.p_bg {
	margin:0 10px 0 10px;
	padding:0;
}

img{
	border:none;
}

input:focus{
	background-image:url(img/form_bg.gif);
}

textarea:focus{
	background-image:url(img/form_bg.gif);
	background-color:#CCFFCC;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#content{
	width: 560px;
	margin: 0 0 100px;
	padding: 0;
	background-color:#F5F0EA;
	float:right;
}

#category{
	width:240px;
	float:left;

}

*html #category{
	width:230px;
	float:left;
}

/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:hover, #navBar ul a:visited {
	display: block;
	padding:3px;
}

*html #navBar ul a:link,*html #navBar ul a:hover,*html #navBar ul a:visited {
	display: block;
	padding:0 0 -2px 0;
	margin:0 0 -2px 0;
}

#navBar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#banner p{
	margin:5px 2px;
	padding:0;
	clear:left;
}

#menu{
 clear:both;
 font-size:0.9em;
 padding:0;
 margin:0;
 text-align:left;
}

#menu ul{
 margin:10px 0;
 padding:0 15px;
 float:left;
}

#menu ul li{
 list-style:none;
 float:left;
 margin:0 10px 0 0;
 padding:0;
 text-align:left;
}

.bold{
	font-weight:bold;
}


#gnavi{
	margin:0;
	padding:0;
}

h1{
	margin:0 0 20px 0;
	padding:0;
	width:800px;
	height:70px;
	background-image:url(img/title_denshi.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	text-indent:-9999px;
}

p{
 margin:10px 25px 10px 15px;
}

#wrap p #link_top{
	position:absolute;
	width:90px;
	height:35px;
	right:7px;
	top:18px;
}

#gnavi ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

#gnavi ul li{
	margin:0;
	padding:0;
	float:left;
	text-indent:-9999px;
	display:block;
}

#gnavi ul li a{
	float:left;
}

#gnavi ul li.link_top a{
	background-image:url(img/menu05.gif);
 	display:block;
	width:114px;
	height:49px;
	position:absolute;
	right:114px;
	top:0;
}

#gnavi ul li.link_top a:hover{
	background-image:url(img/menu05_on.gif);
}

#gnavi ul li.link_help a{
	background-image:url(img/menu02.gif);
 	display:block;
	width:114px;
	height:49px;
	position:absolute;
	right:0;
	top:0;
}

#gnavi ul li.link_help a:hover{
	background-image:url(img/menu02_on.gif);
}


div #searchbox{
	width:520px;
	margin:15px 25px 10px 15px;
	padding:0;
	border:solid 1px black;
	background-color: #F2E9DA;
	background-image:url(img/bg_searchbox.gif);
	background-repeat:repeat;
	clear:both;
}

#searchbox .textbox{
 float:right;
 margin:0 100px 0 0;

}

div #intro{
 margin:20px 0;
 background-image:url(img/bg_p.gif);
 background-position:center top;
 background-repeat:no-repeat;
 padding-top:120px;
}

div #intro h2{
 padding:0 15px;
}

div #intro ul{
 font-size:85%;
}

div #intro dl{
 margin:20px;
}

div #intro dt{
 font-size:85%;
 font-weight:bold;
 margin:5px 0;
}

div #intro dd{
 margin:10px 0;
}

div #searchbox p{
	padding:5px;
}

div #searchbox form{
	padding:0;
	margin:0;
}

div #searchbox h2{
	width:500px;
	color:#FFFFFF;
	font-size:90%;
	margin:0 0 10px;
	padding:3px 10px;
	background-color: #6A7D8C;
}

div #index_az{
	width:520px;
	margin:15px 25px 10px 15px;
	padding:0 0 10px 0;
	border:solid 1px black;
	background-color: #F2E9DA;
	background-repeat:no-repeat;
	background-position:350px bottom;
	clear:both;
}

div #index_az h2{
	width:500px;
	color:#FFFFFF;
	font-size:90%;
	margin:0 0 10px;
	padding:3px 10px;
	background-color: #6A7D8C;
}

div #index_az ul{
 margin:5px 15px;
 padding:0;
 clear:both;
 font-size:0.9em;
}

div #index_az ul li{
 float:left;
 display:inline;
 margin-right:10px;
}

div #index_az ul li a{
 text-decoration:underline;
}


div.category{
	width:210px;
	margin:10px 5px 5px 15px;
	padding:0 0 5px;
	border:solid 1px black;
	background-color: #F2E9DA;
	background-repeat:no-repeat;
	background-position:350px bottom;
	height:100%;
	clear:both;
}

div.category h2{
	width:190px;
	color:#FFFFFF;
	font-size:90%;
	margin:0;
	padding:3px 10px;
	background-color: #6A7D8C;
}


div.category ul{
 font-size:0.95em;
 list-style:none;
 clear:both;
 margin:0;
 padding:10px;
 height:100%;
}
 
div.category ul li{
margin:3px auto;
}

div.category ul li h3{
 clear:both;
 height:auto;
 margin:0;
 padding:0;
} 

div.category ul li ul{
 height:100%;
}

div.category ul li ul li{
 float:left;
 padding:;
 margin:0 10px 10px 0;
 white-space: nowrap;
 display: inline;
 height:100%;
} 

div.category ul li h3 a{
 text-decoration:none;
}

div.category ul li a{
 text-decoration:underline;
}

div.category ul li ul li a{
 text-decoration:underline;
}

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


/************** #sitefooter styles **************/

#sitefooter{
	width: 800px;
	clear: both;
	font-size: 80%;
	text-align:center;
	color: #FFFFFF;
	padding:15px 0;
	margin:15px 0 0 0;
	background-color: #3B0814;
	border-bottom:5px solid #FF9900;
	left:0;
}

* html #sitefooter{
	width: 800px;
}

.vcard{
	margin:0 10px 5px;
	text-align:center;
}

.vcard .fn,org{
	display:inline;
}

.vcard .adr{
	display:inline;
	margin-left:10px;
}

.postal-code{
	display:inline;
}

.vcard .tel{
	padding-left:10px;
	display:inline;
}

.license{
	clear:left;
	margin:5px 10px;
}

/************** #list styles **************/
#list ul{
	list-style:none;
}

#list ul li{
	float:left;
	display:block;
	width:325px;
	height:auto;
	border:1px solid #3B0814;
	margin:5px 10px;
	padding:7px;
	text-align:center;
	background-color:#eeeeee;
	background-repeat: no-repeat;
	background-position: left top;
}

#list ul a:link, #list ul a:hover, #list ul a:visited {
	display: block;
	width:325px;
	height:auto;
	text-decoration:none;
}


#news_archives{
	width:520px;
	margin:15px auto;
	padding:0;
}

.gfg-root {
	border:1px solid #6A7D8C !important;
}

.gfg-title{
	background-color:#6A7D8C !important;
	color:#FFF  !important;
}


.gfg-entry {
	padding-top:10px !important;
}

.gfg-root .gfg-entry .gf-result .gf-title {
	font-size:12px !important;
}

.gf-author{
	display:none !important;
}

.gfg-subtitle {
background-color:#F2E9DA !important;
}

.gfg-subtitle {
display:none !important;
}

.gfg-list {
	border-top:2px solid #F2E9DA;
	padding-top:10px;
}

#list_search ul li {
background-image:url("img/cate_1.gif");
background-position:left center;
background-repeat:no-repeat;
display:block;
float:left;
margin-right:20px;
padding-left:28px;
font-size:0.85em;
}

#searchbox{
position:relative;
}

#searchbox form p input,#searchbox form select{
position:absolute;
left:10em;
}

/******敎學週報データベース*******/

#kyogaku div#intro{
 margin:10px 0;
 background-image:url(img/kyougaku.gif);
 background-position:center top;
 background-repeat:no-repeat;
 padding-top:80px;
}