@charset "utf-8";

/* 基本設定
---------------------------------------------------*/

* {
    margin: 0;
    padding: 0;
}

table,img,p {
    border: 0;
}

body {
	color: #444444;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #e1ffbf;
}


/* Font */
#font-s {
	font-size:12px;
	line-height:16px;
}
#font-m {
	font-size:13px;
	line-height:22px;
}
#font-l {
	font-size:15px;
	line-height:24px;
}
#font-ll {
	font-size:17px;
	line-height:24px;
}
#font-ss {
	font-size:10px;
	line-height:14px;
}

.sky {
	color:#136d27;
}

.red {
	color:#FF0000;
}

.link_button{
  	font-weight: bold;/*太字に*/
  	text-decoration: none;/*下線消す*/
  	background: skyblue;/*背景を水色に*/
  	color:white;/*文字を白に*/
  	padding:5px 10px;/*内側の余白*/
  	border-radius: 20px;/*角を丸くする*/
  	font-family: 'Avenir','Arial';/*フォントをいい感じに*/
  }
	



/* Link */
a:link {
	color:#ffffff;
	text-decoration:none;
}
a:visited {
	color:#ffffff;
	text-decoration:none;
}
a:active {
	color:#136d27;
	text-decoration:none;
}
a:hover {
	color:#FF6600;
	text-decoration:underline;
}


/* Float */
#left {
	margin: 0px 12px 12px 0px;
	float: left;
}
#right {
	margin: 0px 0px 12px 12px;
	float: right;
}
.clear {
	clear: both;
	height: 1px;
}


/* Main Frame
---------------------------------------------------*/
#main_menu {
	margin: 0px auto;
	width: 730px;
	text-align: center;
	color: #ffffff;
}

#main_wide {
	margin: 0px auto;
	width: 730px;
	text-align: left;
}
#main_area{
	margin: 0px auto;
	text-align: center;
	background:#e1ffbf url(image/bg.gif) repeat-x;
}
#main_body {
	margin: 0px auto;
	padding:0px;
	width: 730px;
	min-height: 420px;
	text-align: center;
	background: #FFFFFF;
}

/* Footer
---------------------------------------------------*/
#ft_area {
	margin: 40px 0px 0px 0px;
	padding:10px 20px 0px 20px;
	background: #000000;
	width: 900px;
}



/* Parts
---------------------------------------------------*/
/* Mark */
#list-mark {
	font-size:12px;
	line-height:22px;
	background: url(image/list-mark.gif) no-repeat;
	padding: 0px 0px 0px 16px;
	margin: 0px 0px 0px 0px;
}
#list-mark2 {
	font-size:12px;
	line-height:22px;
	background: url(image/list-mark2.gif) no-repeat;
	padding: 0px 0px 0px 16px;
	margin: 0px 0px 0px 0px;
}

/* Line */
#dot_line {
	margin: 7px 0px;
	padding: 0px;
	background: url(image/dot_line.gif) repeat-x;
}
/* 点線2 */
#dot_line2 {
	margin: 4px 0px;
	padding: 0px;
	background: url(image/dot_line.gif) repeat-x;
}
/* 点線3 */
#dot_line3 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	height: 6px;
	background: url(image/dot_line2.gif) repeat-x;
}

#bnmenu {
	margin : 3px;
	padding: 7px 8px;
	background : #FCFAF3;
}
#smenu {
	margin: 0px;
	padding: 1px 0px 0px 12px;
	background: url(image/smenu.gif) no-repeat;
	font-size:12px;
	line-height:20px;
}
#s2menu {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 14px;
	background: url(image/s2menu.gif) no-repeat;
	font-size:11px;
	line-height:12px;
}

/* Table */
table#frm  {
	margin: 0px 0px 15px 0px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-collapse: collapse;
	text-align: left;
}
table#frm th {
	padding: 8px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #f0f0f0;
	font-weight: normal;
}
table#frm th.caps {
	padding: 4px;
	border-right: 1px solid #ccc;
	border-bottom: 10px solid #ccc;
	background-color: #555555;
	color: #FFFFFF;
	font-weight: bold;
    text-align: left;
}
table#frm th.capsc {
	padding: 4px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #555555;
	color: #FFFFFF;
	font-weight: bold;
    text-align: center;
}
table#frm td {
	padding: 2px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
div.tblareabtn {
	clear: both;
	margin: 15px 0 0 0;
	text-align: center;
}

/* Table2 */
table#frm2  {
	margin: 0px 0px 10px 0px;
	border-top: 0px solid #ccc;
	border-left: 0px solid #ccc;
	border-collapse: collapse;
	text-align: left;
}
table#frm2 th {
	padding: 4px;
	border-right: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
	background-color: #f0f0f0;
	font-weight: normal;
}
table#frm2 th.caps {
	padding: 3px;
	border-right: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
	background-color: #555555;
	color: #FFFFFF;
	font-weight: bold;
    text-align: left;
}
table#frm2 th.capsc {
	padding: 4px;
	border-right: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
	background-color: #555555;
	color: #FFFFFF;
	font-weight: bold;
    text-align: center;
}
table#frm2 td {
	padding: 10px;
	border-right: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
}
div.tblareabtn {
	clear: both;
	margin: 15px 0 0 0;
	text-align: center;
}
/* Table3 */
table#frm3  {
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #4f81bd;
	border-left: 1px solid #4f81bd;
	border-right: 1px solid #4f81bd;
	border-bottom: 1px solid #4f81bd;
	border-collapse: collapse;
	text-align: left;
	padding: 4px;
}
table#frm3 th {
	padding: 4px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #f0f0f0;
	font-weight: normal;
}
table#frm3 th.caps {
	padding: 3px;
	background-color: #555555;
	color: #FFFFFF;
	font-weight: bold;
    text-align: left;
}
table#frm3 th.capsc {
	padding: 4px;
	background-color: #555555;
	color: #FFFFFF;
	font-weight: bold;
    text-align: center;
}
table#frm3 td {
	padding: 2px;
}
div.tblareabtn {
	clear: both;
	margin: 15px 0 0 0;
	text-align: center;
}

/* Box */
#cap_box {
	padding: 12px;
	background:#D9ECF2;
}

/* Bar */
#cap_bar {
	padding: 3px 8px;
	background:#E0E0E0;
}

/* Caption */
.cap_title {
	background:#136d27;
	color:#FFFFFF;
	padding:2px 0px 0px 6px;
}


/* Top
---------------------------------------------------*/
#top_left {
	margin: 12px 0px 20px 8px;
	padding:0px;
	width: 500px;
	float: left;
	text-align: left;
}
#top_right {
	margin: 12px 8px 20px 0px ;
	padding:0px;
	width: 255px;
	float: right;
	text-align: left;
}



/* Format
---------------------------------------------------*/
#content_left {
	margin: 0px;
	padding:4px;
	width: 212px;
	background: #F2F0E9;
	float: left;
	text-align: left;
}
#content_right {
	margin: 0px 8px 0px 0px ;
	padding:12px 0px 20px 0px;
	width: 535px;
	background: #FFFFFF;
	float: right;
	text-align: left;
}

#content {
	margin:0px auto;
	padding:12px 0px 20px 0px;
	background: #FFFFFF;
	width: 535px;
	text-align: left;
}