@charset "utf-8";
/*
----------------------------------------
*
* since:		2006.05.30
* modified: 	2006.05.30
* version:		1.00
* guideline:	1.07
* Editor:		Takafumi Kohno
*
----------------------------------------
*/

/* Browser-initialization Styles. */

* {
	margin: 0;
	padding: 0;
	/*font-size:1.0em;*/
	font-size: 100%;
	font-weight:normal;
	}

th,td,form,fieldset {
	margin: 0;
	padding: 0;
	}
dl,dt,dd {margin:0; padding:0;}

html,body {
	height:100%;
	margin:0;
	padding: 0;
	/*font-size: 100%;*/}

li { list-style: none;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { zoom: 1; }


/* HTML Tag Redefinition. */


/* Template Layout */
body {
	/*font-size:medium;*/
	font-family:'ＭＳ Ｐゴシック', Osaka, Arial, Helvetica, sans-serif;
	text-align:center;	/* for IE */
	background-color: #ECE9D8;
	background-image: url(../file/bg.gif);
	background-position: top center;
	background-repeat: repeat-y;
	color: #666666;
	}
	
* html body {padding-left:1px;}
*:first-child+html body {padding-left:1px;}

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

.container {
	text-align: center;
	margin:0 auto;
	height: auto;
	padding:0;
	width:928px;
	background-color: #fff;
	background-image: url(../file/bg.gif);
	background-position: top center;
	background-repeat: repeat-y;
	}


/* header */

#header {
	color: #999999;
	height:60px;
	padding: 0;
	margin: 0 auto 10px auto;
	width: 920px;
	background-color:#fff;
	background-image: url(../file/bgHeader.gif);
	background-position: top;
	background-repeat: repeat-x;
	}

h1{
	text-align: right;
	font-size: 70%;
	padding: 10px 10px 5px 0;}
	
#logo{
	float: left;
	padding: 0 0  5px 10px;}	

#topNav {
	float: right;
	padding: 0 10px  5px 0;
	}
#topNav ul{
	width: 320px;
	margin-top: 5px;
	text-align:right;
	}
#topNav li{
	display: inline;
	padding-left: 20px;}

#topNav a:hover{
	position: relative;
	top: 1px;
	left: 1px;
	}


/* gloval navigation */

#globalNav {
	width: 920px;
	margin: 0 auto;
	padding:0;
	height:35px;
	clear: both;
	text-align: left;
	background-image: url(../file/bgGlobalNav.jpg);
	background-position: top;
	background-repeat: repeat-x;
	position: relative; /*for sub menu*/
    z-index:100;		/*for sub menu*/
	}
#globalNav ul{
	margin: 0;
	padding: 0;}
#globalNav li{
	float: left;
	display:inline;
	height: 35px;
	margin: 0;
	padding: 0;}
#globalNav li img{ 
	vertical-align:bottom;
	border:0px;
	}


/* sub category */

ul#nav-one li{
  position:relative;
	}

ul#nav-one ul li {
	width:142px;
	height:30px;
	}

ul#nav-one ul li a {
	width:142px;
	height:30px;
	}

ul#nav-one ul {
  position:absolute;
  width:142px;
  top:-100em;
  left:0;
	}

ul#nav-one li:hover ul,
ul#nav-one li.sfHover ul { /* for IE use */
  top: 34px;
	}

ul#nav-one li.category1 li.sub-category1  {
	height:30px;}
ul#nav-one li.category1 li.sub-category2  {
	height:29px;
	}	

/* main area */

.main {
	width : 920px;
	margin: 0 auto;
	padding:0;
	clear: both;}


/* main area > left area */

.contents {
	float: left;
	display: inline;
	width: 710px;
	margin:0;
	padding:0;}
	
.contents #topImage{ height:244px;}
.contents h2{
	width: 700px;
	height: 18px;
	text-align: left;
	background-color: #2FADE2;
	padding: 7px 0 0 10px ;}
.contents #subNav { clear: both;}
.contents #subNav ul{ height: 82px;}
.contents #subNav li{ 
	float: left;
	display: inline;
	margin:0;
	padding:0;}
	
#mainContents{ margin-top: 10px;
	height: auto;}
#mainContents h3{
	background-image: url(../file/pointH3.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-left:0;
	margin-top: 10px;
	font-size:90%;
	font-weight: bold;
	color: #333333;}
	
	

.more {
	margin-top: 10px;
	text-align: right;
	font-size: 70%;
	float:right;
	width:80px;}
.more span { padding-left: 13px;
	background-image: url(../file/pointLink.gif);
	background-position: left top;
	background-repeat: no-repeat;}

.caption {
	margin-top: 10px;
	width:160px;
	font-size: 70%;
	color:#999;
	float:left;}


/* main area > left area > left area */

#leftArea{
	float: left;
	display: block;
	padding: 0 10px 0 20px;
	margin: 0;
	width: 160px;
	height: auto;
	text-align: left;
	border-right: solid 1px #cccccc;}

#leftArea .case{
	font-size: 70%;
	width: 160px;
	margin-top: 10px;
	margin-bottom: 10px;}
#leftArea .case2{
	font-size: 70%;
	width: 160px;
	border: dashed #CCCCCC 1px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;}

#leftArea .case .img{
	float:left;
	margin:0;
	width:60px;
	}
#leftArea .case .recentCase{
	border-left-color: #2fade2;
	border-left-style: solid;
	border-left-width: 2px;
	height:74px;
	float:right;
	text-align:left;
	width:78px;
	}
#leftArea .middle {
	border-top-color: #ccc;
	border-top-style: dashed;
	border-top-width: 1px;
	padding-top:10px;
	}
#leftArea .bottom {
	border-bottom-color: #ccc;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	}

#leftArea .case .icon{
	display: block;
	width: 26px;
	height: 9px;
	margin-bottom:7px;
	margin-left:3px;
	text-align:left;
	float:left;
	}

#leftArea .place{
	display: block;
	width: 40px;
	text-align:right;
	font-size:90%;
	color:#999;
	float:right;
	}

#leftArea .case .title{
	display: block;
	height: auto;
	margin-left:6px;
	clear:both;
	}
#leftArea .case .title a{
	color: #666666;
	text-decoration: none;
	}
#leftArea .case .title a:hover{
	text-decoration: underline;}
	
#leftArea .case2 .title{
	font-size: 90%;
	display: block;
	margin-left:6px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-image: url(../file/sideAreaArrow.gif);
	background-position: left center;
	background-repeat: no-repeat;
	color: #999;
	}
#leftArea .case2 .title a{
	color: #666666;
	text-decoration: none;
	}
#leftArea .case2 .title a:hover{
	text-decoration: underline;}
	
/* main area > left area > right area */

/* ŐVႪȂƂ 

#rightArea{
	float: left;
	display: block;
	width: 669px;
	height: auto;
	text-align: left;
	padding: 0 10px 0 20px;
	margin: 0;}

#rightArea .news{
	width: 669px;
	margin-top: 10px;
	padding-bottom: 30px;
	font-size: 76%;
	border-bottom: dashed 1px #cccccc;}

 ܂ */

/* ʏ */

#rightArea{
	float: right;
	display: block;
	width: 489px;
	height: auto;
	text-align: left;
	padding: 0 20px 0 0;
	margin: 0;}

#rightArea .news{
	width: 489px;
	margin-top: 10px;
	padding-bottom: 30px;
	font-size: 76%;
	border-bottom: dashed 1px #cccccc;}

/* ܂ */

#rightArea .news .title{
	color: #2fade2;
	font-weight: bold;
	float: left;
	display: inline;
	width: 354px;
	height: auto;}
#rightArea .news .title a{
	color: #2fade2;
	text-decoration: none;
	font-weight: bold;}
#rightArea .news .title a:hover{
	color: #cccccc;
	text-decoration: none;}
#rightArea .news .date{
	float: right;
	display: inline;
	text-align: right;
	width: 125px;}
#rightArea .news .date img{ margin: 0 0 0 5px;}
#rightArea .news .text{
	clear: both;
	padding-top: 10px;
	line-height: 1.5;}
#rightArea .news .text p{
	margin-bottom: 10px;
	}

#rightArea .news .text div{
	text-align: right;
	}	

#rightArea .news .text a{
	text-decoration:underline;
	font-weight:bold;
	}

#rightArea .news .iconDetail{
	text-align: right;
	margin-top: 5px;}

#rightArea .last{
	border-bottom: dashed 0px #cccccc;}
	
#rightArea table.pdfLink {
	border:none;
	}
	
#rightArea table.pdfLink td {
	border:none;
	padding:2px 4px;
	}

/* caption */	
#top #captionG{
	width: 680px;;
	background-color: #f7f7f7;
	border: dashed #CCCCCC 1px;
	border-left: none;
	border-right: none; 
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top:30px;
}
#top div.captionLeft{
	font-size: 85%;
	float: left;
	text-align: center;
	width: 110px;
	font-weight: bold;
	color: #82a200;
	line-height: 1.4;
}
#top div.captionRight{
	float: right;

	width: 560px;
	font-size: 70%;
	margin-top: 2px;
	padding-right:10px;
	text-align:left;
	line-height: 1.5;
}	


/* main area > side area */

#sideArea {
	float: right;
	display: inline;
	margin:0;
	padding:0;
	width: 210px;
	min-height: 270px;
	background-image: url(../file/bgSide.jpg);
	background-position:top left;
	background-repeat: no-repeat;
	text-align: left;
	line-height:5;}

#sideArea .banner {
	width: 198px;
	margin-top: 7px;
	padding: 1px 0 2px 0;
	background-color: #fff;
	border: solid 1px #cccccc;
	line-height:0;}
#sideArea .banner li{
	margin: 0;
	padding:0;}
#sideArea .banner img{
	margin:1px 1px 0 1px;
	padding:0;
	vertical-align: bottom;}
	
#sideArea .link {
	width: 200px;
	margin: 10px 0 0 0;
	padding: 0;
	line-height:0;}
#sideArea .link li{
	margin: 0 0 2px 0;
	padding:0;}
#sideArea .link img{ vertical-align: bottom;}


.portalLink,
.portalLink dt,
.portalLink dd{
	font-size:10px;
	margin:0;
	padding:0;
	line-height:140%;
	text-align:left;
	}
	
.portalLink{
	margin-top:5px;
	}
	
.portalLink dt{
	width:200px;
	display:block;
	margin-bottom:5px;
	}
	
.portalLink dt span{
	padding-top:5px;
	padding-left:9px;
	display:block;
	color:#2FADE2;
	}
	
.portalLink dt a:link,
.portalLink dt a:visited,
.portalLink dt a:active,
.portalLink dt a:hover{
	color:#2FADE2;
	}
	
.portalLink dd{
	margin-left:9px;
	margin-right:12px;
	margin-bottom:3px;
	display:block;
	}

.portalLink dd a:link,
.portalLink dd a:visited,
.portalLink dd a:active,
.portalLink dd a:hover{
	color:#999;
	}


	
/* footer */

#footer {
	clear:both;
	width: 920px;
	margin: 40px auto 0 auto;
	padding: 0 0 20px 0;
	}
	
#footer .footerCaption {
	margin-left:10px;
	text-align:left;
	color:#999;
	font-size:68%;
	margin-bottom:5px;
	}

#footer .footerCaption a{
	color: #999;
	text-decoration: underline;}

#footer .footerCaption a:hover{
	color: #999;
	text-decoration:none;}
	
	


#footerNav {
	height:31px;
	padding: 0;
	margin: 0;
	background: #f2f2f2;
	border-top: solid 1px #e0e0e0;
	border-bottom:solid 1px #fff;
	font-size: 65%;}

#footerNav ul{ margin-top: 10px;}


#footerNav .leftArea{
	float: left;
	display: inline;
	width: 470px;}
	
#footerNav .leftArea li{
	float: left;
	display: inline;
	border-right: solid 1px #666666;
	padding: 0 10px;}
	
#footerNav .rightArea{
	float: right;
	display: inline;
	width: 450px;}
#footerNav .rightArea li{
	float: right;
	display: inline;
	border-right: solid 1px #666666;
	padding: 0 10px;
	text-align: right;}
	
#footerMain{
	text-align:left;
	}	

#footerMain .serviceListTitle{
	border-top: solid 1px #e0e0e0;
	border-bottom:solid 1px #e0e0e0;
	}

#footerMain .serviceList{
	margin:10px 20px;
	}

#footerMain .serviceList th,
#footerMain .serviceList td{
	font-size:65%;
	text-align:left;
	vertical-align:top;
	}
	
#footerMain .serviceList th span{
	font-weight:bold;
	color:#333;
	}
	
#footerMain .serviceList td ul{
	line-height:1.5;
	margin-top:5px;
	}


#footerMain .serviceList .layoutTd1{width:110px;}

#footerMain .serviceList .layoutTd2{width:125px;}

#footerMain .serviceList .layoutTd3{width:225px;}

#footerMain .serviceList .layoutTd4{width:150px;}
	
#copyrightArea {
	clear:both;
	height:20px;
	padding: 0;
	margin: 0;
	background: #999999;
	color: #fff;
	border-top: solid 1px #c6c6c6;}

	
#copyrightArea .copyright{
	float: right;
	display: inline;
	width: 430px;
	margin-top: 3px;
	font-size: 65%;
	text-align: right;
	padding: 0 10px;}

#footer li.last{ border:none;}

	
/* Category */