@charset "utf-8";

@import "top_base.css";
@import "common.css";

p {
	line-height: 1.6;
	color: #666666;
	padding: 0px;
	margin: 0 30px 12px 30px;
	font-size: 100%; /* 基本サイズを13px相当に */
}

img{ border: none; }

h1 { font-weight: normal; display: none; }
	
h2 {
	height: 15px;
	background: url(../common/arrow02.gif) no-repeat 1px 0;
	font-size: 123.1%;
	line-height: 15px;
	color: #666666;
	clear: both;
	padding: 0 0 0 25px;
	margin: 20px 5px 12px 10px;
}

h3 {
	color: #990000;
	clear: both;
	margin: 0 0px 10px 0;
	padding: 5px 0px 0px 30px;
	background: url(../common/arrow01.gif) no-repeat 15px 10px;
	font-size: 116%;
}

h4 {
	background: url(../common/arrow03.gif) no-repeat 0px 4px;
	color: #660000;
	clear: both;
	padding: 2px 30px 5px 25px;
	margin: 0 20px 8px 25px;
	font-size: 108%;
}

h5 {
	background: url(../common/arrow04.gif) no-repeat 0px 5px;
	font-size: 108%;
	color: #CC3300;
	clear: both;
	padding: 0 0 0 15px;
	margin: 0 30px 8px 30px;
}

h6 {
	clear: both;
	color: #CC3300;
	background-image: url(../common/square01.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	}

#right a:link { color: #990000; }
#right a:visited { color: #990000; }
#right a:active { color: #990000; }
#right a:hover { color: #990000; }

ol {
	color: #666666;
	margin: 0px 20px;
	_margin: 0px 60px;
	list-style-position: inside;
}

ul {
	color: #666666;
	margin: 0 30px 0 60px;
	padding: 0;
	list-style-position: outside;
}


li {
	line-height: 1.6;
	font-size: 100%; /* 基本サイズを13px相当に */
}

dt, dd { font-size: 100%; /* 基本サイズを13px相当に */ }

/* --- ページトップへ --- */

#right .page_top {
	clear: both;
	height: 30px;
	line-height: 30px;
	text-align: right;
	font-size: 85%;
	padding-right: 5px;
	}

/* --- アンカーリンク --- */

#right ul.anchor {
	margin: 5px 0 0 0;
	/margin: 5px -5px 0 0;
	text-align: right;
	}

#right ul.anchor li {
	display: inline;
	height: 14px;
	line-height: 16px;
	list-style: inside none;
	padding-left: 12px;
	margin-right: 6px;
	background: url(../common/arrow01.gif) left 1px no-repeat;
	font-weight: normal;
	font-size: 93%;
	}

#right ul.anchor li h1 {
	display: inline !important;
	font-weight: normal !important;
	color: #EE0000 !important;
	/margin-right: 4px;
	font-size: inherit;
	}

#right ul.anchor li a, #right ul.anchor li a:visited {
	text-decoration: none;
	color: #666666 !important;
	}

#right ul.anchor li a:hover, #right ul.anchor li a:active {
	color: #FF9999 !important;
	}


/* テーブル */

table {
	line-height: 160%;
	color: #666666;
	border-collapse: collapse;
	margin: 0 auto;
	}

table th, table td {
	border: 1px solid #999;
	padding: 5px 8px;
	font-size: 100%; /* 基本フォントサイズを13px相当に */
	}

table th { background-color: #FFEADD; }
table .bg_yellow { background-color: #FFFFCC; }
table .bg_green { background-color: #F0FFE1; }
table .bg_orange { background-color: #fecfb4; }
table .bg_gray { background-color: #E1E1E1; }


.table_left {
	margin: 0px auto 0 30px;
}

.table_right {
	float: right;
	margin: 0 30px 0 auto;
}


/* ↓右よせボタン↓ */

.btn_right {
	float: right;
	border: 1px ridge #999999;
	background: #FFEADD url(../common/arrow01.gif) no-repeat right bottom;
	line-height: 140%;
	color: #333333;
	padding: 0px;
	margin: 10px 0px;
	cursor: pointer;
}

/* ↓右よせボタンリンク↓ */
.btn_right a{
	text-decoration: none;
	color: #990000;
	display: block;
	line-height: 140%;
	padding: 5px 15px;
	font-size: 93%;
}

.btn_right a:hover{
	text-decoration: none;
	color: #990000;
	background: #FFFFFF url(../common/arrow01.gif) no-repeat right bottom;
}

/* ↓右よせボタンリンクオーバー↓ */

.button {
	border-radius-top: 3px 3px 1px 3px; /* CSS3 */
	-webkit-border-top-left-radius: 3px; /* for Firefox */
	-webkit-border-top-right-radius: 3px;  
	-webkit-border-bottom-right-radius: 0px;  
	-webkit-border-bottom-left-radius: 3px;  
	-moz-border-radius-topleft: 3px; /* for Safari, Chrome */
	-moz-border-radius-topright: 3px;  
	-moz-border-radius-bottomright: 0px;  
	-moz-border-radius-bottomleft: 3px;
	display: block;
	text-decoration: none;
	text-align: center;
	border: 1px solid #cc6666;
	margin: 0 30px; 
	font-size: 93%;
}
* html .button { margin: 0 15px; }

.button { /* 1s */
	background: #fff url(../img/bg_button.gif) right bottom no-repeat;
	line-height: 28px;
	height: 28px;
	}
.button.button_thick { /* 2s */
	background: #fff url(../img/bg_button_thick.gif) right bottom no-repeat;
	height: 40px;
	}

.button a {
	display: block;
	text-decoration: none;
	color: #990000;
	width: 260px;
	height: 28px;
	}

.button.button_thick a {
	width: 260px;
	height: 34px;
	padding: 4px 0;
	line-height: 1.4;
}

.button a:hover, .button a:active {
	color: #c1605d !important;
	}