@charset "UTF-8";

body, div, p,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, input, textarea,
table, th, td{  
margin:0px; 
padding:0px; 
}

ul{
list-style-type: none;
}

img{
border:0px;
vertical-align:bottom;
}

.columnLeft { float: left;}

.columnRight { float: right;}

.center {text-align:center;}

/* common
------------------------------------*/

a:link { color: #333333; text-decoration: none;}
a:visited { color: #333333; text-decoration: none;}
a:hover { color: #0066ff; text-decoration: underline;}
a:active { color: #0066ff; text-decoration: underline;}

body{
line-height:1;
color: #333333;
text-align:center;
background-image: url(../img/header_bg.jpg);
background-repeat: repeat-x;
font-size: 85%;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#header {
	padding: 10px 0 0;
	margin: 0 auto;
    max-width: 1000px;
    min-width: 900px;
}

#header .columnLeft {
	width: 290px;
	padding: 20px;
}

#header .columnRight {
	width: auto;
	padding: 10px 20px;
	text-align: left;
}

#header .columnRight li {
	padding: 0 20px 10px;
	font-size: 120%;
}

#gNavi {
	width: 100%;
	margin: auto;
	max-width: 1000px;
	min-width: 900px;
}

#gNavi ul li {
	float: left;
	width: 25%;
}

#gNavi ul li img {
	width: 100%;
}

#container #mainIn {
    max-width: 1000px;
    min-width: 900px;
	margin: auto;
}

#container #mainIn #mainwrap ul li img {
	width: 100%;
}

#contents {
	width: 900px;
	margin: 0 auto 20px;
	text-align: left;
	line-height:1;
	position: relative;
}

#subnavi {
	width: 630px;
	z-index: inherit;
	position: absolute;
	left: 0;
	right: 0;
	top: -55px;
	margin: 0 auto;
}

#subnavi ul li {
	float: left;
	margin: 0 5px;
}

#contents #main {
	width: 560px;
	margin: 30px 0;
	float: left;
}

#contents #main a {
	color: #005059;
	font-weight: bold;
}

#contents #main .cassette {
	line-height:1.8;
}

#contents #main h3 {
	color: #DA0003;
	font-size: 150%;
	padding: 10px 200px;
	border-bottom: 2px #929292 solid;
}

#contents #main ul li {
	padding: 20px 10px 0;
}

#contents #main ul li p.columnLeft {
	width: 120px;
}

#contents #main ul li p.columnRight {
	width: 420px;
}

#contents #menu {
	margin: 40px 0;
	float: right;
	background-image: none;
	width: 300px;
}
#footer {
	text-align: left;
	line-height:1.5;
	font-size: 85%;
	background-color: #F6F6F6;
}

#footer .footerIn {
	max-width: 1000px;
    min-width: 900px;
	margin: auto;
	background-color: #F6F6F6;
	padding: 30px 20px;
}

#footer .footerIn .columnLeft {
	width: 550px;
}

#footer .footerIn .columnLeft li {
	float: left;
	margin: 0 80px 0 0;
}

#footer .footerIn .columnRight {
	width: 310px;
}
/* clearfix
------------------------------------*/
#header:after,
#gNavi:after,
.cassette:after,
#footer:after,
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
font-size: 0;
}

#header,
#gNavi,
.cassette,
#footer,
.clearfix {
display: inline-block;
}

/* exlude MacIE5 \*/
* html #header,
* html #gNavi,
* html .cassette,
* html #footer,
* html .clearfix {
height: 1%
}

#header,
#gNavi,
.cassette,
#footer,
.clearfix {
display:block;
}
/* end MacIE5 */