/* 要素リセット */
body{
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 85%;
    font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
    color: #000000; /* 標準文字色 */
    min-width: 990px;
}
/* Safari用ハック 文字サイズ調整 */
/*\*/
html:\66irst-child body{
    font-size: 70%;
}
/* end */

img{
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}

/*--------------------------------------------------------
  レイアウト設定
--------------------------------------------------------*/
#container{
    position: relative;
}

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

*:first-child + html .layoutset-02 #header{
    /*for IE7*/
    padding-bottom: 15px;
}

*:first-child + html #headerLogo{
    /*for IE7*/
    margin-bottom: 4px;
}




/*------------------------
--------------------------
---  layoutset-00  -------
--------------------------
--------------------------*/

*:first-child + html .layoutset-00 #wrapper{
    /*for IE7*/
    margin-top: 20px;
}

.layoutset-00{
    background-image : url(img/pageBg_02.png);
    background-position: top left;
    background-repeat: repeat-x;
}

.layoutset-00 #header{
    width: 990px;
    height: 47px;
    margin-top: -1px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    text-align: left;
    position: relative;
}

.layoutset-00 #headerMain{
    width: 990px;
    padding-left: 10px;
    line-height: 16px;
    height: 16px;
}

.layoutset-00 #headerLogo{
    width: 260px;
    float: left;
    padding-left: 10px;
    margin-bottom: 5px;
}

.layoutset-00 #headerExtra1{
    width: 310px;
    float: right;
    text-align: right;
    margin-top: -15px;
}

.layoutset-00 #inner{
    position: relative;
    clear: both;
    width: 990px;
    margin-left: auto;
    margin-right: auto;
}

.layoutset-00 #indextop{
    width: 990px;
    padding-top: 13px;
}

.layoutset-00 #wrapper{
    width: 990px;
}

.layoutset-00 #title{
    margin-top: -15px;
}

.layoutset-00 #pagetop{
    padding-bottom: 10px;
}

.layoutset-00 #pagemain{
		width: 976px;
    padding-left: 7px;
		padding-right: 7px;
    padding-top: 15px;
}

.layoutset-00 #nav{
	width: 990px;
	position: absolute;
	left: 5px;
	top: -20px;
	height: 39px;
}

.layoutset-00 #main{
    width: 480px;
    padding-left: 7px;
		padding-right: 7px;
    padding-top: 10px;
    float: left;
    text-align: left;
    background-color: #fff;
}

.layoutset-00 #aside{
    width: 490px;
    float: right;
    background-color: #fff;
    padding-top: 20px;
    text-align: left;
}

.layoutset-00 #mainMail{
    width: 480px;
    text-align: left;
}


.layoutset-00 #maglist1 {
    width: 480px;
    padding-top: 10px;
    padding-left: 7px;
		padding-right: 7px;
    float: left;
    text-align: left;
    background-color: #fff;
}

.layoutset-00 #maglist2{
    width: 480px;
    float: right;
    padding-top: 10px;
    padding-left: 7px;
		padding-right: 7px;
    text-align: left;
    background-color: #fff;
}





/*------------------------
--------------------------
---  layoutset-01  -------
--------------------------
--------------------------*/

.layoutset-01 #header{
    width: 990px;
    height: 90px;
    padding-top: 6px;
    margin-top: -1px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.layoutset-01 #headerMain{
    width: 990px;
    padding-top: 2px;
}

.layoutset-01 #headerExtra1{
/*    width: 480px; */
    width: 310px;
    float: right;
    text-align: right;
    margin-top: -10px;
}

.layoutset-01 #headerLogo{
    width: 260px;
    float: left;
}

.layoutset-01 #wrapper{
    clear: both;
    width: 990px;
    margin-left: auto;
    margin-right: auto;
}

.layoutset-01 #wrapper:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.layoutset-01 #inner {
}

.layoutset-01 #main{
    width: 490px;
    float: right;
    text-align: left;
}

.layoutset-01 #pagetop{
    position: absolute;
    bottom: 5px;
    right: 10px;
}

.layoutset-01 #aside{
    width: 990px;
    margin-left: auto;
    margin-right: auto;
		margin-top: 10px;
/*    margin-bottom: 10px; */
		padding-top: 15px;
    text-align: center;
		
		border-top: 3px solid #50903a;
}

.layoutset-01 #nav{
    width: 100%;
    margin-bottom: 10px;
    height: 63px;
    background-image : url(img/navBg.png);
    background-position: bottom left;
    background-repeat: repeat-x;
}



/*------------------------
--------------------------
---  layoutset-02  -------
--------------------------
--------------------------*/

*:first-child + html .layoutset-02 #wrapper{
    /*for IE7*/
    margin-top: 20px;
}

.layoutset-02{
    background-image : url(img/pageBg_02.png);
    background-position: top left;
    background-repeat: repeat-x;
}

.layoutset-02 #header{
    width: 990px;
    height: 47px;
    margin-top: -1px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    text-align: left;
    position: relative;
}

.layoutset-02 #headerMain{
    width: 990px;
    padding-left: 10px;
    line-height: 16px;
    height: 16px;
}

.layoutset-02 #headerLogo{
    width: 260px;
    float: left;
    padding-left: 10px;
    margin-bottom: 5px;
}

.layoutset-02 #headerExtra1{
    width: 490px;
    float: right;
    text-align: right;
    margin-top: -15px;
		margin-right: 5px;
}

.layoutset-02 #inner{
    position: relative;
    clear: both;
    width: 990px;
    margin-left: auto;
    margin-right: auto;
}

.layoutset-02 #wrapper{
    width: 990px;
    padding-top: 30px;
}

.layoutset-02 #title{
    margin-top: 15px;
    background-color: #fff;
}

.layoutset-02 #pagetop{
    padding-bottom: 10px;
}

.layoutset-02 #main{
    width: 620px;
    padding-left: 10px;
		padding-right: 10px;
    padding-top: 10px;
    float: left;
    text-align: left;
    background-color: #fff;
}

.layoutset-02 #aside{
    width: 340px;
    float: right;
    background-color: #fff;
    padding-top: 7px;
    text-align: left;
}

.layoutset-02 #nav{
	width: 990px;
	position: absolute;
/*	left: -32px; */
	left: 5px;
	top: -3px;
	height: 39px;
}

*:first-child + html .layoutset-02 #aside{
    /*for IE7*/
    position: absolute;
    top: 124px;
    right: 0;
}



/*------------------------
--------------------------
---  layoutset-03  -------
--------------------------
--------------------------*/

*:first-child + html .layoutset-03 #wrapper{
    /*for IE7*/
    margin-top: 20px;
}

.layoutset-03{
    background-image : url(img/pageBg_02.png);
    background-position: top left;
    background-repeat: repeat-x;
}

.layoutset-03 #header{
    width: 990px;
    height: 47px;
    margin-top: -1px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    text-align: left;
    position: relative;
}

.layoutset-03 #headerMain{
    width: 990px;
    padding-left: 10px;
    line-height: 16px;
    height: 16px;
}

.layoutset-03 #headerLogo{
    width: 260px;
    float: left;
    padding-left: 10px;
    margin-bottom: 5px;
}

.layoutset-03 #headerExtra1{
/*
    width: 490px;
    float: right;
    text-align: right;
    margin-top: -15px;
		margin-right: 5px;
*/
    width: 310px;
    float: right;
    text-align: right;
    margin-top: -15px;
}

.layoutset-03 #inner{
    position: relative;
    clear: both;
    width: 990px;
    margin-left: auto;
    margin-right: auto;
}

.layoutset-03 #wrapper{
    width: 990px;
    padding-top: 30px;
}

.layoutset-03 #title{
    margin-top: 15px;
    background-color: #fff;
}

.layoutset-03 #pagetop{
    padding-bottom: 10px;
}

.layoutset-03 #nav{
	width: 990px;
	position: absolute;
	left: 5px;
	top: -20px;
	height: 39px;
}



.layoutset-03 #main{
    width: 480px;
    padding-left: 7px;
		padding-right: 7px;
    padding-top: 10px;
    float: left;
    text-align: left;
    background-color: #fff;
}

.layoutset-03 #aside{
    width: 490px;
    float: right;
    background-color: #fff;
    padding-top: 7px;
    text-align: left;
}



/*------------------------
--------------------------
---  layoutset-04  -------
--------------------------
--------------------------*/

*:first-child + html .layoutset-04 #wrapper{
    /*for IE7*/
    margin-top: 20px;
}

.layoutset-04{
    background-image : url(img/pageBg_02.png);
    background-position: top left;
    background-repeat: repeat-x;
}

.layoutset-04 #header{
    width: 990px;
    height: 47px;
    margin-top: -1px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    text-align: left;
    position: relative;
}

.layoutset-04 #headerMain{
    width: 990px;
    padding-left: 10px;
    line-height: 16px;
    height: 16px;
}

.layoutset-04 #headerLogo{
    width: 260px;
    float: left;
    padding-left: 10px;
    margin-bottom: 5px;
}

.layoutset-04 #headerExtra1{
/*
    width: 490px;
    float: right;
    text-align: right;
    margin-top: -15px;
		margin-right: 5px;
*/
    width: 310px;
    float: right;
    text-align: right;
    margin-top: -15px;
}

.layoutset-04 #inner{
    position: relative;
    clear: both;
    width: 990px;
    margin-left: auto;
    margin-right: auto;
}

.layoutset-04 #wrapper{
    width: 990px;
    padding-top: 30px;
}

.layoutset-04 #title{
    margin-top: 15px;
    background-color: #fff;
}

.layoutset-04 #pagetop{
    padding-bottom: 10px;
}

.layoutset-04 #main{
    width: 620px;
    padding-left: 10px;
		padding-right: 10px;
    padding-top: 10px;
/*    float: left; */
    float: right;
    text-align: left;
    background-color: #fff;
}

.layoutset-04 #aside{
    width: 340px;
/*    float: right; */
		float: left;
    background-color: #fff;
    padding-top: 7px;
    text-align: left;
}

.layoutset-04 #nav{
	width: 990px;
	position: absolute;
/*	left: -32px; */
	left: 5px;
	top: -20px;
	height: 39px;
}

*:first-child + html .layoutset-04 #aside{
    /*for IE7*/
    position: absolute;
    top: 124px;
    right: 0;
}










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

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

#nav{
    overflow: hidden;
}

/*--------------------------------------------------------
  デザイン設定
--------------------------------------------------------*/

/* 背景設定 */

.layoutset-01{
    background-image : url(img/pageBg_01.png);
    background-position: top left;
    background-repeat: repeat-x;
}

.layoutset-01 #title{
    width: 514px;
    float: right;
    margin-bottom: 10px;
}

.layoutset-01 #title h2{
		margin: 0 0 0 25px;
}

/* ヘッダー領域 */

#headerLogo{
    width: 299px;
    float: left;
}

*html #headerLogo
{
    /* for IE6 */
    padding-bottom: 0;
}

#headerLogo a{
    display: block;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    overflow: hidden;
    height: 55px;
    background-image : url(img/logo.gif);
    background-position: center left;
    background-repeat: no-repeat;
}

*html .layoutset-01 #headerLogo a
{
    /* for IE6 */
    margin-top: 0;
}




/* ナビゲーション */
.layoutset-01 #nav ul{
    width: 990px;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-top: 0;
    padding-right: 0;
    padding-left: 1px;
    padding-bottom: 0;
    list-style-type: none;
    text-align: center;
    background-image : url(img/mainmenuItem_01.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    height: 46px;
    z-index: 1;
}

.layoutset-01 #nav ul:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    height: 46px;
    visibility: hidden;
}

.layoutset-01 #nav li{
    float: left;
    font-size: 12px;
    line-height: 36px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-right: 1px;
    padding-left: 0;
    padding-bottom: 0;
    text-align: center;
}

.layoutset-01 #nav li a{
    width: 197px;
    display: block;
    height: 46px;
    padding-top: 10px;
    overflow: hidden;
}

#nav li span.en{
    display: none;
}

.layoutset-01 #nav a:link{
    background-image : url(img/mainmenu_01.png);
    background-position: top right;
    background-repeat: no-repeat;
}
.layoutset-01 #nav a:visited{
    background-image : url(img/mainmenu_01.png);
    background-position: top right;
    background-repeat: no-repeat;
}
.layoutset-01 #nav a:hover{
    background-image : url(img/mainmenu_01_on.png);
    background-position: top right;
    background-repeat: no-repeat;
}
.layoutset-01 #nav a:active{
    background-image : url(img/mainmenu_01_on.png);
    background-position: top right;
    background-repeat: no-repeat;
}

/* サイドブロック内パーツ */
.layoutset-01 #banner{
/*    width: 990px; */
    width: 100%;
 /*   float: left; */
 text-align: center;
}

#banner ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#banner li{
    width: 241px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

.layoutset-01 #banner li{
    float: left;
    margin-right: 6px;
}

#banner li a{
    display: block;
    height: 46px;
    margin-right: 0;
    text-indent: -9999px;
    overflow: hidden;
}

#banner a#banner-01{
    background-image : url(img/banner01.png);
    background-position: top left;
    background-repeat: no-repeat;
    margin-left: 5px;
    margin-right: 6px;
}

#banner a#banner-02{
    background-image : url(img/banner02.png);
    background-position: top left;
    background-repeat: no-repeat;
    margin-right: 6px;
}

#banner a#banner-03{
    background-image : url(img/banner03.png);
    background-position: top left;
    background-repeat: no-repeat;
    margin-right: 6px;
}

#banner a#banner-04{
    background-image : url(img/banner04.png);
    background-position: top left;
    background-repeat: no-repeat;
    margin-right: 3px;
}

.layoutset-01 #inner #companyinfo{
    width: 190px;
    float: left;
}

.layoutset-01 #inner #companyinfo:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.layoutset-01 #inner #companyinfo h3{
    font-weight: normal;
    font-size: 1em;
    text-align: left;
    font-weight: bold;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0.5em;
}

.layoutset-01 #inner #companyinfo p{
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 3px;
}



.layoutset-00 #nav ul,
.layoutset-02 #nav ul,
.layoutset-03 #nav ul,
.layoutset-04 #nav ul {
    width: 990px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-left: 1px;
    padding-bottom: 0;
    list-style-type: none;
    text-align: center;
    height: 39px;
}

.layoutset-00 #nav ul:after,
.layoutset-02 #nav ul:after,
.layoutset-03 #nav ul:after,
.layoutset-04 #nav ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    height: 39px;
    visibility: hidden;
}

.layoutset-00 #nav li,
.layoutset-02 #nav li,
.layoutset-03 #nav li,
.layoutset-04 #nav li {
    float: left;
    font-size: 12px;
    line-height: 39px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-right: 1px;
    padding-left: 0;
    padding-bottom: 0;
    text-align: center;
}

.layoutset-00 #nav li a,
.layoutset-02 #nav li a,
.layoutset-03 #nav li a,
.layoutset-04 #nav li a {
    width: 195px;
    display: block;
    height: 39px;
    overflow: hidden;
}

* html .layoutset-00 #nav li a,
* html .layoutset-02 #nav li a,
* html .layoutset-03 #nav li a,
* html .layoutset-04 #nav li a {
    font-size: 12px;
}

.layoutset-00 #nav a:link,
.layoutset-02 #nav a:link,
.layoutset-03 #nav a:link,
.layoutset-04 #nav a:link {
    background-image : url(img/mainmenu_21.png);
    background-position: top right;
    background-repeat: repeat;
}

.layoutset-00 #nav a:visited,
.layoutset-02 #nav a:visited,
.layoutset-03 #nav a:visited,
.layoutset-04 #nav a:visited {
    background-image : url(img/mainmenu_21.png);
    background-position: top right;
    background-repeat: repeat;
}

.layoutset-00 #nav a:hover,
.layoutset-02 #nav a:hover,
.layoutset-03 #nav a:hover,
.layoutset-04 #nav a:hover {
    background-image : url(img/mainmenu_21_on.png);
    background-position: top right;
    background-repeat: repeat;
}

.layoutset-00 #nav a:active,
.layoutset-02 #nav a:active,
.layoutset-03 #nav a:active,
.layoutset-04 #nav a:active {
    background-image : url(img/mainmenu_21_on.png);
    background-position: top right;
    background-repeat: repeat;
}

.layoutset-00 #banner li,
.layoutset-02 #banner li,
.layoutset-03 #banner li,
.layoutset-04 #banner li {
    margin-bottom: 5px;
}

.layoutset-00 #inner #sideinfo,
.layoutset-02 #inner #sideinfo,
.layoutset-03 #inner #sideinfo,
.layoutset-04 #inner #sideinfo {
    margin-top: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #d2d2d2;
}

.layoutset-00 #inner #sideinfo h3,
.layoutset-02 #inner #sideinfo h3,
.layoutset-03 #inner #sideinfo h3,
.layoutset-04 #inner #sideinfo h3 {
    border-top-color: #f1f1f1;
    border-top-width: 3px;
    border-top-style: solid;
    margin: 0 3px 0 3px;
    overflow: hidden;
		background-color: #50903a;
    padding: 3px 0 0 10px;
    text-align: left;
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
    letter-spacing: 0.1em;
}

.layoutset-00 #inner #sideinfo p,
.layoutset-02 #inner #sideinfo p,
.layoutset-03 #inner #sideinfo p,
.layoutset-04 #inner #sideinfo p {
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 10px;
}



/* トップページ デザイン定義 */

#main #toppage p{
    margin-left: 3px;
    padding-left: 0;
}

#toppage h3 span.ja{
    display: none;
}

#mainPref h3,
#mainMail h3,
#toppage-calc h3,
#contact h3 {
    border-top-color: #f1f1f1;
    border-top-width: 3px;
    border-top-style: solid;
    margin: 0 3px 0 3px;
    overflow: hidden;
		background-color: #50903a;
    background-image : url(img/indexBg_01.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    padding: 3px 0 0 20px;
    text-align: left;
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
    letter-spacing: 0.1em;
}

.layoutset-01 #mainPref{
    width: 480px;
    float: left;
    text-align: left;
}

.layoutset-01 #mainMail{
    width: 480px;
    float: left;
    text-align: left;
}

#toppage-mail {
    width: 490px;
    border-width: 1px;
    border-color: #d2d2d2;

    border-width: 2px;
    border-color: #a0d0a0; /* #d2d2d2; */
		
    border-style: solid;
    margin-bottom: 10px;
		padding-bottom: 10px;
}

#toppage-pref {
    width: 480px;
    border-width: 2px;
    border-color: #a0d0a0; /* #d2d2d2; */
		
    border-style: solid;
		background-color: #eef7ee;
    margin-bottom: 10px;
		padding-bottom: 10px;
}

#toppage-calc {
    width: 480px;
    border-width: 2px;
    border-color: #a0d0a0; /* #d2d2d2; */
		
    border-style: solid;
		background-color: #eef7ee;
    margin-bottom: 10px;
		padding-bottom: 10px;
}

#pref-mail {
    width: 480px;
    border-width: 1px;
    border-color: #d2d2d2;

    border-width: 2px;
    border-color: #a0d0a0; /* #d2d2d2; */
		
    border-style: solid;
		background-color: #fff; /* #eef7ee; */
    margin-bottom: 10px;
		padding-bottom: 10px;
}

#detail-mail-list {
    width: 620px;
    border-width: 1px;
    border-color: #d2d2d2;

    border-width: 2px;
    border-color: #a0d0a0; /* #d2d2d2; */
		
    border-style: solid;
		background-color: #fff; /* #eef7ee; */
    margin-bottom: 10px;
		padding-bottom: 10px;
}

.ad480{
    width: 480px;
		border: 1px solid  #d2d2d2;
		text-align: center;
    margin: 0 0 10px 0;
		padding: 6px;
}

.ad4xx{
		text-align: center;
    margin: 0 0 10px 0;
		padding: 6px;
}

.ad3xx{
		text-align: center;
    margin: 10px 0 10px 0;
		padding: 0px;
}

.ad9xx{
    clear: both;
/*    width: 990px; */
    margin-left: auto;
    margin-right: auto;
    margin: 15px 0 10px 0;
}

#mail {
    border-width: 2px;
    border-color: #50903a; /* #a0d0a0; */
		
    border-style: solid;
/*		background-color: #eef7ee; */
/*		background-color: #ffc; */
		background-color: #ffffe1;
    margin-bottom: 10px;

    color: #333;	/* #314b06; */
		line-height: 2.0em;
		font-size: 16px;
		padding: 10px;

}

#contact {
    border-width: 2px;
    border-color: #a0d0a0;
		
    border-style: solid;
		background-color: #eef7ee;
    margin-bottom: 10px;
		padding-bottom: 10px;
}

#maglistpref {
		margin-top:	5px;
    margin-bottom: 10px;
		padding-bottom: 10px;
		border: 2px solid #50903a;
/*
		background-color: #eef7ee;
*/
}

#maglistpref h3 {
		border-top: 1px dotted #50903a;
		border-bottom: 1px dotted #50903a;
		border: 1px dotted #50903a;
    margin: 5px 3px 0 3px;
    overflow: hidden;
		background-color: #eef7ee;
    padding: 5px 0 5px 8px;
    text-align: left;
    color: #50903a;
    font-size: 20px;
    letter-spacing: 0.1em;
}



#toppage-topics{
    width: 490px;
    border-width: 1px;
    border-color: #d2d2d2;
    border-style: solid;
    background-color: #fff;
    margin-bottom: 10px;
		padding-bottom: 10px;
}

#toppage-news{
    width: 490px;
    border-width: 1px;
    border-color: #d2d2d2;
    border-style: solid;
    background-color: #fff;
    margin-bottom: 10px;
		padding-bottom: 10px;
}