body,html{
	margin: 0px;
	padding:0px;
	width: 100%;
	font-size:100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Osaka", "MS Pゴシック", "MS P Gothic", Helvetica, Arial, sans-serif;
	text-align: center;
	background: #DBF4EA url('common/base-bg.png');
}

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

html{
	overflow-y:scroll;
}

p,div,th,td{
	line-height: 1.5;
	-moz-box-sizing: border-box; /* Firefox */ 
	-webkit-box-sizing: border-box; /* Safari 3 */ 
	-ms-box-sizing: border-box; /* Internet Explorer 8 */ 
	box-sizing: border-box; /* Opera */
}

img {border:0;}

.clear{
	clear: both;
}
.right{
	text-align: right;
}

#wrapper{
	width: 100%;
	text-align: left;
	
	background: #DBF4EA url('common/base-bg.png');
}

/******* header *******/
#header-area{
	width: 100%;
	height: 31px;
	margin: 0px auto;
	-moz-box-sizing: border-box; /* Firefox */ 
	-webkit-box-sizing: border-box; /* Safari 3 */ 
	-ms-box-sizing: border-box; /* Internet Explorer 8 */ 
	box-sizing: border-box; /* Opera */
}

.header-base{
	width: 100%;
	background: #59B18D url('common/hmenu-bg.png');
	height: 31px;
	text-align: center;
}

.header-base-2nd{
	width: 100%;
	background: #59B18D url('common/hmenu-bg.png');
	height: 31px;
	text-align: center;
	border-bottom: solid 1px #fff;
}

/******* header下 *******/

#hmenu-area{
	width: 100%;
	margin: 0px auto;
	-moz-box-sizing: border-box; /* Firefox */ 
	-webkit-box-sizing: border-box; /* Safari 3 */ 
	-ms-box-sizing: border-box; /* Internet Explorer 8 */ 
	box-sizing: border-box; /* Opera */
}

.hmenu-base{
	width: 100%;
	background: #59B18D url('common/hmenu-bg.png');
	height: auto;
}

.hmenu{
	width: 980px;
	height: 56px;
	margin: 0 auto;
	padding: 0px 0px;
}

.hmenu ul{
	width: 900px;
	height: 56px;
	margin: 0 auto;
	padding: 0px;
	list-style-type: none;
/*	overflow: hidden;
	margin-right: -18px;*/
}

.hmenu li{
	width: 135px;
	height: 56px;
	margin: 0 18px 0 0;
	padding: 0px;
	float: left;
	list-style-type: none;
}

.hmenu li.end{
	width: 135px;
	height: 56px;
	margin: 0 0px 0 0;
	padding: 0px;
	float: left;
	list-style-type: none;
}

.hmenu a{
	width: 135px;
	height: 56px;
	display:block;
	padding: 0px 0px 0px;
	text-align:center;
/*	background:url('common/hmenu-bg.png');*/
}

.hmenu img{
	margin: 8px 0px 8px;
	text-align:center;
}

/* link */
.hmenua:link    {}   /* リンク */
.hmenu a:visited {}   /* 訪問済みリンク */
.hmenu a:hover   {background: url('common/menu-bg-on.png');}   /* ポイント時のリンク */
.hmenu a:active  {background:  url('common/menu-bg-on.png');}   /* アクティブなリンク */ 

/******* footer *******/

#footer{
	width: 100%;
	height: 60px;
	text-align: center;
}

.footer-base{
	width: 100%;
	margin: 0px auto;
	background: #59B18D url('common/hmenu-bg.png');
	height: 60px;
	text-align: center;
}

.footer-box{
	width:900px;
	margin: 0px auto 0px ;
	padding: 5px 0 5px;
	text-align: center;
}

.address address{
	width:900px;
	font-style:normal;
	font-size: 85%;
	text-align: center;
	color: #FFFFFF;
	margin: 0px 0px 5px 0px;
}

#footmenu{
	width:900px;
	margin: 0px 0px 10px 0px;
	font-size: 93%;
	text-align: center;
	color: #FFFFFF;
}

#footmenu span{
	width: auto;
	margin: 0px 10px 0px 10px;
}

#footer a:link { color: #FFFFFF;text-decoration: none; }/* リンク */
#footer a:visited { color: #FFFFFF;text-decoration: none; }/* 既に見たリンク */
#footer a:active { color: #FFFFFF;text-decoration: underline; }/* クリック時のリンク */
#footer a:hover { color: #BD48D2;text-decoration: underline; }/* カーソルが上にある時のリンク */

/*******
base
*******/
#contents-area{
	width: 100%;
	-moz-box-sizing: border-box; /* Firefox */ 
	-webkit-box-sizing: border-box; /* Safari 3 */ 
	-ms-box-sizing: border-box; /* Internet Explorer 8 */ 
	box-sizing: border-box; /* Opera */
}

.contents-base{
	width: 100%;
	background: #DBF4EA url('common/base-bg.png');
}

body > .contents-base {
    height: auto;
}

.contents-box,.contents-box-top{
	width:980px;
	margin: 0px auto 0px ;
	padding: 20px 0 60px;
}

.contents-top-left{
	width:680px;
	margin: 0px 0px ;
	float: left;
}

.contents-top-right{
	width:300px;
	margin: 0px 0px ;
	float: right;
}



/***
ここから第二階層の設定
***/
/*******
base
*******/

.contents-box-2nd{
	width:980px;
	margin: 0px auto 0px ;
	padding: 20px 0 60px;
}

.contents-box-2nd-base{
	width:900px;
	margin: 0px auto 0px ;
	padding: 0px 0 0px;
}


.contents-box-2nd h1{
	width:900px;
	height: 50px;
	margin: 0px auto 20px ;
	padding: 0px 0 0px;
}