@charset "utf-8";
@import "./default.css";
/* ====================================
***************************************

@author Niichi / http://10prs.com/
@version 2009-03-24
@toc
	Element-styles
		Structure Module
		Text Module
		Hypertext Module
		List Module
		Table Module
		Edit Module
		Form Module
		Presentation Module
***************************************
======================================= */
/* ====================================
Structure Module
======================================= */
body {
padding: 0 30px;
color: #333;
background: #f5f5e5 url(./img/bg.png) no-repeat 0 0;
}
/* ====================================
Text Module
======================================= */
h1 {
margin-bottom: -10px;
color: #9c8772;
font-size: 124%;
text-align: right;
}
h2 {
border-bottom: 5px solid #f5f5e5;
font-size: 154%;
}
h3 {
}
h4, h5, h6 {
font-size: 100%;
}
p {
text-indent: 1em;
}
pre {
border: 2px solid #eee;
}
em {
}
strong {
}
address {
margin-right: 200px;
clear: both;
line-height: 1.8;
background: #fff url(./img/m.png) no-repeat scroll 0 -11px;
text-align: center;
}
abbr, acronym {
cursor: help;
}
code {
background: #fafafa;
}
blockquote {
padding: 5px 8px;
border: 2px solid #ccc;
background: #fafafa url(./img/bq.gif) no-repeat scroll 100% 100%;
}
blockquote p {
margin: 5px 0 !important;
}
/* ====================================
Hypertext Module
======================================= */
a, a:link {
color: #aa2828;
}
a:visited {
color: #966;
}
a:hover {
text-decoration: underline;
}
a:active {
color: #fff;
background: #aa2828;
}
a:focus {

}
/* ====================================
List Module
======================================= */
ul{
}
li ul, li ol {
margin-top: 0;
margin-bottom: 0;
}
ol {
}
/* ====================================
Table Module
======================================= */
table {

}
table th {
border: 1px solid #ccc;
background: #ddd;
}
table td {
border: 1px solid #ccc;
}
/* ====================================
Form Module
======================================= */
form {
}
form p {
margin: 0 0 3px 0;
text-indent: 0;
}
fieldset {
}
legend {
}
label {
}
textarea {
margin: 0;
width: 95%;
}
input {
}
select {
}
option {
}
optgroup {
}
input[type="text"] {
}
input[type="checkbox"] {
}
input[type="radio"] {
}
input[type="button"] {
}
img {
vertical-align: middle;
}
/* ====================================
Logo
======================================= */
h1#top, p#top {
margin: 0 0 0 -30px;
text-align: left;
text-indent: 0;
}
/* ====================================
Global-Navi
======================================= */
h2.navigation {
display: none;
}
ul.navigation {
position: absolute;
top: 10px;
left: 320px;
z-index: 200;
width: 300px;
}
ul.navigation li {
display: list-item !important;
}
/* ====================================
Main-Contents
======================================= */
p.desc {
margin-top: 25px;
margin-left: 30px;
}
div.contents {
position: relative;
min-width: 668px;
max-width: 1000px;
background: #fff url(./img/subbg.gif) 100% 0 repeat-y;
}
div.main {
margin-right: -230px;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 10px;
width: 100%;
line-height: 1.4;
font-size: 108%;
background: transparent url(./img/m.png) 0 50% repeat-y;
}
div.main * {
margin-right: 220px;
padding-left: 20px;
}
div.main pre {
padding-left: 0;
}
div.main * input[type="submit"] {
padding-left: .5em;
}
div.main h2 {
margin-left: 20px;
padding-left: 10px;
padding-top: 30px;
}
div.main h3 {
margin: 15px 220px 20px 10px;
padding: 10px 0 0 35px;
background: #fff url(./img/h3.gif) no-repeat;
font-size: 124%;
}
div.main h4, div.main h5, div.main h6 {
margin: 25px 220px 25px 25px;
}
div.main h4 {
border-bottom: 3px dashed #f5f5e5;
font-size: 116%;
}
div.main h5 {
border-bottom: 3px double #f5f5e5;
}
div.main h6 {
border-bottom: 1px solid #f5f5e5;
}
div.main * * {
margin-right: 0;
padding-left: 0;
}
* html div.main a {
margin-right: 0;
padding-left: 0!important;
text-indent: 0;
}
div.main dl dt {
margin-top: 5px;
padding-bottom: 3px;
padding-left: 3px;
border-bottom: 1px dashed #777;
border-left: 5px solid #555;
}
div.main dl dd {
padding-left: 3px;
border-left: 5px solid #ddd;
}
/* ====================================
Sub-Contents
======================================= */
div.sub {
position: absolute;
top: 10px;
right: 0;
width: 190px;
background: transparent url(./img/subbg.gif) 100% 2px repeat-y;
}
div.sub h2 {
display: none;
}
div.sub h3 {
margin-top: 1em;
}
/* ====================================
余白まとめて指定
======================================= */
p,
pre,
blockquote,
ul,
ol,
dl,
table,
textarea {
margin: 10px 15px;
}
dl dd ul, dl dd ol {
margin-top: 0;
}
/* ====================================
サイト内検索フォームとアドセンス
======================================= */
form#cse-search-box {
margin: 0;
padding: 0;
width: 180px;
height: 24px;
position: relative;
background: transparent url(./img/search.gif) no-repeat 0 0;
}
form#cse-search-box p label {
display: none;
}
form#cse-search-box p input#search {
margin: 0;
border: 0 none!important;
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 20px;
background: transparent url(./img/search.gif) no-repeat 0 0!important;
}
form#cse-search-box p input#sa {
border: 0;
position: absolute;
top: 0;
right: 0;
width: 2em;
height: 24px;
background: transparent url(./img/search.gif) no-repeat 100% 0!important;
text-indent: -1000px;
cursor: pointer;
}
div#ads01 {
position: absolute;
top: 10px;
left: 20px;
width: 468px;
}
/* ====================================
ページトップ戻りリンク
======================================= */
p.topanchor {
margin: 0;
position: fixed;
top: 70%;
right: 10px;
width: 20px;
height: 72px;
text-indent: 0;
}
p.topanchor a {
display: block;
width: 20px;
height: 72px;
background: url(./img/topan.png) no-repeat;
text-indent: -9999px;
}
* html p.topanchor {
margin: 0;
position: static;
text-indent: 0;
}
* html p.topanchor a {
display: block;
width: 72px;
height: 20px;
background: url(./img/topan-for-ie6.png) no-repeat 100% 0;
text-indent: -9999px;
}
/* ====================================
アンケートフォーム
======================================= */
form.q_form {
margin: 8px 8px  8px 0;
padding: 5px;
background: #fafaf7;
}
form.q_form dl {
margin: 0;
}
form.q_form dl dd {
font-size: 85%;
}
form.q_form input.submit {
margin: 3px auto;
width: 99%;
}
/* ====================================
Lapis
======================================= */
div#tracker {
position: absolute;
visibility: hidden;
}
div#tracker p {
margin: 0;
padding: 0;
width: 0;
height:0;
text-indent: 0;
}
p#counter {
color: #ccccc0;
font-family: 'Gautami','Georgia', serif;
text-align: right;
}
/* ====================================
Text Module
======================================= */
/* ====================================
index
======================================= */
div.main h4.index {
margin-top: 5px;
margin-bottom: 5px;
background: url(./img/pickup.gif) no-repeat 100% 100%;
font-size: 100%;
}
ul.index li {
padding-right: 10px;
background: url(./img/separate.gif) no-repeat 100%;
}
ul.index li a {
color: #333;
background: #f5f5ec;
}
ul.index li a:visited {
color: #966;
background: transparent;
}
dl.update {
margin-left: 0;
padding-left: 5px;
border-left: 3px solid #ccccc0;
}
dl.update dd {
margin-bottom: 6px;
}
dl#update dt {
font-size: 116%;
}
dl#update dd {
margin-bottom: .5em;
padding-bottom: .5em;
border-bottom: 1px dotted #ccc;
}
ul.rows li {
margin-right: 3px;
display: inline;
}
/* ====================================
material
======================================= */
ul.ng li, ul.ok li, ul.note li, ul.happy li {
padding-left: 16px;
list-style: none;
background: url(./img/l-ng.gif) no-repeat left center;
}
ul.ok li {
background: url(./img/l-ok.gif) no-repeat left center;
}
ul.note li {
background: url(./img/l-nt.gif) no-repeat left center;
}
ul.happy li {
background: url(./img/l-hp.gif) no-repeat left center;
}
div.main dl.temp, div.main dl.temp2 {
margin-bottom: 30px;
padding: 5px 10px 10px 5px;
border: 3px solid #bcbcb1;
min-height: 110px;
height: auto!important;
height: 110px;
}
div.main dl.temp2 {
min-height: 2em;
height: auto!important;
}
div.main dl.temp dt {
margin-top: 0;
padding: 5px;
border: 0 none;
float: left;
clear: both;
}
div.main dl.temp dt img {
padding: 2px;
border: 1px solid;
background: #fff;
}
div.main dl.temp dd, dl.temp2 dd {
margin-right: 20px;
margin-left: 170px;
padding: 1px;
padding-left: 5px;
border-bottom: 1px dotted #bcbcb1;
border-left: 0 none;
font-size: 93%;
}
div.main dl.temp2 dd {
margin-left: 20px;
}
div.main dl.temp dd.title, div.main dl.temp2 dt {
border-bottom: 3px double #bcbcb1;
font-weight: bold;
}
div.main dl.temp dd.update, div.main dl.temp2 dd.update {
border-color: #bcbcb1;
color: #999;
text-align: right;
}
div.main dl.temp dd.s-a-d {
text-align: center;
}
div.main dl.temp dd.s-a-d  a.smp {
padding-left: 16px;
background: url(./img/sample.gif) no-repeat left center;
}
dl.temp dd.s-a-d  a.smp:hover {
padding-left: 16px;
background: url(./img/sample2.gif) no-repeat left center;
}
dl.temp dd.s-a-d  a.dl {
padding-left: 16px;
background: url(./img/dl.gif) no-repeat left center;
}
dl.temp dd.s-a-d  a.dl:hover {
padding-left: 16px;
background: url(./img/dl2.gif) no-repeat left center;
}
body.material .new {
border: 2px solid #f09;
}
.new {
border: 3px solid deeppink!important;
}
/* ====================================
BBS
======================================= */
div.main form#bbs {
margin: 20px 220px 20px 20px;
padding-top: 20px;
border: solid #bcbcb1;
border-width: 3px 0;
position: relative;
height: 130px;
}
div.main form#bbs textarea {
position: absolute;
top: 12px;
right: 0;
width: 56%;
}
* html div.main form#bbs {
margin: 20px 220px 20px 20px;
padding-top: 20px;
border: solid #bcbcb1;
border-width: 3px 0;
position: static;
height: 130px;
}
* html div.main form#bbs textarea {
position: static;
top: 20px;
left: 250px;
width: 55%;
}
div.main form#bbs input.button {
margin-top: 15px;
width: 220px;
}
div.main dl.bbs {
margin-top: 30px;
margin-bottom: 0;
padding: 5px;
border: 3px solid #bcbcb1;
background: #f5f5e5;
}
div.main dl.bbs dt{
margin-top: 0;
padding: 5px;
border: dotted #bcbcb1;
border-width: 1px 1px 0 1px;
}
div.main dl.bbs dd{
padding: 5px;
border: dotted #bcbcb1;
border-width: 0 1px;
background: #fff;
}
div.main dl.bbs dt.oya{
padding-left: 30px;
background: #fff url(./img/bbsoya.gif) no-repeat 4px 2px;
font-size: 114%;
}
div.main dl.bbs dd.oya{
padding-left: 20px;
}
div.main dl.bbs dt.res{
border-width: 0 1px;
padding-left: 25px;
background: #fff url(./img/bbsres.gif) no-repeat 4px 2px;
}
div.main dl.bbs dd.res{
padding-left: 40px;
}
div.main dl.bbs dd.date {
padding: 0 5px 0;
border-width: 0 1px 1px;
color: #bcbcb1;
text-align: right;
}
div.main dl.bbs dd.date span {
padding: 0 5px;
color: #777;
}
p.res {
margin-top: 0;
text-indent: 0;
}
p.res a {
margin-bottom: 3px;
border: 3px solid #bcbcb1;
border-top: 0;
display: block;
width: 3em;
text-align: center;
}
p.res a:hover {
margin-bottom: -3px;
padding-top: 3px;
border: 3px solid #bcbcb1;
border-top: 0 none;
text-decoration: none;
}
p.page_link {
text-align: center;
}
/* ====================================
サイトインフォ・メールフォーム
======================================= */
div.main dl.info {
font-size: 85%;
}
div.main dl.info dt, div.main form.mailform dl dt {
margin-top: 0;
padding: 2px 5px 2px 2px;
border: 0 none;
float: left;
clear: both;
width: 6em;
font-weight: bold;
}
div.main dl.info dd, div.main form.mailform dl dd {
border: 0 none;
margin-left: 6em;
padding: 2px;
}
dl.master {
padding-left: 90px;
position: relative;
}
form.mailform {
}
/* **** メルフォ確認画面 **** */
form.mailform dl {
}
form.mailform dl dt {
}
form.mailform dl dd {
}
form.mailform p.button {
text-align: center;
}
p.formparts label {
display: block;
float: left;
width: 5.5em;
}
::-moz-selection {
color: #000;
background: #f5f5e5;
}