@charset "UTF-8";
/* top.css */


.pad_maintitle {
	padding: 8px 0 45px 0;
	text-align: left;
}

.pad_mainarea02 {
	width: 728px;
	float: left;
	text-align: left;
	padding-top: 27px;
}

.pad_sidearea02 {
	width: 294px;
	padding-top: 27px;
	text-align: left;
	float: left;
}	

/*------------ SlideShow ------------*/

.pad_img {
	width:980px;
	height:230px;
	background-repeat:no-repeat;
	display: block;
	clear: both;
	z-index: 0;
}
	

#bg-img {
    width: 100%;
    top: 0;
    left: 0;
}

#bg-topimg {
    width: 100%;
    top: 0;
    left: 0;
}

.pad_img:after{
    content: "";
    display: block;
    clear: both; /* 左右の回り込みを解除 */
} 


.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  




/*------------ main ------------*/



#table_topmainarea {
	width: 683px;
	border: 3px #d4ddef solid;
	background: -moz-linear-gradient(top, #ffffff, #ffffff 50%, #d4edf3);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), to(#d4edf3));
	margin-left: 22px;
}

.font_topmain01 {
	width: 590px;
	font-size: 1.2em;
	line-height: 1.6em;
	padding: 0 0 20px 44px;
	text-align: left;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

.pad_topmain00 {
	text-align: left;
	padding: 10px 0 10px 26px;
}



.pad_topmain01 {
	text-align: left;
	padding: 0 0 24px 44px;
}

.pad_topmain02 {
	text-align: left;
	padding: 20px 0 20px 26px;
}

#table_topmain_newsbox {
	background-image: url(../../images/top_infobox.png);
	background-repeat: no-repeat;
	width: 647px;
	height: 240px;
	margin-top: 0.8em;
	margin-left: 24px;
	margin-bottom: 6px;
}

.pad_newsbu {
	text-align: left;
	padding: 7px 0 0 420px;
}

.pad_topnews_iframe {
	text-align: left;
	padding: 7px 0 0 22px;
}

.li_toptopic01 {
	background-image: url(../../images/top_topic01.gif);
	background-repeat: no-repeat;
	float: left;
	text-align: left;
	width: 313px;
	height: 151px;
	margin-left: 27px;
	margin-bottom: 4px;
}

.li_toptopic02 {
	background-image: url(../../images/top_topic02.gif);
	background-repeat: no-repeat;
	float: left;
	text-align: left;
	width: 313px;
	height: 151px;
	margin-left: 3px;
	margin-bottom: 4px;
}

.li_toptopic03 {
	float: left;
	text-align: left;
	width: 313px;
	margin-left: 5px;
	margin-bottom: 20px;
}

.font_topmainaddress {
	font-size: 1.05em;
	text-align: left;
	padding: 80px 0 10px 26px;
	line-height: 1.6em;
	width: 258px;
}

.font_topmainaddress span {
	font-size: 0.86em;
	text-align: left;
}

.font_topmainaddress {
	font-size: 1.05em;
	text-align: left;
	padding: 80px 0 10px 26px;
	line-height: 1.6em;
	width: 258px;
}

.font_topmain_tribia {
	font-size: 1.05em;
	padding: 21px 0 38px 169px;
	text-align: left;
	line-height: 1.6em;
	width: 135px;
}

.pad_topmain_tribia {
	text-align: left;
	padding: 0 0 0 208px;
}


#container_mainmaintop {
	width: 985px;
	text-align: left;
	margin-bottom: -0.0em;
	margin-top: -0.0em;
	z-index: 0;
	position: relative; /* Fix for absolute positioning */
}




ul#navigationtop {
	padding: 0 0 0 0;
	position: absolute;
	top: -30px;
	left: 0;
	text-align: left;
}

ul#navigationtop li {
	float: left;
	padding: 0 4px 0 0;
	text-align: left;
	position: relative;
}
	


#navigationtop ul.box01 {
	background: #ddd; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #cfcfcf); /* for firefox 3.6+ */

	display: none;
	margin: 0;
	margin-top: 1.9em;
	padding: 0;
	width: 223px;
	top: 1px;
	left: 0;
	border: solid 1px #b4b4b4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	
	position: absolute;
	z-index: 5;
}


#navigationtop ul.box02 {
	background: #ddd; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #cfcfcf); /* for firefox 3.6+ */

	display: none;
	margin: 0;
	margin-top: 1.9em;
	padding: 0;
	width: 125px;
	top: 1px;
	left: 0;
	border: solid 1px #b4b4b4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	
	position: absolute;
	z-index: 5;
}

#navigationtop ul.box03 {
	background: #ddd; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #cfcfcf); /* for firefox 3.6+ */

	display: none;
	margin: 0;
	margin-top: 1.9em;
	padding: 0;
	width: 275px;
	top: 1px;
	left: 0;
	border: solid 1px #b4b4b4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	
	position: absolute;
	z-index: 5;
}

/* dropdown */

#navigationtop li:hover > ul {
	display: block;
}
#navigationtop ul li {
	float: none;
	margin: 0;
	padding: 0;
	padding: 3px 0 3px 16px;
}
#navigationtop ul a {
	font-weight: normal;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
}
/* clearfix */
#navigationtop:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}



#navigationtop ul li a:link {
	color: #323244;
	text-decoration:none;
	outline: none;
}

#navigationtop ul li a:visited {
	color: #323244;
	text-decoration: none;
	outline: none;
}

#navigationtop ul li a:hover {
	color: #399;
	text-decoration: underline;
	outline: none;
}

#navigationtop ul li a:active {
	color: #83BD83;
	text-decoration: underline;
	outline: none;
}

@media print{
.pad_img {
	background-image:url(../../images/intro/slidea04.jpg);
}