@charset "Shift_JIS";

pre, dl, ol, p, blockquote { line-height:130%; }

blockquote { margin-left:32px; }

body {
	color: rgb(62,66,64);
	background-color:rgb(254,255,244);
	margin: 0;
	padding: 0;
	font-size:90%;
	font-family: "メイリオ", "Meiryo UI", verdana, arial, helvetica, Sans-Serif;
}

a:link {
	color: rgb(84,77,203);
	text-decoration:none;
}

a:active {
	color:rgb(84,77,203);
	text-decoration:none;
}

a:visited {
	color:rgb(229,0,30);
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

div#header a{
	color: rgb(254,255,244);
}
div#navigator a{
	color: rgb(62,66,64);
}
div#bodyNav a{
	color: rgb(254,255,244);
}
h1 a,h2 a{
	color: rgb(254,255,244);
}

h1, h2, h3, h4, h5, h6 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: .1em 0 .1em .3em;
	border:0;
	border-left:.4em solid;
	vertical-align:bottom;
	font-size:1.2em;
}

h1{
	font-size: 161.6%;
	font-family: "メイリオ", "Meiryo UI", verdana, arial, helvetica, Sans-Serif;
	color:#eeeebb;
	background-color: rgb(0,0,0);
	padding:.3em;
	letter-spacing:0.15em;
	border:0px;
	margin:0px 0px .5em 0px;
}

h2 {
	letter-spacing:0.15em;
	color:#FFFFFF;
	background-color:#353573;
	margin:.2em -19px .5em -19px;
	padding:.3em .3em .15em .5em;
	border:0px;
	border-left:0px solid ;
	border-bottom:1px solid;
	border-color:#ffffff #ffffff #999999 black;
}
h3 {
	font-family: "メイリオ", "Meiryo UI", verdana, arial, helvetica, Sans-Serif;
	letter-spacing:0.15em;
	color:black;
	background-color:transparent;
	margin:0px 0px .5em 0px;
	padding:.3em .3em .15em .5em;
	border-left:15px solid;
	border-bottom:1px solid;
	border-top:	1px solid;
	border-right:  1px solid;
	border-color:gray;
}
h4 {
	font-family: "メイリオ", "Meiryo UI", verdana, arial, helvetica, Sans-Serif;
	border-left: 18px solid rgb(224,214,204);
	color:inherit;
	padding:.3em;
	margin:0px 0px .5em 0px;
	letter-spacing:0.15em;
	color:black;
	background-color:transparent;
	border-left:15px solid black;
}
h5{

	font-size: 0.9em;
	font-family: "メイリオ", "Meiryo UI", verdana, arial, helvetica, Sans-Serif;
	border-left: 18px solid rgb(224,214,204);
	color:inherit;
	padding:.3em;
	margin:0px 0px .5em 0px;
	letter-spacing:0.15em;
	color:black;
	background-color:transparent;
	margin:.2em -19px .5em -19px;
	padding:.3em .3em .15em .5em;
	border-left:15px solid black;
}

h6{
	font-family: "メイリオ", "Meiryo UI", verdana, arial, helvetica, Sans-Serif;s
	color: rgb(254,255,244);
	background-color: transparent;
 	padding:.3em;
 	border: 0;
 	margin:0px 0px .5em 0px;
}

h1.title {
	font-size: 20px;
	font-weight:bold;
	color: rgb(254,255,244);
	background-color:transparent;
	padding: 50px 0 0 0;
	border: 0;
	margin: 0;
}
h2.title {
	font-size: 16px;
	font-weight: normal;
	color: rgb(254,255,244);
	background-color:transparent;
	padding: 5px 0;
	margin: 0;
}

dt {
	font-weight:bold;
	margin-top:1em;
	margin-left:1em;
}

pre {
	border-top:#DDDDEE 1px solid;
	border-bottom:#888899 1px solid;
	border-left:#DDDDEE 1px solid;
	border-right:#888899 1px solid;
	padding:.5em;
	margin-left:1em;
	margin-right:2em;
	overflow-x: visible;
	white-space: pre-wrap;
	color:black;
	background-color:#F0F8FF;
	font-family: "メイリオ", "Meiryo UI" , verdana, arial, helvetica, Sans-Serif;}

img {
	border:none;
	vertical-align:middle;
}

ul {
	margin-top:.5em;
	margin-bottom:.5em;
	line-height:130%;
}

em { font-style:italic; }

strong { font-weight:bold; }

p {
	margin: 10px 15px;
}

thead td.style_td,
tfoot td.style_td {
	color:inherit;
	background-color:#D0D8E0;
}
thead th.style_th,
tfoot th.style_th {
	color:inherit;
	background-color:#E0E8F0;
}
.style_table {
	padding:0px;
	border: 0.2px #111111 solid;
	margin:auto;
	text-align:left;
	color:inherit;
	background-color:#ccd5dd;
}
.style_th {
	padding:5px;
	border: 0.2px #111111 solid;
	margin:1px;
	text-align:center;
	color:inherit;
	background-color:#EEEEEE;
}
.style_td {
	padding:5px;
	border: 0.2px #111111 solid;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
}

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

div.ie5 { text-align:center; }

span.noexists {
	color:inherit;
	background-color:#FFFACC;
}

.small { font-size:110%; }

.super_index {
	color:#DD3333;
	background-color:inherit;
	font-weight:bold;
	font-size:60%;
	vertical-align:super;
}

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

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

hr.full_hr {
	border-style: solid;
	border-color: rgb(0,0,0);
	border-width: 1px;
}
hr.note_hr {
	display:none;
}

span.size1 {
	font-size:xx-small;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size2 {
	font-size:x-small;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size3 {
	font-size:small;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size4 {
	font-size:medium;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size5 {
	font-size:large;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size6 {
	font-size:x-large;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size7 {
	font-size:xx-large;
	line-height:130%;
	text-indent:0px;
	display:inline;
}

/* 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() */


/* pukiwiki.skin.php */
div#header {
	height: 120px;
	background-color: rgb(0,0,0);
	padding: 0 20px;
	margin: 0;
}

div#navigator {
	clear:both;
	color: rgb(62,66,64);
	background-color:rgb(224,214,204);
	padding: 4px 20px 0;
	margin:0px;
}

div#google_translate_element {
	padding: 0px 0px 10 0;
	margin:0px;
}

div#menubar {
	width: 280px;
	padding: 20px;
	margin: 0;
	word-break:break-all;
	font-size:100%;
	overflow:hidden;
	float: left;
}

div#menubar div {
	margin: 0 5px;
}

div#menubar ul {
	margin: 0px 0px 0px 10px;
	padding: 0 5px;
}

div#menubar ul li {
	margin-left: 15px;
	line-height: 110%;
}

div#menubar h4 { font-size:110%; }

div#body {
	padding: 20px;
	border-left:1px solid rgb(224,214,204);
	margin: 0 0 0 300px;
}
div#body.nonColumn{
	padding: 20px;
	margin: 0;
}

div#bodyNav {
	background-color: rgb(0,0,0);
	color: rgb(254,255,244);
	padding: 1px 10px 0;
	margin: 0 0 20px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div#note {
	clear:both;
	padding:0px;
	margin:0px;
	background-color: rgb(224,214,204);
}

div#attach {
	background-color: rgb(224,214,204);
	clear:both;
	padding:0px;
	margin:0px;
}

div#toolbar {
	background-color: rgb(0,0,0);
	color: rgb(254,255,244);
	clear:both;
	padding:0px;
	margin:0px;
	text-align:right;
}

div#lastmodified {
	background-color: rgb(0,0,0);
	color: rgb(254,255,244);
	font-size:85%;
	padding:0px;
	margin:0px;
}

div#related {
	background-color: rgb(0,0,0);
	color: rgb(254,255,244);
	font-size:80%;
	padding: 16px 0 0 0;
	margin: 0;
}

div#footer {
	background-color: rgb(0,0,0);
	color: rgb(254,255,244);
	font-size:70%;
	padding: 20px 0 ;
	margin: 0;
}

div#banner {
	float:right;
	margin-top:24px;
}

div#preview {
	color:inherit;
	background-color:#F5F8FF;
}

img#logo {
	float:left;
	margin-right:20px;
}

/* aname.inc.php */
.anchor {}
.anchor_super {
	font-size:xx-small;
	vertical-align:super;
}

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

/* calendar*.inc.php */
.style_calendar {
	padding:0px;
	border:0px;
	margin:3px;
	color:inherit;
	background-color:#CCD5DD;
	text-align:center;
}
.style_td_caltop {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
	font-size:80%;
	text-align:center;
}
.style_td_today {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#FFFFDD;
	text-align:center;
}
.style_td_sat {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#DDE5FF;
	text-align:center;
}
.style_td_sun {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#FFEEEE;
	text-align:center;
}
.style_td_blank {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
	text-align:center;
}
.style_td_day {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
	text-align:center;
}
.style_td_week {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#DDE5EE;
	font-size:80%;
	font-weight:bold;
	text-align:center;
}


/* calendar_viewer.inc.php */
div.calendar_viewer {
	color:inherit;
	background-color:inherit;
	margin-top:20px;
	margin-bottom:10px;
	padding-bottom:10px;
}
span.calendar_viewer_left {
	color:inherit;
	background-color:inherit;
	float:left;
}
span.calendar_viewer_right {
	color:inherit;
	background-color:inherit;
	float:right;
}

/* clear.inc.php */
.clear {
	margin:0px;
	clear:both;
}

/* counter.inc.php */
div.counter { font-size:70%; }

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

span.diff_removed {
	color:red;
	background-color:inherit;
}

/* hr.inc.php */
hr.short_line {
	text-align:center;
	width:80%;
	border-style:solid;
	border-color:#333333;
	border-width:1px 0px;
}

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

/* navi.inc.php */
ul.navi {
	margin:0px;
	padding:0px;
	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;
}

/* 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;
}

/* popular.inc.php */
span.counter { font-size:80%; }
ul.popular_list {

}

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

/* ref.inc.php */
div.img_margin {
	margin-left:32px;
	margin-right:32px;
}

/* vote.inc.php */
td.vote_label {
	color:inherit;
	background-color:#FFCCCC;
}
td.vote_td1 {
	color:inherit;
	background-color:#DDE5FF;
}
td.vote_td2 {
	color:inherit;
	background-color:#EEF5FF;
}

/*sortabletable.js*/
 .sort-arrow {
 width: 17px;
 height: 17px;
 background-position: center center;
 background-repeat: no-repeat;
 margin: 0 2px;
 background-image: url("../image/blank.png");
 }
 .sort-arrow.descending {
 background-image: url("../image/downsimple.png");
 }
 .sort-arrow.ascending {
 background-image: url("../image/upsimple.png");
 }
 /*filterabletable.js*/
 .filter-box {
 width: 100%;
 height: 1.5em;
 margin: 0;
 }

 /*shareボタンの配置を調整*/

.socialWrap {
	padding: 20px 0;
}
 
.socialWrap div {
	display: inline-block;
}
 
.fb_iframe_widget > span {
	vertical-align: baseline !important;
}

.google_translate_element{
	padding: 0 0 10 0;
}

.textarea{
	padding: 0 0 10 0;
}


#socialshare ul{
	height:auto;
}
#socialshare li{
	font-size:14px;
	float:left;
	text-align:center;
	width:84px;
	margin-right:1%;
	margin-bottom:8px;
	border-radius:3px;
	list-style:none;
}
#socialshare li.share-twitter{
	background:#55acee;
	box-shadow:0 2px #2795e9;
}
#socialshare li.share-twitter:hover{
	background:#83c3f3;
}
#socialshare li.share-facebook{
	background:#3b5998;
	box-shadow:0 2px #2d4373;
}
#socialshare li.share-facebook:hover{
	background:#4c70ba;
}
#socialshare li.share-google{
	background:#dd4b39;
	box-shadow:0 2px #c23321;
}
#socialshare li.share-google:hover{
	background:#e47365;
}
#socialshare li.share-hatena{
	background:#2c6ebd;
	box-shadow:0 2px #225694;
}
#socialshare li.share-hatena:hover{
	background:#4888d4;
}
#socialshare li.share-pocket{
	background:#f13d53;
	box-shadow:0 2px #e6152f;
}
#socialshare li.share-pocket:hover{
	background:#f26f7f;
}
#socialshare li.share-line{
	background:#00C300;
	box-shadow:0 2px #009d00;
}
#socialshare li.share-line:hover{
	background:#2bd92b;
}
#socialshare a{
	display:block;
	height:27px;
	padding-top:6px;
	color:#ffffff;
	text-decoration:none;
}
#socialshare a:hover{
	text-decoration:none;
	color:#ffffff;
}