@charset "utf-8";


/* base
----------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	color: #323232;
	font-family: Verdana,"MS PGothic","Hiragino Kaku Gothic Pro",sans-serif;
	text-align: center;
	background: url(../common/background.gif) repeat-x;
}

/* link
----------------------------------------------- */
a {
	color: #1e50c8;
	text-decoration: none;
	text-decoration: underline;
}
a:visited {
	color: #785078;
}
a:hover {
	color: #323232;
	text-decoration: none;
}

/* shoulder
----------------------------------------------- */
#shoulder {
	margin: 0 auto;
	height: 30px;
	width: 760px;
	color: #fff;
	text-align: left;
}
#shoulder p {
	padding: 5px 0 0;
}

/* header
----------------------------------------------- */
#header a {
	display: block;
	margin: 0 auto;
	width: 760px;
	height: 65px;
	text-indent: -9999px;
	background: url(../common/header.gif) no-repeat left center;
}

/* footer
----------------------------------------------- */
#footer {
	margin: 0 auto;
	width: 760px;
	color: #fff;
	text-align: left;
}
#footer_left {
	float: left;
	width: 89px;
}
#footer_left img {
	margin: 15px 0 0;
}
#footer_right {
	float: right;
	width: 640px;
}
#footer p {
	margin: 10px 0 0;
}
#footer_bg {
	padding: 10px 0 15px;
	background: #32a050 url(../common/footerbg.gif) repeat-x;
}
#footer:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* pageup
----------------------------------------------- */
#pageup {
	margin: 30px auto 0;
	width: 760px;
}
#pageup a {
	float: right;
	display: block;
	width: 65px;
	height: 15px;
	text-indent: -9999px;
	background: url(../common/b_pgup.gif) no-repeat 0 0;
}
#pageup a:hover {
	background: url(../common/b_pgup.gif) no-repeat 0 -15px;
}
#pageup:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* menu
----------------------------------------------- */
#menu {
	margin: 0 auto;
	width: 760px;
}
#menu li {
	float: left;
}
#menu li a {
	display: block;
	height: 40px;
	text-indent: -9999px;
}
#m01 a,#m02 a,#m03 a,#m04 a { width: 160px; }
#m00 a { width: 120px; background: url(../common/m00.gif) no-repeat 0 0; }
#m01 a { background: url(../common/m01.gif) no-repeat 0 0; }
#m02 a { background: url(../common/m02.gif) no-repeat 0 0; }
#m03 a { background: url(../common/m03.gif) no-repeat 0 0; }
#m04 a { background: url(../common/m04.gif) no-repeat 0 0; }
#m00 a:hover { background: url(../common/m00.gif) no-repeat -120px 0; }
#m01 a:hover { background: url(../common/m01.gif) no-repeat -160px 0; }
#m02 a:hover { background: url(../common/m02.gif) no-repeat -160px 0; }
#m03 a:hover { background: url(../common/m03.gif) no-repeat -160px 0; }
#m04 a:hover { background: url(../common/m04.gif) no-repeat -160px 0; }
#m00 .this,#m00 .this:hover { background: url(../common/m00.gif) no-repeat -240px 0; }
#m01 .this,#m01 .this:hover { background: url(../common/m01.gif) no-repeat -320px 0; }
#m02 .this,#m02 .this:hover { background: url(../common/m02.gif) no-repeat -320px 0; }
#m03 .this,#m03 .this:hover { background: url(../common/m03.gif) no-repeat -320px 0; }
#m04 .this,#m04 .this:hover { background: url(../common/m04.gif) no-repeat -320px 0; }
#menu ul:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* contents
----------------------------------------------- */
#contents {
	margin: 30px 0 0;
}

/* column
----------------------------------------------- */
.column1 {
	margin: 15px auto 0;
	width: 760px;
}
.column1 .left {
	float: left;
	width: 260px;
	text-align: left;
}
.column1 .right {
	float: right;
	width: 500px;
	text-align: right;
}
.column2 {
	margin: 0 auto;
	width: 760px;
}
.column2 .left {
	float: left;
	width: 200px;
}
.column2 p {
	margin: 10px 0 0;
}
.column2 .right {
	float: right;
	width: 540px;
}
* html body .column2 .right h2 {
	font-size: small;
}
.column2 .right h2 {
	font-size: medium;
}
.column1:after,.column2:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* entry
----------------------------------------------- */
.entry01 {
	margin: 15px auto 0;
	width: 760px;
	color: #fff;
	background: #5aa06e;
}
* html body .entry01 h1 {
	font-size: small;
}
.entry01 h1 {
	margin: 10px 0 0;
	padding: 0 20px;
	font-size: medium;
}
.entry01 p {
	padding: 0 20px;
}
.entry01 .owner {
	padding: 15px 0 0;
	background: url(../common/based01_tp.gif) no-repeat left top;
}
.entry01 .owner .right a {
	color: #fff;
}
.entry01 .body {
	padding: 0 0 15px;
	background: url(../common/based01_bt.gif) no-repeat left bottom;
}
.entry01 .body a {
	color: #fff;
}
.entry02 {
	margin: 10px auto 0;
	width: 760px;
	background: url(../common/based02_md.gif) repeat-y;
}
* html body .entry02 h2 {
	font-size: small;
}
.entry02 h2 {
	margin: 10px 0 0;
	padding: 0 20px;
	font-size: medium;
}
.entry02 p {
	padding: 0 20px;
}
.entry02 .owner {
	padding: 15px 0 0;
	background: url(../common/based02_tp.gif) no-repeat left top;
}
.entry02 .body {
	padding: 0 0 15px;
	background: url(../common/based02_bt.gif) no-repeat left bottom;
}
.entry03 {
	margin: 10px auto 0;
	width: 760px;
	background: url(../common/based03_md.gif) repeat-y;
}
* html body .entry03 h2 {
	font-size: small;
}
.entry03 h2 {
	margin: 10px 0 0;
	padding: 0 20px;
	font-size: medium;
}
.entry03 p {
	padding: 0 20px;
}
.entry03 .owner {
	padding: 15px 0 0;
	background: url(../common/based03_tp.gif) no-repeat left top;
}
.entry03 .body {
	padding: 0 0 15px;
	background: url(../common/based03_bt.gif) no-repeat left bottom;
}
.entry04 {
	margin: 15px auto 0;
	width: 760px;
	background: #f0f0f0;
}
* html body .entry04 h1 {
	font-size: small;
}
.entry04 h1 {
	margin: 10px 0 0;
	padding: 0 20px;
	font-size: medium;
}
.entry04 p {
	padding: 0 20px;
}
.entry04 .owner {
	padding: 15px 0 0;
	background: url(../common/based05_tp.gif) no-repeat left top;
}
.entry04 .body {
	padding: 0 0 15px;
	background: url(../common/based05_bt.gif) no-repeat left bottom;
}
.body p {
	margin: 10px 0 0;
}
.owner .left {
	float: left;
	width: 660px;
}
.owner .left img {
	vertical-align: middle;
}
.owner .right {
	float: right;
	width: 100px;
	text-align: right;
}
.owner .right a {
	padding: 0 0 0 20px;
	background: url(../common/ic_pen.gif) no-repeat left center;
}
.owner:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* color
----------------------------------------------- */
.color_glay {
	color: #969696;
}
.focus {
	color: #0000ff;
	font-weight: bold;
}

/* list
----------------------------------------------- */
.list1 li {
	display: inline;
	margin: 0 0 0 2px;
}
.list1 .this {
	font-weight: bold;
}
.list2 {
	margin: 0;
	padding: 0 0 0 25px;
}
.list2 li {
	margin: 10px 0 0;
	list-style-type: decimal;
}
.list3 li {
	list-style-type: lower-alpha;
}

/* results
----------------------------------------------- */
#results {
	margin: 10px auto;
	width: 760px;
}
#results ul {
	padding: 0 0 0 25px;
}
#results li {
	margin: 5px 0 0;
	padding: 5px 0 0;
	border-top: 1px dotted #c8c8c8;
	list-style-type: decimal;
}

/* table
----------------------------------------------- */
.table1 {
	margin: 15px auto 0;
	width: 760px;
	border: 2px solid #f0c832;
}
* html body .table1 th {
	font-size: xx-small;
}
.table1 th {
	padding: 1px 5px;
	font-size: x-small;
	text-align: center;
	border-right: 1px dotted #f0c832;
	border-bottom: 1px solid #f0c832;
	background: #fff5c8;
	white-space: nowrap;
}
.table1 td {
	padding: 2px 8px;
	border-right: 1px dotted #f0c832;
	border-bottom: 1px solid #f0c832;
}
.table1 .cell1 {
	background: #fff5c8;
}
.table1 .cell1,.table1 .cell2,.table1 .cell5,.table1 .cell6 {
	width: 1%;
	text-align: center;
	white-space: nowrap;
}
.table1 .cell3 {
	width: 65%;
}
.table1 .cell4 {
	width: 35%;
	white-space: nowrap;
}
.table1 .stripe {
	background: #f0f5eb;
}
.table2 {
	margin: 10px 0 0;
	width: 540px;
	border: 2px solid #f0c832;
}
.table2 th {
	padding: 5px 10px;
	width: 30%;
	border-right: 1px dotted #f0c832;
	border-bottom: 1px solid #f0c832;
	background: #fff5c8;
	white-space: nowrap;
}
.table2 td {
	padding: 13px 10px;
	width: 70%;
	border-right: 1px dotted #f0c832;
	border-bottom: 1px solid #f0c832;
}

/* about
----------------------------------------------- */
.about {
	margin: 0 auto;
	width: 760px;
}
* html body .about h1 {
	font-size: medium;
}
.about h1 {
	font-size: large;
}
* html body .about h2 {
	font-size: small;
}
.about h2 {
	margin: 20px 0 0;
	padding: 0 0 5px;
	font-size: medium;
	border-bottom: 2px solid #c8c8c8;
}
.about p {
	margin: 10px 0 0;
}

/* form
----------------------------------------------- */
.num {
	ime-mode: disabled;
}
.text1 {
	width: 334px;
	border: 1px solid #969696;
}
.text2 {
	width: 360px;
	border: 1px solid #969696;
}
.text3 {
	width: 100%;
	border: 1px solid #969696;
}
.textarea1 {
	width: 334px;
	height: 200px;
	border: 1px solid #969696;
}
.textarea2 {
	width: 720px;
	height: 200px;
	border: 1px solid #969696;
}
#q {
	width: 150px;
	border: 1px solid #969696;
}
#bbsform {
	position: absolute;
	z-index: 1;
	display: none;
	padding: 0 0 5px;
	width: 380px;
	color: #fff;
	background: url(../common/based04_bt.gif) no-repeat left bottom;
}
#bbsform .bbsbody {
	padding: 0 0 10px;
	background: url(../common/based04_md.gif) repeat-y;
}
#bbsform p {
	padding: 15px 0 0 22px;
	width: 334px;
}
#bbstitle {
	cursor: move;
	height: 25px;
	text-indent: -9999px;
	background: url(../common/based04_tp.gif) no-repeat;
}
.alert {
	padding: 10px 20px 0;
	color: #c83232;
}
.bbsbody .alert {
	margin: 0 0 0 20px;
	padding: 15px 0 0;
	color: #fff064;
}
.thanks {
	padding: 100px 0 150px;
	text-align: center;
}
* html body .thanks h1 {
	font-size: medium;
}
.thanks h1 {
	margin: 15px 0;
	font-size: large;
}