/* CSS Document */

@charset "UTF-8";

@import url("default.css");
html { overflow-y: scroll;}

body {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 100%;
	color: #333;
	text-align: center;
	margin: 0 auto;
}

div#wrapper {
	overflow: hidden;
	width: 53em;
	text-align: left;
	margin: 0 auto;
	max-width: 56em;
	min-width: 46em;
	/*IE*/
	width:expression(document.body.clientWidth < 600? "600px" >: 850? "850px" : "auto");

}

/*header_grovalmenu*/
/*-----------------------------------------------------------*/
div#header { position: relative; width:100%;}

div#header div#headtitle { 
	position: relative;
	width: 100%;
	height: 100px;
	background: #395493 url(../img/headbg.jpg) no-repeat;
	margin: 1em 0 0 0;
}

div#header div#headtitle div#alpha {
	position: absolute;
	left: 0;
	top : 55px;
	width: 100%;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	background: #fff;
	
}

div#header div#headtitle div#alpha img { 
	float: left;
	max-width: 287px;
	margin: 5px 10px 0;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	background: #fff;

}
	
div#header div#headtitle div#alpha h1 {
	text-align: right;
	font-size: 0.6em;
	font-weight: normal;
	margin: 0;
	padding: 0.8em;
}
div#header img.line { width: 53em; height: 0.3em;}

/*grobal menu*/
div#header div#grobalmenu {
	width: 53em;
	font: normal 0.8em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	list-style: none;
}

div#header div#grobalmenu ul {
	width: 66.25em;
	height: 1.8em;
	list-style-type: none;
	text-align: center;
	padding: 0;
	margin:0;
}
div#header div#grobalmenu ul li { 
	display: block;
	float:left;
	width: 13.2em;
	height: 1.8em;
	line-height: 1.8em;
}
div#header div#grobalmenu ul li.wide { 
	display: block;
	float:left;
	width: 13.4em;
	height: 1.8em;
	line-height: 1.8em;
}

div#header div#grobalmenu ul li a { 
	display: block;
	height: 1.8em;
	padding: 0;
	margin: 0;
	color: #333;
	text-decoration: none;
	background-image: url(../img/bar.jpg);
	border-bottom: 0.1em solid #ccc;
}

div#header div#grobalmenu ul li a:hover,
div#header div#grobalmenu ul li a:active { background-image: url(../img/bar_d.jpg); color: #AA5500;}

div#header p#att { 
	font-size : 0.9em;
	text-align: center;
	margin: 0.5em 0;
	padding: 0;}

/*main contents*/
/*-----------------------------------------------------------*/
div#main {
	float: left;
	width: 100%;
	margin-bottom: 0.5em;
}

div#main p { font-size: 0.8em; margin:0; padding: 0.5em 0;}
div#main h3 { font-size: 1em; margin:0; padding: 0;}

/*navi*/
div#main div#sidebar {
	float: left;
	width: 11em;
	border: 0.05em solid #ccc;
}

div#main div#sidebar div.category {
	width: 100%;
	background:url(../img/sideh.jpg);
	border-bottom: 0.1em solid #ccc;
	margin: 0;
}
div#main div#sidebar div.category h2 { 
	font-size: 1em;
	margin: 0 0 0.6em; padding: 0.4em 0 0;
}
div#main div#sidebar div.category h2 img { margin: 0 0.5em;}

div#main div#sidebar div.model { 
	width: 100%;
	background: url(../img/sidebg.jpg);
	padding: 0.5em 0;
			}
div#main div#sidebar div.model ul {
	font-size: 0.8em;
	list-style: none;
	margin: 0 0 0 1em;
	padding: 0;
}
div#main div#sidebar div.model ul li ul{ font-size: 1em; line-height: 1.2em;}

div#main div#sidebar div.model ul li a,
div#main div#sidebar div.model ul li ul li a { text-decoration: none;}
div#main div#sidebar div.model ul li a:hover,
div#main div#sidebar div.model ul li a:active,
div#main div#sidebar div.model ul li ul li a:hover,
div#main div#sidebar div.model ul li ul li a:active { text-decoration: underline;}


/*contents*/
/*-----------------------------------------------------------*/
div#main_contents {
	float: right;
	width: 41.5em;
	overflow: hidden;
}


div#main_contents form {
	display: inline;
	margin: 0;
	padding: 0;
}

/*center*/
/*-----------------------------------------------------------*/
div#main div#main_contents div#news {
	float: left;
	width: 29em;
}

div#main div#main_contents div#news div#newswrap {
	width: 90%;
	margin: 0 auto;
} 
div#main div#main_contnets div#news div#newswrap div.image { 
	width: 100%;
	padding: 0;
}

div#main div#main_contents div#news div#newswrap div.image img {
	width: 100%;
	max-width: 850px;
	margin-bottom: 1%;
}

div#main div#main_contents div#news div#newswrap div.topicbox {
	width: 96%;
	border: 2px solid #999;
	margin: 2%;
}
div#main div#main_contents div#news div#newswrap div.topicbox p { margin:0.6em 0;}
div#main div#main_contents div#news div#newswrap div.topicbox h2 { font-size: 1em; margin: 0;}

div#main div#main_contents div#news div#newswrap div.topicbox2 {
	width: 96%;
	margin: 2%;
}
div#main div#main_contents div#news div#newswrap div.topicbox2 p {
	font-size: 0.8em;
	margin-bottom: 0.3em;
	padding: 0;
}

div#main div#main_contents div#news div#newswrap h3 {
	width: 96%;
	font-size: 1em;
	color: #666;
	border-left: 0.6em solid #D8D6E1;
	border-bottom: 0.2em solid #D8D6E1;
	margin-bottom: 0.2em;
	padding: 0.2em 0 0 0.2em;
}

/*right side*/
/*-----------------------------------------------------------*/
div#main div#main_contents div#banner {
	float: right;
	width: 12em;
	min-height: 500px;
}

div#main div#main_contents div#banner div.bantop {
	width: 100%;
	background:url(../img/sideh.jpg);
	border-bottom: 0.1em solid #ccc;
	margin: 0 0 0.5em 0;
}

div#main div#main_contents div#banner div.bantop h2 {
	color: #666;
	font-size: 1em;
	margin: 0 0 0.6em;
	padding: 0.4em 0 0 0.6em;

}

div#main div#main_contents div#banner div.bannerbox {
	width: 100%;
	margin-bottom: 1em;
}
div#main div#main_contents div#banner div.bannerbox img { max-width:160px;}
div#main div#main_contents div#banner div.bannerbox p { font-size: 0.8em; margin: 0; padding: 0;}

div#main div#main_contents div#banner div#csv { 
	width: 100%;
	font-size: 12px;
	color: #ccc;
	text-align: right;
	margin-top: 12em;
}
div#main div#main_contents div#banner div#csv a { text-decoration: none;}
div#main div#main_contents div#banner div#csv a:visited,
div#main div#main_contents div#banner div#csv a:hover,
div#main div#main_contents div#banner div#csv a:link,
div#main div#main_contents div#banner div#csv a:active { color: #ccc;}
/*footer*/
/*-----------------------------------------------------------*/
div#footer {
	clear: both;
	text-align: center;
	margin: 0 11.5em;
}
div#footer div#footernavi { width: 100%;}
div#footer div#footernavi ul { margin: 0; padding: 0;}
div#footer div#footernavi ul li {
	display:inline;
	line-height: 1.2em;
	font-size: 0.8em;
}

div#footer div#copyright {
	width: 100%;
	font-size: 0.6em;
	margin: 1em 0;
}