@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, ol{
list-style-type: none;
}

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

table{
border-collapse:collapse;
border-spacing:0px;
}



/* common
------------------------------------*/
body{
color:#FFFFFF;
font-size:90%;
line-height:1.5;
}

#container {
background:#EAF3FA;
text-align:center;
}

#container {
background: #EAF3FA url(../image/contents_bg01.jpg) repeat-x top;
}


/* header
------------------------------------*/

#header {
width:900px;
margin:21px auto;
}

#header h1 {
float: left;
width:500px;
margin:0;
color:#005DA8;
line-height:1;
font-size:90%;
}

#header h1 a {
width:96px;
margin: 0 10px 0 0;
display:block;
float:left;
}

#header h1 span {
display:block;
float:left;
padding:38px 0 0;
width:300px;
}

#header p {
float: right;
width:200px;
margin:0;
}



/* globalNavi
------------------------------------*/
#globalNavi {
width:900px;
margin:0 auto;
}

#globalNavi li{
display:inline;
}



/* contents
------------------------------------*/
#contents {
display:block;
width:900px;
margin:0 auto;
padding: 30px 0px 0px 0px;
background: #EAF3FA url(../image/contents_bg01.jpg) repeat-x top;
color:#000000;
text-align:left;
}

#contents #mainArea {
background-color:#FFFFFF;
padding: 50px 0 40px;
}

#contents h2 {
padding:0 0 30px;
}

#contents h3 {
padding:0 0 20px;
}

#contents h4 {
padding:0 0 20px;
}

#contents h5 {
padding:0 0 10px;
}

#contents p {
padding:0 0 20px;
font-size:95%;
}

#contents .cassette {
margin: 0 auto 30px;
width: 780px;
}

#contents .cassette .columnLeft {
float:left;
}

#contents .cassette .columnRight {
float:right;
}



/* index
------------------------------------*/
#containerIndex {
background: #EAF3FA url(../image/contents_bg01.jpg) repeat-x top;
}

#containerIndex #contents{
padding: 32px 0px 0px 0px;
background: #EAF3FA url(../image/contents_bg01.jpg) repeat-x top;
}

#containerIndex #contents #topColumn{
margin:38px 0 0;
}

#containerIndex #infoArea {
	float:left;
	width:585px;
	text-align:left;
}

#containerIndex #infoArea h2{
float:left;
width:106px;
padding:0px;
line-height:0;
}

#containerIndex #contents #infoArea ul{
	float:right;
	width:470px;
	border-left:1px solid #005DA8;
}

#containerIndex #infoArea li{
	padding:2px 0 2px 12px;
	color:#000000;
	font-size:86%;
}

#containerIndex #bnrArea {
	float: right;
	width: 310px;
	text-align: right;
}

#containerIndex #bnrArea li{
padding:0px 0 8px 0px;
}


/* info-pop
------------------------------------*/

#containerInfopop {
margin:0px auto;
width: 650px;
color: #000000;
}

#contentsInfopop {
padding: 15px;
text-align: center;
}

#contentsInfopop .read {
padding: 10px 0px;
}

#contentsInfopop .gaiyo {
padding-top: 15px;
margin-top: 15px;
border-top: 1px solid #CCCCCC;
font-size: 70%;
text-align: left;
line-height: 1.4;
}

#containerInfopop .close {
padding: 5px 0px;
text-align: center;
}

/* hinsitsu
------------------------------------*/
#mainAreaHinsitsu {
margin:30px 0 0 0;
}

#mainAreaHinsitsu #photoText01 div {
float:right;
width:550px;
}

#mainAreaHinsitsu #photoText01 h3 img{
padding:0 0 12px;
}

#mainAreaHinsitsu ul{
margin: 30px 0 0;
}

#mainAreaHinsitsu ul li{
display: inline;
margin: 0 16px 0 0;
}

#mainAreaHinsitsu #photoText02{
margin: 30px 0 0;
}

#mainAreaHinsitsu #photoText02 .columnLeft{
float:left;
width:400px;
}

#mainAreaHinsitsu #photoText02 .columnRight{
float:right;
width:400px;
}

#mainAreaHinsitsu #photoText02 .columnLeft img,
#mainAreaHinsitsu #photoText02 .columnRight img{
float:left;
width:188px;
border:1px solid #E8E8E7;
}

#mainAreaHinsitsu #photoText02 .columnLeft p,
#mainAreaHinsitsu #photoText02 .columnRight p{
float:right;
width:195px;
}



/* madori
------------------------------------*/
#mainAreaMadori p{
margin:10px 0 0 0;
border:1px solid #E9EAEA;
}

#mainAreaMadori ul li{
display:block;
float:left;
width:265px;
height:304px;
margin:20px 19px 0 0;
border:1px solid #E9EAEA;
}


/* footer
------------------------------------*/
#footer{
margin: 0px auto 5px auto;
padding: 45px 0px 13px 0px;
background: url(../image/footer_bg01.jpg) repeat-x left top #FFFFFF;
border-bottom:1px solid #D3D3D3;
color: #000000;
text-align:center;
}

#footer table {
width: 900px;
margin: 0px auto;
}

#footer table th {
padding: 5px 0px;
text-align: left;
color: #000000;
font-size: 76%;
}

#footer table td {
text-align: left;
color: #000000;
font-size: 76%;
}

#footer table td img {
vertical-align: top;
}

#footer table td span {
font-weight: bold;
font-size: 110%;
}


#copyright {
margin:0px auto;
width: 900px;
height: 15px;
background:url(../image/copyright.gif) no-repeat right top #FFFFFF;
}

/* float
------------------------------------*/
.clearfix:after,
#header:after,
#header h1:after,
#contents .cassette:after,
#contents .cassette ul li:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix,
#header,
#header h1,
#contents .cassette,
#contents .cassette ul li {
display: inline-block;
}

/* exlude MacIE5 \*/
* html .clearfix,
* html #header,
* html #header h1,
* html #contents .cassette,
* html #contents .cassette ul li {
height: 1%
}

.clearfix,
#header,
#header h1,
#contents .cassette,
#contents .cassette ul li {
display:block;
}
/* end MacIE5 */