@charset "utf-8";
* {
	margin: 0;
} 

html, body, #wrap {height: 100%;}

body > #wrap {
	height: auto;
	min-height: 100%;
}

body {
	background-image: url(../images/bg_top.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
}

#main {padding-bottom: 75px;}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -75px; /* negative value of footer height */
	height: 75px;
	clear:both;
	background-image: url(../images/bg_footer.gif);
	background-repeat: repeat-x;
}

a:link {
	color: #FF9900;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #FF6600;
}
a:hover {
	text-decoration: none;
	color: #FFCC00;
}
a:active {
	text-decoration: underline;
	color: #FF9900;
}

#topics .topics_box a {
	color: #333333;
	text-decoration: none;
}
#topics .topics_box a:hover {
	color: #959595;
	text-decoration: none;
}

/* CLEAR FIX*/
.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;}
.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
}
/* End hide from IE-mac */



#wrap #main #content {
	clear: both;
	width: 835px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	background-image: url(../images/head_img.gif);
	background-repeat: no-repeat;
	background-position: right 15px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#box_left {
	margin: 0px;
	float: left;
	width: 260px;
	display: block;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#box_right {
	float: right;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 520px;
	margin: 0px;
}
#logo {
	background-image: url(../images/rogo_l.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0px;
	height: 370px;
	width: 260px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
h1 {
	display: none;
}
#menu {
	padding: 0px;
	width: 230px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
}

/* ボタン */
.buttons {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
}

.btn_about a {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	height: 40px;
	width: 230px;
	background-image: url(../images/btn_about.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
}
.btn_about a:hover {
	background-position: 0px -40px;
}
.btn_guid a {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	height: 40px;
	width: 230px;
	background-image: url(../images/btn_guid.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
}
.btn_guid a:hover {
	background-position: 0px -40px;
}
.btn_kakomon a {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	height: 40px;
	width: 230px;
	background-image: url(../images/btn_kakomon.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
}
.btn_kakomon a:hover {
	background-position: 0px -40px;
}
.btn_faq a {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	height: 40px;
	width: 230px;
	background-image: url(../images/btn_faq.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
}
.btn_faq a:hover {
	background-position: 0px -40px;
}
.btn_taisi a {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	height: 40px;
	width: 230px;
	background-image: url(../images/btn_taisi.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
}
.btn_taisi a:hover {
	background-position: 0px -40px;
}

.btn_how a {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	height: 40px;
	width: 230px;
	background-image: url(../images/btn_how.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	text-indent: -9999px;
	display: block;
}
.btn_how a:hover {
	background-position: right -40px;
}
.btn_outline a {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	height: 40px;
	width: 230px;
	background-image: url(../images/btn_outline.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	text-indent: -9999px;
	display: block;
}
.btn_outline a:hover {
	background-position: right -40px;
}
.btn_level a {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	height: 40px;
	width: 230px;
	background-image: url(../images/btn_level.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	text-indent: -9999px;
	display: block;
}
.btn_level a:hover {
	background-position: right -40px;
}
.btn_data a {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	height: 40px;
	width: 230px;
	background-image: url(../images/btn_data.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	text-indent: -9999px;
	display: block;
}
.btn_data a:hover {
	background-position: right -40px;
}
.btn_voice a {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	height: 40px;
	width: 230px;
	background-image: url(../images/btn_voice.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	text-indent: -9999px;
	display: block;
}
.btn_voice a:hover {
	background-position: right -40px;
}
.btn_book a {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	height: 40px;
	width: 230px;
	background-image: url(../images/btn_texist.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	text-indent: -9999px;
	display: block;
}
.btn_book a:hover {
	background-position: right -40px;
}

#menu .btn_top a {
	background-image: url(../images/btn_top.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 119px;
}
#menu .btn_top a:hover {
	background-position: 0 -21px;
}

#menu .btn_special a {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	height: 40px;
	width: 230px;
	background-image: url(../images/btn_special.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	text-indent: -9999px;
	display: block;
}
#menu .btn_special a:hover {
	background-position: right -40px;
}

#menu .special {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	height: 40px;
	width: 230px;
	background-image: url(../images/btn_special.gif);
	background-repeat: no-repeat;
	background-position: right -40px;
	text-indent: -9999px;
	display: block;
}

/* ボタンここまで */

#box_right .sub h3 {
	background-image: url(../images/sub.gif);
	background-repeat: no-repeat;
	padding: 0px;
	height: 72px;
	width: 483px;
	text-indent: -9999px;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#box_right #topics {
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 15px;
}
#topics .topic_ti {
	background-image: url(../images/ti_topic.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0px;
	height: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-indent: -9999px;
	display: block;
}
#topics .topics_box {
	width: 450px;
	text-align: left;
	display: block;
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#topics .topics_box dl {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 13px;
	background-image: url(../images/topics_line.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 25px;
	padding-top: 10px;
}
#topics .topics_box dt {
	color: #66CC00;
	font-weight: bold;
	margin: 0px;
	width: auto;
	text-align: left;
	display: block;
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#box_right #book {
	padding: 0px;
	width: 250px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}

/* フッターの中 */
#footer_box {
	width: 830px;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 10px;
}
#footer_menu {
	width: 400px;
	float: left;
	margin: 0px;
	padding: 0px;
}
#copy {
	float: right;
	width: 400px;
	margin: 0px;
	padding: 0px;
}
#copy .company {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 11px;
	color: #FFFFFF;
	text-align: right;
}
#footer_box #copy h6 {
	background-image: url(../images/copyright.gif);
	background-repeat: no-repeat;
	padding: 0px;
	float: right;
	height: 20px;
	width: 310px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-indent: -9999px;
	display: block;
}
#footer #footer_box #footer_menu li {
	float: left;
	display: block;
}
.btn_saitemap a {
	background-image: url(../images/btn_sitmap.gif);
	text-indent: -9999px;
	padding: 0px;
	height: 20px;
	width: 75px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.btn_saitemap a:hover {
	background-repeat: no-repeat;
	background-position: 0px -20px;
}
.btn_otoiawase a {
	background-image: url(../images/btn_otoyawase.gif);
	text-indent: -9999px;
	padding: 0px;
	height: 20px;
	width: 80px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.btn_otoiawase a:hover {
	background-repeat: no-repeat;
	background-position: 0px -20px;
}
.btn_privacy a {
	background-image: url(../images/btn_privacy.gif);
	text-indent: -9999px;
	padding: 0px;
	height: 20px;
	width: 150px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.btn_privacy a:hover {
	background-repeat: no-repeat;
	background-position: 0px -20px;
}
.btn_line {
	display: block;
	padding: 0px;
	height: 14px;
	width: 1px;
	margin-top: 3px;
	background-color: #FFFFFF;
}
/* フッターの中ここまで */


#book .ti_texist {
	background-image: url(../images/ti_top_text.gif);
	background-repeat: no-repeat;
	padding: 0px;
	height: 28px;
	width: 250px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-indent: -9999px;
	display: block;
	background-position: center center;
}
#menu .btn_top {
	display: block;
	padding: 0px;
	float: left;
	width: 120px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	clear: both;
}

#menu .buttons li {
	margin-bottom: 2px;
}
.right_btn {
	text-align: right;
	padding-right: 30px;
}
.map_btn a {
	background-image: url(../outline/images/btn_map.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px;
	height: 23px;
	width: 146px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
	text-indent: -9999px;
	float: right;
}
.map_btn a:hover {
	background-position: 0px -24px;
}

.outline_dl td {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#mob {
	float: left;
	padding: 0px;
	width: 240px;
	margin-top: 40px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.btn_mail a {
	background-image: url(../images/btn_mailmaga.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 213px;
}
.btn_mail a:hover {
	background-position: 0px -40px;
}
.btn_spb a {
	background-image: url(../images/sp_banner.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 90px;
	width: 234px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.qr {
	display: block;
	padding: 0px;
	width: 230px;
	margin-top: 10px;
	float: left;
}
.prof_box {
	background-image: url(../taisi/images/f_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #F5F5F5;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.prof_txt {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 130%;
	color: #333333;
	padding-right: 15px;
	text-align: left;
	float: right;
	display: block;
	width: 300px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.f_01 {
	background-image: url(../taisi/images/f_02.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0px;
	height: 5px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.taisi_banner {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 473px;
}
.taisi {
	background-image: url(../images/btn_taisi.gif);
	background-repeat: no-repeat;
	background-position: 0px -40px;
	margin: 0px;
	padding: 0px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	width: 230px;
}
.btn_shokai a {
	background-image: url(../how/images/btn_shokai.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	padding: 0px;
	height: 20px;
	width: 220px;
	display: block;
	float: right;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.btn_shokai a:hover {
	background-position: 0px -20px;
}
.txt_s {
	font-size: 11px;
}
.content_voice .txt_dl {
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}