@charset "utf-8";
/* enter */
/* ボタンでマージン165pxあり */
#enter {
	height: 453px;
}
#enter-bt {
	height: 50px;
	width: 175px;
	margin: 160px 0 0 735px;
}
#enter-bt a{
	text-decoration: none;
	display: block;
	height: 18px;
	width: 175px;
}
#enter-bt ul{
	margin: 0px;
	padding: 0px;
}
#enter-bt li{
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0px;
}
/* IE6 only */
* html #enter-bt {
	margin: 160px 0 0 735px;
	height: 50px;
}
* html #enter-bt a{
	text-decoration: none;
	display: block;
	height: 18px;
	width: 175px;
}
* html #enter-bt li{
	list-style-type: none;
	margin: 0 0 0px 0;
	padding: 0px;
}
/* IE7 only */
*+html #enter-bt {
	margin: 160px 0 0 735px;
}
*+html #enter-bt li{
	list-style-type: none;
	margin: 0 0 0px 0;
	padding: 0px;
	cursor: pointer;
}

/*
	ボタン本体は条件分岐が入っている為、
	logic_css.cfmに格納
 */


/* menu */
#cont-menu a{
	text-decoration: none;
	display: block;
	height: 42px;
	width: 160px;
}
#cont-menu ul{
	margin: 0px;
	padding: 0px;
}
#cont-menu li{
	float: right;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#m1 a{
  text-indent:-9999px;
	background:  url(../img/bt_top.gif) no-repeat 0px 0px;
}
#m1 a:hover{
  text-indent:-9999px;
	background:  url(../img/bt_top.gif) no-repeat -160px 0px;
}
#m2 a{
  text-indent:-9999px;
	background:  url(../img/bt_info.gif) no-repeat 0px 0px;
}
#m2 a:hover{
  text-indent:-9999px;
	background:  url(../img/bt_info.gif) no-repeat -160px 0px;
}
#m3 a{
  text-indent:-9999px;
	background:  url(../img/bt_profile.gif) no-repeat 0px 0px;
}
#m3 a:hover{
  text-indent:-9999px;
	background:  url(../img/bt_profile.gif) no-repeat -160px 0px;
}
#m4 a{
  text-indent:-9999px;
	background:  url(../img/bt_portfolio.gif) no-repeat 0px 0px;
}
#m4 a:hover{
  text-indent:-9999px;
	background:  url(../img/bt_portfolio.gif) no-repeat -160px 0px;
}
#m5 a{
  text-indent:-9999px;
	background:  url(../img/bt_link.gif) no-repeat 0px 0px;
}
#m5 a:hover{
  text-indent:-9999px;
	background:  url(../img/bt_link.gif) no-repeat -160px 0px;
}
#m6 a{
  text-indent:-9999px;
	background:  url(../img/bt_contact.gif) no-repeat 0px 0px;
}
#m6 a:hover{
  text-indent:-9999px;
	background:  url(../img/bt_contact.gif) no-repeat -160px 0px;
}
#m7 a{
  text-indent:-9999px;
	background:  url(../img/bt_reviews.gif) no-repeat 0px 0px;
}
#m7 a:hover{
  text-indent:-9999px;
	background:  url(../img/bt_reviews.gif) no-repeat -160px 0px;
}
#change_jp a{
  text-indent:-9999px;
	background:  url(../img/bt_change_jp.gif) no-repeat 0px 0px;
}
#change_jp a:hover{
  text-indent:-9999px;
	background:  url(../img/bt_change_jp.gif) no-repeat -160px 0px;
}
#change_en a{
  text-indent:-9999px;
	background:  url(../img/bt_change_en.gif) no-repeat 0px 0px;
}
#change_en a:hover{
  text-indent:-9999px;
	background:  url(../img/bt_change_en.gif) no-repeat -160px 0px;
}
/* IE6 IE7 */
#change_jp a{
	/background:  url(../img/bt_change_jp_ie.gif) no-repeat 0px 0px;
	cursor: pointer;
}
#change_en a{
  /background:  url(../img/bt_change_en_ie.gif) no-repeat 0px 0px;
	cursor: pointer;
}

/* profile */
#prof-rireki a{
  text-indent:-9999px;
	background:  url(../img/bt_profile_rireki.gif) no-repeat 0px 0px;
}
#prof-rireki a:hover{
  text-indent:-9999px;
	background:  url(../img/bt_profile_rireki.gif) no-repeat -160px 0px;
}
#prof-pri a{
  text-indent:-9999px;
	background:  url(../img/bt_profile_pri.gif) no-repeat 0px 0px;
}
#prof-pri a:hover{
  text-indent:-9999px;
	background:  url(../img/bt_profile_pri.gif) no-repeat -160px 0px;
}
#prof-group a{
  text-indent:-9999px;
	background:  url(../img/bt_profile_group.gif) no-repeat 0px 0px;
}
#prof-group a:hover{
  text-indent:-9999px;
	background:  url(../img/bt_profile_group.gif) no-repeat -160px 0px;
}
/* port-menu */
#port-top a{
  text-indent:-9999px;
	background:  url(../img/portfolio/bt_port_m_top.gif) no-repeat 0px 0px;
}
#port-top a:hover{
  text-indent:-9999px;
	background:  url(../img/portfolio/bt_port_m_top.gif) no-repeat -160px 0px;
}
#port-01 a{
  text-indent:-9999px;
	background:  url(../img/portfolio/bt_port_m_01_2.gif) no-repeat 0px 0px;
}
#port-01 a:hover{
  text-indent:-9999px;
	background:  url(../img/portfolio/bt_port_m_01_2.gif) no-repeat -160px 0px;
}
#port-02 a{
  text-indent:-9999px;
	background:  url(../img/portfolio/bt_port_m_02.gif) no-repeat 0px 0px;
}
#port-02 a:hover{
  text-indent:-9999px;
	background:  url(../img/portfolio/bt_port_m_02.gif) no-repeat -160px 0px;
}
#port-03 a{
  text-indent:-9999px;
	background:  url(../img/portfolio/bt_port_m_03.gif) no-repeat 0px 0px;
}
#port-03 a:hover{
  text-indent:-9999px;
	background:  url(../img/portfolio/bt_port_m_03.gif) no-repeat -160px 0px;
}
#port-04 a{
  text-indent:-9999px;
	background:  url(../img/portfolio/bt_port_m_04.gif) no-repeat 0px 0px;
}
#port-04 a:hover{
  text-indent:-9999px;
	background:  url(../img/portfolio/bt_port_m_04.gif) no-repeat -160px 0px;
}
#port-05 a{
  text-indent:-9999px;
	background:  url(../img/portfolio/bt_port_m_05.gif) no-repeat 0px 0px;
}
#port-05 a:hover{
  text-indent:-9999px;
	background:  url(../img/portfolio/bt_port_m_05.gif) no-repeat -160px 0px;
}
#port-06 a{
  text-indent:-9999px;
	background:  url(../img/portfolio/bt_port_m_06_2.gif) no-repeat 0px 0px;
}
#port-06 a:hover{
  text-indent:-9999px;
	background:  url(../img/portfolio/bt_port_m_06_2.gif) no-repeat -160px 0px;
}

/* reviews */
#rev-01 a{
  text-indent:-9999px;
	background:  url(../img/reviews/bt_rev_ppas.gif) no-repeat 0px 0px;
}
#rev-01 a:hover{
  text-indent:-9999px;
	background:  url(../img/reviews/bt_rev_ppas.gif) no-repeat -160px 0px;
}
#rev-02 a{
  text-indent:-9999px;
	background:  url(../img/reviews/bt_rev_pun.gif) no-repeat 0px 0px;
}
#rev-02 a:hover{
  text-indent:-9999px;
	background:  url(../img/reviews/bt_rev_pun.gif) no-repeat -160px 0px;
}
.rev-img-01 {
	position:relative;
	display:block;
	height: 138px;
	width: 103px;
	background:url(../img/reviews/rev_ppas_mini.jpg) 0 0 no-repeat;
}
.rev-img-01 * {
	display: none;
}
.rev-img-01 span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 138px;
	width: 103px;
	background:url(../img/reviews/rev_ppas_mini.jpg) -103px 0 no-repeat;
}
.rev-img-02 {
	position:relative;
	display:block;
	height: 138px;
	width: 103px;
	background:url(../img/reviews/rev_pun_mini.jpg) 0 0 no-repeat;
}
.rev-img-02 * {
	display: none;
}
.rev-img-02 span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 138px;
	width: 103px;
	background:url(../img/reviews/rev_pun_mini.jpg) -103px 0 no-repeat;
}

/* port-main-menu */
#port-menu-box {
	margin: 0 20px 0 20px;
}
#port-menu-box-l {
	float: left;
	width: 340px;
}
#port-menu-box-r {
	float: right;
	width: 340px;
}
#port-menu-clear {
	width: 1px;
	height: 25px;
	clear: both;
}
#port-menu-box-s {
	width: 1px;
	height: 30px;
}
.port-main-01 {
	position:relative;
	display:block;
	height: 165px;
	width: 340px;
	background:url(../img/portfolio/bt_port_01.jpg) 0 0 no-repeat;
}
.port-main-01 * {
	display: none;
}
.port-main-01 span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 165px;
	width: 340px;
	background:url(../img/portfolio/bt_port_01.jpg) -340px 0 no-repeat;
}
.port-main-02 {
	position:relative;
	display:block;
	height: 165px;
	width: 340px;
	background:url(../img/portfolio/bt_port_02.jpg) 0 0 no-repeat;
}
.port-main-02 * {
	display: none;
}
.port-main-02 span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 165px;
	width: 340px;
	background:url(../img/portfolio/bt_port_02.jpg) -340px 0 no-repeat;
}
.port-main-03 {
	position:relative;
	display:block;
	height: 165px;
	width: 340px;
	background:url(../img/portfolio/bt_port_03.jpg) 0 0 no-repeat;
}
.port-main-03 * {
	display: none;
}
.port-main-03 span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 165px;
	width: 340px;
	background:url(../img/portfolio/bt_port_03.jpg) -340px 0 no-repeat;
}
.port-main-04 {
	position:relative;
	display:block;
	height: 165px;
	width: 340px;
	background:url(../img/portfolio/bt_port_04.jpg) 0 0 no-repeat;
}
.port-main-04 * {
	display: none;
}
.port-main-04 span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 165px;
	width: 340px;
	background:url(../img/portfolio/bt_port_04.jpg) -340px 0 no-repeat;
}
.port-main-05 {
	position:relative;
	display:block;
	height: 165px;
	width: 340px;
	background:url(../img/portfolio/bt_port_05.jpg) 0 0 no-repeat;
}
.port-main-05 * {
	display: none;
}
.port-main-05 span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 165px;
	width: 340px;
	background:url(../img/portfolio/bt_port_05.jpg) -340px 0 no-repeat;
}
.port-main-06 {
	position:relative;
	display:block;
	height: 165px;
	width: 340px;
	background:url(../img/portfolio/bt_port_06.jpg) 0 0 no-repeat;
}
.port-main-06 * {
	display: none;
}
.port-main-06 span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 165px;
	width: 340px;
	background:url(../img/portfolio/bt_port_06.jpg) -340px 0 no-repeat;
}