@charset "Shift_JIS";
@import "css_layout.php";

/* http://jigsaw.w3.org/css-validator/validator-text.html */
/* for pukiwiki by jidaikobo */

/* font-size,line-height */

body		{font-size		:100%;}
dt,dd,p,li{line-height		:160%;}

/* heading */

h1,h2,h3,h4,h5,h6{
	clear				:both;}

/* hyper-link activities (normal) */

a:link	{color			:#33d;}
a:visited	{color			:#515;}
a:hover	{text-decoration	:none;}
a img	{border			:none;}

/* em, strong */

em,strong		{color		:#a20;
			font-style	:normal;}
em			{font-weight	:normal;}
strong		{font-weight	:bold;}
strong.seo	{color		:#000;
			font-weight	:normal;}
strong.attn	{color		:#000;
			font-weight	:bold;}
strong strong{border-bottom	:3px #a20 double;}

/* abbr,acronym */

abbr,acronym{
	color			:inherit;
	font-style		:normal;
	border-color		:#333;
	border-style		:dotted;
	border-width		:0 0 1px;
	cursor			:help;}

/* kbd */

kbd{
	margin			:0 0.1em;
	padding			:0 2px;
	border-style		:solid;
	border-width		:1px;
	display			:inline;}

/* ruby*/

ruby{	line-height	:100%;}
rt,rp{	font-size		:70%;
		font-weight	:normal;
		color		:#333;}

/* Download Icon (disable: Win IE,Opera) */

a[href$=".pdf"]:before			{content:url(_cssimg/_common/pdf.gif);}
a[href$=".ppt"]:before			{content:url(_cssimg/_common/ppt.gif);}
a[href$=".doc"]:before			{content:url(_cssimg/_common/word.gif);}
a[href$=".xls"]:before			{content:url(_cssimg/_common/excel.gif);}
a.noicon[href$=".pdf"]:before	{content:"";}
a.noicon[href$=".ppt"]:before	{content:"";}
a.noicon[href$=".doc"]:before	{content:"";}
a.noicon[href$=".xls"]:before	{content:"";}

/* plus section start */
/* clear, hidden */

.nd{display			:none;}
.hd{visibility		:hidden;}
.hl{position			:absolute;
	left				:-9000px;}
.div,.clear{
	clear			:both;}
.nc{
	clear			:none !important;}
hr.div,br.div{
	clear			:both;
	visibility		:hidden;
	margin			:0;
	padding			:0;}

/* List Elements */
/* ul,ol (il=inline) */

ul.il,ol.il{
	padding			:0;
	margin-left		:0;
	margin-right		:0;
	list-style		:none;}
ul.il li,ol.il li{
	padding			:0;
	margin			:0 10px 0 0;
	display			:inline;}

/* ul,ol (nlm=nolistmarker) */

ul.nlm,ol.nlm{
	list-style		:none;
	padding			:0;
	margin-left		:0;
	margin-right		:0;}
ul.nlm li,ol.nlm li{
	padding			:0;
	margin			:0;}

/* ul,ol (attn=attention) */

ul.attn,ol.attn{
	list-style		:none;
	padding-left		:1em;
	margin-left		:0;
	margin-right		:0;}
ul.attn li,ol.attn li{
	padding			:0;
	margin			:0;
	list-style		:none;
	text-indent		:-1em;}

/* ul,ol (cmt=comment) */

ul.cmt,ol.cmt{
	color			:#111;
	background-color	:#f8f8f8;
	border			:1px #bbb solid;;
	margin			:10px 0;
	padding			:8px 0 5px 40px;}

/* image layout (ul, ol class="cut") */

ul.cut,ol.cut{
	padding			:0;
	margin			:0;
	list-style		:none;}
ul.cut li,ol.cut li{
	font-size			:80%;
	padding			:0;
	margin			:10px 0;}
ul.cut li img,ol.cut li img{
	margin-bottom		:2px;}

/* floating layout (Left, Right, Middle, align) */

ul.l,ol.l{
	float			:left;
	margin			:-5px 10px 0 0;
	width			:120px;}
ul.r,ol.r{
	float			:right;
	margin			:-5px 0 0 10px;
	width			:120px;}
ul.m,ol.m{
	text-align		:center;
	margin-right		:auto;
	margin-left		:auto;}
ul.a li,ol.a li{
	float			:left;
	margin-right		:5px;}

/* control (ctrl) */

ul.ctrl{
	/*overflow		:auto;*/
	clear			:both;
	margin-top		:0;
	padding-right		:1px;
	text-align		:right;}
ul.ctrl li{
	clear			:right;
	float			:right;
	list-style		:none;}
ul.ctrl li a{
	padding-left		:15px;
	color			:#33d !important;
	background-color	:transparent;
	text-decoration	:none;
	background-repeat	:no-repeat;
	background-position:0;}
ul.ctrl li a:hover{
	color			:#900 !important;
	background-color	:transparent;}
ul.ctrl li.next a{	background-image	:url(_cssimg/ctrl_next.gif);}
ul.ctrl li.prev a{	background-image	:url(_cssimg/ctrl_prev.gif);}
ul.ctrl li.back a{	background-image	:url(_cssimg/ctrl_prev.gif);}
ul.ctrl li.top a{	background-image	:url(_cssimg/ctrl_top.gif);}

/* hyper-link (ul class="btn" + default setting) */

ul.btn{
	clear			:both;
	list-style		:none;
	text-align		:center;
	margin			:20px auto;
	padding			:0;}
ul.btn li{
	margin			:0;
	padding			:0;}
.btn a{
	margin			:0 auto;
	text-decoration	:none;
	display			:block;
	font-weight		:bold;
	color			:#233;
	border			:1px #bbb solid;
	background-color	:#f8f8f8;}
.btn a:hover{
	color			:#600;
	border-color		:#999;
	background-color	:#eee;}

/* List Elements */
/* define lists.cmt */

dl.cmt{
	color			:#111;
	background-color	:#fff;
	margin			:0 0 15px;
	padding			:0 15px;
	border-bottom		:#bbb 1px solid;
	border-left		:#bbb 1px solid;
	border-right		:#bbb 1px solid;
	width			:auto;}
dl.cmt dt{
	line-height		:100%;
	position			:relative;
	color			:#111;
	background-color	:#f8f8f8;
	margin			:0 -15px;
	padding			:4px 10px;
	border-top		:#bbb 1px solid;
	border-bottom		:#bbb 1px dotted;}
*>dl.cmt dt{
	margin			:0 -15px -5px;}
dl.cmt dd{
	position			:relative;
	margin			:0 -15px 0;
	padding			:10px 10px 5px;}
dl.cmt dd *{
	margin-top		:0;
	margin-bottom		:0;}
dl.cmt dd dl.flt dd{
	line-height		:100%;}

/* dl (class="flt w1-15") */

dl.flt{
	margin-left		:0;}
dl.flt dt{
	padding			:0;
	font-weight		:normal;
	font-style		:normal;
	float			:left;
	clear			:left;
	width			:3.2em;}
dl.flt dd{
	text-indent		:-4px;
	margin			:0 0 0 3.5em;}
*>dl.flt dd{
	text-indent		:0;}
dl.w1 dt{	width		:1.2em;}
dl.w1 dd{	margin		:0 0 0 1.5em;}
dl.w2 dt{	width		:2.2em;}
dl.w2 dd{	margin		:0 0 0 2.5em;}
dl.w3 dt{	width		:3.2em;}
dl.w3 dd{	margin		:0 0 0 3.5em;}
dl.w4 dt{	width		:4.2em;}
dl.w4 dd{	margin		:0 0 0 4.5em;}
dl.w5 dt{	width		:5.2em;}
dl.w5 dd{	margin		:0 0 0 5.5em;}
dl.w6 dt{	width		:6.2em;}
dl.w6 dd{	margin		:0 0 0 6.5em;}
dl.w7 dt{	width		:7.2em;}
dl.w7 dd{	margin		:0 0 0 7.5em;}
dl.w8 dt{	width		:8.2em;}
dl.w8 dd{	margin		:0 0 0 8.5em;}
dl.w9 dt{	width		:9.2em;}
dl.w9 dd{	margin		:0 0 0 9.5em;}
dl.w10 dt{	width	:10.2em;}
dl.w10 dd{	margin	:0 0 0 10.5em;}
dl.w11 dt{	width	:11.2em;}
dl.w11 dd{	margin	:0 0 0 11.5em;}
dl.w12 dt{	width	:12.2em;}
dl.w12 dd{	margin	:0 0 0 12.5em;}
dl.w13 dt{	width	:13.2em;}
dl.w13 dd{	margin	:0 0 0 13.5em;}
dl.w14 dt{	width	:14.2em;}
dl.w14 dd{	margin	:0 0 0 14.5em;}
dl.w15 dt{	width	:15.2em;}
dl.w15 dd{	margin	:0 0 0 15.5em;}

dl.flt dd dl{
	margin-left		:4px !important;}
*>dl.flt dd dl{
	margin			:0 !important;}
dl.flt dd dl dt{
	float			:none;
	width			:auto;
	margin			:0;
	clear			:none;}
dl.flt dd dl dd{
	margin			:0 0 0 40px;}
dl.flt dd *{
	margin-top		:0;
	margin-bottom		:0;}

dl.cmt dd dl.flt dt{
	margin			:0;
	padding			:0;
	border			:none;}
dl.cmt dd dl.flt dd{
	margin-top		:0;
	padding-top		:0;}

/* p,div,pre,ul,ol (class="cmt") */

pre.cmt,div.cmt,p.cmt{
	color			:#111;
	background-color	:#f8f8f8;
	margin			:0 0 15px;
	padding			:7px 15px;
	border			:1px #bbb solid;;
	width			:auto;}
div.cmt{
	padding			:8px 15px;}
div.cmt *{
	margin-top		:0;
	margin-bottom		:0;}
div.cmt ul,div.cmt ol{
	padding			:0;
	margin-left		:25px;
	margin-right		:0;}
div.cmt ul.il,div.cmt ol.il{
	margin-left		:0;}


/* column */
/* div (div class="column c2-c4") */

.column{
	float			:left;
	padding			:0 0 0 16px;
	margin			:0;}
*>.column{
	margin			:0 0 15px 0;}
.c2-1,.c3-1,.c4-1{
	padding-left		:0 !important;}
.c2-1,.c2-2{	width	:48%;}
.c3-1,.c3-2{	width	:31%;}
.c4-1,.c4-2{	width	:22%;}
.column *{
	margin-top		:0;
	margin-bottom		:0;
	margin-left		:0;}
.column ul,.column ol{
	padding			:0;
	margin-left		:25px;}

/* ul, ol */

ul.column,ol.column{
	padding-left		:25px !important;}
ul.c2-1,ul.c2-2,ol.c2-1,ol.c2-2{
	width			:45%;}
ul.c3-1,ul.c3-2,ol.c3-1,ol.c3-2{
	width			:29%;}
ul.c4-1,ul.c4-2,ol.c4-1,ol.c4-2{
	width			:21%;}

/* cite,control,sig etc */

cite.jp,cite.ja{
	font-style		:normal;}
cite.en,span.en{
	font-style		:italic;}
cite[lang$="ja"]{
	font-style		:normal;}
cite[lang$="en"],cite.foreign{
	font-style		:italic;}
.cite,.sig,.cf{
	text-align		:right;
	list-style		:none;
	clear			:both;}
.cite ul,.cite ol{
	list-style		:none;}

/* ruby (secret, explanation) */

span.exp,span.ruby,dfn{
	border-color		:#333;
	border-style		:dotted;
	border-width		:0 0 1px;
	cursor			:help;}

/* subtitle */

.subtitle{
	font-size			:90%;
	font-weight		:normal;}

/* hyper-link activities (a class="nofeedback") */

a.nfb:link,a.nfb:visited{
	color			:#000 !important;
	background-color	:transparent;
	text-decoration	:none !important;}
a.nfb:hover{
	color			:#33d !important;
	background-color	:transparent;
	text-decoration	:none !important;}

/* image hyper-link (a class="feedback") */

a.fb:link img		{border			:1px #33d dotted;}
a.fb:visited img	{border			:1px #515 dotted;}
a.fb:hover img	{border			:1px #900 solid !important;}
a.fb		 		{text-decoration	:none !important;}
a.fb:hover 		{color			:#900 !important;}
img.nfb			{border			:1px #fff solid;}

/* inline images' position */

img.cut{
	padding			:0;}
img.l{
	float			:left;
	margin			:0 10px 5px 0;}
img.r{
	float			:right;
	margin			:0 0 5px 10px;}

/* preformatted text */

pre.pre{
	border			:1px #bbb solid;
	padding			:5px;
	width			:95%;}

pre{
	margin			:0;
	padding			:5px;
	border			:1px #aaa solid;
	background-color	:#eee;
	overflow			:auto;
}

div.pre{
	width			:80%;
	margin			:0;
	padding			:5px;
	border			:1px #aaa solid;
	background-color	:#eee;
	overflow			:auto;
}

/* table */

td.cost,td.title,td.head{
	white-space		:nowrap;}
td.cost{
	text-align		:right;}
th.title,td.title{
	text-align		:center;}

/* table */
/* tbl */

table.tbl,table.style_table{
	margin			:5px 0 10px !important;
	width			:98%;
	border-collapse	:collapse;
	border-top		:1px #bbb solid;
	border-left		:1px #bbb solid;}
table.tbl th,table.tbl td,table.style_table th,table.style_table td{
	text-align		:left;
	padding			:4px 5px;
	border-bottom		:1px #bbb solid;
	border-right		:1px #bbb solid;}
*>table.tbl th,*>table.tbl td,*>table.style_table th,*>table.style_table td{
	padding			:2px 5px;}
table.tbl th,table.style_table th{
	text-align		:left;
	background-color	:#f8f8f8;
	white-space		:nowrap;
	font-weight		:bold;
	color			:#111;}
table.tbl thead th,table.style_table thead th{
	background-color	:#ddd;
	color			:#111;}
table.tbl td.btn,table.style_table td.btn{
	padding			:10px;
	text-align		:center;}
table.tbl *,table.style_table *{
	margin-top		:0;
	margin-bottom		:0;}
table.tbl ul,table.tbl ol,table.style_table ul,table.style_table ol{
	padding			:0;
	margin-left		:25px;
	margin-right		:0;}

/* width short cuts */

.w70{	width	:70px !important;}
.w80{	width	:80px !important;}
.w90{	width	:90px !important;}
.w100{	width	:100px !important;}
.w110{	width	:110px !important;}
.w120{	width	:120px !important;}
.w130{	width	:130px !important;}
.w140{	width	:140px !important;}
.w150{	width	:150px !important;}
.w160{	width	:160px !important;}
.w170{	width	:170px !important;}
.w180{	width	:180px !important;}
.w190{	width	:190px !important;}
.w200{	width	:200px !important;}
.w210{	width	:210px !important;}
.w220{	width	:220px !important;}
.w230{	width	:230px !important;}
.w240{	width	:240px !important;}
.w250{	width	:250px !important;}
.w260{	width	:260px !important;}
.w270{	width	:270px !important;}
.w280{	width	:280px !important;}
.w290{	width	:290px !important;}
.w300{	width	:300px !important;}
.w310{	width	:310px !important;}
.w320{	width	:320px !important;}
.w330{	width	:330px !important;}
.w340{	width	:340px !important;}
.w350{	width	:350px !important;}
.w360{	width	:360px !important;}
.w370{	width	:370px !important;}
.w380{	width	:380px !important;}
.w390{	width	:390px !important;}
.w400{	width	:400px !important;}

.w10p{	width	:10% !important;}
.w20p{	width	:20% !important;}
.w25p{	width	:25% !important;}
.w30p{	width	:30% !important;}
.w33p{	width	:33% !important;}
.w40p{	width	:40% !important;}
.w50p{	width	:50% !important;}
.w60p{	width	:60% !important;}
.w70p{	width	:70% !important;}
.w80p{	width	:80% !important;}
.w90p{	width	:90% !important;}
.w100p{	width	:100% !important;}

/* height short cuts */

.h10{	height	:10px !important;}
.h20{	height	:20px !important;}
.h30{	height	:30px !important;}
.h40{	height	:40px !important;}
.h50{	height	:50px !important;}
.h60{	height	:60px !important;}
.h70{	height	:70px !important;}
.h80{	height	:80px !important;}
.h90{	height	:90px !important;}
.h100{	height	:100px !important;}
.h110{	height	:110px !important;}
.h120{	height	:120px !important;}
.h130{	height	:130px !important;}
.h140{	height	:140px !important;}
.h150{	height	:150px !important;}
.h160{	height	:160px !important;}
.h170{	height	:170px !important;}
.h180{	height	:180px !important;}
.h190{	height	:190px !important;}
.h200{	height	:200px !important;}

.h10p{	height	:10% !important;}
.h20p{	height	:20% !important;}
.h25p{	height	:25% !important;}
.h30p{	height	:30% !important;}
.h33p{	height	:33% !important;}
.h40p{	height	:40% !important;}
.h50p{	height	:50% !important;}
.h60p{	height	:60% !important;}
.h70p{	height	:70% !important;}
.h80p{	height	:80% !important;}
.h90p{	height	:90% !important;}
.h100p{	height	:100% !important;}

/* line-height short cuts */

.lh100{	line-height	:100% !important;}
.lh150{	line-height	:150% !important;}
.lh200{	line-height	:200% !important;}

/* margin, padding */

.m0{		margin		:0 !important;}
.m0a{	margin		:0 auto !important;}
.p0{		padding		:0 !important;}
.mp0{	margin		:0 !important;
		padding		:0 !important;}

/* check border*/

.bd{			border	:1px red solid !important;}
.bdb{		border	:1px blue solid !important;}
body.bd div{	border	:1px red solid !important;}


/* for plus.css templates */
/* hyper-link (ul class="btn") - individual setting - copy below */

.testbtn a{
	padding			:5px;
	width			:150px;
	border			:1px #666 solid;
	background-color	:#158335 !important;
	color			:#fff !important;}
.testbtn a:hover{
	background-color	:#669d00 !important;}

/* testimgbtn */

ul.testimgbtn,ul.testimgbtn li a{
	text-indent		:-9000px;
	border			:none !important;
	width			:161px;
	height			:41px;}
ul.testimgbtn li a{
	background-image	:url(_cssimg/btn_rss.gif);}
ul.testimgbtn li a:hover{
	background-image	:url(_cssimg/btn_rss_ro.gif);}


/* pukiwiki */

div.counter{
	display			:none;}

.diff_added{
	color			:red;}
.diff_removed{
	color			:blue;}

.anchor_super {
	font-size:xx-small;
	vertical-align:super;}

div.jumpmenu {
	font-size:60%;
	text-align:right;}

a.note_super {
	color:#DD3333;
	background-color:inherit;
	font-weight:bold;
	font-size:80%;
	vertical-align:super;}

.small { font-size:80%; }

/* navigator */

#navigator{
	background-color	:#f0f0f0;
	margin			:-10px -25px 2px;
	padding			:3px;
	border-bottom		:1px #333 dotted;
	font-weight		:bold;
	font-size			:90%;
	text-align		:center;}
#navigator a:visited{
	color			:#33d;}

/* site_ctrl */

#site_ctrl{
	font-size				:90%;
	text-align			:center;
	margin				:2px auto;
	width				:749px;
	clear				:both;}
#site_ctrl img{
	vertical-align		:baseline;}

.editthis{
	font-weight			:bold;
	font-size				:90%;
	text-align			:center;}
.editthis a{
	color				:#33d;
	text-decoration		:underline !important;}
.editthis a:hover{
	color				:#900;
	text-decoration		:none !important;}

/* pkwk_filelist */

.pkwk_filelist{
	overflow			:auto !important;}
/* edit_form */
.edit_form form textarea{
	width			:100% !important;}

/* presentation_ctrl */

#presentation_ctrl{
	font-size				:90%;
	font-weight			:bold;
	width				:738px;
	text-align			:right;
	margin				:0 auto;
	padding				:0 5px 2px;}
#presentation_ctrl a{
	color				:#000;}
#presentation_ctrl a{
	text-decoration		:none;}
#presentation_ctrl a:hover{
	text-decoration		:underline;
	color				:#900;}

/* print out */

.hl,.nd,.counter,.cite,#menu {display	:none;}