/* base
------------------------------------------------ */

body,h1,ul,li,dl,dt,dd,fieldset {margin: 0; padding: 0;}
body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,arial,'ＭＳ Ｐゴシック',sans-serif;
	text-align: center;
	background:url(https://blog-imgs-62.fc2.com/f/c/2/fc2blogtemplates/typeA-back.gif);
}
textarea,input {
	font-size: inherit;
}
input[type=button],input[type=submit] {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,arial,'ＭＳ Ｐゴシック',sans-serif;
}
input[type=text],input[type=password],.form-comment > textarea {
	border: 1px #ccc solid;
	background: #fafafa;
	border-radius: 3px;
	padding: 3px;
}
input[type=text]:focus,input[type=password]:focus,.form-comment > textarea:focus,
input[type=text]:hover,input[type=password]:hover,.form-comment > textarea:hover {
	background: #fff;
}
* html .form-input input {padding: 1px;}

.pbody,.cbody,.help-body,.prv  {line-height: 1.7;} /* 行間 */
a {color: #08d;}
a:hover {color: #f08;}
fieldset {border: 0;}
img {border: 0;}
a img:hover {opacity: 0.6;}

.clear {clear: both;}
body .none,body .navi .none,.njs #wrap .nojs {display: none;}

.url,.mail,.arrow,#up a,#postmsg,.buttons {
	background: url(https://blog-imgs-62.fc2.com/f/c/2/fc2blogtemplates/typeA-icon.gif) -293px center no-repeat;
}

/* header
------------------------------------------------ */

#header {
	position: fixed;
	top: 0; left: 0;
	z-index: 99997;
	width: 100%; height: 48px;
	background: #000;
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2);
}
* html #header {position: static;}

h1 {
	position: absolute; z-index: 99998;
	left: 1.2em; top: 12px;
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
}
h1 a:link, h1 a:visited {
	color: #ffffff; text-decoration: none;
}
h1 a:hover {
	text-decoration: underline;
}

#header-menu {
	margin: 0 auto;
}
#menu {
	position: relative;
	padding: 8px 0 0 185px;
	font-size: 78%;
}
#menu li {
	margin: 0 1px 0 0;
	width: 90px;
	display: block;
	float: left;
	list-style-type: none;
}
#menu li a {
	display:block;
	height: 30px; line-height: 30px;
	border: 1px #000000 solid;
	text-decoration: none;
	color: #bbb; background: #000;
	transition: .3s;
}
#menu li a:hover {
	border: 1px #eee solid;
	color: #fff; background: #4bc;
}

.inputSearch {margin: 0 5px; font-size: 100%;}
#menu .pageSearch {white-space: nowrap;}

#searchForm {
	position: absolute;
	right: 135px; top: 8px;
	margin: 0; padding: 0;
	border: 0;
	line-height: 33px;
	text-align: left;
	font-size: 100%; color:#fff;
}
#searchForm input[type=text] {
	width: 140px; margin: 0 3px 0 0;
}
#searchForm input,#searchForm select {vertical-align: middle;}
* html #searchForm #keyword {width: 140px;}

.buttons {
	width: 33px; height: 33px;
	text-indent:-1000px; overflow: hidden;
	border-radius: 6px; border: 0;
	cursor: pointer;
	background-color : #4bc;
	background-position: -177px center;
	transition: .3s;
}

#postmsg {
	display: none;
	position: absolute;
	z-index: 99998;
	right: 0; top: 8px;
	width: 90px;
	height: 33px; line-height: 33px;
	margin: 0; padding:0 0 0 20px;
	border-radius: 3px;
	color: #fff;
	font-size: 96%;
	cursor: pointer;
	background-color: #4bc;
	background-position: -620px center;
	transition: .2s;
}
#postmsg:hover,.buttons:hover {background-color: #f09;}

body a.login{
	position: absolute; top: 2px; right: 10px;
	color: #ccc; font-size: 11px;
}


/* rayout
------------------------------------------------ */

#wrap {
	padding-top: 1px; clear: both;
	width: 100%;
	min-height: 800px;
}
.outer,#page-head,#page-headn,#ad-foot,#header-menu {width: 800px;}
.outer {
	margin: 25px auto 130px;
	clear: both;
	border-radius: 8px;
	box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.1);
}

#page-head,#page-headn {margin: 0 auto; padding: 70px 0 0;}
* html #page-head,* html #page-headn {padding-top: 35px;}

.njs #page-head {padding-top: 30px;}
.njs #page-headn {padding-top: 70px;}
#ad-foot {
	clear: both;
	margin: 0 auto; padding: 0 0 1px;
}

#footer {
	clear: both;
	margin: 0; padding: 20px 0 0px;
	width: 100%;
	font-size: 69%;
}
.bottom {
	margin: 0; padding: 9px;
	color: #fff; background: #000;
	text-align: right;
	font-style: normal;
}
.bottom p {margin: 0;}
#footer a {color: #fff; text-decoration: underline;}
#footer a:hover {text-decoration: none;}

#up li {
	bottom: 130px;
	position: fixed;
	right: 20px;
	z-index: 9999;
}
* html #up {display: none;}

#up li, #up a {
	border-radius: 10px;
	cursor: pointer;
	display: block;
	height: 51px;
	list-style-type: none;
	overflow: hidden;
	width: 51px;
}
#up a {
	opacity: 0.8;
	text-indent: 100%;
	white-space: nowrap;
	background-position: 14px -4px;
	background-color: #CCCCCC;
	transition: .3s;
}
#up .sc2 {bottom: 71px;}
#up .sc2 a {
	background-position: -59px -4px;
}
#up a:hover {
	background-color: #66CCFF;
	opacity: 1;
}


/* navi
---------------------------------------------- */

.navi {
	margin: 0 auto; padding: 10px 10px 8px;
	height: 31px;
	border: 1px #3ab solid; border-radius:8px 8px 0 0;
	text-align: right;
	background: #4bc url(https://blog-imgs-62.fc2.com/f/c/2/fc2blogtemplates/typeA-navi.gif) left top;
	box-shadow: 0 2px 2px 2px rgba(255,255,255,0.3) inset;
}
#bottom-navi {
	border-radius: 0 0 8px 8px; padding: 8px 10px 10px; 
	box-shadow: 0 -2px 2px 2px rgba(255,255,255,0.4) inset;
}
.navi li {
	display: block; float: left; list-style-type: none; margin:0 3px 0 0;
}
* html .navi li {width: 110px;}
* html .pages li {width: 60px;}

.navi a,.navi span {
	display: block;
	height: 25px; line-height: 25px;
	min-width: 20px;
	padding: 2px 6px;
	border: 1px #fff solid; border-radius: 3px;
	text-decoration: none;
	font-family: arial;
	font-size: 12px;
	background: #5cd; color: #fff;
	text-align: center;
}
.navi span {background: #39b;}
ul.visible li {visibility: visible;}
.outer .navi a:hover {background: #39b; color: #ffffff;}


/* form
---------------------------------------------- */
#bbsform {
	position: fixed; top: 48px; left: 0;
	z-index: 9999;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	min-height: 1px;
	clear: both;
	background: #f6f6f6;
	border-bottom: 1px solid #DDDDDD;
	font-size: 82%;
	text-align: center;
	box-shadow: 0 0 3px 2px rgba(0,0,0,0.1);
}
#bbsform fieldset {
	font-size: 100%;
	margin: 0 auto;
	padding: 25px 0 0;
	text-align: left;
	width: 760px;
}
#pagetop .relative {position: relative;}

#search #bbsform,#edit #bbsform {font-size: 100%;}
* html #bbsform {position: absolute;}
* html #pagetop .static {position: static;}

* html #search #bbsform {position: static;}

.js #bbsform {display: none;}
.njs #bbsform {position: static; padding-top: 40px;}
* html .njs #bbsform {margin-top: 0; padding-top: 0;}
.njs .outer #bbsform {padding-top: 0;}

#edit #bbsform {display: block; position: static; padding: 20px 0;}
.njs #edit #bbsform {margin-top: 0;}

.form-body {position: relative; min-height: 1px;}
#edit .form-body textarea {height: 250px;}

#main #bbsform,#reply #bbsform,#preview #bbsform {
	display: block; position: static;
	width: auto;
	box-shadow: none; font-size: 100%;
}
.njs #reply #bbsform,.njs #search #bbsform,#preview #bbsform {margin-top: 0; width: auto;}

.form-body textarea {
	width: 460px; height: 160px; padding: 3px;
	line-height: 1.4;
}
#msg {line-height: 1.4;}

.form-info {
	float: left; margin-right: 10px; width: 250px;
}
#reply #bbsform .form-post {
	float: left; width: 495px;
}

.form-label {
	float: left; width: 65px; padding: 2px 0 5px;
	font-size: 95.2%;
}
.form-input {float: left; padding: 2px 0 5px;}
.form-input input {vertical-align: middle; min-height: 16px;}
input[type=password] {ime-mode: disabled;}

.form-input input {width: 160px;}

.form-input .pwd {width: 7em;}
.form-input .file {width: auto;}
.form-pass {
	clear: both; padding: 0 0 0 5px;
	color: #666; font-size: 11px;
}
.iconForm {width: 150px;}
.form-submit {
	position: relative;
	height: 5.5em; line-height: 2;
	clear: both;
	padding: 10px 0 0;
	text-align: right;
}
#preview .form-submit,#edit .form-submit,.njs .form-submit {height: 4.1em;}
.kaiform .form-submit {height: 6.5em;}
.douga {
	position: absolute; top: 0.9em; left: 350px;
	cursor: pointer;
	text-align: left;
}
.njs .doubox {display: none;}
.kaiform .douga {
	padding: 18px 0 0; position: static;
	cursor: pointer;
	text-align: left;
}
.douga label {
	margin: 0 0 3px;
	display: block;
	cursor: pointer;
}
.kaiform label {display: inline; margin: 0 10px 0 0;}
.douga input {vertical-align: middle;}

.imagefile {
	position: absolute;
	top: 1em; left: 0;
}
fieldset em {color: #cc0000;}

/* icon */
.selecticon {position: relative;}
.selecticon img {
	padding: 2px; cursor: pointer;
	border: 1px #ccc solid; background: #ffffff;
}
.viewicon {
	position: absolute; left: 35px; top: -3px;
	padding: 5px;
	border: 2px #8df solid; border-radius: 5px;
	background: #f9ffff;
	box-shadow: 0px 0px 3px 2px rgba(90,90,90,0.1);
}
.viewicon img {
	margin: 5px; padding: 0;
	width: 25px; height: 25px; border: 0;
}
.viewrap {width: 175px;}
.sum5,.kaiform .viewrap {width: 175px;}
.sum6 {width: 210px;}
.sum7 {width: 245px;}
.sum8 {width: 280px;}
.sum9 {width: 315px;}
.sum10 {width: 350px;}

.kaiform fieldset {
	margin: 20px 0 0 0px; padding: 20px 0 0 60px;
	border-top: 2px #ccc dotted;
	min-height: 1px;
}
.kaiform .postURL {clear: both;}
.kaiform .form-post {width: 220px; float: left;}
.subclear {width: 480px;}
.subclear .form-input input,#dai {width: 230px;}

.editf,.editf fieldset {display: inline;}

.no-pre #update,.no-pre #preview-edit {display: none;}

#update {display: block; margin: 0 0 10px auto;}

.njs #update,#preview-edit,.njs .emoji {display: none;}
#captcha {
	margin: 0 0 1em; padding: 20px 20px 10px;
	background: #ffffdd;
	border: 1px #ddddbb solid;
	text-align: center;
}
#captcha h3 {margin: 0 auto 20px;}
#captcha img {border: 1px #fff solid;}
#captcha input {padding: 3px;}
* html #captcha input {padding: 0;}
#test {overflow:hidden;border:0;margin:0;border-bottom:1px #ddd solid;}


/* thread
------------------------------------------------ */
.parent a {
	color: #0099dd;
	text-decoration: underline;
}
.parent a:hover {
	color: #ff0066;
	text-decoration: none;
}

.thread {
	clear: both;
	margin: 0 auto;
	list-style-type: none;
	font-size: 82%; background: #ffffff;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	min-height: 1px;
}

.parent {
	clear: both; overflow: hidden;
	padding: 0; margin: 0;
	min-height: 1px; width: 798px;
	border-bottom: 1px #cccccc solid;
	text-align: left;
	color: #000000;
	background: #fff url(https://blog-imgs-62.fc2.com/f/c/2/fc2blogtemplates/typeA-parent.gif) repeat-y left top;
}
.children {
	background: #fff url(https://blog-imgs-62.fc2.com/f/c/2/fc2blogtemplates/typeA-child.gif) repeat-y left top;
}

.left {
	float:left; min-height: 1px; width: 158px;
	border-top: 1px #fff solid;
}
.left img,.cdate img {vertical-align: middle; max-width: 140px;}
.name {
	padding: 9px 5px 8px 11px;
	font-weight: bold;
	font-size: 90%;
}
.info {font-size: 11px; padding: 0 0 0 10px;}
.info a:link,.info a:visited,.cdate a:link,.cdate a:visited{
	margin:0 6px 0 2px;
	text-decoration: none; color: #069;
}
.url {
	padding-left: 19px;
}
.mail {
	padding-left: 21px;
	background-position: -422px center;
}

.right {
	float: right;
	min-height: 120px; width: 640px;
}
.tid {
	position: relative; margin: 1px;
	min-height: 1px;
	color:#fff;
	background: #77aabb url(https://blog-imgs-62.fc2.com/f/c/2/fc2blogtemplates/typeA-sub.gif) left top;
	border-bottom: 1px #7ab solid;
}
.children .tid{
	border-bottom: 1px #7ec2d9 solid;
	background: #7ec2d9 url(https://blog-imgs-62.fc2.com/f/c/2/fc2blogtemplates/typeA-sub2.gif) left top;
}

.ptitle {
	margin: 0; padding: 9px 18em 8px 10px;
	font-size: 100%; font-weight: bold;
}
.njs .ptitle,#reply .ptitle {
	padding-right: 15em;
}
.tid .new,.pbody .new {
	padding-left: 40px;
	background: url(https://blog-imgs-62.fc2.com/f/c/2/fc2blogtemplates/typeA-new.gif) 8px center no-repeat ;
}
.pbody .new {
	padding-left: 0;
	background-position: right top;
}

.tid .date {
	position: absolute; right: 58px; top: 11px;
	display: block;
	margin: 0;
	font-size: 86%; color: #eeffff;
}
.njs .date,#reply .date,#search .date {
	right: 10px;
}
.arrow {
	position: absolute; top: 11px; left: -11px;
	height: 15px; width: 11px;
	overflow: hidden;
	background-position: -543px top;
}
.children .arrow {
	background-position: -543px -15px;
}

.tid .res {
	position: absolute; top: 0.9em; right: 10px;
	display: block;
	width: 3em; height: 3em; line-height: 3;
	border-radius: 6px;
	background: #fa0; color: #ffffff;
	text-align: center; font-weight: bold;
	font-style: italic; text-decoration: none;
}
.tid .res:hover {color: #ffffff; background: #ff6600;}

.pbody {padding: 18px 18px;}
.prv img,.pbody > img,.cbody > img {
	margin: 0 2px;
	vertical-align: middle;
}
.image {
	float: right;
	margin: 0 0 1em 1em; padding: 3px;
	border: 1px #ddd solid;
	background: #ffffff;
}
.image img {max-width: 600px; height: auto;}

.chead .cicon img {max-width: 60px; height: auto;}
.left .cicon img {max-width: 120px; height: auto;}
.mv {margin: 1em 0 0.3em;}
.mv embed {margin: 0em;}
.pbody embed {
	margin: 1em 0 0.3em;
	display: block;
}
.obj-nico {background: #000;}




/* reply
------------------------------------------------ */
.replies {
	margin: 40px 0px 10px 30px; padding: 1em;
	clear: both;
	overflow: hidden;
	border-radius: 8px; border: 1px #ddd solid;
	background: #fafafa url(https://blog-imgs-62.fc2.com/f/c/2/fc2blogtemplates/typeA-reback.gif);
	box-shadow: 0 0 1px 2px rgba(255,255,255,1) inset;
}
.replies .chead {display: none; font-size: 96%;}
.cname {padding: 5px 20px 0 0;}
.cname a:link,.cname a:visited {color: #08c;}
.ctop {font-weight: bold;}
.cdate {
	display: block;
	padding: 3px 0 0;
	color: #999999; font-size: 88%;
}
.cbody {
	clear: both; padding: 15px 5px 5px 10px;
}

.pfooter {
	clear: both;
	position: relative;
	margin: 10px 0 0;
	height: 2.5em; line-height: 2.5;
}
#search .pfooter {
	height: auto; text-align: right;
}
.repall {display: none;}
.outer .repall,.outer .repall {
	color: #999; font-size: 88%;
}
.pfooter .replink {
	position: absolute; right: 0; top: 0;
}
#search .repall,.njs .repall {display: inline;}


.picon{
	margin: 10px 5px 1px 10px;
}
.iconi img{
	border: 1px #ccc solid;
	padding: 3px; border-radius: 5px;
	background: #fff;
}
.cicon{
	float: left;background: #fff; margin: 0 1em 0 0;
}
.icon{
	border: 1px #ddd solid; border-radius: 5px;
	width: 48px; height: 48px;
	background: #fff url(https://blog-imgs-62.fc2.com/f/c/2/fc2blogtemplates/typeA-default.gif);
}

body a.replink,.button {
	margin: 5px 0 0 auto; padding: 3px 0;
	width: 6em; min-height: 1px;
	display: block;
	line-height: normal;
	text-align: center; font-size: 88%; 
	text-decoration: none;
	border: 1px #ccc solid; border-radius: 5px;
	background: #eeeeee; color: #000;
	filte: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ddd, endColorstr=#fff);
	background: -webkit-gradient(linear, left top, right bottom, from(#ddd), to(#fff));
	background: -moz-linear-gradient(top,#ddd,#fff);
	box-shadow: 0px 0px 2px 2px rgba(255,255,255,1) inset;
}

body a.replink:hover {color:#000; background: #eee;}
.button {cursor: pointer;}
body .button:hover {background: #eee;}

.button {
	margin: 1px 0 0 auto;
	display: inline; display: inline-block;
	border: 1px #3cd solid; border-radius: 13px;
	font-size: 91%;
	color: #fff;
	background: #3ce;
	filte:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6ce, endColorstr=#39c);
	background: -webkit-gradient(linear, left top, right bottom, from(#6ce), to(#39c));
	background: -moz-linear-gradient(top,#6ce,#39c);
	background: linear-gradient(to bottom,#6ce,#39c);
	box-shadow: 0px 0px 2px 1px rgba(255,255,255,1) inset;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
body .button:hover {background: #6de;}
.ie7 .button,.ie6 .button {font-size: 95%; padding: 1px 0;}
#preview .form-submit .button {width: 8em;}

.edel {
	clear: both; visibility: hidden;
	padding: 2em 0 0;
	text-align: right;
	font-size: 90%; color: #888;
}
.edel input {margin: 0 0 0 5px;}
.right:hover .edel {visibility: visible;}
* html .right .edel {visibility: visible;}
.replies .system_message {display: none;}


/* about
------------------------------------------------ */

#help .thread {
	padding: 1px;
	font-size: 82%;
	text-align: left;
}
.help-body {
	padding: 30px 20px; min-height: 300px;
}
#help .thread h2 {
	margin: 0; padding: 0;
	height: 35px; line-height: 35px;
	color: #fff;
	font-size: 100%;
	text-align: center;
	background: #77aabb url(https://blog-imgs-62.fc2.com/f/c/2/fc2blogtemplates/typeA-sub.gif) left top;
}

#help .thread ul {
	margin: 0.5em 0 1.4em; padding: 0;
}

#help .thread li {
	margin: 0 0 7px 30px;
}
#help blockquote {
	margin: 0.5em 50px 0.5em 20px; padding: 1em;
	background: #eee;
}
#help blockquote p {margin: 0;}

#error {padding: 5px 0; color: #ff0000;}
#error p {margin: 0 0 0.3em;}
#test #error {
	margin: 0; padding: 15px 0;
	border-bottom: 1px #ddd solid;
	background: #ffe; color: #ff0000;
}


/* password */
.editkey {
	padding: 50px 0 200px; color: #ff0000;
}
.editkey p {margin: 0 0 30px;}

/* posted */
#post .thread {
	padding: 80px 0 0;
	height: 280px;
	font-weight: bold;
	font-size: 80%;
	text-align: center;
	background: #f8fcff;
}

#result {
	height: 200px; line-height: 200px;
	background: #fafafa; color: #999;
}


/* other
------------------------------------------------ */
.emoji {
	margin-left: 10px;
	border: 1px #ccc solid;
	vertical-align: bottom;
	cursor: pointer;
}
#palette,#palette td {
	margin: 0; padding: 0;
	font-size: 0; line-height: 0;
	background: none; border: 0;
	overflow: hidden;
	text-indent: -200px;
}
#emoji{
	position: absolute; left: 40px; top: 0px;
	padding: 5px;
	border: 2px #6ce solid; border-radius: 5px;
	background: #fff;
	display: none;
	box-shadow: 0px 0px 3px 2px rgba(90,90,90,0.2);
}
.kaiform #emoji {top: 5px; left: 0;}

#palette{
background: #fff url(https://blog-imgs-62.fc2.com/f/c/2/fc2blogtemplates/typeA-emoji.gif) left top no-repeat;
}
#palette td{
	height: 20px; width: 20px;
	line-height: 20px;
	cursor: pointer;
}
#palette td:hover{
	background: #fff;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.prv {
	margin: 0 0 15px 240px; padding: 15px 15px 15px;
	border: 1px #ccc solid; border-radius: 3px;
	background: #fff;
	box-shadow: 0px 0px 3px 2px rgba(90,90,90,0.1);
}
.kaiform .prv {margin-left: 0; background: #fafafa;}

.form-info:after,#menu:after,.parent:after,.clearfix:after{
	content:".";display:block;clear:both;
	height:0;visibility:hidden;overflow:hidden;
}
.clearfix,.parent,.form-info,#menu {min-height:1px;}

* html .kaiform fieldset, * html .clearfix,* html .form-body,
* html .form-info, * html #menu, * html #bbsform,
* html .thread, * html .tid, * html .parent {zoom: 1;}

.hidden {visibility: hidden;}
.js .pbody .replies {display: none;}
.njs .pbody .chead:last-child {display: block;}
.njs .dticon,.njs .iconForm {display: none;}