﻿* {
    padding: 0;
    margin: 0;
font-size:100%;
} 


a:hover	{
	top:1px;
	left:1px;
	position:relative;

}

a:link { color: #0099cc; } 
a:visited { color: #0099cc; } 
a:hover { color: #0099cc; }

body {
background: #fff;
font-family: メイリオ,Trebuchet MS;
font-size: 80%;
line-height: 18px;
color: #333333;;
text-align: center;
}

img { border: none; }
a { color: #33BFEB; text-decoration: none; }
a:hover { text-decoration: underline; color : #000; }

#wrap {
width: 800px;

margin-top: 40px; 
margin-right: auto; 
margin-bottom: 15px; 
margin-left: auto;
text-align: center;
}

#header {
height: 40px;
}

#header h1 {
margin: 6px 0px 6px 0px;
padding: 0 0 0 20px;
font-size: 20px;
letter-spacing: 0px;
color: #0099ff;
}
#header h1 a {
color: #33BFEB;
text-decoration: none;
}
#header h1 a:hover {
text-decoration: none;
color: #000;
}
#header h2 {
padding: 0px 0px 0px 20px;
font-size: 14px;
color: #666;
font-weight: bold;


}

#top {
margin-top: 20px;
background: #fff url(images/top.png) no-repeat;
padding: 5px 0;
}

#menu {
position: relative;
height: 50px;
line-height: 50px;
background: #33BFEB url(images/menu.gif) no-repeat;
font-size: 12px;
}
#menu ul {
padding-left: 20px;
list-style-type: none;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
color: #fff;
padding: 0 10px;
text-decoration: none;
font-weight: 600;
}
#menu ul li a:hover {
color: #fff;
text-decoration: none;
}

#content {
padding: 10px 10px;
background: #fff url(images/content.gif) repeat-y;
}
.right {
float: right;
width: 550px;
text-align: justify;
padding: 0 40px 10px 10px;

}

* html .right {
　padding: 0 20px 5px 5px;}




.right a {
text-decoration: none;
}


.right h2 {
color: #000000;
font-size: 13px;


padding : 10px 0 0px 0;
}
.right h2 a {
text-decoration: none;
}
.right h2 a:hover {
color: #0099cc;
}


.left {
float: left;
width: 150px;
padding: 10px;

}
.left h2 {
font-size: 13px;
color: #333;
padding: 5px 0 2px 10px;
}
.left ul {
list-style-type: none;



}
.left ul li {

border-bottom:1px solid #ccc;

	background-repeat: no-repeat;
	background-position: left 50%;
	
	list-style-type: none;
	margin: 5px 0px 5px 0px; 
	padding: 0px 0px 0px 20px;




}

.left ul li a {
display: block;
color: #0099cc;
text-decoration: none;
}
.left ul li a:hover {
color: #0099cc;
}

#bottom {
background: #fff url(images/bottom.gif) no-repeat;
padding: 10px 0;
}

#footer {
text-align: center;
color: #666;
font-size: 11px;
}
#footer  a { color: #666; }


#sinfo { /* 親ボックス */ 
width: 500px; 

border: 1px solid #819CD7;
background: #f6f9fc;

z-index: 1;
border: 1px solid #cfcfcf;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
font-size: 90%;
}
table,td, th { border: 1px #808080 solid; 
font-size: 90%;
}

#ad {

}





#ue { /* 親ボックス */ 
width: 500px; 
font-size: 90%;
}



div.breadcrumbs {
	overflow:hidden;
	margin:0;
	padding:0;
	height:30px;
	line-height:30px;
	width:570px;
	
	

}
div.breadcrumbs a, div.breadcrumbs em, div.breadcrumbs span {
	float:left;
	overflow:hidden;
	height:30px;
	padding:0 8px;
	font-style:normal;
	
}
div.breadcrumbs span {
	background:url(./images/bg-breadcrumb.png) no-repeat left center;
	overflow:hidden;
	padding:0 0 0 10px;
	width:0px;

	filter:alpha(opacity=40);
	opacity:0.4;
}

table { 
width: 500px; 
font-size: 100%;
}

.blue{
Background:#c3d9ff;
}

td, th { 
padding: 0px 0px 0px 10px;
}



#searchbox input.text{
	position:absolute;
	top:0px;
	
	left:570px;
	width:190px;
	height:20px;
	background:url(images/search0.png) no-repeat;
	border:none;
	padding:20px 0px 0px 40px;
	}

html:first-child #searchbox input.text{
	padding:20px 6px 0px 40px;
	}
#searchbox input.text:hover,#searchbox input.text:focus{
	background:url(images/search1.png) no-repeat;
	
	}


#searchbox input.searchbtn{
	position:absolute;
	top:0px;
	left:750px;
	width:31px;
	height:50px;
	background:url(images/go.png) 0px 0px no-repeat;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
	}

html:first-child #searchbox input.searchbtn{
	padding:41px 0px 10px 0px;
	}


	
/*
  jQuery MegaMenu Plugin
  Author: GeekTantra
  Author URI: http://www.geektantra.com
*/
#megamenu { padding: 0px 0px 0px 0px; width:740px;margin:auto;	height:52px;}
ul.megamenu {
background: url(images/navigation.gif) no-repeat;
padding: 8px 10px 6px; margin-top: 16px;
  list-style: none;
  display: none;
}

ul.megamenu li.mm-item {
}

ul.megamenu li {
  margin: 0px;
  padding: 0px;
}

ul.megamenu li.clear-fix {
  float: none;
  clear: both;
  margin: 0px;
  padding: 0px;
  height: 0px;
  font-size: 0px;
  line-height: 0px;
}

ul.megamenu a.mm-item-link:link, ul.megamenu a.mm-item-link:visited {
  position: relative;
  display: inline-block;
  color: #FFF;
  padding: 8px 15px;
  margin: 0px 3px 0px 0px;
  text-decoration: none;
  z-index: 10;
  font-size: 14px;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;

	top:0px;
	left:0px;

}
*html ul.megamenu a.mm-item-link:link, *html ul.megamenu a.mm-item-link:visited {
  border-color: pink;
  filter: chroma(color=pink);
}

ul.megamenu a.mm-item-link-hover:link, ul.megamenu a.mm-item-link-hover:visited {
  color: #444;
  background: #FFF;
  border-top: 1px solid #48C9EF;
  border-left: 1px solid #48C9EF;
  border-right: 1px solid #48C9EF;
  -moz-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}

ul.megamenu div.mm-item-content {
  background: #FFF;
  padding: 0px;
  position: absolute;
  border: 1px solid #48C9EF;
  z-index: 9;
}

.mm-content-base {
  background: #FFF;
  position: relative;
  z-index: 11;
  padding: 10px;
}
.mm-js-shadow {
  background: #FFFFFF;
  position: absolute;
  z-index: 10;
}

.menubox-box{
width:600px;

}

ul.menubox{
width:200px;
list-style:none;
float:left;
}
.menuboxli{
text-align: left;
}
