@charset "UTF-8";

/* --- Color Scheme ---

Blue
rgb(15,119,183), #0F77B7
rgb(243,251,255), #F7FCFF
rgb(143,215,239), #8FD7EF
rgb(7,71,103) #074767
rgb(7,47,79) #072F4F

Yellow
rgb(231,199,23)
rgb(255,255,243)
rgb(247,239,143)
rgb(119,103,15)
rgb(111,95,7)

Pink
rgb(239,23,127) #EF177F
rgb(255,243,255)
rgb(255,143,223)
rgb(119,15,79)
rgb(111,0,47)

Mono
#f9f9f9
#f4f4f4
#bfbfbf
#9f9f9f
#4f4f4f
#1f1f1f
#0f0f0f

#fcfcf7
*/


/* --- HTML Elements --- */

body{
	margin:0;
	padding:0;
	font-size:100%;
	font-family:'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif;
	color:#1f1f1f;
	word-wrap:break-word;
	background-color:#ffffff;
/*	background-image:url("../image/bg_body.png");*/
	background-position:top left;
	background-repeat:repeat;
	}

div{display:block;}

img{margin:0; border:none; vertical-align:middle;}
img.updateinfo{vertical-align:bottom;}
img.buy{
	margin:1ex 1em;
	padding:10px;
	background-color:#ffffff;
	border:1px solid rgb(239,23,127);
	clear:both;
	}

pre, blockquote, p, ul, ol, dl, #ad_body_wrapper, .a8net{margin:2ex 0 1ex 1em;}

pre, blockquote, table.contents{
	padding:1ex 1em;
	border:1px solid #bfbfbf;
	background-color:#f9f9f9;
	}
blockquote{
	border-left-width:1em;
	font-style:italic;
	font-size:87%;
	color:#4f4f4f;
	}
p.quotation:before{
	position:relative;
	display:inline-block;
	font-size:400%;
	content:"“";
	width:1em;
	padding-right:0em;
	margin-left:-1em;
	text-align:right;
	color:#bfbfbf;
	}

ul, ol, dl{padding:0 0 0 2em; line-height:135%; list-style-type:none;}
ul ul, ul ol, ul dl,
ol ul, ol ol, ol dl,
dl ul, dl ol, dl dl{margin-top:1ex; padding-left:1em;}

li,dd{margin:0 0 1ex;}

dl, #ad_body1{
	padding:1ex 1em;
	border:1px solid rgb(143,215,239);
	background-color:rgb(243,251,255);
	list-style-type:none;
	}
dt{
	display:list-item;
	font-weight:bold;
	color:rgb(7,47,79);
	}
dd{color:rgb(7,71,103);}
/*dd:before{content:"：";}*/

ul li, .body ul.list1{list-style-type:disc;}
ul li li, .body ul.list2{list-style-type:circle;}
ul li li li, .body ul.list3{list-style-type:square;}
ol.list1{list-style-type:decimal;}
ol.list2{list-style-type:lower-alpha;}
ol.list3{list-style-type:lower-roman;}


.ie5{text-align:center;}
.style_table{
	margin:10px auto;
	background-color:#e7e7e7;
	}
.style_th{
	margin:1px;
	padding:2px;
	text-align:center;
	background-color:#f4f4f4;
	}
.style_td{
	margin:1px;
	padding:4px;
	background-color:#f9f9f9;
	}
thead .style_th,
thead .style_td,
tfoot .style_th,
tfoot .style_td{
	padding-top:5px; padding-bottom:5px;
	color:#ffffff;
	background-color:#4f4f4f;
	}
tfoot .style_th{background-color:#9f9f9f;}
.style_th.header:after{content:url(../image/js_ts_bg.gif);}
.style_th.headerSortUp:after{content:url(../image/js_ts_asc.gif);}
.style_th.headerSortDown:after{content:url(../image/js_ts_desc.gif);}

h1, h2, h3, h4, h5, h6{
	margin:3ex 0 1px;
	font-size:137.5%;
	font-weight:normal;
	color:rgb(15,119,183);
	letter-spacing:0.2em;
	clear:both;
	}
h1.title{
	*min-width:640px; /* for IE #wikilink */
	margin:10px 0 0;
	padding:5px 20px;
	min-height:48px;
	line-height:48px;
	font-size:28px;
	font-weight:bold;
	border-bottom:2px solid #000;
/*	background:-webkit-gradient(linear, center top, center bottom, from(rgb(63,207,239)), to(rgb(0,143,175)));
	background:-moz-linear-gradient(top, rgb(63,207,239), rgb(0,143,175)); */
	background-color:rgb(15,119,183);
	background-image:url("../image/bg_h1.png");
	}
h2, .body h1{
	padding:10px;
	color:#ffffff;
	border:1px solid rgb(7,71,103);
	background-color:rgb(15,119,183);
	}
/*.body h2, .body h1{background-image:url("../image/bg_heading.png");}*/
h3{
	padding:5px;
	padding-right:10px;
	font-weight:normal;
	border-left-width:10px;
	border-left-style:solid;
	border-left-color:rgb(15,119,183);
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:rgb(15,119,183);
	}
h4, h5{padding:0 10px 0 15px;}

hr{
	margin-top:3ex;
	margin-bottom:3ex;
	border-width:2px;
	border-style:solid;
	border-color:#bfbfbf;
	}
hr.full_hr{width:60%;}
hr.short_line{width:50%; border-width:1px; border-style:dashed;} /* (hr.inc.php) */
hr.note_hr{display:none;}

em{font-style:italic;}
strong{font-weight:bold;}
span.size1{font-size:xx-small;}
span.size2{font-size:x-small;}
span.size3{font-size:small;}
span.size4{font-size:medium;}
span.size5{font-size:large;}
span.size6{font-size:x-large;}
span.size7{font-size:xx-large;}
span.noexists{color:inherit; background-color:#FFFACC;}
.small{font-size:80%;}
.jumpmenu{font-size:60%; text-align:right;}
.super_index, a.note_super{
	padding:5px;
	font-size:70%;
	font-weight:bold;
	color:#DD4444;
	vertical-align:super;
	}


/* --- pukiwiki.skin.php --- */

#info{
	position:absolute; top:0; left:0;
	width:100%;
	height:20px; /*with padding total 30px*/
	padding:5px 0;
	font-size:12px;
	background-color:#1f1f1f;
/*	background-image:url("../image/bg_info.png");*/
	}
#description{text-align:center; color:rgb(15,119,183);}
#notify{float:right; margin:0 10px;}

.main{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	padding:1ex 0;
	}

.main_top{
	float:left;
	width:958px;
	height:120px;
	margin:10px 0;
	padding:0;
	font-size:13px;
/*	background-image:url("../image/top.png");*/
	}

.menu_left{
	float:left;
	width:220px;
	min-height:2700px;
	}

.main_in{
	float:right;
	width:730px;
	}
.sectionpaper{
	margin-bottom:5px;
	padding:5px 0;
	background-image:url("../image/sectionpaper.png");
	}

.body{
	min-height:100px;
	padding:10px 40px;
	line-height:165%;
	}

#logo_top{float:left; margin-left:345px;}
#updateinfo{
	float:right;
	width:300px;
	margin-right:10px;
/*	position:relative; top:0px;*/
	text-align:right;
	}

#header, #footer, #attach, .status, #navigator_button, #relatedwrapper{margin-left:10px; margin-right:10px;}

#header, #footer{
	min-height:90px;
	color:#ffffff;
/*	border-top:4px solid #0f0f0f;
	border-bottom:8px solid rgb(15,119,183);*/
	background-color:#0f0f0f;
	background-image:url("../image/bg_hf.png");
	}
#header{
	margin-bottom:1.5ex;
	padding:15px 0 5px;
	color:#ffffff;
	}
#footer{
	margin-top:5px;
	padding:2ex 25px 1ex;
	font-size:12px;
	}
p.footer{margin-top:1ex;}
#topicpath{
	width:400px;
	margin-left:20px;
	height:20px;
	font-size:14px;
	}
#title_icon{
	margin-right:10px;
	padding:0;
	vertical-align:top;
	}

.status{
	clear:both;
	margin-bottom:5px;
	padding:2px 5px;
	border-width:1px;
	border-style:solid;
	border-color:rgb(15,119,183);
	background-color:rgb(243,251,255);
	background-color:rgba(135,223,255,0.3);
	}
#navigator{height:24px;}
#timeinfo{margin-top:5px; min-height:36px;}
#lastmodified, #taketime{text-align:right;}
#lastmodified{font-weight:bold;}
#taketime{color:rgb(7,71,103);}
#navigator_button{display:block; text-align:right;}
#social{
	display:block;
	float:left;
	height:20px;
	padding:2px;
	}
#preview{
	background-color:rgb(255,255,243);
	background-color:rgba(255,231,143,0.3);
	color:inherit;
	}

div.more{
	display:block;
	margin:2ex 0;
	padding:5px 10px 1ex;
	border-width:1px;
	border-style:solid;
	border-color:#9f9f9f;
	background-color:#f9f9f9;
	}
div.more h2, div.more h3, div.more h4{color:#1f1f1f; font-size:24px; background-image:none;}
div.more h2{
	margin-top:2ex; margin-bottom:1ex;
	padding:5px;
	font-weight:normal;
	border:none;
	border-bottom:1px solid #1f1f1f;
	background-color:transparent;
	}
div#affiliate h3{border:none; border-bottom:1px solid #1f1f1f;}
div.related{
	min-height:50px;
	margin:0 0 5px;
	font-size:87.5%;
	border-color:rgb(7,47,79);
	background-color:rgb(7,71,103);
	}
#relatedwrapper{width:710px;/*<-for ie*/ padding:5px 0;}
#relatedwrapper_right{float:right; width:290px;}
#r_p{float:left; width:390px;}
#r_a, #r_c{}
div.related h2{
	margin:0;
	font-size:13px;
	font-weight:normal;
	color:#ffffff;
	border:none;
	border-bottom:1px solid rgb(7,47,79);
	}
ul.related{padding-left:0; margin-left:1em;}
div.related li{list-style-type:none;}
#note{color:rgb(111,95,7); background-color:rgb(255,255,243); border-color:rgb(119,103,15);}
h2#note{margin-top:1ex;}

#attach{clear:both;}

#toolbar{
	clear:both;
	margin:0;
	padding:4px 25px 10px 25px;
	text-align:right;
	}

div.menubar, div.pagetree{
	-webkit-line-clamp: 1;
	overflow:hidden;
	white-space:nowrap;
	*white-space:normal; /* for IE */
	text-overflow:ellipsis;
	}
div.menubar, h2.menubar{font-size:14px;}
div.menubar{
	margin-bottom:10px;
	border-left:1px solid rgb(15,119,183);
	}
div.menubar div.menubar{margin-bottom:0;}
h2.menubar{
	height:50px;
	margin:0 0 5px;
	padding:0 5px;
	line-height:50px; /*Needed for a*/
	font-weight:normal;
	letter-spacing:0em;
	color:#ffffff;
	border:none;
	background-color:rgb(15,119,183);
/*	background:-webkit-gradient(linear, center top, center bottom, from(rgb(119,223,247)), to(rgb(15,119,183)));
	background:-moz-linear-gradient(top, rgb(119,223,247), rgb(15,119,183));*/
	}
.menubar_container{margin-left:4px;}
.menubar p,
.menubar ul,
.menubar form,
.recent_date{
	margin:0 0 1ex 0;
	padding:0;
	color:#9f9f9f;
/*	text-shadow:0 1px 2px #ffffff;*/
	}
.menubar li{margin:1px 0 0;}
.menubar li li{padding-left:12px;}
.menubar_hr{
	margin:2ex 5px;
	border:none;
	border-top:solid 1px #bfbfbf;
	border-bottom:solid 1px #ffffff;
	}
.menubar table td{padding:0; font-size:70%;}
td.menubar{width:130px; vertical-align:top;}
.recent_date{font-weight:bold; color:#9f9f9f;}
.recent_list{margin-bottom:1ex;}
p.recent{text-align:right;}

#menu_map,
#menu_cct,
#menu_art{background-image:url("../image/menu_h.png");}
#menu_map{background-position: -440px 0;}
#menu_cct{background-position: -220px 0;}
#menu_art{background-position: 0 0;}
/*#menu_map:hover{background-position: -440px 50px;}
#menu_cct:hover{background-position: -220px 50px;}
#menu_art:hover{background-position: 0 50px;}*/

p.tag{margin:0 0 1ex 0; text-align:right;}
span.tag{background-image:url("../image/tag.png"); background-repeat:no-repeat;}
span.tag0{padding:6px 9px; background-position: 0 0;}
span.tag2{padding:6px 14px; background-position: -18px 0;}
span.tag1{padding:6px 5px; background-image:url("../image/tag1.png"); background-repeat:repeat-x;}
span.tag1 a{color:rgb(111,95,7); text-decoration:none; text-shadow:0 1px 2px #ffffff;}

/* html.php/catbody() */
strong.word0{background-color:#FFFF66; color:black;}
strong.word1{background-color:#A0FFFF; color:black;}
strong.word2{background-color:#99FF99; color:black;}
strong.word3{background-color:#FF9999; color:black;}
strong.word4{background-color:#FF66FF; color:black;}
strong.word5{background-color:#880000; color:white;}
strong.word6{background-color:#00AA00; color:white;}
strong.word7{background-color:#886800; color:white;}
strong.word8{background-color:#004699; color:white;}
strong.word9{background-color:#990099; color:white;}

/* html.php, edit_form() */
.edit_form{clear:both; padding:20px 70px;}

/* aname.inc.php */
.anchor{}
.anchor_super{
	color:#bfbfbf;
	font-size:xx-small;
	vertical-align:super;
	letter-spacing:0;
	}

/* araedit.inc.php */
.areaedit_btn_edit{text-align:right;}

/* br.inc.php */
br.spacer{}

/* clear.inc.php */
.clear{clear:both;}

/* color.inc.php */
span.color{padding:4px;}

/* contents.inc.php */
table.contents{padding:3px;/* float:right; margin:0 0 2ex 1em;*/}
th.contents{
	display:block;
	margin:0px;
	padding:5px;
	text-align:left;
	font-size:80%;
	color:#ffffff;
	background-color:#9f9f9f;
	}

/* counter.inc.php */
.counter{}

/* diff.inc.php */
span.diff_added{color:blue; background-color:inherit;}
span.diff_removed{color:red; background-color:inherit;}

/* include.inc.php */
h5.side_label{text-align:center;}

/* navi.inc.php */
ul.navi{text-align:center;}
li.navi_none{display:inline; float:none;}
li.navi_left{display:inline; float:left; text-align:left;}
li.navi_right{display:inline; float:right; text-align:right;}

/* netvideos.inc.php */
div.netvideo{margin:10px 0;}

/* new.inc.php */
span.comment_date{font-size:x-small;}
span.new1{color:red; background-color:transparent; font-size:x-small;}
span.new5{color:green; background-color:transparent; font-size:xx-small;}

/* pagetree.inc.php */
div.pagetree{
	margin:1px 1px 1ex;
	padding:1ex 3px;
	background-color:#f7fcff;
	border:solid 1px rgb(143,215,239);
	}
ul.pagetree{margin:0;}
li.pagetree{list-style-type:none;}
.current{ /*This selector must be above than .collapsed*/
	background-position: 0 -32px;
	background-color:rgb(239,23,127);
	color:#ffffff;
	text-shadow:none;
	box-shadow:0 1px 1px #afafaf;
	}
/*.collapsed, .expanded, .leaf{
	background-image:url("../image/icons.png");
	background-repeat:no-repeat;
	padding-left:13px;
	}
.collapsed{background-position: 0 0;}
.expanded{background-position: 0 -24px;}
.leaf{background-image:none;}*/
.collapsed:before{content:"▶";}
.expanded:before{content:"▼";}
.leaf:before{content:"　";}

/* paraedit.inc.php */
a.paraedit{float:right;}
img.paraedit{padding:5px;}

/* popular.inc.php */
.counter{}

/* popular.inc.php, recent.inc.php, showrss.inc.php */
ul.popular_list, ul.recent_list{}

/* ref.inc.php */
.img_margin{margin:10px 40px;}
.img_margin img{border:1px solid rgb(239,23,127);}
img.ref{margin:2px;}

/* vote.inc.php */
.vote_label, .vote_td1, .vote_td2{padding:5px; color:inherit;}
.vote_label{color:#ffffff; background-color:rgb(15,119,183);}
.vote_td1{background-color:#bfbfbf;}
.vote_td2{background-color:#f4f4f4;}

/* GitHub Buttons */
.button{
	display:inline-block;
	padding-right:10px;
	border:1px solid #bfbfbf;
	color:#9f9f9f;
	font-size:16px;
	cursor:pointer;
	outline:none;
	text-decoration:none;
	background-color:#f9f9f9;
	/* IE hacks */ zoom:1; *display:inline;
	}
.button_img{margin:0 0.5em; vertical-align:-2px;}
.button:hover,
.button:focus,
.button:active{
	text-decoration:none;
	color:rgb(15,119,183);
	border:1px solid rgb(143,215,239);
	background-color:rgb(243,251,255);
	box-shadow:none;
	}
/* overrides extra padding on button elements in Firefox */
.button::-moz-focus-inner{padding:0; border:0;}
.button-group{
	display:inline-block;
	/* IE hacks */
		zoom:1; 
		*display:inline;
	}
.button + .button,
.button + .button-group,
.button-group + .button,
.button-group + .button-group{margin-left:15px;}
.button-group .button {margin-left:-1px;}
.button-group > .button:not(:first-child):not(:last-child){
	border-radius:0;
	}
.button-group > .button:first-child{
	margin-left:0;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	}
.button-group > .button:last-child{
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	}

/* --- Sprites --- */
#button_newsub, #button_edit, .paraedit{
	padding-left:30px;
	background-image:url(../image/icons.png);
	background-repeat:no-repeat;
	}
#button_newsub{background-position:0 -120px;}
#button_edit{background-position:0 -60px;}
.paraedit{background-position:0 -90px; height:24px;}

/* --- a --- */

a{color:rgb(239,23,127); text-decoration:underline;}
/*dd a{white-space:nowrap;}*/
/*a:visited{color:rgb(63,143,159);}*/

.body a:visited, .body a:hover{color:rgb(119,15,79);}
.menubar a{color:rgb(15,119,183);}
.menubar a:visited{color:rgb(7,71,103);}
h2 a, h2.includex a, a.menu_h, a.menu_h:visited,
#topicpath a, a.footer, div.related a, a.title, a.title:hover{color:#ffffff;}
#topicpath a:hover, a.footer:hover{color:rgb(239,23,127);}
div.related a:hover{color:rgb(143,215,239);}
div#affiliate a:hover{color:#3300FF;}

a.title, .menubar a{text-decoration:none;}
.menubar a:hover, a.menu_h{text-decoration:underline;}

a.replace{ /*text-indent:-9999px;*/
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	}

/* --- form --- */
#search{
	width:120px;
	height:15px;
	border:1px solid rgb(15,119,183);
	color:#4f4f4f;
	background-color:#ffffff;
	cursor:text;
	}
textarea{display:block;}
input[type="submit"], input[type="text"]{-webkit-appearance:none;}
input[type="submit"]{ /* this selector have to be in below than #search */
	margin:1px; /*must be 1px or more*/
	height:20px;
	color:#ffffff;
	border:none;
	background-color:rgb(15,119,183);
	cursor:pointer;
	}
input[type="textarea"]{border:1px solid rgb(255,207,31);}
#wikilink{
	float:right;
	width:240px;
	margin-right:5px;
	font-size:12px;
	text-align:right;
	color:#ffffff;
	background-color:rgb(207,175,0);
	border:1px solid rgb(231,199,23);
	text-shadow:none;
	*position:relative; *top:-25px;
	}
input[type="text"].wikilink{
	border:1px solid rgb(231,199,23);
	background-color:rgb(255,255,243);
	color:#9f9f9f;
	}

/* Affiliate */
#ad_body_wrapper{height:92px;}
.ad_728{padding:0 1px;}
#ad_body0{height:90px; margin-bottom:1ex;}
#ad_body1{padding-left:8px;}
#ad_body2{float:right;}
#ad_footer{height:15px; margin-bottom:5px;}
#ad_lefttop{padding:0 10px 10px; min-height:165px;}
div#amazonranklet{padding:10px;}
ul.buy{margin:3ex 0; padding-left:10px;}
.buy_amazon, .buy_apple{
	padding:1px 23px;
	list-style-type:none;
	background-image:url(../image/icons.png);
	background-repeat:no-repeat;
	}
.buy_amazon{background-position:0 -150px;}
.buy_amazon a{color:rgb(255,143,31); font-weight:bold;}
.buy_apple{background-position:0 -200px;}
.buy_apple a{color:#777777; font-weight:bold;}
.recommend{
	margin-left:0.5em;
	color:#ffffff;
	font-weight:bold;
	background-color:rgb(239,23,127);
	}
.recommend:before{content:"» ";}

/* --- Social --- */
iframe.twitter-follow-button{}
iframe.twitter-share-button{width:110px!important;}
iframe.facebooklike{}
iframe.hatena-bookmark-button-frame{margin:0 10px;}
#___plusone_0{}

/* etc */
::selection{background:rgb(247,239,143);}

/* CSS3 PIE */
/*.main_in, .main_top, */dl, #ad_body1, div.more, .button, #header, #footer, #category, h2.menubar, .button, table.contents, .netvideo object, img.buy, #aswift_0_anchor, #aswift_2_anchor, .a8net{
	*position:relative;
	behavior:url(skin/PIE.htc);
	box-shadow:1px 1px 2px #f4f4f4;
	}
dl, #ad_body1, div.more, div.pagetree, .button{
	border-radius:4px;
	}

/* IE-CSS3 */
/*#header, #footer, #affiliate{
	position:relative;
	behavior:url(skin/ie-css3.htc);
	} */
#header, #footer{text-shadow:0 1px 2px #000000;}

/*clearfix*/
.main:after,
.main_top:after,
#relatedwrapper:after, #ad_rectangle_wrapper:after{
	display:block;
	content:"";
	clear:both;
	}