@charset "utf-8";

/* -------------------------------------------------------------
CSS Information

 Site URL:		http://www.c-bokuso.co.jp/
 File name:		fp10th.css(http://www.c-bokuso.co.jp/fp10th.css)
 Summary:		all styles
 Created:		2007-05-07
 Last update:	2009-05-26 by Shinsuke Masuda
 Author:		Shinsuke Masuda

-------------------------------------------------------------- */

/* -------------------------------
__Sub Navigation
------------------------------- */

#snav {
	width: 760px;
	height: 57px;
	background-image: url(../img/bg_snav_fp10th.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.detail_yellow_index #snav {
	background-image: url(../img/bg_snav_fp10th_top.gif);
}

#snav ul,
#snav ul li {
	float: left;
}

#snav ul {
	width: 760px;
	height: 57px;
	background-image: url(../img/btn_snav_fp10th.gif);
	background-repeat: no-repeat;
	background-position: 0 top;
}

.detail_yellow_index #snav ul {
	background-image: url(../img/btn_snav_fp10th_index.gif);
}


#snav li a {
	display: block;
	height: 42px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	padding: 0;
	margin-top: 15px;
}

#snav ul li.snav_top a {
	width: 73px;
}
#snav ul li.snav_about a {
	width: 70px;
}
#snav ul li.snav_method a {
	width: 70px;
}
#snav ul li.snav_flow a {
	width: 83px;
}
#snav ul li.snav_property a {
	width: 58px;
}
#snav ul li.snav_access a {
	width: 96px;
}
#snav ul li.snav_enjoy a {
	width: 79px;
}
#snav ul li.snav_chibakun a {
	width: 124px;
}
#snav ul li.snav_memories a {
	width: 74px;
	height: 57px;
	margin-top: 0;
}

#snav ul li.snav_top a.active,
#snav ul li.snav_top a:focus,
#snav ul li.snav_top a:hover {
	background-image: url(../img/btn_snav_fp10th.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}

#snav ul li.snav_about a.active,
#snav ul li.snav_about a:focus,
#snav ul li.snav_about a:hover {
	background-image: url(../img/btn_snav_fp10th.gif);
	background-repeat: no-repeat;
	background-position: -73px bottom;
}

#snav ul li.snav_method a.active,
#snav ul li.snav_method a:focus,
#snav ul li.snav_method a:hover {
	background-image: url(../img/btn_snav_fp10th.gif);
	background-repeat: no-repeat;
	background-position: -143px bottom;
}

#snav ul li.snav_flow a.active,
#snav ul li.snav_flow a:focus,
#snav ul li.snav_flow a:hover {
	background-image: url(../img/btn_snav_fp10th.gif);
	background-repeat: no-repeat;
	background-position: -213px bottom;
}

#snav ul li.snav_property a.active,
#snav ul li.snav_property a:focus,
#snav ul li.snav_property a:hover {
	background-image: url(../img/btn_snav_fp10th.gif);
	background-repeat: no-repeat;
	background-position: -296px bottom;
}

#snav ul li.snav_access a.active,
#snav ul li.snav_access a:focus,
#snav ul li.snav_access a:hover {
	background-image: url(../img/btn_snav_fp10th.gif);
	background-repeat: no-repeat;
	background-position: -354px bottom;
}

#snav ul li.snav_enjoy a.active,
#snav ul li.snav_enjoy a:focus,
#snav ul li.snav_enjoy a:hover {
	background-image: url(../img/btn_snav_fp10th.gif);
	background-repeat: no-repeat;
	background-position: -450px bottom;
}

#snav ul li.snav_chibakun a.active,
#snav ul li.snav_chibakun a:focus,
#snav ul li.snav_chibakun a:hover {
	background-image: url(../img/btn_snav_fp10th.gif);
	background-repeat: no-repeat;
	background-position: -529px bottom;
}

#snav ul li.snav_memories a.active,
#snav ul li.snav_memories a:focus,
#snav ul li.snav_memories a:hover {
	background-image: url(../img/btn_snav_fp10th.gif);
	background-repeat: no-repeat;
	background-position: -653px bottom;
}

.detail_yellow_index #snav ul li.snav_top a.active,
.detail_yellow_index #snav ul li.snav_top a:focus,
.detail_yellow_index #snav ul li.snav_top a:hover,
.detail_yellow_index #snav ul li.snav_about a.active,
.detail_yellow_index #snav ul li.snav_about a:focus,
.detail_yellow_index #snav ul li.snav_about a:hover,
.detail_yellow_index #snav ul li.snav_method a.active,
.detail_yellow_index #snav ul li.snav_method a:focus,
.detail_yellow_index #snav ul li.snav_method a:hover,
.detail_yellow_index #snav ul li.snav_flow a.active,
.detail_yellow_index #snav ul li.snav_flow a:focus,
.detail_yellow_index #snav ul li.snav_flow a:hover,
.detail_yellow_index #snav ul li.snav_property a.active,
.detail_yellow_index #snav ul li.snav_property a:focus,
.detail_yellow_index #snav ul li.snav_property a:hover,
.detail_yellow_index #snav ul li.snav_access a.active,
.detail_yellow_index #snav ul li.snav_access a:focus,
.detail_yellow_index #snav ul li.snav_access a:hover,
.detail_yellow_index #snav ul li.snav_enjoy a.active,
.detail_yellow_index #snav ul li.snav_enjoy a:focus,
.detail_yellow_index #snav ul li.snav_enjoy a:hover,
.detail_yellow_index #snav ul li.snav_chibakun a.active,
.detail_yellow_index #snav ul li.snav_chibakun a:focus,
.detail_yellow_index #snav ul li.snav_chibakun a:hover,
.detail_yellow_index #snav ul li.snav_memories a.active,
.detail_yellow_index #snav ul li.snav_memories a:focus,
.detail_yellow_index #snav ul li.snav_memories a:hover {
	background-image: url(../img/btn_snav_fp10th_index.gif);
}

.detail_yellow_index #con_01 {
	margin-bottom: 0;
	padding: 0 25px;
	background-image: url(../img/bg_fp10th_index-top.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.detail_yellow #con_01,
.detail_yellow_enjoy #con_01,
.detail_yellow_entry #con_01,
.detail_yellow_memories #con_01 {
	padding: 19px 25px 20px 25px;
	margin-bottom: 0;
	background-image: url(../img/bg_fp10th.gif);
	background-repeat: repeat-y;
	background-position: center bottom;
}

.detail_yellow_index h3 {
	padding: 30px 0 10px 0;
}

h3,
h4 {
	margin: 0;
	padding: 10px 0;
	border: none;
}

h4 {
	font-size: 99%;
	margin: 0 10px;
	padding: 25px 28px 15px 28px;
	background-image: url(../img/icon_fp10th_sttl.gif);
	background-repeat: no-repeat;
	background-position: left 1.8em;
}

h5 {
	font-weight: 700;
	font-size: 1.0em;
	margin: 10px 30px;
	padding: 2px 8px 2px 8px;
	border-left-width: 8px;
	border-left-style: double;
	border-left-color: #fff83c;
}

.detail_yellow_enjoy h4 {
	font-size: 99%;
	margin: 0;
	padding: 0;
	background-image: none;
}

.detail_yellow_enjoy h4.base {
	font-size: 99%;
	margin: 0 10px;
	padding: 25px 28px 15px 28px;
	background-image: url(../img/icon_fp10th_sttl.gif);
	background-repeat: no-repeat;
	background-position: left 1.8em;
}

.movie {
	width: 276px;
	height: 206px;
	float: left;
	margin: 15px 0 0 4px;
	padding: 2px;
	/*background-image: url(../img/bg_fp10th_top_movie.png);*/
	background-repeat: repeat;
	background-position: left top;
}

.btn_about {
	width: 245px;
	float: right;
	margin: 60px 0 0 0;
	padding: 0;
}

.btn_about p {
	margin: 0 !important;
}

.btn_about .fpmore {
	width: 225px;
	height: 50px !important;
	background-image: url(../img/btn_fp10th_fpmore.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 !important;
	padding: 0 !important;
}

.btn_about .fpmore a {
	display: block;
	height: 50px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	padding: 0;
}

.btn_about .fpmore a.active,
.btn_about .fpmore a:focus,
.btn_about .fpmore a:hover {
	margin: 0 !important;
	padding: 0 !important;
	background-image: url(../img/btn_fp10th_fpmore.gif) !important;
	background-repeat: no-repeat !important;
	background-position: 0 bottom !important;
}

#con_01 p {
	padding: 0 20px;
	margin: 0;
	text-indent: 0;
}

.detail_yellow table {
	margin: 0 20px 12px 20px;
	background-color: #9ad24b;
}
.detail_yellow th {
	font-weight: normal;
	padding: 6px;
	background-color: #c5e688;
}

.detail_yellow td {
	padding: 6px;
	background-color: #fefefe;
	line-height: 1.4;
}

.excl,
.list_ul-link li {
	margin: 0 15px !important;
}

.list_ol-normal {
	margin-left: 47px !important;
}

.rule {
	width: 225px;
	height: 50px !important;
	background-image: url(../img/btn_fp10th_rule.gif);
	background-repeat: no-repeat;
	background-position: 20px 12px;
}

.rule a {
	display: block;
	height: 50px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	padding: 0;
}

.rule a.active,
.rule a:focus,
.rule a:hover {
	padding: 0 !important;
	background-image: url(../img/btn_fp10th_rule.gif) !important;
	background-repeat: no-repeat !important;
	background-position: 0 bottom !important;
}

.detail_yellow_enjoy .imgbox {
	clear: left;
	padding-top: 25px;
	padding-bottom: 15px;
}

.detail_yellow_enjoy .imgbox .img {
	width: 200px;
	float: left;
	padding-left: 13px;
}

.detail_yellow_enjoy .imgbox .ex {
	width: 480px;
	float: left;
	padding-left: 17px;
}

.detail_yellow_enjoy .imgbox .ex p {
	padding-left: 10px !important;
}

.detail_yellow_enjoy .imgbox .ex p.excl {
	background-position: 0 0.2em !important;
	margin-right: 0 !important;
	padding-left: 15px !important;
}

.detail_yellow_entry #con_01 #et_form_ip,
.detail_yellow_entry #con_01 #et_form_basis,
.detail_yellow_entry #con_01 #et_form_address,
.detail_yellow_entry #con_01 #et_form_contact,
.detail_yellow_entry #con_01 #et_form_delist,
.detail_yellow_entry #con_01 #et_form_cm,
.detail_yellow_entry #con_01 #et_form_suspension,
.detail_yellow_entry #con_01 #et_form_companion,
.detail_yellow_entry #con_01 #et_form_animal {
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	margin-bottom: 25px;
	background-image: url(../img/bg_etform-bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.detail_yellow_entry #con_01 h4.ip {
	background-image: url(../img/ssttl_etform_ip.gif);
}

.detail_yellow_entry #con_01 h4.basis {
	background-image: url(../img/ssttl_etform_basis.gif);
}

.detail_yellow_entry #con_01 h4.address {
	background-image: url(../img/ssttl_etform_address.gif);
}

.detail_yellow_entry #con_01 h4.contact {
	background-image: url(../img/ssttl_etform_contact.gif);
}

.detail_yellow_entry #con_01 h4.delist {
	height: 30px;
	background-image: url(../img/ssttl_etform_delist.gif);
	background-position: center top;
}

.detail_yellow_entry #con_01 h4.cm {
	border-left: none;
	background-image: url(../img/ssttl_ddaform_cm.gif);
}

.detail_yellow_entry #con_01 h4.suspension {
	background-image: url(../img/ssttl_form_suspension.gif);
}

.detail_yellow_entry #con_01 h4.companion {
	background-image: url(../img/ssttl_form_companion.gif);
}

.detail_yellow_entry #con_01 h4.animal {
	background-image: url(../img/ssttl_form_animal.gif);
}

.detail_yellow_entry #con_01 h4.suspension,
.detail_yellow_entry #con_01 h4.companion,
.detail_yellow_entry #con_01 h4.animal {
	width: auto;
	height: 50px;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	background-repeat: no-repeat;
	background-position: center bottom;
	border: 0;
	border-left: none;
}

.detail_yellow_entry #con_01 table {
	width: 616px;
	margin-left: auto;
	margin-right: auto;
}

.detail_yellow_entry #con_01 table td {
	text-align: left;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
}

.detail_yellow_entry #con_01 table td.btentry {
	padding: 8px;
	text-align: center;
}

.detail_yellow_entry #con_01 table input {
	margin-bottom: 2px;
	padding: 2px;
}

#main {
	padding-top: 10px;
}

.detail_yellow_entry label {
	cursor: pointer;
}

.detail_yellow ul.list_ul-normal li {
	margin-left: 35px !important;
}

.btm {
	height: 137px;
	background-image: url(../img/bg_fp10th-btm.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.detail_yellow_index .btm {
	background-image: url(../img/bg_fp10th_index-btm.jpg);
}

.btm .chiba a {
	clear: both;
	margin-left: 490px;
	width: 250px;
	height: 137px;
	display: block;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	padding: 0;
}

.detail_yellow_memories .imgbox ul {
	padding: 0 0 0 15px;
}

.detail_yellow_memories .imgbox ul li {
	width: 100px;
	height: 75px;
	float: left;
	padding: 15px 15px 0 0;
}

.detail_yellow_memories .imgbox ul li a {
	padding: 0 !important;
}