@charset "UTF-8";

/* common */

body, html {
	margin: 0;
	padding: 0;
	background-color: #666;
}

/* YUI fonts */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

body#tagnavi div {
	position: relative;
	margin: 20px auto;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 800px;
	background-color: #FFF;
}

body#tagnavi div h1 {
	margin-left: 20px;
	text-indent: 50px;
	padding: 7px 0;
	background-image: url("../images/d_h1_back.png");
	background-repeat: no-repeat;
}

body#tagnavi div p#status {
	position: absolute;
	top: 0px;
	right: 140px;
	margin-top: 25px;
}

body#tagnavi div p#status span#sum {
	margin: 0 10px;
	color: #FF8E19;
	font-weight: bold; 
}

body#tagnavi div p#listup {
	position: absolute;
	top: 0px;
	right: 20px;
	margin-top: 17px;
}

body#tagnavi div p#listup a {
	display: block;
	width: 93px;
	height: 40px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

body#tagnavi div p#listup a:hover {
	background-position: 0 -40px ;
}

body#tagnavi div p#listup a:active {
	background-position: 0 -80px ;
}

body#tagnavi div p#selectedtags {
	padding: 0 30px 0;
}

body#tagnavi div p#selectedtags span {
	font-weight: bold;
	color: #419F13;
}

body#tagnavi div ul {
	margin: 10px 20px 0px;
	padding: 15px 10px;
	border: 1px solid #CCC;
	text-align: center;
}

body#tagnavi div ul li {
	display: inline;
	margin: 0;
}

body#tagnavi div ul li a {
	position: relative;
	text-decoration: none;
}

/*  Share */

body#tagnavi div h1 {
	line-height: 1;
}

body#tagnavi div p#selectedtags span {
	margin: 0 0.5em;
}

body#tagnavi div ul li.size1 a {
	color: #000;
}

body#tagnavi div ul li.size2 a {
	color: #555;
}

body#tagnavi div ul li.size3 a {
	color: #999;
}

body#tagnavi div ul li.selected a {
	color: #419F13;
	background-color: #F5FFBF;
	z-index: 10;
}

body#tagnavi div ul li.disabled {
	color: #EEE;
}

body#tagnavi div ul li.abled a:hover {
	color: #419F13;
	background-color: #F5FFBF;
	z-index: 5;
}

body#tagnavi div ul li.selected a:hover {
	color: #666;
	background-color: #DDD;
	z-index: 5;
}


/*  jpn */

body#tagnavi div#jpn p#listup a {
	background-image: url("../jpn/images/tagnavi_button_jpn.png");
}

body#tagnavi div#jpn p#status {
	font-size: 138.5%;
}

body#tagnavi div#jpn p#status span#sum {
	font-size: 197%;
}

body#tagnavi div#jpn p#selectedtags {
	font-size: 123.1%;
}

body#tagnavi div#jpn ul li {
	padding: 0 7px;
	line-height: 1.3;
	letter-spacing: -0.1em;
}

body#tagnavi div#jpn ul li a,
body#tagnavi div#jpn ul li span {
	white-space: nowrap;
}

body#tagnavi div#jpn ul li.size1 {
	font-size: 250%;
}

body#tagnavi div#jpn ul li.size2 {
/*	font-size: 174%;		*/
	font-size: 197%;
}

body#tagnavi div#jpn ul li.size3 {
	font-size: 123.1%;
}


/*  ind */

body#tagnavi div#ind p#listup a {
	background-image: url("../ind/images/tagnavi_button_ind.png");
}

body#tagnavi div#ind p#status {
	font-size: 138.5%;
}

body#tagnavi div#ind p#status span#sum {
	font-size: 197%;
}

body#tagnavi div#ind p#selectedtags {
	font-size: 123.1%;
}

body#tagnavi div#ind ul li {
	padding: 0 5px;
	line-height: 1.3;
}

body#tagnavi div#ind ul li a,
body#tagnavi div#ind ul li span {
	white-space: nowrap;
}

body#tagnavi div#ind ul li.size1 {
	font-size: 197%;
}

body#tagnavi div#ind ul li.size2 {
	font-size: 138.5%;
}

body#tagnavi div#ind ul li.size3 {
	font-size: 100%;
}