﻿body
{
	font-family:Meiryo, MS UI Gothic, Segoe UI, Microsoft Sans Serif, sans-serif;
	color:rgb(105,105,105);
	text-align:center;
	font-size: 12px;
	margin: 0px 0px;
}
table,td,tr
{
	font-size: 12px;
	padding:0px 0px;
	border-spacing:0px;
}

img {border:none;}
a {text-decoration:none;color:rgb(105,105,105);}
a:visited {color:rgb(105,105,105);}
a:hover {text-decoration:none;color: rgb(40,145,210);}

div {margin:0px 0px;}
.center {text-align:center;}
.small {font-size:10px;}
.error {color:rgb(245,0,0);}

li {margin-left:4em;text-align:left;}

div.sprite a
{
	display:block;
	background-color:white;
	background-image:url(/resource/sprite.gif?t=3);
	background-repeat:no-repeat;
}
div.sprite a span {display:none;}
div.sprite a.logo {width:240px; height: 48px; background-position: 0px 0px;}
div.sprite a.footerlogo {width:100px; height: 21px; background-position: -241px -0px;}
div.sprite a.feed {width:15px; height: 15px; background-position: -241px -70px;}
div.sprite a.arrowl {width:60px; height: 60px; background-position: -0px -49px;}
div.sprite a.arrowl:hover {background-position: -60px -49px;}
div.sprite a.arrowld { width:60px; height: 60px;background-position: -60px -49px;}
div.sprite a.arrowrd { width:60px; height: 60px;background-position: -120px -49px;}
div.sprite a.arrowr:hover {background-position: -120px -49px;}
div.sprite a.arrowr {width:60px; height: 60px; background-position: -180px -49px;}
div.sprite a.ja_jp {width:25px; height: 15px; background-position: -257px -70px;}
div.sprite a.en_us {width:25px; height: 15px; background-position: -283px -70px;}

div.sprite a.pixiv {width:38px; height: 15px; background-position: -241px -22px;}
div.sprite a.deviantart {width:59px; height: 15px; background-position: -280px -22px;}
div.sprite a.pixa {width:49px; height: 15px; background-position: -241px -38px;}
div.sprite a.niconico {width:47px; height: 15px; background-position: -291px -38px;}
div.sprite a.spibal {width:54px; height: 15px; background-position: -241px -54px;}
div.sprite a.tinami {width:43px; height: 15px; background-position: -296px -54px;}

div.sprite a.bcarrowl {width:12px; height: 12px; background-position: -241px -87px;}
div.sprite a.bcarrowr {width:12px; height: 12px; background-position: -254px -87px;}

td.header {}
ul.sns {list-style-type:none;float:left;padding:0px;margin:5px 0px 10px 0px;clear:none;}
ul.sns li {float:left; margin:0px 10px 0px 0px;}
ul.languages {list-style-type:none;float:right;padding:0px;margin:5px 0px 10px 0px;clear:none;}
ul.languages li {float:left; margin:0px 0px 0px 5px;}
div.logo {clear:left;float:left;margin-top:10px; }
ul.topmenu
{
	list-style-type:none;
	margin-top:0px;
	padding:0px;
	float:right;
	clear:none;
	clip:0px 0px 125px 60px;
}
ul.topmenu li
{
	margin:0px 0px 0px 5px;
    float:left;
    clear:right;
    width:125px;
	height:60px;
	background-color:rgb(180,180,180);
	overflow:hidden;
}
ul.topmenu li a
{
	display:block;
	font-size:15px;
	font-weight:bold;
    width:100%;
	height:100%;
	background-color:rgb(100,100,100);
}
ul.topmenu li a:hover 
{
	background-color:rgb(140,140,140);
}
ul.topmenu li a span
{
	cursor:hand;
	overflow:hidden;
	color:rgb(255,255,255);
	white-space:nowrap;
    position:relative;
    top:35px;
    left:5px;
	width:120px;
}

.pagetitle
{	
	font-size:20px;
	font-weight:bold;
}
.pagesubtitle
{
	font-size:15px;
	font-weight:normal;
	padding-left:5px;
}


table.breadcrumbs {margin-left:auto;}
table.breadcrumbs td {vertical-align:middle;}

table.outer {width:960px;margin:auto;background-color:white;}

table.langbar {margin-left:auto;margin-bottom:15px;}
table.langbar td {padding:5px 0px 0px 5px;}

td.contentOuter
{
	padding:50px 0px 50px 0px;
	vertical-align:top;
	text-align:center;
	min-height:500px;
	height: auto !important;
	height:500px;
}
td.contentOuter a {text-decoration:none;color:rgb(0,145,240);}
td.contentOuter a:visited {color:rgb(0,145,240);}
td.contentOuter a:hover {text-decoration:underline;color:rgb(220,65,65);}
table.outer td.footer {text-align:right;}

table.footer {margin-left:auto;margin-bottom:20px;}
table.footer td.misc {vertical-align:middle;text-align:right;padding-right:20px;}
table.footer td.copy {vertical-align:middle;text-align:center;}

div.copyright
{
	float:right;
	text-align:center;
	margin-left:10px;
	margin-bottom:20px;
}
div.miscmenu
{
	
}
ul.miscmenu
{
	list-style-type:none;
	padding:0px;
	margin:0px;
	float:right;
}
ul.miscmenu li
{
	margin:0px 0px 0px 0px;
    float:left;
    padding:0px 10px 0px 10px;
    border-left:1px solid rgb(200,200,200);
}
ul.miscmenu li.first
{	
    border:none;
}

td.lt {text-align:left;vertical-align:top;}
td.lm {text-align:left;vertical-align:middle;}
td.lb {text-align:left;vertical-align:bottom;}
td.rt {text-align:right;vertical-align:top;}
td.rm {text-align:right;vertical-align:middle;}
td.rb {text-align:right;vertical-align:bottom;}


table.content {width:960px;margin-left:auto;margin-right:auto;}
table.content td.title {text-align:left;vertical-align:middle;}
table.content td.breadcrumbs {text-align:right;vertical-align:middle;}
table.content td.contentInner {padding-top:20px;padding-bottom:30px;text-align:center;}
table.default {margin-left:auto;margin-right:auto;width:700px;}

table.licenseframe td.licenseframe {padding:5px 5px;border:1px dashed rgb(190,190,190);vertical-align:middle;margin-left:auto;margin-right:auto;}
table.licensecontent {}

div.title ,span.title {font-size:15px;color:rgb(40,145,210);padding-top:10px;padding-bottom:10px;}
div.strong, span.strong {color:rgb(40,145,210);padding-top:5px;padding-bottom:5px;}

table.pub_page {margin-left:auto;margin-right:auto;}
table.pub_page td.arrowr {width:80px;}
table.pub_page td.arrowr div {float:right;}
table.pub_page td.arrowl {width:80px;}
table.pub_page td.arrowl div {float:left;}
table.pub_page td.page {width:150px;height:300px;}
table.pub_page td.page img {width:150px;height:300px;border-top:1px solid rgb(190,190,190);border-bottom:1px solid rgb(190,190,190);}
table.pub_page td.page img.l {border-left:1px solid rgb(190,190,190);}
table.pub_page td.page img.r {border-right:1px solid rgb(190,190,190);}

table.pub_detail {width: 800px;margin-left:auto;margin-right:auto;}
table.pub_detail td.left {width: 32px;padding-top:20px;vertical-align:top;}
table.pub_detail td.center {width: auto;vertical-align:top;}
table.pub_detail td.center table.content {width:700px;margin-left:auto;margin-right:auto;}
table.pub_detail td.center table.content td.header {padding-top:10px;padding-bottom:10px;text-align:center;}
table.pub_detail td.center table.content td.header table.titledate {width:600px;margin-left:auto;margin-right:auto;}
table.pub_detail td.center table.content td.header table.titledate td.title {font-size:15px;color:rgb(40,145,210);}
table.pub_detail td.center table.content td.header table.titledate td.date {text-align:right;font-size:15px;color:rgb(40,145,210);}
table.pub_detail td.center table.content td.content {text-align:center;padding-top:20px;padding-bottom:20px;}
table.pub_detail td.center table.content td.content table.img {margin-left:auto;margin-right:auto;}
table.pub_detail td.center table.content td.content table.img img {border:1px dotted rgb(190,200,220);}
table.pub_detail td.right {width: 32px;padding-top:20px;vertical-align:top;}

table.mascot_desc {margin-top:20px;margin-left:auto;margin-right:auto;}
table.mascot_desc td.icon {width:150px;}
table.mascot_desc td.icon img {width:150px;height:300px;border: 1px dotted rgb(190,200,220);}
table.mascot_desc td.text { width:200px; padding:5p 5px;}

table.talk {width:500px;margin-top:5px;margin-bottom:5px;margin-left:auto;margin-right:auto;}
table.talk td.icon {width:107px;}
table.talk td.text {padding:10px 10px;border:1px solid rgb(190,190,190);background-color:White;}
table.talk td img {width:100px; height:100px;border:1px solid rgb(190,190,190);}
table.talk table td {padding:0px 0px;}
table.talk table td.name {font-weight:bold;padding-bottom:5px;}
table.talk table td.brkt {vertical-align:top;width:1px;}
table.talk table td.msg {vertical-align:top;}

p.textblock {width:600px; text-align:left;}

table.desc {margin-top:10px; margin-bottom:10px;}
table.desc th.desc {padding:5px 5px;text-align:right;width:100px;color:rgb(40,145,210);font-weight:normal;}
table.desc td.desc {padding:5px 5px;text-align:left;}

table.contact td.contact {vertical-align:bottom;text-align:left;}
table.contact table.reply {width:100%;border:1px dashed rgb(200,200,200);}
table.contact table.reply td.question {width:50%;text-align:right;}
table.contact table.reply td.answer {width:50%;}
table.contact table.form {width:400px;margin-left:auto;margin-right:auto;}
table.contact table.form td {vertical-align:middle;}
table.contact table.form td.asterisk {color:red;font-size:20px;padding-right:5px;}
table.contact table.form td.asterisk img.asterisk {width:16px; height:16px;}
table.contact table.form table.withlabel {width:100%;}
table.contact table.form table.withlabel td.left {text-align:left;}
table.contact table.form table.withlabel td.right {text-align:right;}

table.result {width:100%; margin-top:10px; margin-bottom:10px;background-color:rgb(40,145,210)}
th.result {width:100px;padding:5px 5px;text-align:left;color:rgb(40,145,210);font-weight:normal;background-color:White;}
td.result {padding:5px 5px;background-color:White;}


div.mascot_sprite a{
display:block;
background-color:white;
background-image:url(/mascot/resource/sprite.jpg?version=4.3);
background-repeat:no-repeat;
border:1px dotted rgb(190,200,220);
}
div.mascot_sprite a span {display:none;}
div.mascot_sprite a.saine_annoyance {width:100px; height: 100px; background-position: -0px -0px;}
div.mascot_sprite a.saine_boredom {width:100px; height: 100px; background-position: -100px -0px;}
div.mascot_sprite a.saine_calm {width:100px; height: 100px; background-position: -200px -0px;}
div.mascot_sprite a.saine_disgust {width:100px; height: 100px; background-position: -300px -0px;}
div.mascot_sprite a.saine_doubt {width:100px; height: 100px; background-position: -400px -0px;}
div.mascot_sprite a.saine_enbarrassment {width:100px; height: 100px; background-position: -500px -0px;}
div.mascot_sprite a.saine_excitement {width:100px; height: 100px; background-position: -0px -100px;}
div.mascot_sprite a.saine_fear {width:100px; height: 100px; background-position: -100px -100px;}
div.mascot_sprite a.saine_happiness {width:100px; height: 100px; background-position: -200px -100px;}
div.mascot_sprite a.saine_hurt {width:100px; height: 100px; background-position: -300px -100px;}
div.mascot_sprite a.saine_pride {width:100px; height: 100px; background-position: -400px -100px;}
div.mascot_sprite a.saine_sadness {width:100px; height: 100px; background-position: -500px -100px;}
div.mascot_sprite a.saine_satisfaction {width:100px; height: 100px; background-position: -0px -200px;}
div.mascot_sprite a.saine_shame {width:100px; height: 100px; background-position: -100px -200px;}
div.mascot_sprite a.saine_surprised {width:100px; height: 100px; background-position: -200px -200px;}
div.mascot_sprite a.saine_tention {width:100px; height: 100px; background-position: -300px -200px;}
div.mascot_sprite a.saine_worry {width:100px; height: 100px; background-position: -400px -200px;}
div.mascot_sprite a.saine_anger {width:100px; height: 100px; background-position: -500px -200px;}
div.mascot_sprite a.signa_anger {width:100px; height: 100px; background-position: -0px -300px;}
div.mascot_sprite a.signa_annoyance {width:100px; height: 100px; background-position: -100px -300px;}
div.mascot_sprite a.signa_boredom {width:100px; height: 100px; background-position: -200px -300px;}
div.mascot_sprite a.signa_disgust {width:100px; height: 100px; background-position: -300px -300px;}
div.mascot_sprite a.signa_doubt {width:100px; height: 100px; background-position: -400px -300px;}
div.mascot_sprite a.signa_enbarrassment {width:100px; height: 100px; background-position: -500px -300px;}
div.mascot_sprite a.signa_excitement {width:100px; height: 100px; background-position: -0px -400px;}
div.mascot_sprite a.signa_fear {width:100px; height: 100px; background-position: -100px -400px;}
div.mascot_sprite a.signa_happiness {width:100px; height: 100px; background-position: -200px -400px;}
div.mascot_sprite a.signa_hurt {width:100px; height: 100px; background-position: -300px -400px;}
div.mascot_sprite a.signa_pride {width:100px; height: 100px; background-position: -400px -400px;}
div.mascot_sprite a.signa_sadness {width:100px; height: 100px; background-position: -500px -400px;}
div.mascot_sprite a.signa_satisfaction {width:100px; height: 100px; background-position: -0px -500px;}
div.mascot_sprite a.signa_shame {width:100px; height: 100px; background-position: -100px -500px;}
div.mascot_sprite a.signa_surprised {width:100px; height: 100px; background-position: -200px -500px;}
div.mascot_sprite a.signa_tention {width:100px; height: 100px; background-position: -300px -500px;}
div.mascot_sprite a.signa_worry {width:100px; height: 100px; background-position: -400px -500px;}
div.mascot_sprite a.mom_surprised {width:100px; height: 100px; background-position: -500px -500px;}
div.mascot_sprite a.mom_worry {width:100px; height: 100px; background-position: -0px -600px;}
div.mascot_sprite a.mom_calm {width:100px; height: 100px; background-position: -100px -600px;}
div.mascot_sprite a.notfound {width:100px; height: 100px; background-position: -200px -600px;}
div.mascot_sprite a.notspecified {width:100px; height: 100px; background-position: -300px -600px;}
div.mascot_sprite a.fukko_happiness {width:100px; height: 100px; background-position: -400px -600px;}
div.mascot_sprite a.fukko_worry {width:100px; height: 100px; background-position: -500px -600px;}
div.mascot_sprite a.fukko_enbarrassment {width:100px; height: 100px; background-position: -0px -700px;}
div.mascot_sprite a.fukko_surprised {width:100px; height: 100px; background-position: -100px -700px;}
div.mascot_sprite a.fukko_satisfaction {width:100px; height: 100px; background-position: -200px -700px;}
div.mascot_sprite a.fukko_sadness {width:100px; height: 100px; background-position: -300px -700px;}
div.mascot_sprite a.fukko_calm {width:100px; height: 100px; background-position: -400px -700px;}
div.mascot_sprite a.signa_calm {width:100px; height: 100px; background-position: -500px -700px;}

