/* CSS Document */

/* タグの外観を再定義 */

@media print {* html body {zoom:0.7;}	 }

body {
	color: #333333;
	background-color: #FFFFFF;
	text-align: center;
	line-height: 160%;
	font-size: 12px;
	margin: 0px;}
a:hover { color: #FF3300;}
img {border-style: none;}
h1 { 
	font-size: 12px;
	font-weight: normal;
	float: left; padding: 0px; 
	margin: 5px 0px 0px 0px;}
h2 { 
	background: url(../beginner/img/h2_bg.gif) no-repeat left bottom;
	letter-spacing: 3px;
	margin: 0px;
	padding: 3px 0px 11px 40px;
	color: #000099; font-size: 12px;}
h3, h4 {
	font-size: 12px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	clear: both;}
ul, ol, dl, dt, .clear {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	clear: both;}
ul li, dd { float: left; list-style-type: none;}
p, dd { margin: 10px 0px;}
iframe { 
	width: 622px; 
	padding: 0px; 
	height: 550px; 
	overflow-x: hidden; 
	border: 1px solid #749CA6; 
	clear: both; 
	margin: 0px;}
em { 
	background: url(../beginner/img/yajirushi.gif) no-repeat left;
	padding-left: 16px;
	font-style: normal;}
b{
	color:#FF3333;
	font-weight:bold;}
a:hover img.rollover {
	opacity			: 0.6;
	filter			: alpha(opacity=60);
	-moz-opacity	: 0.6;
	background-color: #FFFFFF;}	

/* テーブルレイアウト */

caption {
	color: #FFFFFF;
	background-color: #336699;
	text-align: right;
	padding: 2px 5px 0px 0px;
	margin-bottom: 0px;}
td { vertical-align: top;}
.data {
	margin-top: 12px;
	margin-bottom: 12px;
	border-width: 1px;
	border-style: none solid solid none;
	border-color: #CCCCCC;
	clear: both;}
.data th {
	color: #FFFFFF;
	text-align: center;
	font-weight: normal;
	background: url(../beginner/img/th_bg.gif) repeat-x center;
	padding:8px;
	border-width: 1px; 
	border-style: solid;
	border-color: #CCCCCC #49575C #49575C #CCCCCC;}
.data td {
	padding: 8px;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid none none solid;
	border-color: #CCCCCC;}

/* レイアウトベース */

#wrapper {
	padding: 0px;
	width: 850px;
	text-align: left;
	margin: 0px auto 0px auto;}
#footer {
	font-size: 10px;
	margin: 10px 0px 20px 0px;
	text-align: center;
	border-top: 1px solid #CCCCCC;
	padding: 15px;}
#content {
	width: 630px;
	float: left;
	padding-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	position:relative;}
#kiboudori {
	text-align: center;
	width: 850px;
	background: url(../beginner/img/index1_bg.gif) no-repeat center center;
	padding-top: 51px;
	padding-bottom: 51px;
	margin-top: 10px;
	margin-bottom: 0px;}
.box li {
	height: 110px;
	width: 350px;
	text-align: center;
	text-decoration: none;
	margin-left: 30px;
	margin-top: 20px;
	padding: 0px 0px 20px 0px;
	background: url(../beginner/img/index1_bg2.gif) no-repeat center bottom;}
.box p { vertical-align: middle; margin: auto;}
.style1 {
	background-color: #F3F5FC;
	padding: 5px;}
.style2 { background-color: #FFE8FF;}
.style3 {color: #FF0000;}
.style4 {
	background-color: #F3F5FC;
	padding: 5px;
	width: 143px;
	margin: 0px;}
.left { width: 430px; float: left; margin: 20px 0px 0px 0px;}
.right { float: left; margin: 30px 20px 30px 20px;}

/* ナビ */

#navi {
	padding: 0px;
	float: left;
	width: 200px;
	margin: 20px 0px 0px 0px;}
#navi li {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 0px; margin: 0px;
	background: url(../beginner/img/navi_bg2.gif) no-repeat center center;}
#navi li a {
	width: 158px;
	display: block;
	background-repeat: no-repeat;
	padding: 10px 10px 10px 30px;
	background: url(../beginner/img/navi_bg.gif) no-repeat center center;}
#navi li a:hover {
	background-color: transparent;
	background-image: none;}
#faq_navi a {	
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background-repeat: no-repeat;}
#faq1 { background-image: url(../beginner/img/index7_1_2.gif); height: 40px; width: 124px;}
#faq2 { background-image: url(../beginner/img/index7_2_2.gif); height: 40px; width: 124px;}
#faq3 { background-image: url(../beginner/img/index7_3_2.gif); height: 40px; width: 124px;}
#faq4 { background-image: url(../beginner/img/index7_4_2.gif); height: 40px; width: 124px;}
#faq5 { background-image: url(../beginner/img/index7_5_2.gif); height: 40px; width: 128px;}

.botan a { display: block; background-repeat: no-repeat;}
#botan1 { height: 35px; width: 300px; background-image: url(../beginner/img/index4_t5.gif);}
#botan2 { height: 35px; width: 300px; background-image: url(../beginner/img/index4_t7.gif);}
#botan3 { height: 40px; width: 390px; background-image: url(../beginner/img/index6_1_2.gif);}
#botan4 { height: 75px; width: 319px; background-image: url(../tomin_s_k/img/yachin_img22.gif);}
#botan5 { height: 75px; width: 319px; background-image: url(../rent/img/yachin_img31.gif);}
#botan6 { height: 50px; width: 170px; background-image: url(../tomin_s_k/img/yachin_img37.gif); margin-left:35px;}
#botan7 { height: 50px; width: 170px; background-image: url(../rent/img/yachin_img39.gif); margin-left:35px;}
#faq_navi a:hover, .botan a:hover { background-color: #FFFFFF;}
#faq_navi a:hover img, .botan a:hover img { visibility: hidden;}

.kensaku {
	text-align: center;
	margin: 20px auto;
	width: 360px;}
.kensaku a { display: block; background-repeat: no-repeat;}
.kensaku a:hover {	background-color: #FFFFFF;}
.kensaku a:hover img {	visibility: hidden;}
#kensaku1 {
	background-image: url(../rent/img/bo_4_2.gif);
	height: 51px;
	width: 158px;
	float: left;}
#kensaku2 {
	background-image: url(../rent/img/bo_5_2.gif);
	height: 51px;
	width: 158px;
	float: right;}