/* CSS Document */
@charset "utf-8";
*{	margin:0;	padding:0;}

body{  
	font-size:16px;
	font-family:"Shin Go Regular", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#333333;
	line-height:120%;

	margin: 0;
	padding: 0;
	
	min-width:900px; 
	width:100%;

	font-size:16px;
	background-color: #0099ff;
	
	-webkit-text-size-adjust: 100%;
}

p {	margin: 0%;	}
img {	border:0px; margin:0; padding:0;	}

.small{	font-size:0.9em;	}
.xsmall{	font-size:0.85em;	}
.medium{ font-size:1.0em; }
.large{ font-size:1.2em; }
.large2{ font-size:1.5em; }
.strong{ font-weight:bold; }

.red{ color:#ff0000;	}
.green{ color:#003300; }
.blue{ color:#0033CC; }

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

.hide{ visibility:hidden; }
.center{ text-align:center; }

.tolist{ width:90%; text-align:right; }

.pankuzu{ width:95%;	text-align:right;	font-size:small; padding:5px 0 0 0; margin:20px 0 0 0; }

/* header */
#headarea{ width:900px; margin: 0 auto; height:195px; position: relative;
	background: url("images/header_bk.png") top left no-repeat; }

.h-logo{ position: absolute; top:16px; left:37px; }
.h-copy{ position: absolute; top:135px; left:40px; }

#subheadarea{ display: block; margin: 0 auto; padding: 0%; width: 900px; height:100px;
	background:url("./images/subheader_bk.jpg") left top no-repeat; position: relative;}
#subheadarea h1{ position:absolute; left:30px; top:10px;  }

.h-logo{ position: absolute; top:16px; left:37px; }

/* main */
main{ width:900px; position: relative; height: auto; padding-bottom:50px;
	margin: 0 auto; background:url("./images/main_bk.jpg") left bottom no-repeat; 
	background-color: #fff; border:1px #fff solid; }

/* mmenu */
#mmenu{ position:absolute; top:30px; left:20px; width:218px; padding:6px 0 20px 0; margin-bottom:20px;
	height:auto; overflow:visible; background:url("./images/menu_bk.gif") left top no-repeat; 
	display:block; }
#mmenu img{ margin:0 0 1px 0; }

/* top-news */
#top-news{ width:600px;  top:30px; left:270px; position:relative; padding:0; height:auto;
	background:url("./images/top_news_bk.gif") left 10px repeat-y; overflow:visible; margin-bottom:80px; 
	display:block; }

#top-news h2{ margin:0 0 0 2px; padding:0; background:url("./images/top_news_ttl.gif") left top no-repeat;
	width:600px; height:65px; text-indent:-9999px; font-size:90%; }
#top-news div.xxx{ position:absolute; top:30px; left:320px; font-size:80%; color:#000000; } 
#top-news div.photo-area{ width:100%; background:url("./images/top_photo_bk.gif") 500px 10px no-repeat;
	height:350px; }
html>body #top-news div.photo-area{ height:auto; min-height:350px;}
#top-news div.photo-area img{ margin:10px 0 0 20px; }
#top-news div.photo-area div.cap{ margin:5px 0 0 20px; text-align:left; font-size:90%; }
#top-news div.title-area{ margin:0 0 0 20px; padding:10px 0 5px 20px; background:url("./images/top_title_bk.gif") left top no-repeat; 
	 width:90%;}
#top-news div.title-area div{ padding:0 0 0 20px; background:url("./images/top_news_top.gif") left top no-repeat; display:block; }
#top-news div.bottom-area{ widows:100%; background:url("./images/top_news_btm.gif") left top no-repeat; 
	height:43px;}
#top-news div.bottom-area div.to-list{ margin:7px 0 0 0; width:80%; text-align:right;
	background:url("./images/top_to_list.gif") right 3px no-repeat; padding:0 30px 0 0; }
	
#top-news ul{ position:relative; top:10px; left:50px; list-style-type:none; list-style-position:outside; }
#top-news li{ background:url("./images/news_list_top.gif") left top no-repeat; padding:0 0 0 25px; 
	font-size:100%; margin:0 0 10px 0;  }
#top-news img.button{ position:absolute; top:10px; right:10px; }
#top-news img.new{ vertical-align:middle; }
#top-news p{ font-size:85%; margin:5px 0 5px 20px; }
#top-news div.to-list{ width:90%; text-align:left; position:relative; top:10px; left:50px; font-size:85%;
	 background:url("./images/to_list.gif") left 4px no-repeat;	padding:0 0 0 20px; }

#top-news div.no-data{ margin:10px 0 20px 50px; padding:0;  width:100%;}

/* subarea */
#subarea{ width:600px;  top:0; left:270px; position:relative; padding:0 0 50px 0; height:auto;
	overflow:visible; display:block;  min-height: 550px;   }
#subarea h2{ margin:0 0 0 20px; padding:0; width:557px; height:34px; text-indent:-9999px; font-size:90%; }
#subarea h2.news{ background:url("./images/news_ttl.gif") left top no-repeat; }
#subarea h2.gaiyou{ background:url("./images/gaiyou_ttl.gif") left top no-repeat; }
#subarea h2.fukei{ background:url("./images/fukei_ttl.png") left top no-repeat; }
#subarea h2.nakama{ background:url("./images/nakama_ttl.png") left top no-repeat; }
#subarea h2.challenge{ background:url("./images/challenge_ttl.png") left top no-repeat; }
#subarea h2.mail{ background:url("./images/mail_ttl.gif") left top no-repeat; }
#subarea h2.link{ background:url("./images/link_ttl.gif") left top no-repeat; }
#subarea h2.access{ background:url("./images/access_ttl.gif") left top no-repeat; }
#subarea h2.policy{ background:url("./images/policy_ttl.gif") left top no-repeat; }
#subarea h2.kiseki{ background:url("./images/kiseki_ttl.gif") left top no-repeat; }

#subarea h3.gaiyou{ margin:10px 0 0 20px; padding:0 0 0 35px; width:90%; height:20px; font-size:1.0em;
	 background:url("./images/h3_top.gif") left top no-repeat; }
#subarea h3.fukei1, #subarea h3.fukei2, #subarea h3.fukei3, 
#subarea h3.fukei4, #subarea h3.fukei5 { margin:10px 0 0 20px; padding:0 0 0 35px; width:90%; height:20px; font-size:90%;
	font-weight:bold; padding:8px 0 0 20px; height:34px; }
#subarea h3.fukei1{ background:url("./images/h3_fukei1.jpg") left top no-repeat; }
#subarea h3.fukei2{ background:url("./images/h3_fukei2.jpg") left top no-repeat; }
#subarea h3.fukei3{ background:url("./images/h3_fukei3.jpg") left top no-repeat; }
#subarea h3.fukei4{ background:url("./images/h3_fukei4.jpg") left top no-repeat; }
#subarea h3.fukei5{ background:url("./images/h3_fukei5.jpg") left top no-repeat; }

#subarea h4{ margin:10px 0 10px 40px; font-size:100%; color:#3399FF; }

#subarea div.sub-menu{ margin:10px 0 10px 20px; padding:0 0 20px; border-bottom:1px #cccccc dotted; }
#subarea div.sub-menu ul{ margin:0 0 0 20px;; width:90%; list-style-type:none; }
#subarea div.sub-menu li{ float:left; width:150px; background:url("./images/list_top.gif") left 2px no-repeat; 
	padding:0 0 0 15px;}

#subarea p{ margin:10px 0 0 40px; }
#subarea p.ntxt{ margin:10px 0 20px 40px; }
#subarea p.ntxt2{ margin:20px 0 10px 40px; }

#subarea p.text{ margin:10px 0 0 40px; width:85%; line-height:150%; font-size:90%; }

#subarea div.title-area{ margin:0 0 0 20px; padding:15px 0 10px 20px; background:url("./images/title_bk.gif") left top no-repeat; }
#subarea div.title-area span{ padding:0 0 0 20px; background:url("./images/news_top.gif") left top no-repeat; }
#subarea div.next{ margin:0 0 0 20px; width:90%; text-align:right; 
	background:url("./images/title_bk.gif") right 3px no-repeat; padding:10px 20px 0 0; }
#subarea div.next div.to-list{ width:90%; text-align:right; 
	 background:url("./images/to_list.gif") right 3px no-repeat;	padding:0 30px 0 0; }

#subarea div.list{ margin:20px 0 0 0; padding:0; clear:both; }
#subarea div.mtitle{ width:90%; text-align:center; font-weight:bold;
	margin:20px 0 0 0; padding:0 0 3px 15px; font-size:120%; line-height:120%;  }
#subarea div.detail{ margin:10px 0 0 40px; width:88%;   }
#subarea div.detail img.centerimg{ margin:auto; padding:auto; display:block; }
#subarea div.detail p{ margin:10px 0 0 10px;  }
#subarea div.detail p.center{ margin:auto; padding:auto; display:block; font-size:85%; margin:0 0 0 10px;  }
#subarea div.detail div.center{ margin:auto; padding:auto; display:block; font-size:85%; text-align:center;  }
#subarea div.detail img{ padding:0 5px 0 5px;  }
#subarea div.detail div.photoarea{ float:left; width:50%; text-align:center; 	}
#subarea div.detail div.photoarea img{ margin:auto; padding:auto; display:block;  	}
#subarea div.detail div.photoarea p{ margin:10px 0 0 10px;   	}
#subarea div.detail div.photoarea div.cap{ width:100%; font-size:85%; text-align:center;  display:block; 	}
#subarea div.link{ margin:20px 0 0 0; font-size:100%; display:block; clear:both; text-align:right;
	width:95%;  }
#subarea span.link2{ background:url("./images/to_list.gif") right top no-repeat; padding:0 40px 0 0; }

/* common */
#subarea div.imgarea{ width:100%; text-align: center; font-size: 0.9em; margin-top:20px; }

#subarea dl.sub{ margin:10px 0 0 30px; width:90%; padding:0 0 20px 0;}
#subarea dl.sub dt{ background:url("./images/list_top.gif") left 3px no-repeat; padding:0 0 0 15px;
	float:left; width:20%; font-size:90%; ; }
#subarea dl.sub dd{ float:left; width:75%; margin:0 0 10px 5px;  font-size:90%; }
#subarea dl.sub dd div.imgarea{ margin:0; width:90%; text-align:right; padding:5px; }

/* gaiyou */
#subarea dl.gaiyou{ margin:10px 0 0 30px; width:90%; padding:0 0 20px 0;}
#subarea dl.gaiyou dt{ background:url("./images/list_top.gif") left 3px no-repeat; padding:0 0 0 15px;
	float:left; width:25%; font-size:90%; ; }
#subarea dl.gaiyou dd{ float:left; width:70%; margin:0 0 10px 5px;  font-size:90%; }
#subarea dl.gaiyou dd div.imgarea{ margin:0; width:90%; text-align:right; padding:5px; }

#subarea table.about{ border:none; width:90%; margin-top:0px; border:none; }
#subarea table.about th{ font-size:85%; background-color:#0099FF; color:#FFFFFF; 
	border-right:1px #ffffff solid; text-align:center; }
#subarea table.about th.kakaku{ border-right:none; }
#subarea table.about td{ font-size:85%; border:none; border-bottom:1px #cccccc solid; border-left:1px #cccccc solid; 
	background-color:#ffffff;}
#subarea table.about td.tani{ text-align:right; padding-right:10px; border:none; background-color:none; }
#subarea table.about td.suryo{ text-align:center; }
#subarea table.about td.kibo{ text-align:right; }
#subarea table.about td.kakaku{ text-align:right; border-right:1px #cccccc solid;}

#subarea table.imgarea{ border:none; width:90%;  }
#subarea table.imgarea td{ border:none; font-size:85%; text-align:center; width:50%;  }
#subarea table.imgarea td img{ padding:3px; }


/* mail */
#subarea table.mail{	width:90%; margin:20px 0 20px 30px; border:none; }
#subarea table.mail th{ border:none; width:30%; text-align:left; vertical-align:top; padding:5px; font-weight:normal;
	background:url("./images/list_top.gif") left 9px no-repeat; padding-left:15px;
	font-size:100%;}
#subarea table.mail td{ border:none; width:70%; padding:5px; line-height:120%; text-align:left; vertical-align:text-top; }

#subarea table.mail td.conf{ border:none; width:70%; padding:5px; line-height:120%; text-align:left; 
	vertical-align:text-top; border:solid #cccccc 1px; background-color:#FFFFFF; }
#subarea .error{ text-align:center; width:100%; margin:30px 0 20px 0;  }
#subarea .error_conf{ text-align:center; width:100%; margin:0 0 20px 0;  }

/* access */
#subarea img.access{ margin:20px 0 0 50px; }

/* privacy policy */
#subarea ol.policy{ margin:30px 0 20px 50px; line-height:150%; width:85%; list-style-position:outside; }
#subarea ol.policy li{ margin:0 0 10px 25px; line-height:130%; font-size:100%; }
#subarea p.policy2{ float:right; text-align:right; line-height:130%; width:85%; margin:0 20px ;
	padding:0 0 20px 0; display:block; }

/* link */
#subarea dl.link{ margin:30px 0 0 50px; width:90%; padding:0 0 20px 0; }
#subarea dl.link dt{ background:url("./images/list_top.gif") left 3px no-repeat; padding:0 0 0 15px;
	float:left; width:20%; font-size:90%; }
#subarea dl.link dd{ float:left; width:70%; margin:0 0 15px 5px;  font-size:90%; }
#subarea dl.link dt.long{ float:none; width:50%;  }
#subarea dl.link dd.long{ float:none; width:80%; margin:5px 0 15px 130px;   }
#subarea dl.link dd a:link{	color:#333333;	text-decoration:underline;}
#subarea dl.link dd a:visited{	color:#333333;	text-decoration: underline;}
#subarea dl.link dd a:hover{	color:#FF0000;	text-decoration:underline; }
#subarea dl.link dd a:active {	text-decoration: none;}

/* bottom-menu */
#bottom-menu{ position: absolute; bottom:5px; width:100%; text-align: center; display:block; }
#bottom-menu a:link{	color:#333333;	text-decoration: none;}
#bottom-menu a:visited{	color:#333333;	text-decoration: none;}
#bottom-menu a:hover{	color:#f44d42;	text-decoration:underline;}
#bottom-menu a:active {	text-decoration: none;}
#bottom-menu span.to-home{ background:url(images/to_home.gif) left top no-repeat; padding:0 30px 0 17px; 
	border-right:2px #666666 solid; line-height:150%; }
#bottom-menu span.menu{ padding:0 30px 0 30px; line-height:150%; border-right:2px #666666 solid; }
#bottom-menu span.to-top{ background:url(images/to_top.gif) left top no-repeat; padding-left:20px; 
	line-height:150%; margin-left:30px;  }

/* footer */
footer{ margin: 0 auto; width:900px; min-height: 125px; }

#footarea{	display: block;	padding: 0%; width: 100%; margin: 0; height:102px;
	background:url("./images/footer_bk.jpg") left top no-repeat; position:relative; }
#footarea img.addr{ position:absolute; top:10px; right:20px; }
#footarea img.access{ position:absolute; top:55px; right:57px; }
#footarea img.mail{ position:absolute; top:75px; right:57px; }

/* copyright */
#copyright{ display:block; width:100%; padding:3px 0 3px 0;	text-align:center; clear:both; font-size:0.8em; background-color: #fff; }

/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.bottom50{
	margin-bottom:50px; 
}

.kana{ ime-mode:active; }
.rome{ ime-mode:disabled; }


/*****************************************************/
p{ margin:10px 0 0 0; }

/******************************************************************/