@charset "UTF-8";

/*-------------------------------------------------
  == Website CSS Divider ==
  -------------------------------------------------
  File       : style.css
  Date       : 2006.02.10
  Last Update: 2006.02.10
-------------------------------------------------*/
* {
	background-repeat: no-repeat;
}
/*
Body Module
-------------------------------------------------*/
body {
	background-image: url(../../images/back01.jpg);
	background-repeat: repeat-x;
	background-position: 0 93px;
	background-color: #868F96;
}

/*
Text Module
-------------------------------------------------*/
p {
	line-height: 1.5;
	font-size: 92%;
}

strong {
	font-weight: bold;
}

/* layout
-------------------------------------------------*/

/* content */
#wrapper {
	width: 750px;
	margin: 0 auto;
}

/* content */
#content {
	font-size: 92%;
	padding: 30px 20px 30px 20px;
	background-color: #f1f1f1;
}

#flash-part p.line img {
	vertical-align: bottom;
	margin: 1px 0;
}

/* header */
h1 {
	width: 750px;
	text-align: right;
	background-image: url(../../images/back01.jpg);
	background-repeat: repeat-x;
}

/* main-part */
#main-part {
	text-align: left;
}

/* footer */
#footer-1 {
	clear: both;
}


/* top page style
-------------------------------------------------*/
/* ttl */
h2.ttl {
	padding: 0 0 10px 0;
	font-size: 0;
	height: 10px;
}

/* float-list */
.float-list li {
	display: block;
	float: left;
	margin-right: 10px;
}

.float-list-bottom li {
	display: block;
	float: left;
	margin-right: 10px;
}

.float-list li.end,
.float-list-bottom li.end {
	margin-right: 0;
}

/* float-block */
.float-block {
	width: 230px;
	float: left;
	margin-right: 10px;
	font-size: 85%;
}

.float-block p {
	padding-bottom: 11px;
	background-image: url(../../images/n_frame_h.gif);
	background-position: bottom;
}

.float-block-textarea {
	padding: 5px 16px 0 16px;
	background-color: #a2a4a9;
	background-image: url(../../images/n_frame_f.gif);
	background-position: bottom;
}
.float-block-textarea h3 {
	font-size: 107%;
	color: #636467;
	font-weight: bold;

}
	
.float-block h3 {
	font-weight: bold;
	padding-bottom: 5px;
}

.float-block ul li {
	background-image: url(../../images/arrow01.gif);
	background-position: 0 3px;
	padding: 0 0 6px 12px;
	color: #fff;
	font-size: 10px;
}

/* float-block02 */
.float-block02 {
	width: 350px;
	/*float: left;*/
	margin: 0 auto;
	/*margin-right: 10px;*/
	font-size: 85%;
}

.float-block02 p {
	padding-bottom: 11px;
	background-image: url(../../images/n_frame_h.gif);
	background-position: bottom;
}

.float-block02-textarea {
	padding: 5px 16px 0 16px;
	background-color: #a2a4a9;
	background-image: url(../../images/n_frame_f.gif);
	background-position: bottom;
	text-align: left;
}
.float-block02-textarea h3 {
	font-size: 107%;
	color: #636467;
	font-weight: bold;

}
	
.float-block02 h3 {
	font-weight: bold;
	padding-bottom: 5px;
}

.float-block02 ul li {
	background-image: url(../../images/arrow01.gif);
	background-position: 0 3px;
	padding: 0 0 6px 12px;
	color: #fff;
	font-size: 10px;
}

.end {
	margin-right: 0px;
}

/* 2-column page style
-------------------------------------------------*/

#content-2colmun {
	font-size: 92%;
	padding: 30px 20px 30px 20px;
	background-color: #fff;
}

#content-2colmun-inner {
	background-image: url(../../images/3c_sn_r.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

#content-2colmun-inner-child {
	background-image: url(../../images/3c_sn_f.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

/* sidebar */
#sidebar {
	width: 155px;
	float: left;
}

#sidebar ul {
	width: 155px;
	text-align: left;
}

#sidebar ul li a {
	color: #fff;
	font-weight: bold;
	display: block;
	background-image: url(../../images/3c_sn_off.gif);
	background-repeat: no-repeat;
	/* (-20px) real width 155px */
	width: 135px;
	/* (-9px) real height 34px */
	height: 25px;
	padding-top: 9px;
	padding-left: 20px;
}

#sidebar ul li a:hover,
#sidebar ul li.on a {
	color: #60bced;
	background-image: url(../../images/3c_sn_on.gif);
}

/* navi-sub */
#sidebar ul li.navi-sub {
	height: 107px;
	background-image: url(../../images/sn_on.gif);
}

#sidebar ul li.navi-sub span {
	background-image: url(../../images/s_navi_arrow.gif);
	background-position: 11px 32px;
	display: block;
	font-weight: bold;
	color: #60bced;
	padding-top: 25px;
	padding-left: 20px;
}

li.sub-on {
	display: block;
	font-weight: bold;
	color: #60bced;
	padding-top: 5px;
	padding-left: 9px;
}

#sidebar ul li.navi-sub ul li.sub-on span {
	background-image: none;
}

#sidebar ul li.navi-sub ul li a {
	display: inline;
	font-weight: bold;
	color: #fff;
	background-image: none;
	height: auto;
	padding: 0;
	margin: 0;
}

#sidebar ul li.navi-sub ul li.sub-on span {
	display: inline;
	height: auto;
	padding: 0;
	margin: 0;
}

#sidebar ul li.navi-sub ul li.sub-on,
#sidebar ul li.navi-sub ul li a:hover {
	color: #60bced;
	background-image: none;
}

#sidebar ul li.navi-sub ul li {
	font-weight: bold;
	color: #fff;
	padding-top: 5px;
	padding-left: 20px;
}

/* main-part-2colmun */
#main-part-2colmun {
	width: 535px;
	text-align: left;
	float: right;
	color: #666;
}

/* box */
div.box {
	background-color: #f3f3f3;
	padding-bottom: 10px;
}

p.box-left {
	float: left;
	width: 337px;
	padding-top: 10px;
	padding-left: 15px;
}

p.box-right {
	float: right;
	width: 168px;
	text-align: right;
	padding-right: 15px;
}

p.box-left02 {
	float: left;
	width: 307px;
}

p.box-right02 {
	float: right;
	width: 228px;
	text-align: right;
}


/* arrow-ttl */
h3.arrow-ttl {
	background-image: url(../../images/line.gif);
	background-position: bottom;
	width: 535px;
	padding-bottom: 4px;
	margin-bottom: 5px;
	color: #333;
	font-size: 100%;
}

h3.arrow-ttl span {
	display: block;
	padding-left: 15px;
	background-image: url(../../images/arrow02.gif);
	background-position: 0 2px;
	font-weight: bold;
}

h3.arrow-ttl-noline {
	display: block;
	padding-left: 15px;
	background-image: url(../../images/arrow02.gif);
	background-position: 0 2px;
	font-weight: bold;
	color: #333;
}

h3.bold-line {
	font-weight: bold;
	color: #333;
	padding-bottom: 2px;
	border-bottom: 1px solid #ccc;
}

h4 {
	font-weight: bold;
	color: #333;
}

/* float-list-mgl5px */
.float-list-mgl5px li {
	display: block;
	width: 130px;
	height: 120px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.float-list-mgl5px li.end {
	margin-right: 0;
}

/* float-list-mgl5px-text */
.float-list-mgl5px-text li {
	display: block;
	width: 130px;
	min-height: 170px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.float-list-mgl5px-text li p {
	text-align: center;
	font-weight: bold;
	color: #333;
	line-height: 1.2;
}

.float-list-mgl5px-text li.end {
	margin-right: 0;
}

/* option-block */
.option-block {
	padding: 20px 20px 0 20px;
	background-color: #f3f3f4;
	min-height: 135px;
}

.option-block-left {
	width: 248px;
	float: left;
}

.option-block-right {
	width: 225px;
	float: right;
}

/* option-block02 */
.option-block02 {
	padding: 20px 20px 0 20px;
	background-color: #f3f3f4;
	min-height: 135px;
}

.option-block-left02 {
	width: 237px;
	float: left;
}

.option-block-right02 {
	width: 236px;
	float: right;
}


.box-blue-top {
	background-image: url(../../images/btn_frame01.gif);
	height: 2px;
	font-size: 0;
	width: 535px;
}

.box-blue-inner {
	background-image: url(../../images/btn_frame02.gif);
	background-repeat: repeat-y;
	background-position: top;
	text-align: center;
	padding: 20px 0;
}

.box-blue-inner p {
	margin: 0 auto;
	text-align: left;
}

.box-blue-bottom {
	background-image: url(../../images/btn_frame03.gif);
	height: 2px;
	font-size: 0;
	width: 535px;
}

/* gray-box */
.gray-box {
	background-color: #f3f3f3;
}


/* table style tbl00 */
.tbl00 {
	font-size: 100%;
	background-color: #ccc;
}

.tbl00 td img {
	vertical-align: middle;
}

.tbl00 th {
	font-weight: bold;
	text-align: left;
}

.tbl00 th,
.tbl00 td {
	padding: 5px 8px;
	background-color: #fff;
	color: #333;
}

.nopd th,
.nopd td {
	padding: 0 8px 5px 0px;
}

/* table style tbl01 */

.odd td {
	background-color: #efefef;
}

.even td {
	background-color: #f6f6f6;
}

.white td {
	background-color: #fff;
}

td.left {
	text-align: left;
}

/* 2-column items
-------------------------------------------------*/
/* box03 */
ul.box-left03 {
	float: left;
	width: 292px;
	/* 332+15=347(real range)*/
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 20px;
}

ul.box-left03 li {
	background-image: url(../../images/arrow03.gif);
	background-position: 0 4px;
	padding-left: 12px; 
	padding-bottom: 0.5em;
}

ul.box-left03 li a {
	color: #999;
}

ul.box-left03 li a:hover {
	color: #0077cc;
}

p.box-right03 {
	float: right;
	width: 228px;
	text-align: right;
	padding-top: 15px;
	padding-bottom: 20px;
}

/* box-trans */
div.box-trans {
	background-color: #f3f3f3;
	padding-bottom: 10px;
}

p.box-trans-left,
div.box-trans-left {
	float: left;
}

p.box-trans-right,
div.box-trans-right {
	float: right;
	text-align: right;
	padding-top: 0.5em;
}

/* sub-navi01 */
ul.sub-navi01 {
	padding-top: 2px;
}

ul.sub-navi01 li {
	float: left;
	margin-right: 2px;
	text-align: center;
}
ul.sub-navi01 li a {
	width: 177px;
	height: 26px;
	display: block;
	padding-top: 5px;
	font-weight: bold;
	color: #fff;
	background-image: url(../../images/f_btn.gif);
}

ul.sub-navi01 li.on a,
ul.sub-navi01 li a:hover {
	color: #333;
	background-image: url(../../images/f_btn_on.gif);
}

ul.sub-navi01 li.blank {
	width: 177px;
	height: 26px;
	display: block;
	background-image: url(../../images/f_btn.gif);
}

ul.sub-navi01 li.end {
	margin-right: 0;
}

/* basic class
-------------------------------------------------*/
.center {
	text-align: center;
}

p.center img {
	vertical-align: middle;
}

.center-mg {
	margin: 0 auto;
}

.left {
	text-align: left;
}


.end {
	margin-right: 0;
}

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

div.clear {
	clear: both;
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	font-size: 0;
}

.h05 {
	height: 5px;
}

.h10 {
	height: 10px;
}

.h20 {
	height: 20px;
}

.h40 {
	height: 40px;
}

.caption {
	font-size: 85%;
}

.caption-table {
	margin-top: 1em;
}

.caption-table td {
	font-size: 85%;
}

/* special class
-------------------------------------------------*/
.clear {
	clear: both;
}

.right {
	text-align: right;
}

.v-top img {
	vertical-align: top;
}

p.v-top img {
	vertical-align: top;
}

.list {
	font-size: 92%;
	padding-left: 1.4em;
}

.list li {
	list-style: disc outside;
	line-height: 1.4;
	padding-bottom: 5px;
}

.list li ul {
	padding-left: 5px;
}

.list li ul li {
	list-style: none;
	padding-bottom: 0;
}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html.clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



/*
global
-------------------------------------------------*/
#global_header table {
	background-color: #fff;
}

#global_header table td {
	background-repeat: repeat-x;
}

#global_footer {
	margin-top: 20px;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}