@charset "utf-8";

/*-----------------------------------------------

  * Filename:      default.css
  * Description:   generic CSS standard
  * Version:       2009-01-12 (YYYY-MM-DD)
  * Website:       http://luvsic.net/
  * Auther:        Luvsic
  * Copyright:     Luvsic

  == Font-Size: =================================

  77%  = 10px  |  124% = 16px  |  170% = 22px
  85%  = 11px  |  131% = 17px  |  177% = 23px
  93%  = 12px  |  139% = 18px  |  185% = 24px
  100% = 13px  |  147% = 19px  |  193% = 25px
  108% = 14px  |  154% = 20px  |  200% = 26px
  116% = 15px  |  162% = 21px  |

-------------------------------------------------*/



/*
		NP_WebDebugToolbar
---------------------------------------------*/

#webDebugToolbar {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 255;
	}

* html body #webDebugToolbar {
	position: absolute;
	bottom: 10px;
	right: 10px;
	}/* for IE6 */

#webDebugToolbar ul {
	overflow: auto;
	min-height: 17px;
	height: auto !important;
	height: 17px;
	line-height:1.6;
	margin: 0;
	padding: 6px 3px 3px 30px;
	background: #fff url(img/logo_webDebugToolbar.gif) 7px 6px no-repeat;
	border: 1px solid #CABECA;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	}

* html body #webDebugToolbar ul {
	zoom: 1;
	}/* for IE6 */

#webDebugToolbar ul li {
	float: left;
	list-style: none;
	font-size: 9px;
	color: #000;
	margin: 0;
	padding: 0 10px;
	border-left: 1px solid #9DA5B0;
	}

#webDebugToolbar ul li span {
	font-size: 11px;
	font-weight: bold;
	}



/*
		NP_SimpleTag
---------------------------------------------*/

/* tag cloud */
ul.tagcloud {
	padding: 0 10px 20px;
	list-style: none;
	text-align: justify; 
	text-justify: newspaper; 
	word-break: keep-all;
	}

ul.tagcloud li {
	display: inline;
	margin: 0;
	padding: 0;
	}

ul.tagcloud li.tag0 { font-size:  9px; }
ul.tagcloud li.tag1 { font-size: 10px; }
ul.tagcloud li.tag2 { font-size: 11px; }
ul.tagcloud li.tag3 { font-size: 13px; }
ul.tagcloud li.tag4 { font-size: 14px; }
ul.tagcloud li.tag5 { font-size: 15px; }
ul.tagcloud li.tag6 { font-size: 17px; }
ul.tagcloud li.tag7 { font-size: 18px; }
ul.tagcloud li.tag8 { font-size: 20px; }
ul.tagcloud li.tag9 { font-size: 22px; }
ul.tagcloud li a {
	padding: 0;
	}

/* related tag list */

.related {
	padding: 0 10px 20px;
	}

.related dt {
	line-height: 1.5em;
	margin-bottom: 0.5em;
	font-size: 100%;
	letter-spacing: 0;
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
	}

.related dt span {
	font-size: 77%;
	}

.related dd {
	display: none;
	}

.related .score {
	color: #999;
	}

.related .score span {
	font-size: 116%;
	}

.related .date {
	font-size: 77%;
	color: #bbb;
	}



/*
		NP_TitleList
---------------------------------------------*/

body#archivelist h3 {
	margin: 3em 0 0 0;
	padding: 0.5em 0 0 15px;
	font-size: 124%;
	border-top: 1px dotted #6ddeff;
	}

body#archivelist .pageswitch {
	padding: 0 0 0.5em 15px;
	border-bottom: 1px dotted #6ddeff;
	}

.titlelist {
	margin: 2.5em 0 0 0;
	list-style-type: none;
	}

.titlelist  {
	margin: 2em 0 0 0;
	list-style-type: none;
	}

.titlelist ul {
	text-indent: -2em;
	margin: 0em 0em 1.5em 4em;
	list-style-type: none;
	font-size: 85%;
	color: #aaa;
	}

.titlelist li {
	margin: 0.2em 0 !important;
	word-break: keep-all;
	}

.titlelist li a {
	color: #666;
	text-decoration: underline;
	}

.titlelist ul li a {
	padding-right: 0.5em;
	font-size: 116%;
	color: green;
	text-decoration: none;
	}

.titlelist ul li a:hover {
	text-decoration: underline;
	}

#searchoption {
	line-height: 1.8em;
	}

#searchoption .formbutton {
	margin: 1em 2em 0;
	}



/*
		NP_GeSHi2
---------------------------------------------*/

pre {padding-top:45px; background-repeat: no-repeat; background-color: #eee;}
.css         {background-image: url(img/code_css.png);}
.html4strict {background-image: url(img/code_html.png);}
.ini         {background-image: url(img/code_ini.png);}
.java        {background-image: url(img/code_java.png);}
.javascript  {background-image: url(img/code_javascript.png);}
.php         {background-image: url(img/code_php.png);}
.rubyonrails {background-image: url(img/code_rubyonrails.png);}
.sql         {background-image: url(img/code_sql.png);}
.txt         {background-image: url(img/code_txt.png);}
.xml         {background-image: url(img/code_xml.png);}
.htaccess    {background-image: url(img/code_htaccess.png);}


div.codeArea {
	position: relative;
	padding: 0 0 20px 0;
	line-height: 1.4;
	letter-spacing: 0;
	font-size: 85%;
	font-family: "VL Gothic", "VL ゴシック", "MS Gothic", "ＭＳ ゴシック", "Osaka-Mono", "Osaka－等幅", arial, 'Lucida Grande', monospace;
	}

div.codeArea div {
	padding: 50px 4px 2px;
	border: 1px solid #ccc;
	background-color: #eee;
	background-repeat: no-repeat;
	}

div.codeArea div {/* corner round */
	-webkit-bordert-radius: 7px;
	-moz-border-radius: 7px;
	}

div.codeArea .functext {
	display: block;
	margin: -42px 0 0 0;
	padding: 8px 10px;
	}

div.codeArea ul {
	margin: 0 0 0.5em 0;
	padding: 0;
	text-align: right;
	list-style-type: none;
	zoom: 1;
	}

div.codeArea ul li {
	display: inline;
	margin: 0 0 0 1.1em;
	padding: 1px 3px 0;
	cursor: pointer;
	color: #bbb;
	border: 1px solid #ccc;
	zoom: 1;
	}

div.codeArea ul li:hover {
	border: 1px solid #C5F2FF;
	color: #39F;
	background-color: #fff;
	}

div.codeArea ul .selectedFunc {
	border: 1px solid #ccc;
	color: #999;
	background-color: #fff;
	}

div.codeArea pre {
	margin-top: -40px;
	}



/*
		NP_mediaTagG
---------------------------------------------*/

.tmbAPI {
	text-align:center;
	}

.tmbAPI a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}

.tmbAPI img {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	}



/*
		NP_Revision
---------------------------------------------*/

.np-revision-warning {
	margin-top: 22px;
	padding: 1em 2em 1px;
	color: #fff;
	border: 1px solid #00abeb;
	background: #abe3f8;
	}

.np-revision-warning-title {
	text-align: center;
	font-size: 116%;
	}

.np-revision-warning a {
	color: #fff;
	text-decoration: underline;
	}

.np-revision-warning {/* CSS3 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: -moz-linear-gradient(bottom, #67cdf3, #00abeb);
	background: -webkit-gradient(linear, center bottom, center top, from(#67cdf3), to(#00abeb));
	}