@charset "iso-8859-1";


h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol,li, dl, dt, dd, address, th, td, em, strong, form, input {
	margin:0;
	padding:0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size:100%;
}

em {
	font-style:normal;
}

th, td {
	text-align:left;
	line-height:1.4;
}

caption {
	text-align:right;
}

p {
	margin-bottom:1em;
}

ul li {
	list-style:none;
}

img {
	border:none;
	vertical-align:middle;
}

em {
	color:#f00;
	font-style:normal;
}

/* link
**************************************************/
a {
	text-decoration:none;
}

a:hover {
	color:#cd151b;
	text-decoration:underline;
}

a:visited {
	color:#cd151b;
	text-decoration:none;
}

#contents a {
	color:#464646;
}
/*
a:visited,
#contents a:visited {
	color:#cd151b;
	text-decoration:none;
}*/

#header a,
#header a:visited,
#footer a,
#footer a:visited {
	color:#a7a7a7;
}

#contents a:hover,
#header a:hover,
#footer a:hover {
	color:#cd151b;
	text-decoration:underline;
}

#footer a {
	text-decoration:none;
}



/* layout
**************************************************/
body {
	color:#464646;
	font-size:93%;
	font-family:verdana, Arial, Helvetica, sans-serif;
	line-height:1.5;
	text-align:center;
}

#header, #footer {
	width:89.8%;
	margin:0 5%;
	font-size:89%;
	text-align:left;
}

html*#header, html*#footer {
	width:90%;
}

* html #header, * html #footer {
	width:100%;
}

#header {
	border-right:solid 1px #b5b9c5;
	border-left:solid 1px #b5b9c5;
	background:url(../img/bg_header.gif) repeat-y;
	color:#a7a7a7;
}

#footer {
	padding-bottom:30px;
	background-color:#fff;
	color:#a7a7a7;
}

#wrapper {
	min-width:800px;
	max-width:1280px;
	width:expression(document.body.clientWidth < 802? "800px" : document.body.clientWidth > 1280? "1280px" : "auto");
}

#contentswrapper {
	background:#fff url(../../img/index_bg_contents.gif) repeat-x;
	border-top:solid 1px #b5b9c5;
	border-bottom:solid 1px #ccc;
}

#contents {
	margin:0 5%;
	background-color:#fff;
	text-align:left;
}



/* header
**************************************************/
#header p {
	margin-bottom:0;
}

#header #logo {
	float:left;
	width:30px;
	margin:0;
}

#header #subnavi {
	float:right;
	width:60%;
	margin:6px 10px 6px 0;
	text-align:right;
}

#header ul {
	margin-bottom:5px;
}

#header ul li {
	display:inline;
	list-style:none;
	margin-left:5px;
	padding-right:5px;
	background:url(../img/dod_01.gif) repeat-y right 0;
}

#header dl {
	float:right;
	padding:5px 10px;
	border:solid 1px #d0d0d0;
	background-color:#f3f3f3;
	text-align:left;
}

#header dl dt, #header dl dd {
	display:inline;
}
#header dl dt {
	margin-right:7px;
}

#header dl dd input.text {
	width:150px;
	height:20px;
}

#header dl dd input.btn {
	height:20px;
	vertical-align:bottom;
}



/* footer
**************************************************/
#footer ul {
	float:left;
	width:43%;
	margin-top:5px;
	margin-left:5px;
}

#footer  ul li {
	display:inline;
}

#footer p {
	float:right;
	margin:5px 5px 0 0;
	width:391px;
	text-align:right;
}



/* contents
**************************************************/
/*
#contents #mainvisual {
	width:100%;
	height:238px;
	background:url(../../img/index_pict_01.jpg) no-repeat top left;
	text-indent:-10000px;
}

*/
#contents #mainvisual {
	width:100%;
	height:238px;
	background:#000033 url(../../img/index_pict_01.jpg) no-repeat;
	position:relative;
	clear:both;
}
#contents #mainvisual p{width:202px; height:31px; text-indent:-9999px; position:absolute; top:108px; left:37px; overflow:hidden;}
#contents #mainvisual img{position:absolute; top:0; right:0;}


ul#gnavi {
	width:100%;
}

#contents ul#gnavi li {
	display:inline;
	float:left;
	width:24.99%;
	_width:24.96%;
	margin-bottom:5px;
}

html*#contents ul#gnavi li {
	width:25%;
}

* html #contents ul#gnavi li {
	width:24.96%
}

#contents ul#gnavi li a {
	display:block;
	background:url(../img/bg_gnavi.gif) no-repeat top right;
}

#contents .section {
	margin:0px 1% 5px;
	width:98%;
}

#contents .section .box {
	float:left;
	width:32.5%;
	margin-right:5px;
}

#contents .section .last {
	margin-right:0;
}

#contents .section h2 {
	height:31px;
}

#contents .section h2 img {
	height:100%;
}

#contents .section h2 a {
	display:block;
	background:url(../../img/index_bg_h2.gif) repeat-x 0 0;
	_background:url(../../img/index_bg_h2.gif) repeat-x 0 1px;
}

#contents .section ul {
	margin:9px 5px;
}

#contents .section .box ul li,
#contents #topics .box1 ul li,
#contents #topics .box2 ul li {
	line-height:1.3;
}

#contents .section .box ul li a {
	padding-left:18px;
	background:url(../img/icon_01.gif) no-repeat 0 1px;
}

#contents table {
	width:100%;
	margin-bottom:5px;
}

#contents table td {
	vertical-align:top;
}

#contents table td#topics {
	width:66%;
}

#contents table td#link {
	width:33%;
}
#contents table td#topics ,
#contents td#link {
	background:url(../../img/index_bg_h2.gif) repeat-x 0 0;
	_background:url(../../img/index_bg_h2.gif) repeat-x 0 1px;
}

#contents table td h2 {
	margin-bottom:5px;
}

#contents .box1,
#contents .box2 {
	padding:1px 5px;
	background-color:#f3f2f4;
}

#contents .box1 ul li {
	list-style:disc;
	margin-left:20px;
}

#contents .box1 ul li span {
	color:#cc9900;
}

#contents .box1 ul li img {
	margin-left:5px;
}




/* clearfix
**************************************************/
#header:after,
#contentswrapper:after,
#contents:after,
#contents ul#gnavi:after,
.section:after,
#footer:after,
#contents #topics .box1:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#header,
#contentswrapper,
#contents,
#contents ul#gnavi,
.section,
#footer,
#contents #topics .box1{
	display:inline-block;
}