@charset "UTF-8";

/* -----------------------------------------------
  File  : style.css
  Since : 2009-03-23
  Update: 2009-03-30
----------------------------------------------- */

/* base
----------------------------------------------- */

* html body {
	font-size: x-small; 
}

body {
	padding:0px; margin:0px;
	background:url(images/main_bg.jpg) 0 0 repeat-x #fff;
	color:#666;
	font-size: small;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	line-height: 1.5em;
}

div, p, ul, h1, h2, h3, dl,dt,form, img{
	padding:0px; margin:0px;
}

ul{
	list-style-type:none;
}

address {
	font-style: normal;
}
hr {
	display: none;
}

/* link
----------------------------------------------- */
a{
	background:#FEFEFE;
	color:#006EA6;
	text-decoration:none;
}

a:hover{
	background:#FEFEFE;
	color:#006EA6;
	text-decoration:underline;
}


/* HEADER SECTION
----------------------------------------------- */
#header{
	width:968px; height:231px;
	position:relative;
	margin:0 auto;
border:0px solid red
} 

#headerNavi {
	width:521px; height:231px;
	/*background:url(images/header.jpg) 0 100% no-repeat;*/
	position:relative;
	float:right;
border:0px solid red
}


#headerNavi img{
	width:372px; height:64px;
	display:block;
	position:absolute; top:140px; left:0px;
border:0px solid red
}

/*ナビメニュー*/

#headerNavi ul{
	width:521px; height:64px;
	display:block;
	position:absolute; top:42px; right:0px;
border:0px solid blue
}

#headerNavi ul li{
	width:104px; height:64px;
	float:left;
}

#headerNavi ul a {
	display:block;
	height:64px;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
	background:url(images/navi.jpg) no-repeat;
}
#headerNavi ul li.m01 a {
	width:104px;
	background-position:0 0;
}
#headerNavi ul li.m02 a {
	width:104px;
	background-position:-105px 0;
}
#headerNavi ul li.m03 a {
	width:104px;
	background-position:-209px 0;
}
#headerNavi ul li.m04 a {
	width:103px;
	background-position:-313px 0;
}
#headerNavi ul li.m05 a {
	width:104px;
	background-position:-416px 0;
}

#headerNavi ul li.m01 a:hover {
	background-position:0 -64px;
}
#headerNavi ul li.m02 a:hover {
	background-position:-105px -64px;
}
#headerNavi ul li.m03 a:hover {
	background-position:-209px -64px;
}
#headerNavi ul li.m04 a:hover {
	background-position:-313px -64px;
}
#headerNavi ul li.m05 a:hover {
	background-position:-416px -64px;
}

#headerNavi ul li.m01 a.this {
	background-position:0 -128px;
}
#headerNavi ul li.m02 a.this {
	background-position:-105px -128px;
}
#headerNavi ul li.m03 a.this {
	background-position:-209px -128px;
}
#headerNavi ul li.m04 a.this {
	background-position:-313px -128px;
}
#headerNavi ul li.m05 a.this {
	background-position:-416px -128px;
}


/*ロゴ*/
#headerLogo{
	width:417px; height:218px;
	background:url(images/rightsidebg.jpg) 0 0 no-repeat;
	position:absolute;
	top:13px; left:0px;
border:0px solid blue
}


/* Contents SECTION
----------------------------------------------- */
#contents{
	width:968px;
	position:relative;
	margin:0 auto;
	border:0px solid green;
}

/*---- Contents RIGHT----*/
#rightContents{
	width:590px;
	float:right;
	margin-top:20px;
	margin-bottom:50px;
	background:#fff;
border:0px solid blue;
}

#rightContents h2{
	width:550px;
	font:1.5em "ＭＳ Ｐ明朝","ＭＳ 明朝", 細明朝 ,serif;
	background:#fff;
	color:#006EA6;
	margin:43px 0 0;
}


#rightContents h3{
	width:196px; height:30px;
	font:1.4em  Georgia, "Times New Roman", Times, serif;
	background:#fff;
	color:#006EA6;
	margin:20px 0 0;}


#rightContents p{
	padding:14px 0 0 0 ;
}

#rightContents p.lead{
	background:#fff;
	color:#705D20;
	font-size:1.5em;
	font-weight:bold;
	padding:10px 0 0 0;
	}

#rightContents p.sub-lead{
	background:#fff;
	color:#705D20;
	font-size:1em;
	font-weight:bold;
	margin-top:10px;
	padding:10px 0 0 0;
	}

#rightContents p.sub{
	background:#fff;
	color:#5E9908;
	font-size:1.2em;
	font-weight:bold;
	padding:14px 0 0 0;
}


#rightContents #tokyo{
	width:610px;
	display:block;
	border:1px solid blue;
	}



/*link icon*/
#rightContents ul{width:270px; height:24px; margin:20px 0 0;}
#rightContents ul li{width:118px; height:24px; float:left; margin:0 5px 0 0;}
#rightContents ul li.more{width:118px; height:24px; float:left;}
#rightContents ul li a{width:90px; height:24px; display:block; background:url(images/reedmore-bg.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-size:13px; font-weight:bold; line-height:20px; padding:0 0 0 28px}
#rightContents ul li a:hover{background:url(images/reedmore-hover.gif) 0 0 no-repeat; text-decoration:none;}

#rightContents ul li.comment{width:98px; height:24px; background:url(images/commentbg.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-size:13px; font-weight:bold; line-height:24px; text-decoration:none; float:left; padding:0 0 0 20px}


/*----/Contents RIGHT----*/


/*---- Contents Left----*/
#leftNavi{
	width:359px;
	float:left;
	margin-bottom:50px;
border:0px solid red
}

#leftNavi p{padding:14px 0 0 0 ;}


/*----KEY Message----*/
#KeyMessage{
	width:359px;
	height:199px;
	background:url(images/keyM.gif) 0 0 repeat-y;
	border:0px solid red
}

/*#KeyMessage h2{
	width:345px; height:auto; 
	display:block;
	background:#fff;
	color:#5EA000;
	font:2.0em "ＭＳ Ｐ明朝","ＭＳ 明朝", 細明朝 ,serif;
	padding:5px 0 0 5px;
	margin:0 0 10px 5px;
}*/

#KeyMessage h2{
	width:345px; height:auto; 
	display:block;
	padding:0 18px 0 16px;
}


#KeyMessage h2 span{
	background:#fff;
	color:#017FC0;
}

#KeyMessage p{
	display:block;
	background:#fff;
	padding:0;
	margin:0 10px 0 10px;
}


#KeyMessage_bottom {
	width:359px; height:7px;
	background:url(images/form-bottombg.gif) left bottom  no-repeat;
}

/*----/KEY Message----*/

/*----Sub Message----*/
#SubMessage{
	width:359px; height:auto;
	border:1px dotted #705D20;
	margin-top:25px;
	background:#FCF6E6;
	color:#705D20
}

#SubMessage img{
	float:right;
	border:0;
	padding:0 3px;
}

#SubMessage p{
	padding:15px 10px 0 10px;}


#SubMessage p.lead01{
	width:180px; height:40px;
	font:1.5em Georgia, "Times New Roman", Times, serif;
	background:#fff;
	color:#006EA6;
	padding:0px;
}

#SubMessage p.lead02{
	font-size:1.0em;
	font-weight:bold;
}
#SubMessage p.lead03{
	color:#007EC1;
	font-size:1.0em;
}

#SubMessage p.link{
	width:340px; height:23px;
	background:#FCF6E6;
	color:#705D20;
	margin:20px 10px ; padding:0px;
}
#SubMessage p.link a{
	width:340px; height:23px;
	display:block;
	background:#FCF6E6;
	color:#705D20;
	line-height:23px; text-decoration:none; text-align:center;
}
#SubMessage p.link a:hover{
	width:340px; height:23px;
	background:#F9E09F;
	color:#705D20;
	text-align:center; text-decoration:none;
}

/*----/Sub Message----*/

/*----/Contents Left----*/


/* FOOTER  SECTION
----------------------------------------------- */
#footer{
	height:300px;
	width:100%;
	padding:30px 0 0;
	background:#FFD555;
	background:url(images/paper_bg.jpg) 0 0 #fff;
	font:0.9em "Trebuchet MS",Arial, Helvetica, sans-serif;
	line-height:1.7em;
	clear:both;
border:0px solid blue
}

#footerInner{
	width:968px;
	position:relative;
	margin:0 auto;
border:0px solid orange
}

#footerInner ul{
	position:absolute;
	top:0px; left:0px;
	border:0px solid blue
}


#footerInner ul li a{
	padding:0 10px 0;
	color:#333;
	background: url(images/footermenubg.gif) 0 0 repeat-x;
	text-decoration:none;
}

#footerInner ul li a:hover{
	background:#FFDFBF;
	color:#FF952B;
	text-decoration:underline;
}

#footerInner p.copyright{
	width:500px;
	color:#333;
border:0px solid red
}

#footerInner ul.credit{
	width:550px;
	color:#333;
	margin-top:30px;
	line-height:1.5em;
	display:block;
border:0px solid blue
}

#footerInner ul.credit li a{
	color:#333;
	text-decoration:none;
}

#footerInner ul.credit li a:hover{
	background:#FFDFBF;
	color:#FF952B;
	text-decoration:underline;
}

#footerInner ul.validation{
	width:450px;
	color:#333;
	display:block;
	margin-top:200px;
border:0px solid red
}


#footerInner ul.validation li a{
	color:#333;
	text-decoration:none;
}

#footerInner ul.validation li a:hover{
	background:#FFDFBF;
	color:#FF952B;
	text-decoration:underline;
}

#footerNavi{
	display:block;
	width:200px; min-height:100px;
	position:absolute;
	top:0px; right:320px;
border:0px solid green
}

#footerNavi2{
	display:block;
	width:315px; min-height:100px;
	position:absolute;
	top:0px; right:0px;
border:0px solid green
}

/* OTHERS
----------------------------------------------- */


/* list
-------------------------------*/
.listType_num {
	margin: 10px 0 0;
}
.listType_num li {
	list-style-type: decimal;
	margin: 5px 0 0 15px;
}

.listType_disc  {
	list-style: disc;
	margin: 10px 0 0;
}

.listType_disc li {
	list-style: disc;
	margin: 5px 0 0 15px;
}

.listType_square  {
	list-style: square;
	margin: 10px 0 0;
}

.listType_disc li {
	list-style: square;
	margin: 5px 0 0 15px;
}


/* table
-------------------------------*/
* html table {
	font-size: x-small; /* for IE6 */
}
table {
	border-collapse: collapse;
	font-size: small;
}
th,td {
	margin: 0;
	padding: 0;
}


table.table01 {
    width: 600px;
    margin-top:15px;
    border: 1px #E3E3E3 solid;
    border-spacing: 0;
}

table.table01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
    white-space: nowrap; 
}
table.table01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}



/* mini navi 
-------------------------------*/
.link_navi  {
	padding: 0 0 0 17px;
	background: url(../common/icon_link.gif) no-repeat left center;
}

.word_navi {
	padding: 0 0 0 17px;
	background: url(../common/icon_word.gif) no-repeat left center;
}

.dl_navi  {
	padding: 0 0 0 17px;
	background: url(../common/icon_dl.gif) no-repeat left center;
}

.mail_navi  {
	padding: 0 0 5px 17px;
	background: url(../common/icon_mail.gif) no-repeat left center;
}


/* font
-------------------------------*/
.bold{
	font-weight:bold;
}

/* font size
----------------------------------------------- */
* html .fontsize1 { font-size: xx-small; }
* html .fontsize2 { font-size: x-small; }
* html .fontsize3 { font-size: small; }
* html .fontsize4 { font-size: medium; }
* html .fontsize5 { font-size: large; }
* html .fontsize6 { font-size: x-large; }

.fontsize1 { font-size: x-small; }
.fontsize2 { font-size: small; }
.fontsize3 { font-size: medium; }
.fontsize4 { font-size: large; }
.fontsize5 { font-size: x-large; }
.fontsize6 { font-size: xx-large; }
.fontsize1, .fontsize2, .fontsize3, .fontsize4, .fontsize5, .fontsize6 {
	line-height: 1.5;
	text-align: justify;
}


/* color
-------------------------------*/
.green {color:#a6bb20;} /* base */


.space30{
	display:block;
	height:30px;
}


/* clearfix
-------------------------------*/
.clear:after {  
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
}