@charset "utf-8";

/* ------------------------------------------------------------------------------------ container */

/* ---------------------------------------------- contents */

/* イントロ */
#contents h2.intro {
	position: relative;
	display: block;
	margin: 0 0 0px 0;
	padding: 0px 0 0px 0px;
	text-indent: -9999em;
	width: 680px;
	height: 74px;
	background: url(../img/top-contents-h2-intro.gif) 0 0 no-repeat;
	clear: both;
}

#contents #intro { border-top: none; }

#contents #intro dl {
	margin: 0px auto 50px auto;
	padding: 0px 0 0px 0px;
	text-indent: -9999em;
	width: 656px;
	height: 219px;
	background: url(../img/top-contents-intro-image01.jpg) 0 0 no-repeat;
}

#contents #intro p {
	margin: 0px auto 50px auto;
	padding: 0px 0 0px 0px;
	text-indent: -9999em;
	width: 592px;
	height: 246px;
	background: url(../img/top-contents-intro-image02.jpg) 0 0 no-repeat;
}


#contents #contact {
	width: 620px;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;

}

#contents #contact ul {
	display: block;
	list-style: none;
	width: 541px;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
}

#contents #contact ul li { list-style: none; }

#contents #contact ul a {
	display: block;
	margin: 0px auto 10px auto;
	padding: 0px 0 0px 0px;
	text-indent: -9999em;
}
#contents #contact ul a.pamphlet {
	width: 541px;
	height: 108px;
	background: url(../img/top-contents-guide-bt.gif) 0 0 no-repeat;
}
#contents #contact ul a.suggestion {
	width: 433px;
	height: 87px;
	background: url(../img/top-contents-guide-bt.gif) 0 -108px no-repeat;
}

.rollover01 {
	width: 180px;
	height: 105px;
	background-image: url(img/freereport04.gif);
	text-indent: -9999px;
}
.rollover01 a {
	width: 180px;
	height: 105px;
	display: block;
	background-image: url(img/freereport04.gif);
}
.rollover01 a:hover {
	background-image: url(img/freereport04.gif);
	background-position: 0px -105px;
}
.rollover02 {
	width: 350px;
	height: 85px;
	background-image: url(img/order_sample.gif);
	text-indent: -9999px;
	margin-left: 10px;
	margin-top: 35px;
	margin-bottom: 30px;
	margin-right: 5px;
}
.rollover02 a {
	width: 350px;
	height: 85px;
	display: block;
	background-image: url(img/order_sample.gif);
	text-align: center;
}
.rollover02 a:hover {
	background-image: url(img/order_sample.gif);
	background-position: 0px -85px;
}
.rollover02_1 {
	width: 180px;
	height: 85px;
	background-image: url(img/order_info.gif);
	text-indent: -9999px;
	margin-left: 5px;
	margin-top: 35px;
	margin-bottom: 30px;
	margin-right: 5px;
}
.rollover02_1 a {
	width: 180px;
	height: 85px;
	display: block;
	background-image: url(img/order_info.gif);
	text-align: center;
}
.rollover02_1 a:hover {
	background-image: url(img/order_info.gif);
	background-position: 0px -85px;
}

.rollover03 {
	width: 300px;
	height: 50px;
	background-image: url(img/order.gif);
	text-indent: -9999px;
	margin-left: 100px;
	margin-top: 25px;
	margin-bottom: 25px;
}
.rollover03 a {
	width: 300px;
	height: 50px;
	display: block;
	background-image: url(img/order.gif);
	text-align: center;
}
.rollover03 a:hover {
	background-image: url(img/order.gif);
	background-position: 0px -50px;
}
.rollover04 {
	width: 250px;
	height: 60px;
	background-image: url(img/order.gif);
	text-indent: -9999px;
	margin-left: 155px;
	margin-top: 10px;
	margin-bottom: 55px;
}
.rollover04 a {
	width: 250px;
	height: 60px;
	display: block;
	background-image: url(img/order.gif);
	text-align: center;
}
.rollover04 a:hover {
	background-image: url(img/order.gif);
	background-position: 0px -60px;
}







.caption {
	margin-top: 65px;
	margin-bottom: 10px;
}
.caption2 {
	margin-top: 35px;
	margin-bottom: 10px;
}



.table_compamy {
	border: 1px solid #1C4E7C;
	margin-bottom: 30px;
	text-decoration: none;
	width: 480px;
}
.table_compamy th {

}
.table_compamy td {
	border: 1px dashed #1C4E7C;
	padding: 10px;
}
.table_option {
	border: 1px none #1C4E7C;
	margin-bottom: 30px;
	text-decoration: none;
	width: 460px;
}
.table_option th {

}
.table_option td {
	border: 1px dashed #1C4E7C;
	padding: 10px;
}


.frame-flow {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border: 5px solid #235480;
	margin-right: 30px;
}
.frame-price {
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 25px;
	border: 5px double #235480;
	width: 500px;
	margin-top: 10px;
	margin-bottom: 55px;
	margin-left: 20px;
}
.form_side_rss {
	padding: 5px;
	border: 1px solid #333333;
	background-color: #fff9eb;
	margin-top: 35px;
	margin-right: 0px;
	margin-bottom: 35px;
	margin-left: 0px;
}
.form_001 {
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	border: 2px dotted #333333;
}


.text_comic_jisseki {
	font-size: 150%;
	font-weight: bold;
	color: #1c4e7c;
	margin-top: 80px;
	padding-left: 15px;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #1c4e7c;
	border-right-color: #1c4e7c;
	border-bottom-color: #1c4e7c;
	border-left-color: #1c4e7c;
}
.text_faq {
	font-size: 150%;
	font-weight: bold;
	color: #990000;
	margin-top: 50px;
	line-height: 150%;
}
.text-center {
	text-align: center;
}
.text-service {
	font-size: 150%;
	font-weight: bold;
	color: #235480;
	margin-top: 55px;
	line-height: 150%;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: double;
	border-top-color: #235480;
	border-right-color: #235480;
	border-bottom-color: #235480;
	border-left-color: #235480;
	padding-left: 10px;
}
.text-right {
	text-align: right;
}

.text-red {
	font-size: 130%;
	color: #FF0000;
	font-weight: bold;
	text-decoration: underline;
}
.text-blue {
	font-size: 120%;
	color: #003399;
}
.text-underline {
	text-decoration: underline;
}
.text-big {
	font-size: 150%;
	font-weight: bold;
}
.caption3 {

	margin-top: 20px;
	margin-bottom: 10px;
}
.text-red2 {
	font-size: 120%;
	color: #FF0000;
	font-weight: bold;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 10px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
}
.text_small {
	font-size: 85%;
}
.frame-point {

	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 25px;
	border: 3px dotted #235480;
	width: 500px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 20px;
}
.tv {
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
}