@charset "EUC-JP";

body {
	margin: 0 auto;
	padding: 0;
  	height: 100%;
	text-align:center;
  	font-size: 14px;
 	font-family: sans-serif;
	font-family:"Hiragino Maru Gothic Pro", "¥Ò¥é¥®¥Î´Ý¥´ Pro W4", sans-serif;
  	color: #333;
	border-top:5px solid #7BE1CC;
	background:url(../img/bg.jpg) repeat-x #D2ECCA;
	line-height:160%;
}

* html body {
  /* for WinIE6*/
  font-size: 85%;
  font-family: Verdana, "MS P ¥´¥·¥Ã¥¯", sans-serif;
  font-family:"Hiragino Maru Gothic Pro", "¥Ò¥é¥®¥Î´Ý¥´ Pro W4", sans-serif;
}

*:first-child+html body {
  /* for WinIE7*/
  font-size: 85%;
  font-family: '¥á¥¤¥ê¥ª', Meiryo, sans-serif;
  font-family:"Hiragino Maru Gothic Pro", "¥Ò¥é¥®¥Î´Ý¥´ Pro W4", sans-serif;
}

* html td,
* html th {
  font-size: 85%; /* for WinIE6*/
 }

/*----------------------------------
line-height
----------------------------------*/
td,th,p,dt,dd,li,div{
	line-height:160%;
}

/*----------------------------------
form
----------------------------------*/

form dt{
	border-left:5px solid #81BAE2;
	padding:0 0 0 10px;
	margin:10px 0;
}

form dt,form dd{
	line-height:180%;
}

#submit{
	padding:10px 0 0 0;
}

form.confirm{
	float:left;
	width:80px;
	padding:0 0 10px 0;
	
}

/*----------------------------------
link
----------------------------------*/ 

a:link {
	color:#128B9C;
	text-decoration: underline;
}

a:visited {
	color:#128B9C;
	text-decoration: underline;
}

a:hover {
	color:#FF6600;
	text-decoration: underline;
}

a:active {
	color: #660000;
	text-decoration: underline;
}

/*----------------------------------
float,margin,padding,img,font-color
----------------------------------*/

/*float*/
.fl{
	float:left;
}

.fr{
	float:right;
}

/*text*/
.txtcent{
	text-align:center;
}

.txtright{
	text-align:right;
}

.txtbig{
	font-size:120%;
}

.txtbigbd{
	font-size:120%;
	font-weight:bold;
}

/*padding*/
.in{
	padding:10px;
}

.in02{
	padding:15px;
}

.in03{
	padding:0 15px;
}

.pd-bt-10{
	padding-bottom:10px;
}

/*margin*/
.mgcent{
	margin:0 auto;
}

.mg-bt-10{
	margin-bottom:10px;
}

.mg-bt-20{
	margin-bottom:20px;
}

.mg-tp-10{
	margin-top:10px;
}

.mg-rg-20{
	margin:0 20px 0 0;
}

.mg-lf-20{
	margin:0 0 0 20px;
}

/*image*/
img.right{
	display:block;
	float:right;
	padding:0 0 0 10px;
}

img.left{
	display:block;
	float:left;
	padding:0 10px 0 0;
}

img.center{
	display:block;
	margin:0 auto 10px auto;
	padding:0;
	text-align:center;
}

/*decoration-text*/
.caution{
	color:#F53C14;
}

.caution02{
	color:#F53C14;
	font-size:10px;
}
 
/*----------------------------------
layout
----------------------------------*/

div#main {
	margin: 0 auto;
	padding:0;
	width: 800px;
}

div#head{
	width:800px;
	height:140px;
	margin: 0 auto;
}

div#title{
	float:left;
	width:176px;
}

div#add{
	width:600px;
	float:right;
	text-align:right;
	padding-top:10px;
}

div#add img{
	/*margin:10px 0 0 0;*/
	
}


#side{
	clear:both;
	width:210px;
	color:#2C3F26;
	float:left;
	background:none;

}

#side div.in02{
	margin:0 0 20px 0;
	background:#9CD58C url(../img/side-bg.jpg) repeat-x;

}

.side-add{
	background:#D2ECCA;
	padding:10px;
	text-align:center;
	margin:auto;
}

.side-add img{
	margin:10px 0 0 0;
}

#content{
	width:580px;
	float:right;
	background:#fff url(../img/cont-bg.jpg) repeat-x;
	padding:0;
	margin:0;
	border-top:10px solid #7BE1CC;
	text-align:left;
}

#content02{
	clear:both;
	width:800px;
	background:#fff url(../img/cont-bg.jpg) repeat-x;
	padding:0;
	margin:0 auto;
	border-top:10px solid #7BE1CC;
	text-align:left;
}

#content02 .content02-in{
	width:580px;
	margin:0 auto;
}


/*----------------------------------
navigation
----------------------------------*/

ul#head-navi{
	width:800px;
	padding:0 0 0 0;
	margin:0;
	text-align:right;
}

ul#head-navi li{
	text-align:right;
	display:inline;
	margin:0 0 0 20px;
	padding:0;
	line-height:100%;
	list-style-type:none;
}


ul#navi01 li{
	display:inline;
	margin:0 0 0 20px;
	padding:0;
	line-height:100%;
	list-style-type:none;
}


ul#navi02{
	width:804px;
	margin:0;
	padding:0;
	text-align:center;
}


ul#navi02 li{
	display:inline;
	margin:0;
	padding:0;
	line-height:100%;
	list-style-type:none;
}

.litlecont{
	width:600px;
	margin:0 auto;
}

.conttop{
	text-align:right;
	margin-bottom:5px;
	font-size:10px;
}

.conttop a:link,.conttop a:visited{
	color:#fff;
}


/*----------------------------------
footer
----------------------------------*/

address{
	padding:10px;
	margin:0 auto;
	text-align:center;
	font-size:10px;
}

#foot{
	clear:both;
	background:#56B838;
	text-align:center;
	margin:0 auto;
	color:#fff;
}


