@charset "UTF-8";
/* formatting style
-------------------------*/

*,
th,td {
	font-style: normal;
	margin: 0px;
	padding: 0px;
}

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 75%;
	line-height: 1.6;
	color: #333333;
	background-color: #FFFFFF;
	background-image: url(../images/body_bg.gif);
	background-repeat: repeat;
}

.fontSizeJavaScript {
	font-weight: bold;
	color: #FF0000;
}


hr {
	display: none;
}
em {
	font-weight: bold;
	color: #FF0000;
	letter-spacing: 0.2em;
	padding-right: 5px;
	padding-left: 5px;
}


/* link style
-------------------------*/

a img {
	border-style: none;
}

a:link {
	color: #333333;
	text-decoration: underline;
}

a:visited {
	color: #999999;
	text-decoration: underline;
}

a:hover {
	color: #000000;
	text-decoration: none;
}

a:active {
	text-decoration: none;
	position: relative;
	left: +1px;
	top: +1px;
}

.handheld {/*handheld用にPCでは非表示*/
	display: none;
}


#s58 #maincontents a:link,
#thanks #maincontents a:link,
#sitemap #maincontents a:link,
#qa #maincontents a:link,
#other #maincontents a:link,
#mail #maincontents a:link,
#link #maincontents a:link {
	text-decoration: none;
	border-bottom: 1px dotted #CCCCCC;
}

#s58 #maincontents a:hover,
#thanks #maincontents a:hover,
#sitemap #maincontents a:hover,
#qa #maincontents a:hover,
#other #maincontents a:hover,
#mail #maincontents a:hover,
#link #maincontents a:hover {
	text-decoration: none;
	border-bottom: 1px solid #000000;
}


/* basic layout
-------------------------*/

#wrapper {
	background-color: #FFFFFF;
	margin: 0px auto;
	width: 760px;
}

#home #header {
	height:212px;
	background-image: url(../images/h1_index.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#sitemap #header {
	height:212px;
	background-image: url(../images/h1_sitemap.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#mail #header {
	height:212px;
	background-image: url(../images/h1_mail.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#link #header {
	height:212px;
	background-image: url(../images/h1_link.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#other #header {
	height:212px;
	background-image: url(../images/h1_aboutThisSite.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#qa #header {
	height:212px;
	background-image: url(../images/h1_aboutZizodo.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#thanks #header {
	height:212px;
	background-image: url(../images/h1_thanks.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#58 #header {
	height:212px;
	background-image: url(../images/h1_s58.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#home #header #nHome a,
#qa #header #nQa a,
#mail #header #nMail a,
#link #header #nLink a,
#other #header #nOther a,
#sitemap #header #nSitemap a {
	background-color: #003399;
}

#header #icon {
	float: left;
	margin-right: 20px;
}

#header #about {
	float: left;
	padding: 0px;
}

#header #fontSize {
	text-align: right;
}

#header ul {
	clear: both;
	top: 22px;
	height: 40px;
	font-size: 120%;
	width: 760px;
	background-color: #3366CC;
	left: 0px;
}

#header ul li {
	float: left;
	list-style: none;
	line-height: 2.5em;
	height: 2.5em;
}

#header ul li a {
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #CCCCCC;
	text-decoration: none;
	display: block;
	height: 40px;
	padding-right: 10px;
	padding-left: 10px;
	color: #FFFFFF;
}

#header ul li a:hover {
	color: #FF9900;
	background-color: #CCCCCC;
}


/* maincontents style
-------------------------*/

#maincontents {
	width: 520px;
	clear: both;
	float: left;
	padding: 15px 20px;
}

#maincontents h2 {
	background-image: url(../images/info_top_h2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #003399;
	height: 40px;
	font-size: 120%;
	line-height: 2.5em;
	text-indent: 30px;
	margin-top: 10px;
	margin-bottom: 5px;
	letter-spacing: 0.2em;
}
#maincontents .firstcomment {
	font-size: 110%;
	font-weight: bold;
	margin-top: 10px;
	letter-spacing: 0.2em;
}

#maincontents p {
	margin-bottom: 1em;
}

#maincontents .blog {
	float: left;
	width: 120px;
	clear: both;
	line-height: 1.2em;
	height: 270px;
	margin-top: 10px;
}

#maincontents .blog a img {
	padding: 9px;
	border: 1px solid #CCCCCC;
}

#maincontents .blog a:hover img {
	border: 1px solid #000000;
}

#maincontents .blogRss {
	margin-bottom: 20px;
	height: 270px;
	overflow: auto;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
}
#maincontents .other {
	display: block;
	width: 165px;
	margin-right: 6px;
	float: left;
	margin-top: 10px;
}
#maincontents .other a img {
	border: 1px solid #CCCCCC;
}
#maincontents .other a:hover img {
	border: 1px solid #000000;
}

#maincontents .other ul li {
	list-style: disc inside;
	text-indent: 10px;
	line-height: 2em;
}

#maincontents .other ul li a {
	border-bottom: 1px dotted #CCCCCC;
	text-decoration: none;
	text-indent: 10px;
	padding-bottom: 2px;
	padding-top: 5px;
}

#maincontents .other ul li a:hover {
	border-bottom: 1px solid #000000;
}

#maincontents .other .twitterRss {
	display: block;
	height: 250px;
	padding-top: 15px;
	padding-bottom: 15px;
	overflow: auto;
}

#home #maincontents .other .newsDate dt {
	font-weight: bold;
	border-bottom: 3px double #CCCCCC;
	padding-top: 0.5em;
}
#home #maincontents .other .newsDate dd {
	padding-left: 10px;
	padding-bottom: 10px;
	line-height: 1.2em;
}



/* subcontents style
-------------------------*/

#subcontents {
	padding: 15px 20px;
	float: right;
	width: 160px;
}

#subcontents h2 {
	color: #FFFFFF;
	background-image: url(../images/info_top_sub_h2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom: 2px double #003399;
	height: 30px;
	font-size: 110%;
	line-height: 2.5em;
	text-indent: 10px;
	margin-top: 10px;
	margin-bottom: 15px;
	letter-spacing: 0.2em;
}

#subcontents p {
	line-height: 1.3em;
	margin-top: 10px;
	margin-bottom: 15px;
}

#subcontents ul {
	list-style: url(none) none;
	margin-top: 15px;
	margin-bottom: 15px;
}
#subcontents ul li {
	margin-bottom: 10px;
	margin-top: 5px;
}

#subcontents ul li a {
	text-decoration: none;
	border-bottom: 1px dotted #CCCCCC;
	background-image: url(../images/info_link_arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	padding-left: 1.5em;
}

#subcontents ul li a:hover {
	border-bottom: 1px solid #000000;
	background-image: url(../images/info_link_arrow_on.gif);
}

#maincontents .other p {
	line-height: 1.4em;
	margin-top: 5px;
	margin-bottom: 10px;
}


/* footer style
-------------------------*/

#footer {
	clear: both;
	line-height: 1.3;
}
#footer ul {
	list-style: none;
}
#footer  ul li {
	float: left;
	display: block;
	margin: 1em 10px 1em 15px;
}
#footer ul li a {
	text-decoration: none;
	border-bottom: 1px dotted #CCCCCC;
	padding: 5px;
}
#footer ul li a:hover {
	background-color: #CCCCCC;
	border-bottom: 1px solid #FFFFFF;
}
#footer address {
	clear: both;
	background-color: #3366CC;
	padding-top: 1em;
	padding-bottom: 1.5em;
	font-size: 90%;
	color: #333333;
	padding-left: 1em;
}
#footer address a {
	color: #333333;
	margin-left: 20px;
}
#footer address a:hover {
	color: #CCCCCC;
}
p.toPagetop {
	text-align: right;
	margin-right: 10px;
	clear: both;
	margin-bottom: 10px;
}

p.toPagetop   a {
	text-decoration: none;
	color: #999999;
}
p.toPagetop a:hover   {
	color: #000000;
	border-bottom: #000000;
}

/* qa.html style
-------------------------*/

#qa dt {
	font-size: 110%;
	letter-spacing: 0.2em;
	text-indent: 2em;
	margin-top: 20px;
	background-image: url(../images/info_qa_q.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	margin-bottom: 10px;
}
#qa dd {
	line-height: 1.4em;
	margin-right: 20px;
	margin-left: 100px;
	background-image: url(../images/info_qa_a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 2.5em;
	margin-bottom: 20px;
}

/* mail.html style
-------------------------*/
#mail dt {
	font-size: 110%;
	letter-spacing: 0.2em;
	text-indent: 2em;
	margin-top: 20px;
	background-image: url(../images/info_qa_q.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#mail dd {
	line-height: 1.4em;
	margin-right: 20px;
	margin-left: 100px;
	background-image: url(../images/info_qa_a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 2em;
}
#mail #maincontents p {
	margin-top: 20px;
	margin-bottom: 30px;
}
#mail #mailForm {
	margin-bottom: 30px;
}
#mail table {
	margin-bottom: 30px;
	border-bottom: 2px solid #CCCCCC;
}

#mail #mailForm input#name,
#mail #mailForm input#email,
#mail #mailForm input#email2 {
	margin: 5px;
}

#mail #mailForm textarea {
	overflow: auto;
	height: 120px;
	width: 300px;
	margin: 5px;
}
#mail #mailForm .odd {
	background-color: #CCCCCC;
}


/* other.html style
-------------------------*/

#other #maincontents h3 {
	background-image: url(../images/info_top_h2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #003399;
	height: 40px;
	font-size: 120%;
	line-height: 2.5em;
	text-indent: 30px;
	margin-top: 10px;
	margin-bottom: 5px;
	letter-spacing: 0.2em;
}

#other #maincontents p {
	margin-top: 20px;
	margin-bottom: 30px;
}

/* links.html style
-------------------------*/
#link dt {
	font-size: 110%;
	letter-spacing: 0.2em;
	text-indent: 2em;
	margin-top: 20px;
	background-image: url(../images/info_link_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	margin-bottom: 10px;
}

#link dd {
	line-height: 1.4em;
	margin-right: 20px;
	margin-left: 100px;
	padding-left: 2em;
	margin-bottom: 20px;
}

#link #maincontents p {
	margin-top: 20px;
	margin-bottom: 30px;
}

/* sitemap.html style
-------------------------*/

#sitemap dt {
	font-size: 110%;
	letter-spacing: 0.2em;
	text-indent: 2em;
	margin-top: 30px;
	background-image: url(../images/info_sitemap.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	margin-bottom: 10px;
}

#sitemap dd {
	line-height: 1.4em;
	margin-right: 20px;
	margin-left: 100px;
	border-left: 2px dotted #3366CC;
	padding-left: 1em;
}

#sitemap #maincontents ul {
	padding-left: 150px;
	margin-top: 5px;
}

#sitemap #maincontents p {
	margin-top: 20px;
	margin-bottom: 30px;
}

/* s58.html style
-------------------------*/

#s58 dt {
	font-size: 110%;
	font-weight: bold;
	background-image: url(../images/info_s58.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 2em;
	letter-spacing: 0.2em;
	margin-top: 20px;
	margin-bottom: 5px;
}
#s58 dd {
	margin-left: 100px;
	margin-right: 20px;
	padding-left: 20px;
	border-left: 2px dotted #3366CC;
	padding-bottom: 10px;
	line-height: 1.4em;
}
#s58 #maincontents p {
	margin-top: 20px;
	margin-bottom: 30px;
}
#s58 p.comment {
	margin-left: 70px;
}


/* thanks.html style
-------------------------*/

#thanks #maincontents .thanks {
	margin-left: 120px;
	margin-top: 20px;
}