@charset "utf-8";
/* CSS Document */

body { background: url(../../img/other/bg_body.gif) repeat-x left top #97d4ed; }

#container { 
	width: 1200px;
	background: url(../../img/other/bg_container_loop.gif) repeat-y 69px 0;
	position: relative;
}

#container div.Wrap { 
	background: url(../../img/other/bg_container_btm.gif) no-repeat 69px bottom;
	width: 1140px;
}

/*----- 言語選択 -----*/
#headerNavi { height:57px; position:absolute; z-index:4; }
#headerNavi p.globalhome { top:14px; left:120px; }
#headerNavi p.languageTx { top:12px; }
#headerNavi #menuLang { top:9px; }

#container div.Wrap div.Wrap {
	background: url(../../../jp/common/img/other/top/bg_container_head.jpg) no-repeat left top;
	/*overflow: hidden; height: 1%;*/
	padding: 0 0 36px;
	position: relative;
}

/* @group clear */
#container div.Wrap div.Wrap{min-height:1%;}
#container div.Wrap div.Wrap:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
* html #container div.Wrap div.Wrap{height:1%;}
/*\*//*/
* html #container div.Wrap div.Wrap{height:inherit;display:inline-table;}
/**/
/* @end */


/* 多言語ヘッダー背景 */
body.eng #container div.Wrap div.Wrap { background: url(../../../en/common/img/other/top/bg_container_head.jpg) no-repeat left top; }
body.es #container div.Wrap div.Wrap { background: url(../../../es/common/img/other/top/bg_container_head.jpg) no-repeat left top; }
body.pt #container div.Wrap div.Wrap { background: url(../../../pt/common/img/other/top/bg_container_head.jpg) no-repeat left top; }
body.zh #container div.Wrap div.Wrap { background: url(../../../zh/common/img/other/top/bg_container_head.jpg) no-repeat left top; }
body.ko #container div.Wrap div.Wrap { background: url(../../../ko/common/img/other/top/bg_container_head.jpg) no-repeat left top; }
body.fr #container div.Wrap div.Wrap { background: url(../../../fr/common/img/other/top/bg_container_head.jpg) no-repeat left top; }
body.id #container div.Wrap div.Wrap { background: url(../../../id/common/img/other/top/bg_container_head.jpg) no-repeat left top; }



#imgHonigon { width: 160px; height: 238px; position: absolute; top: 5px; left: 1005px; z-index:2;}
#imgN21 { width: 101px; height: 79px; position: absolute; top: 7px; left: 678px;  z-index:2;}
#btfb{ position:absolute; width:230px; height:20px; top:60px; left:774px; z-index:3;}
/*----- メインカラム -----*/

#mainClm { width: 760px; float: left; margin-top:57px; }




#header { height: 240px; position: relative; }
#header h1,
#header p.text { text-indent: -9999px; font-size: 1px; }

#contents { padding: 12px 0 0 95px; }

#contents h2 { margin: 0 0 5px; }  

#cornerMenu { 
	width: 640px; height: 198px; overflow: hidden; 
	background: url(../../img/other/top/bg_cornermenu.jpg) no-repeat bottom left; 
}
#cornerMenu h3,
#cornerMenu li,
#cornerMenu p { width: 160px; float: left; margin: 0 0 4px; font-size: 1px; }

#cornerMenu li.kana,
#cornerMenu li.verb { width: 240px; }

#ranking { 
	clear: both; 
	background: url(../../img/other/top/bg_ranking_loop.gif) repeat-y left;
	margin: 0 0 5px;
}
#ranking div.wrap { background: url(../../img/other/top/bg_ranking_top.gif) no-repeat left top; }
#ranking div.wrap div.wrap { 
	background: url(../../img/other/top/bg_ranking_btm.gif) no-repeat left bottom; 
	overflow: hidden; height: 1%; 
	padding: 25px 9px 8px;
	 position:relative; 
}

#ranking h2 { text-indent: -9999px; font-size: 1px; float: none; margin: 0; padding: 0; }

#ranking li { 
	background: url(../../img/other/line_dot.gif) repeat-x left bottom; 
	padding: 4px 0; margin: 0 8px;
}
#ranking li.last { background: none; }

#userRanking { width: 189px; float: left;}
#userRanking ul { margin: 0 4px 0 0; }
#userRanking td.image { padding: 0 8px 0 0; }
#userRanking td.point { background: url(../../img/other/top/icn_point.gif) no-repeat 0px 2px; padding: 0 0 0 15px; }
#userRanking td.point span { color: #da3c24; font-weight: bold; }
#userRanking p a#rankingAll{ position:absolute; top:7px; left:120px;}
#pickup { width: 189px; float: left; }
#pickup ul { margin: 0 4px 0 0; }
#pickup td.text { padding: 0; }

#contentsRanking { width: 241px; float: left; }
#contentsRanking td { vertical-align: middle; }
#contentsRanking td.icon { text-align: center; padding: 4px 0; }
#contentsRanking td.text { padding: 4px 9px; }
#contentsRanking p{ text-align:center; }

#contents p.update { text-align: right; color: #219acf; margin: 0 30px 0 0; }

/* スライドメニュー */
/* everything is constructed with a single background image */
#slideMenu {
	background:url(../../img/other/top/bg_slidemenu.gif) no-repeat;
	width: 637px; height: 240px; position: relative;
}



#slideMenu p.prev { position:absolute; top:40px; left:5px; cursor: pointer; margin:0; }
#slideMenu p.next { position:absolute; top:40px; left: 613px; cursor: pointer; margin:0; }

/* root element for tabs */
#flowtabs {
	
	/* dimensions */
	width:637px;
	height:33px !important;
	margin:0 !important; 
	padding:0;	
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

/* a- tag inside single tab */
#flowtabs li a {
	background: url(../../../jp/common/img/other/top/slidemenu.jpg) no-repeat;
	display:block;
	height: 33px;   
	padding:0px;
	margin:0px;
	
	font-size:1px;
	text-indent: -9999px;
	outline: none;
}

/* 多言語スライドメニュー */
body.eng #flowtabs li a { background: url(../../../en/common/img/other/top/slidemenu.jpg) no-repeat; }
body.es #flowtabs li a { background: url(../../../es/common/img/other/top/slidemenu.jpg) no-repeat; }
body.pt #flowtabs li a { background: url(../../../pt/common/img/other/top/slidemenu.jpg) no-repeat; }
body.zh #flowtabs li a { background: url(../../../zh/common/img/other/top/slidemenu.jpg) no-repeat; }
body.ko #flowtabs li a { background: url(../../../ko/common/img/other/top/slidemenu.jpg) no-repeat; }
body.fr #flowtabs li a { background: url(../../../fr/common/img/other/top/slidemenu.jpg) no-repeat; }
body.id #flowtabs li a { background: url(../../../id/common/img/other/top/slidemenu.jpg) no-repeat; }

/* adjust the background image position on each tab */
#flowtabs #t1 			{ width: 127px; background-position: 0 0; }
#flowtabs #t2 			{ width: 128px; background-position: -127px 0; }
#flowtabs #t3 			{ width: 125px; background-position: -255px 0; }
#flowtabs #t4 			{ width: 127px; background-position: -380px 0; }
#flowtabs #t5  			{ width: 128px; background-position: -507px 0; }
 
/* mouseover state */
#flowtabs #t1:hover 	{ background-position:      0 -33px; }
#flowtabs #t2:hover 	{ background-position: -127px -33px; }
#flowtabs #t3:hover 	{ background-position: -255px -33px; }
#flowtabs #t4:hover 	{ background-position: -380px -33px; }
#flowtabs #t5:hover 	{ background-position: -507px -33px; }

/* currently selected tabs */
#flowtabs #t1.current { background-position:      0 -66px; }
#flowtabs #t2.current { background-position: -127px -66px; }
#flowtabs #t3.current { background-position: -255px -66px; }
#flowtabs #t4.current { background-position: -380px -66px; }
#flowtabs #t5.current { background-position: -507px -66px; }

/* panes */
#flowpanes {
	width:585px; height:182px;	
	overflow:hidden;
	clear:both;
	position:absolute; top:40px; left:25px;
}

/* single pane */
#flowpanes div {
	display:none;	
	margin:0;
	float:left;
	display:block;
	width:585px;
	cursor:pointer;
}

/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

/* some decorations for elements inside single pane */
#flowpanes div.items div ul { 
	width:585px; height:182px; 
	margin:0; padding:0; 
	background: url(../../img/other/top/bg_slidemenu2.gif) no-repeat;
}
#flowpanes div.items div ul li { width:117px; float:left; margin:0; padding:0; list-style-type:none; }
#flowpanes div.items div ul li p { text-align: center; margin:0; }
#flowpanes div.items div ul li p.image img { margin: 2px 0 8px; } 
#flowpanes div.items div ul li p.button a { font-size:1px; outline: none; }
#flowpanes div.items div ul li p.button a img { border: none; margin: 0 0 4px 2px; }


#flowpanes div.narrow {
	padding-right:160px;		
}

/*----- 右カラム -----*/

#rightClm { width: 380px; margin-top:57px; }

/*#rightClmWrap { padding: 57px 128px 0 13px; }*/

#rightClmWrap { padding: 30px 128px 0 13px; position: relative; }


/*----- フッター -----*/

#footer { 
/*margin: 0 111px 0 69px;*/
margin-left:69px;
width:960px;}


/*----- ランキング -----*/
body#ranking{
	background:#FFF;
}
body#ranking div#container{
	position:relative;
	background:none;
	width: auto;
}
body#ranking div#container h1{
	background:#abdef9;
	margin:0 0 35px 0;
	padding:42px 0 0 20px;
	
}
body#ranking div#container p.date{
	position: absolute;
	top:20px;
	left:20px;
	color:#6a7b8c;
	font-size:14px;
	margin:0;
	padding:0;
	font-weight:bold;
}
body#ranking div#container div.rankinglist{
	overflow:scroll;
	overflow-x: hidden;
	height:445px;
}
body#ranking div#container div.rankinglist table{
	width:100%;
}
body#ranking div#container div.rankinglist table th,
body#ranking div#container div.rankinglist table td{
	padding:8px;
	border-bottom:dotted 1px #999;
}
body#ranking div#container div.rankinglist table td.image{
	text-align:left;
}
body#ranking div#container div.rankinglist table td.image img{
	height:65px;
}