@charset "utf-8";
/* CSS Document */
#sp-inner {
	padding-top: 15px;
}


#spindex #flash-banner{
	width: 692px;
	height:406px;
	overflow:hidden;
	outline:none;
	border-width: 0px;
	border-style: none;
}
#spindex #hfs{
	width: 692px;
}
#spindex #hfs th{
}
#spindex #hfs th h3{
	text-align: left;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/hfs-midashi.gif);
	background-repeat: no-repeat;
	line-height: 26px;
	height: 26px;
	width: 258px;
}
#spindex #hfs td{
	width: 430px;
}
#spindex #indexmenu{
	width: 692px;
	margin-top: 28px;
	margin-bottom: 16px;
	background-image: url(../images/ind-backs.gif);
	background-repeat: repeat-y;
}
#spindex #indexmenu h3{
	width: 692px;
	height: 68px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/top-midashi.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#spindex #indexmenu ul{
	display: block;
	list-style-type: none;
	background-image: url(../images/ind-backs.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	overflow: hidden;
}

#spindex #indexmenu #con{
	display: block;
	list-style-type: none;
	width: 231px;
	float: left;
}
#spindex #indexmenu #mark{
	display: block;
	list-style-type: none;
	width: 231px;
	float: left;
}
#spindex #indexmenu #lineup{
	display: block;
	list-style-type: none;
	width: 230px;
	float: left;
}
#spindex #indexmenu li a{
	display: block;
	height:125px;
	overflow:hidden;
	outline:none;
	width: 210px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	text-indent: -9999px;
}
#spindex #indexmenu #con a{
	background-image: url(../images/ind1-btn.gif);
	background-repeat: no-repeat;	
}
#spindex #indexmenu #con a:hover{
	background-image: url(../images/ind1-btn-hi.gif);
	background-repeat: no-repeat;	
}
#spindex #indexmenu #con a:active{
	background-image: url(../images/ind1-btn-hi.gif);
	background-repeat: no-repeat;	
}
#spindex #indexmenu #mark a{
	background-image: url(../images/ind2-btn.gif);
	background-repeat: no-repeat;	
}
#spindex #indexmenu #mark a:hover{
	background-image: url(../images/ind2-btn-hi.gif);
	background-repeat: no-repeat;	
}
#spindex #indexmenu #mark a:active{
	background-image: url(../images/ind2-btn-hi.gif);
	background-repeat: no-repeat;	
}
#spindex #indexmenu #lineup a{
	background-image: url(../images/ind3-btn.gif);
	background-repeat: no-repeat;	
}
#spindex #indexmenu #lineup a:hover{
	background-image: url(../images/ind3-btn-hi.gif);
	background-repeat: no-repeat;	
}
#spindex #indexmenu #lineup a:active{
	background-image: url(../images/ind3-btn-hi.gif);
	background-repeat: no-repeat;	
}
#spindex #indexmenu li p{
	font-size: 14px;
	line-height: 20px;
	display: block;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 8px;
	margin-bottom: 0px;
	padding: 0px;
}
#spindex #indexmenu .tops {
	background-image: url(../images/ind-tops.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 9px;
	width: 692px;
	font-size: 0px;
	line-height: 0px;
}
#spindex #indexmenu .both {
	background-image: url(../images/ind-bottom.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 9px;
	width: 692px;
	clear: both;
	font-size: 0px;
	line-height: 0px;
}




#spconcept .spmain{
	width: 692px;
}

#spconcept .spmain .concept-block{
	background-image: url(../images/con-midashi1.jpg);
	background-repeat: no-repeat;
	width: 692px;
}
#spconcept .spmain .concept-block h2{
	width: 692px;
	height: 154px;
	text-indent: -9999px;
	display: block;
}
#spconcept .spmain .concept-block h3{
	background-image: url(../images/con-midashi2.gif);
	background-repeat: no-repeat;
	height: 63px;
	width: 692px;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}
#spconcept .spmain .concept-block .reed{
	background-image: url(../images/con-reed-back.gif);
	background-repeat: repeat-y;
}
#spconcept .spmain .concept-block .reed p{
	width: 626px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;
}
#spconcept .spmain .concept-block .reed p img{
	float: right;
}
#spconcept .spmain .concept-block .reed .con-sakai{
	background-image: url(../images/con-sakai.gif);
	background-repeat: no-repeat;
	height: 36px;
}
#spconcept #point3{
	display: block;
	list-style-type: none;
	background-image: url(../images/point-back.gif);
	background-repeat: repeat-y;
}
#spconcept #point3 li{
	display: block;
	list-style-type: none;
	width: 494px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	height: 33px;
}
#spconcept #point3 .p1{
	background-image: url(../images/point1.gif);
	background-repeat: no-repeat;
}
#spconcept #point3 .p2{
	background-image: url(../images/point2.gif);
	background-repeat: no-repeat;
}
#spconcept #point3 .p3{
	background-image: url(../images/point3.gif);
	background-repeat: no-repeat;
}
#spconcept #point3-fin{
	background-image: url(../images/point-kaihatsu.gif);
	height: 97px;
	background-repeat: no-repeat;
}
#spconcept #kaihatsu{
	background-image: url(../images/kaihatsu-back.gif);
	background-repeat: repeat-y;
}
#spconcept .kaihatsu-block{
	background-image: url(../images/kaihatsu-top-back.gif);
	background-repeat: no-repeat;
}
#spconcept .kaihatsu-block h3{
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	line-height: 40px;
}
#spconcept #kaihatsu #kaihatsu-fin{
	background-image: url(../images/kaihatsu-bottom.gif);
	background-repeat: no-repeat;
	height: 27px;
}
#spconcept .kaihatsu-block ul{
	display: block;
	list-style-type: none;
	margin-left: 18px;
}
#spconcept .kaihatsu-block .advantage{
	background-image: url(../images/kaihatsu-adv-back.gif);
	background-repeat: no-repeat;
	display: block;
	height: 148px;
	width: 219px;
	list-style-type: none;
	float: left;
	margin-right: 1px;
	margin-left: 1px;
	margin-bottom: 2px;
}
#spconcept .kaihatsu-block .advantage h4{
	display: block;
	height: 35px;
	text-indent: -9999pt;
	margin-top: 7px;
}
#spconcept .kaihatsu-block .advantage p{
	display: block;
	height: 56px;
	padding: 0px;
	text-indent: -9999px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#spconcept .kaihatsu-block .advantage a{
	width:193px;
	height:34px;
	overflow:hidden;
	outline:none;
	display: block;
	background-image: url(../images/b-motto-a.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-right: auto;
	margin-left: auto;
}
#spconcept .kaihatsu-block .adv1 h4{
	background-image: url(../images/adv1-tit.gif);
	background-repeat: no-repeat;
}
#spconcept .kaihatsu-block .adv2 h4{
	background-image: url(../images/adv2-tit.gif);
	background-repeat: no-repeat;
}
#spconcept .kaihatsu-block .adv3 h4{
	background-image: url(../images/adv3-tit.gif);
	background-repeat: no-repeat;
}
#spconcept .kaihatsu-block .adv1 p{
	background-image: url(../images/adv1-p.gif);
	background-repeat: no-repeat;
}
#spconcept .kaihatsu-block .adv2 p{
	background-image: url(../images/adv2-p.gif);
	background-repeat: no-repeat;
}
#spconcept .kaihatsu-block .adv3 p{
	background-image: url(../images/adv3-p.gif);
	background-repeat: no-repeat;
}
#spconcept .kaihatsu-block .bottom{
	display: block;
	clear: both;
	background-image: url(../images/kaihatsu-bottom-back.gif);
	background-repeat: no-repeat;
	height: 58px;
	width: 661px;
	margin-top: 2px;
	margin-left: 1px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
}
#spconcept .kaihatsu-block .bottom h4{
	display: block;
	background-image: url(../images/adv4-tit.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 487px;
	float: left;
	padding: 0px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-indent: -9999px;
}
#spconcept .kaihatsu-block .bottom a{
	overflow:hidden;
	outline:none;
	display: block;
	background-image: url(../images/b-motto-b.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 148px;
	padding: 0px;
	float: left;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-indent: -9999px;
}
#spmarks h2{
	background-image: url(../images/marks-midashi1.gif);
	background-repeat: no-repeat;
	display: block;
	height: 44px;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}
#spmarks .mark-unit {
	background-image: url(../images/ten-sen.gif);
	background-repeat: repeat-x;
	padding-top: 33px;
	padding-bottom: 33px;
	width: 686px;
	margin-right: auto;
	margin-left: auto;
}
#spmarks .mark-unit h3{
	font-size: 18px;
	font-weight: bolder;
	color: #002063;
}
#spmarks .mark-unit h4{
	font-size: 14px;
	line-height: 19px;
	font-weight: bold;
	margin: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	
}

#spmarks #mark2 .quo5table th{
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	font-weight: normal;
	line-height: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#spmarks #mark2 .quo5table td {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	line-height: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#spmarks #mark2 dt{
	display: block;
	margin: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 12px;
}
#spmarks #mark2 dd{
	display: block;
	margin: 0px;
	line-height: 16px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
}
#spmarks #mark3 .link-area a{
	display: block;
	background-image: url(../images/hfs-btn.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding: 0px;
	height: 30px;
	width: 186px;
	margin-top: 10px;
}
#fromfhs {
	background-image: url(../images/fromhfs-back.gif);
	background-repeat: repeat-y;
	margin-top: 10px;
}
#fromfhs .reed-block {
	width: 262px;
	margin-top: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
}
#fromfhs .reed-block h3{
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	display: block;
	width: 230px;
	color: #22943a;
	margin-left: 18px;
}
#fromfhs .reed-block p{
	display: block;
	width: 230px;
	color: #22943a;
	margin-left: 18px;
	line-height: 16px;
}
#fromfhs .link-block{
	display: block;
	padding: 0px;
	width: auto;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#fromfhs .link-block li{
	display: block;
	float: left;
	list-style-type: none;
	width: 194px;
	margin-top: 0px;
	margin-right: 14px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000;
	padding-top: 6px;
	padding-bottom: 0px;
}
#splineup h2 {
	background-image: url(../images/lineup-midashi1.gif);
	background-repeat: no-repeat;
	display: block;
	height: 44px;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}
.tabheader{
	background-image: url(../images/tabheader-back.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	height: 37px;
}
.tabheader .v-space{
	float: left;
	height: 37px;
	width: 189px;
	margin-right: 10px;
	background-image: url(../images/tab-btn.gif);
	background-repeat: no-repeat;
}

.tabheader .close {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	height: 37px;
	width: 189px;
	font-size: 14px;
	line-height: 37px;
	text-align: center;
	display: block;
	white-space: nowrap;
	background-image: url(../images/tab-btn-low.gif);
	background-repeat: no-repeat;
}
.tabheader .open {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	height: 37px;
	width: 189px;
	font-size: 14px;
	line-height: 37px;
	text-align: center;
	display: block;
	white-space: nowrap;
	background-image: url(../images/tab-btn.gif);
	background-repeat: no-repeat;
}

.tabheader a {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	height: 37px;
	width: 189px;
	font-size: 14px;
	line-height: 37px;
	text-align: center;
	display: block;
	white-space: nowrap;
}
.tabheader a:hover {
	background-image: url(../images/tab-btn.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	height: 37px;
	width: 189px;
	font-size: 14px;
	line-height: 37px;
	text-align: center;
	display: block;
	white-space: nowrap;
}
.tabheader a:active {
	background-image: url(../images/tab-btn.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	height: 37px;
	width: 189px;
	font-size: 14px;
	line-height: 37px;
	text-align: center;
	display: block;
	white-space: nowrap;
}
.tabbody {
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.tabbody .bland-unit{
	padding-top: 0px;
	padding-bottom: 20px;
	clear: both;
	float: none;
}
.tabbody .bland-in{
	display: block;
	float: left;
	width: 200px;
	padding: 0px;
	margin: 0px;
}
.tabbody .bland-in h3 {
	background-image: url(../images/bland-in-back.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 190px;
	padding-left: 10px;
	font-size: 12px;
	line-height: 28px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.tabbody .bland-in .blandtitle2 {
	background-image: url(../images/bland-in-goo-tori.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	text-indent: -9999px;
}

.tabbody .list-in{
	display: block;
	padding: 0px;
	float: right;
	width: 490px;
	margin: 0px;
}
.tabbody .list-in dt{
	display: block;
	height: 9px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #000;
	overflow: hidden;
	margin-top: 9px;
}
.tabbody .list-in dd{
	background-image: url(../images/listmark.gif);
	background-repeat: no-repeat;
	line-height: 19px;
	display: block;
	margin: 0px;
	height: 19px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 24px;
}
#spstage h2 {
	background-image: url(../images/stage-midashi1.gif);
	background-repeat: no-repeat;
	display: block;
	height: 44px;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}
#spstage #stagelist{
	margin-left: 5px;
}
#spstage .type-unit h3{
	background-image: url(../images/stage-type-back.gif);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	height: 56px;
	width: 220px;
	font-size: 16px;
	line-height: 56px;
	font-weight: normal;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#spstage .type-unit{
	float: left;
	margin-right: 9px;
}
#spstage .type-unit ul{
	display: block;
	width: 220px;
	list-style-type: none;
	margin: 0px;
	background-color: #fccd32;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
* html #spstage .type-unit li a,* html #spstage .type-unit li .nolink{/* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html #spstage .type-unit li a,*:first-child+html #spstage .type-unit li .nolink{/* IE 7 */
display:inline;
zoom:1;
}
#spstage .type-unit li{
	display:block;
	color: #cc9966;
	padding: 0px;
	list-style-type: none;
	text-align: center;
	width: 220px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 56px;
}
#spstage .type-unit li .nolink{
	height: 51px;
	text-align: center;
	width: 204px;
	background-image: url(../images/stage-btn-low.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	overflow: hidden;
	font-size: 14px;
	line-height: 16px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
}

#spstage .type-unit li a{
	display:block;
	height: 51px;
	text-align: center;
	width: 204px;
	background-image: url(../images/stage-btn.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	overflow: hidden;
	font-size: 14px;
	line-height: 16px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#spstage .type-unit li a .lang1,#spstage .type-unit li .nolink .lang1{
	margin-top: 17px;
	display: block;
}
#spstage .type-unit li a .lang2,#spstage .type-unit li .nolink .lang2{
	margin-top: 10px;
	display: block;
}
#spstage .type-unit li a:hover{
	background-image: url(../images/stage-btn-hi.gif);
	background-repeat: no-repeat;
}
#spstage .type-unit li a:active{
	background-image: url(../images/stage-btn-hi.gif);
	background-repeat: no-repeat;
}