﻿/*
########################################
　　CASCADING STYLESHEET
########################################
border-bottom	: 1px dashed #993;
*/
*{ box-sizing : border-box; }
*{ -moz-box-sizing : border-box; }

a:link {
color		: #569;
text-decoration	: none;
}

a:visited {
color		: #236;
text-decoration	: none;
}

a:active {
color		: #993;
}

a:hover {
color		: #993;
}

body {
color		: #222;
background	: #234 url(/~night/img/bg_back.gif) repeat-x 0 0;
padding		: 0;
margin		: 0;
text-align	: center;
}

p, dd {
line-height	: 1.4em;
}

td, th {
font-size	: 83%;
}

dt {
font-weight	: bold;
margin-bottom	: 0.5em;
}
dd {
margin-bottom	: 0.8em;
margin-left	: 25px;
}

blockquote {
padding		: 0 0 0 10px;
margin		: 1em 0 1em 10px;
border-left	: 3px solid #CC9;
font-family	: "ＭＳ ゴシック", Osaka, monospace;
}

/*
########################################
　　外　枠
########################################
*/

#box {
background	: #FFF;
width		: 760px;
text-align	: left;
margin		: 0 auto;
padding		: 0;
line-height	: 1.4em;
}
#search {
float		: right;
margin		: 8px;
padding		: 0;
}
#search form {
margin		: 0;
}
#search td {
font-weight	: normal;
font-size	: 11px;
font-family	: verdana;
}

/*
##################################################
　ヘ　ッ　ダ　（　バ　ナ　ー　）　部　分
##################################################
*/
#banner {
width		: 760px;
height		: 50px;
border-bottom	: 10px solid #789;
overflow	: hidden;
background	: #FFF;
}
#banner h1 {
width		: 200px;
height		: 40px;
margin		: 0;
float		: left;
padding		: 18px 0 2px 5px;
font-weight	: normal;
font-size	: 18px;
font-family	: "Trebuchet MS", tahoma, arial;
}
#banner em {
font-style	: normal;
color		: #123;
}
#banner h2 {
display		: none;
}


/*
##################################################
　メ　イ　ン　コ　ン　テ　ン　ツ
##################################################
*/
#center {
float		: left;
overflow	: hidden;
width		: 550px;
background	: #FFF;
}
.content {
margin		: 10px 10px 50px 20px;
font-size	: 83%;
font-family	: verdana, monospace;
}
/*
#center p {
text-align	: justify;
text-justify	: inter-ideograpgh;
}
*/

#center h2 {	/* 日付 */
font-weight	: bold;
font-size	: 20px;
font-family	: "Trebuchet MS";
padding		: 15px 0 0 8px;
margin		: 0 0 5px 0;
border-left	: 8px groove #369;
color		: #678;
}
#center h3 {	/* タイトル */
font-size	: 13px;
font-family	: "Trebuchet MS";
border-bottom	: 1px solid #666;
text-align	: right;
}
#center p.posted {	/* 投稿時刻 */
font-size	: 11px;
font-family	: verdana;
text-align	: right;
padding		: 5px 0 0 0;
margin		: 1em 0 3em 0;
border-top	: 2px dotted #CCC;
}

/*
##################################################
　メ　ニ　ュ　ー
##################################################
*/
#right {
float		: right;
width		: 210px;
overflow	: hidden;
background	: #FFF;
}
.sidebar {
margin		: 10px;
font-size	: 10px;
font-family	: verdana;
}
.sidebar h2, .sidebar .bb {
text-align	: left;
padding		: 5px 0;
margin		: 1em 0 0 0;
font-weight	: bold;
font-size	: 14px;
font-family	: "Trebuchet MS";
text-transform	: uppercase;
letter-spacing	: .1em;
}
.sidebar form {
margin		: 0 0 0 10px;
}
.sidebar ul {
margin		: 0 0 0 10px;
padding		: 0 0 0 10px;
}
.sidebar li {
list-style-type	: circle;
margin-bottom	: 5px;
line-height	: 1.4em;
}

.sidebar p {
text-align	: center;
margin		: 3em 0;
}

.message {
padding		: 0 0 0 10px;
margin		: 0 0 0 10px;
}
/*
##################################################
　カレンダー
##################################################
*/

#calendar table {
width		: 180px;
border		: 0px;
border-collapse	: collapse;
}
#calendar caption {
text-align	: left;
padding		: 5px 0;
font-weight	: bold;
font-size	: 14px;
font-family	: "Trebuchet MS";
text-transform	: uppercase;
letter-spacing	: .1em;
}
#calendar td, #calendar th {
font-weight	: normal;
text-align	: center;
font-size	: 11px;
font-family	: verdana;
padding		: 3px;
}
#calendar a {
font-weight	: bold;
}


/*
##################################################
　フ　ッ　タ
##################################################
*/
#footer {
padding		: 5px;
width		: 760px;
font-size	: 11px;
font-family	: monaco,verdana;
color		: #FFF;
background	: #789;
clear		: both;
}
#footer a:link, #footer a:visited {
color		: #FFF;
}
#powered {
float	: right;
}


#navi {
font-weight	: normal;
font-size	: 10px;
font-family	: verdana;
text-align	: center;
}


/*
########################################
　　以下クラス指定
########################################
*/

/*-- 文字装飾 --*/

.sm {
font-size	: 83%;
}
.md {
font-size	: 100%;
}
.g {
color		: #999;
line-height	: 11px;
}
.acc {
display		: none;
}

/*-- 写真用 --*/
.pct {
float		: left;
display		: block;
margin		: 0 10px 10px 0;
}

/*-- テーブルボーダー --*/
.bd, .bd2 {
border		: 1px solid #333;
border-collapse	: collapse;
}
.bd td, .bd th {
border		: 1px solid #666;
}
.bd2 td, .bd2 th {
border-top	: 1px solid #666;
border-right	: 0;
border-bottom	: 1px solid #666;
border-left	: 0;
}
.bd2 th {
border-right	: 1px solid #666;
color		: #FFF;
background	: #234;
}
.bd3 {
border-collapse	: collapse;
}
.bd3 td {
border-top	: 0;
border-right	: 0;
border-bottom	: 2px solid #FFF;
border-left	: 0;
padding		: 10px 5px 2px 5px;
}

.kmk {
background	: #EED;
}



/*
##################################################
　入力欄
##################################################
*/

#postform {
font-size	: 11px;
height		: 220px;
}
#postform label {
display		: block;
}
#postform .chkbox {
background	: none;
display		: inline;
border		: 0;
}

.fr, textarea {
border		: 1px solid #666;
font-size	: 13px;
font-family	: "ＭＳ ゴシック", Osaka, monospace;
color		: #333;
}
.bt {
font-size	: 11px;
font-family	: verdana,monaco;
color		: #FFF;
background	: #996;
border		: 1px ridge #996;
filter		: progid:DXImageTransform.Microsoft.Gradient
		(gradientType=0,startColorStr=#999966,endColorStr=#CCCC99);
}


/*
##################################################
　めけっと
##################################################
*/

.mktbox {
font-size	: 10px;
line-height	: 13px;
width		: 255px;
height		: 50px;
overflow	: hidden;
}
.mnum1, .mnum3 {
float		: left;
}

.mktnm {
font-weight	: bold;
}

.mktimg {
display		: block;
width		: 55px;
height		: 55px;
overflow	: hidden;
text-align	: center;
float		: left;
}
.mktimg img {
margin-right	: 5px;
vertical-align	: middle;
}
.mktprc {
font-size	: 100%;
font-family	: verdana;
color		: #F24;
}
.mktsta {
color		: #699;
}
.mktcom {
font-size	: 10px;
color		: #999;
}
.mktcp {
font-size	: 10px;
width		: 510px;
text-align	: right;
}

