/* ----- 基本設定 ----- */
body {
background-color: #003333;
}

.range { /* 中の背景設定 */
background-color: #ffffff;
width: 750px;
text-align: center;
}

.photo {
PADDING: 5px;
}

* { /* 通常使うフォント指定 */
font-family: ""ＭＳ ゴシック"", ""Osaka"";
}

/* ----- リンク設定 ----- */
A:link,A:visited {
COLOR: #003333;
TEXT-DECORATION: underline;
}

A:hover,A:active {
COLOR: #336633;
TEXT-DECORATION: none;
}

/* トラックバック等リンク設定 */
A.posted_link:link,A.posted_link:visited {
COLOR: #003333;
TEXT-DECORATION: underline;
}

A.posted_link:hover,A.posted_link:active {
COLOR: #336633;
TEXT-DECORATION: none;
}

/* ----- 見出し設定 ----- */
HR {
COLOR: #000000;
HEIGHT: 1px
}

H1 { /* ヘッダー部分タイトル */
MARGIN: 0px 10px 0px;
PADDING: 0px;
FONT-WEIGHT: bold;
FONT-SIZE: 20px;
}

H2 { /* ヘッダー部分説明文 */
MARGIN: 10px 10px 0px;
PADDING: 0px;
FONT-SIZE: 12px;
}

H3 {
MARGIN: 0px;
PADDING: 0px;
}

/* ----- ヘッダー ----- */
.container { /* ヘッダーメイン画像 */
width: 750px;;
height: 364px;
background: url(/template/20011/img/top-img.jpg) no-repeat top center
#ffffff;
text-align: right;
vertical-align: top;
margin: 0px;
padding: 0px;
}

.blog_title {
WIDTH: 750px;
MARGIN-TOP: 95px;
FONT-SIZE: 12px;
COLOR: #FFFFFF;
OVERFLOW: hidden;
WORD-BREAK: break-all;
LETTER-SPACING: 1px;
}

.blog_title A:link {
COLOR: #FFFFFF;
LETTER-SPACING: 1px;
TEXT-DECORATION: none;
}

.blog_title A:visited {
COLOR: #FFFFFF;
LETTER-SPACING: 1px;
TEXT-DECORATION: none;
}

.blog_title A:hover {
COLOR: #CCFFCC;
LETTER-SPACING: 1px;
TEXT-DECORATION: none;
}

.blog_title A:active {
COLOR: #CCFFCC;
LETTER-SPACING: 1px;
TEXT-DECORATION: none;
}

.blog_description {
WIDTH: 350px;
FONT-SIZE: 12px;
COLOR: #FFFFFF;
OVERFLOW: hidden;
WORD-BREAK: break-all;
LINE-HEIGHT: 1.3;
LETTER-SPACING: 1px;
}

/* ----- ブログ内容 ----- */
.title_line {
BORDER-BOTTOM: #3D3D3D 1px
}

.entry {
WIDTH: 544px;
background-color: #FFFFFF;
text-align: center;
vertical-align: top;
margin-bottom: 20px;
}

.entry_prof {
BORDER-RIGHT: #3D3D3D 1px solid;
BORDER-LEFT: #3D3D3D 1px solid
}

.entry_title {
WIDTH: 544px;
TEXT-ALIGN: left;
vertical-align: middle;
margin-bottom: 7px;
OVERFLOW: hidden;
WORD-BREAK: break-all;
PADDING: 5px;
}

.date { /* 日付 */
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
COLOR: #000000;
}

.prof_text {
PADDING: 10px;
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
COLOR: #666666;
}

.entry_layer {
OVERFLOW: hidden;
WIDTH: 522px;
WORD-BREAK: break-all
}

.comment_layer {
OVERFLOW: hidden;
WIDTH: 522px;
WORD-BREAK: break-all;
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
COLOR: #666666;
}

.posted { /* ブログ下部（トラックバック、コメント等） */
width: 544px;
background-color: #FFFFFF;
vertical-align: middle;
text-align: right;
PADDING: 5px;
margin-bottom: 30px;
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
COLOR: #003333;
LINE-HEIGHT: 110%;
}

/* ----- サイド設定----- */
.side {
WIDTH: 160px;
PADDING: 0px;
}

.side_title { /* サイドタイトル部分背景 */
WIDTH: 158px;
TEXT-ALIGN: center;
vertical-align: middle;
OVERFLOW: hidden;
WORD-BREAK: break-all;
PADDING: 5px;
margin-bottom: 7px;
}

.side_text { /* サイド内容部分 */
WIDTH: 90%;
PADDING: 2px 4px;
OVERFLOW: hidden;
WORD-BREAK: break-all;
LINE-HEIGHT: 150%;
}

/* ----- カレンダー ----- */
.calendar {
PADDING: 0px 0px 0px 0px;
MARGIN: 0px 0px 20px 0px;
FONT-SIZE: 10px;
COLOR: #666666;
LINE-HEIGHT: 150%;
}

.calendar_bg {
BACKGROUND-COLOR: #FFFFFF;
}

.calendar A {
TEXT-DECORATION: underline;
background-color: #ffffff;
}

.page {
FONT-SIZE: 12px;
COLOR: #666666;
LETTER-SPACING: 1px bacground-color : #FFFFFF;
}

/* ----- フッダー設定 ----- */
.footer {
width: 750px;
FONT-SIZE: 12px;
COLOR: #003333;
TEXT-DECORATION: none;
background-color: #FFFFFF;
}

.footer_jp {
FONT-SIZE: 10px;
COLOR: #003333;
TEXT-DECORATION: none;
text-align: right;;
vertical-align: middle;
background-color: #FFFFFF;
}

.bio_table {
WIDTH: 500px;
BORDER-BOTTOM: #666666 2px solid
}

.bio_title {
WIDTH: 150px;
PADDING: 20px 5px 7px 5px;
FONT-SIZE: 12px;
COLOR: #003333;
OVERFLOW: hidden;
WORD-BREAK: break-all;
}

.bio_text {
WIDTH: 350px;
PADDING: 20px 5px 7px 5px;
FONT-SIZE: 12px;;
COLOR: #003333;
OVERFLOW: hidden;
WORD-BREAK: break-all;
}

/* ----- プロフィール ----- */
.profile_table {
WIDTH: 530px
}

.profile_td {
WIDTH: 500px
}

.profile_m_table {
WIDTH: 450px
}

.profile_name {
WIDTH: 150px;
PADDING: 7px;
FONT-SIZE: 12px;
COLOR: #666666;
OVERFLOW: hidden;
WORD-BREAK: break-all;
}

.profile_text {
WIDTH: 350px;
PADDING: 7px;
FONT-SIZE: 12px;
COLOR: #666666;
OVERFLOW: hidden;
WORD-BREAK: break-all;
}

.profile_name_table {
WIDTH: 120px
}

.profile_name_text {
PADDING: 7px;
FONT-SIZE: 10px;
COLOR: #666666;
LINE-HEIGHT: 150%;
}

/* ----- フォーム ----- */
.form_text { /* ブログ文章 */
PADDING-top: 5px;
text-align: left;
vertical-align: middle;
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
COLOR: #666666;
LINE-HEIGHT: 1.3;
}

input.name {
width: 100px;
height: 20px;
background-color: #ffffff;
border: #666666 1px solid;
color: #666666;
}

input.mail {
width: 120px;
height: 20px;
background-color: #ffffff;
border: #666666 1px solid;
color: #666666;
}

input.url {
width: 150px;
height: 20px;
background-color: #ffffff;
border: #666666 1px solid;
color: #666666;
}

.btn {
BORDER: #666666 1px solid;
PADDING: 1px;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
COLOR: #003333;
BACKGROUND: #ffffff;
}

.preview {
font-size: 12px;
}