/*======================================

     Container

=======================================*/

div#ikemen{
	width: 715px;
	overflow: hidden;
}

div#ikemen img {
	-ms-interpolation-mode: bicubic;
}

div#ikemen a img {
	display: block;
	padding: 1px;
	border: solid 1px #888a8c;
}

div#ikemen a:hover img {
	display: block;
	padding: 1px;
	border: solid 1px #464646;
}

/*======================================

     Header

=======================================*/
div#ikemen div#header{
	position: relative;
	width: 715px;
	height: 233px;
	margin-bottom: 18px;
	background: transparent url(../img/gui.png) left top no-repeat;
}

/*-------------------------------------
     Title Logo
---------------------------------------*/
div#ikemen div#header h1{
	position: absolute;
	top: 24px;
	left: 20px;
	width: 246px;
	height: 0 !important;
	height /**/: 142px;
	padding-top: 142px;
	overflow: hidden;
	outline: none;
	background: transparent url(../img/gui.png) -20px -24px no-repeat;
}

/*-------------------------------------
     Sumarry
---------------------------------------*/
div#ikemen div#header p{
	position: absolute;
	top: 35px;
	left: 280px;
	width: 415px;
	height: 0 !important;
	height /**/: 116px;
	padding-top: 116px;
	overflow: hidden;
	outline: none;
	background: transparent url(../img/gui.png) -280px -35px no-repeat;
}

/*-------------------------------------
     Grobal Menu
---------------------------------------*/
div#ikemen div#header ul{
	position: absolute;
	top: 195px;
	left: 9px;
	width: 699px;
	height: 39px;
}
div#ikemen div#header ul li{
	float: left;
}
div#ikemen div#header ul li a{
	display: block;
	width: 231px;
	height: 0 !important;
	height /**/: 38px;
	padding-top: 38px;
	overflow: hidden;
	outline: none;
	background: transparent url(../img/gui.png) -10px -234px no-repeat;
}
div#ikemen div#header ul li.menu_01 a{
	width: 231px;
}
div#ikemen div#header ul li.menu_01 a:hover,
div#ikemen div#header ul li.menu_01 a.selected{
	background-position: -10px -272px;
}
div#ikemen div#header ul li.menu_02 a{
	background-position: -241px -234px;
}
div#ikemen div#header ul li.menu_02 a:hover,
div#ikemen div#header ul li.menu_02 a.selected{
	background-position: -241px -272px;
}
div#ikemen div#header ul li.menu_03 a{
	background-position: -472px -234px;
}
div#ikemen div#header ul li.menu_03 a:hover,
div#ikemen div#header ul li.menu_03 a.selected{
	background-position: -472px -272px;
}

/*======================================

     Selector

=======================================*/
div#ikemen ul.selector{
	width: 716px;
	padding-top: 34px;
	margin-left: 1px;
	margin-bottom: 20px;
}
div#ikemen ul.selector li{
	float: left;
	margin: 0 3px 3px 0;
}
div#ikemen ul.selector li a{
	display: block;
	width: 176px;
	height: 0 !important;
	height /**/: 120px;
	padding-top: 120px;
	overflow: hidden;
	outline: none;
	/*background-color: #fff;*/
}
div#ikemen ul#lineup_taiwan{
	height: 489px;
	background: transparent url(../img/lineup_taiwan.png) left top no-repeat;
}
div#ikemen ul#lineup_oversea{
	height: 489px;
	background: transparent url(../img/lineup_overseas.png) left top no-repeat;
}
div#ikemen ul#lineup_china{
	height: 120px;
	background: transparent url(../img/lineup_china.png) left top no-repeat;
}
div#ikemen ul#lineup_japan{
	height: 120px;
	background: transparent url(../img/lineup_japan.png) left top no-repeat;
}


/*======================================

     Detail View

=======================================*/
div#ikemen div.detailview{
	clear: both;
	position: relative;
	margin-bottom: 10px;
	/* display: none; */
}
div#ikemen div.detailview div.country{
	position: absolute;
	top: 2px;
	right: 2px;
	width: 59px;
	height: 0 !important;
	height /**/: 59px;
	padding-top: 59px;
	overflow: hidden;
	outline: none;
	z-index: 1;
}
div#ikemen div.detailview.taiwan div.country{
	background: transparent url(../img/gui.png) left -310px no-repeat;
}
div#ikemen div.detailview.oversea div.country{
	background: transparent url(../img/gui.png) -60px -310px no-repeat;
}
div#ikemen div.detailview.china div.country{
	background: transparent url(../img/gui.png) -120px -310px no-repeat;
}
div#ikemen div.detailview.japan div.country{
	background: transparent url(../img/gui.png) -180px -310px no-repeat;
}

/*-------------------------------------
     Profile
---------------------------------------*/
div#ikemen div.detailview div.profile{
	padding: 20px 0 15px 0;
	background: #fff url(../img/gui.png) left -370px no-repeat;
}
div#ikemen div.detailview div.profile h2{
	position: absolute;
	top: 23px;
	right: 11px;
	width: 326px;
	height: 0 !important;
	height /**/: 48px;
	padding-top: 48px;
	overflow: hidden;
	outline: none;
}
div#ikemen div.detailview.taiwan div.profile h2{
	background: transparent url(../img/details_taiwan.png) left -120px no-repeat;
}
div#ikemen div.detailview.oversea div.profile h2{
	background: transparent url(../img/details_overseas.png) left -120px no-repeat;
}
div#ikemen div.detailview.china div.profile h2{
	background: transparent url(../img/details_china.png) left -120px no-repeat;
}
div#ikemen div.detailview.japan div.profile h2{
	background: transparent url(../img/details_japan.png) left -120px no-repeat;
}

div#ikemen div.detailview div.profile p{
	display: block;
	width: 320px;
	height: 60px;
	padding: 60px 0 0 367px;
	margin-left: 11px;
	overflow: hidden;
	font-size: 10px;
	line-height: 14px;
}
div#ikemen div.detailview.taiwan div.profile p{
	background: transparent url(../img/details_taiwan.png) left top no-repeat;
}
div#ikemen div.detailview.oversea div.profile p{
	background: transparent url(../img/details_overseas.png) left top no-repeat;
}
div#ikemen div.detailview.china div.profile p{
	background: transparent url(../img/details_china.png) left top no-repeat;
}
div#ikemen div.detailview.japan div.profile p{
	background: transparent url(../img/details_japan.png) left top no-repeat;
}

div#ikemen div#box1 div.profile h2{
	background-position: left -122px;
}
div#ikemen div#box1 div.profile p{
	background-position: left 0;
}
div#ikemen div#box2 div.profile h2{
	background-position: left -292px;
}
div#ikemen div#box2 div.profile p{
	background-position: left -170px;
}
div#ikemen div#box3 div.profile h2{
	background-position: left -462px;
}
div#ikemen div#box3 div.profile p{
	background-position: left -340px;
}
div#ikemen div#box4 div.profile h2{
	background-position: left -632px;
}
div#ikemen div#box4 div.profile p{
	background-position: left -510px;
}
div#ikemen div#box5 div.profile h2{
	background-position: left -802px;
}
div#ikemen div#box5 div.profile p{
	background-position: left -680px;
}
div#ikemen div#box6 div.profile h2{
	background-position: left -972px;
}
div#ikemen div#box6 div.profile p{
	background-position: left -850px;
}
div#ikemen div#box7 div.profile h2{
	background-position: left -1142px;
}
div#ikemen div#box7 div.profile p{
	background-position: left -1020px;
}
div#ikemen div#box8 div.profile h2{
	background-position: left -1312px;
}
div#ikemen div#box8 div.profile p{
	background-position: left -1190px;
}
div#ikemen div#box9 div.profile h2{
	background-position: left -1482px;
}
div#ikemen div#box9 div.profile p{
	background-position: left -1360px;
}
div#ikemen div#box10 div.profile h2{
	background-position: left -1652px;
}
div#ikemen div#box10 div.profile p{
	background-position: left -1530px;
}
div#ikemen div#box11 div.profile h2{
	background-position: left -1822px;
}
div#ikemen div#box11 div.profile p{
	background-position: left -1700px;
}
div#ikemen div#box12 div.profile h2{
	background-position: left -1992px;
}
div#ikemen div#box12 div.profile p{
	background-position: left -1870px;
}
div#ikemen div#box13 div.profile h2{
	background-position: left -2162px;
}
div#ikemen div#box13 div.profile p{
	background-position: left -2040px;
}
div#ikemen div#box14 div.profile h2{
	background-position: left -2332px;
}
div#ikemen div#box14 div.profile p{
	background-position: left -2210px;
}
div#ikemen div#box15 div.profile h2{
	background-position: left -2502px;
}
div#ikemen div#box15 div.profile p{
	background-position: left -2380px;
}
div#ikemen div#box16 div.profile h2{
	background-position: left -2672px;
}
div#ikemen div#box16 div.profile p{
	background-position: left -2550px;
}

/*-------------------------------------
     Filmography
---------------------------------------*/
div#ikemen div.detailview div.filmography{
	border: solid 1px #136d80;
	border-width: 0 1px;
	padding-top: 23px;
	padding-bottom: 10px;
	background: transparent url(../img/gui.png) left -568px no-repeat;
}
div#ikemen div.detailview div.filmography div.works{
	position: relative;
	float: left;
	width: 164px;
	padding: 135px 2px 10px 10px;
	background-color: #fff;
	height: 170px;
}

div#ikemen div.detailview div.filmography div.works h3{
	font-size: 12px;
	line-height: 16px;
}
div#ikemen div.detailview div.filmography div.works p.summary{
	font-size: 10px;
	line-height: 14px;
	padding: 8px 0;
}
div#ikemen div.detailview div.filmography div.works a img{
	position: absolute;
	top: 10px;
	left: 10px;
}
div#ikemen div.detailview div.filmography div.works p.copyright{
	font-size: 8px;
	line-height: 9px;
	color: #888;
}
div#ikemen div.detailview div.filmography .small{
	font-size: 10px !important;
	line-height: 14px !important;
}
div#ikemen div.detailview div.filmography .extraSmall{
	font-size: 6px !important;
	line-height: 7px !important;
}
div#ikemen div.detailview div.filmography div.works div.beetv{
	position: absolute;
	top: 113px;
	left: 13px;
	width: 47px;
	height: 0 !important;
	height /**/: 15px;
	padding-top: 15px;
	overflow: hidden;
	outline: none;
	z-index: 2;
	background: transparent url(../img/gui.png) -632px -310px no-repeat;
}

/*-------------------------------------
     Footer(page top link)
---------------------------------------*/
div#ikemen div.detailview div.footer{
	height: 16px;
	padding-top: 4px;
	background: transparent url(../img/gui.png) left -546px no-repeat;
}
div#ikemen div.detailview div.footer a{
	float: right;
	width: 93px;
	height: 0 !important;
	height /**/: 16px;
	padding-top: 16px;
	overflow: hidden;
	outline: none;
	background: transparent url(../img/gui.png) -622px -550px no-repeat;
}

/*======================================

     navi

=======================================*/
ul#naviArea {
	width: 715px;
	height: 35px;
	margin-bottom: 2px;
}

ul#naviArea li {
	float: left;
	height: 35px;
	overflow: hidden;
}

ul#naviArea li.ikemenNavi { width: 357px;}
ul#naviArea li.bijoNavi { width: 358px;}

ul#naviArea li a {
	display: block;
	background: url(../img/navi.png);
	padding-top: 35px;
	overflow: hidden;
}

ul#naviArea li.ikemenNavi a { background-position: 0 35px}
ul#naviArea li.bijoNavi a { background-position: -357px 35px}

ul#naviArea li.ikemenNavi a:hover { background-position: 0 0}
ul#naviArea li.bijoNavi a:hover { background-position: -357px 0}

ul#naviArea li.ikemenNavi a.activeNavi { background-position: 0 0}
ul#naviArea li.bijoNavi a.activeNavi { background-position: -357px 0}

/*======================================

     present button

=======================================*/
div#presentArea {margin: -13px 0 10px}
div#presentArea a img{ border: none; padding: 0;}
div#presentArea a:hover img{
	border: none;
	padding: 0;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

/*======================================

     Clearfix

=======================================*/
div#ikemen div.detailview div.filmography{
	_height: 1px;
	zoom:1;/*for IE 5.5-7*/
}
div#ikemen div.detailview div.filmography:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}