/*
Theme Name: Creation Plus
Theme URI: http://www.creationplus.net
Description: Basic Theme for WordPress
Author: Creation Plus
*/

/*

@charset "UTF-8";

/* ----------------------------------------------------
[Structure]
body
|
|--#wrapper                820 ページラッパー
|    |
|    |-- #header           820 ヘッダー
|    |
|    |-- #header_bottom    820 ヘッダーボーダー
|    |
|    |-- #list             820 リスト
|    |
|    |-- #content          820 コンテンツラッパー
|    |    |
|    |    |-- #main        520 主要コンテンツ
|    |    |
|    |    |-- #sidebar     300 右サイドバー
|    |
|    |-- #footer            820 フッター

[color table]
#01B0F0 ブルー
#08659A ブルー(リンク)
#333333 グレイ
#FF358B ピンク

---------------------------------------------------- */


/* 基本セレクタ
---------------------------------------------------- */
* {
    padding: 0;
    margin: 0; }

body {
    color: #000000;
    background-color: #FFFFFF;
    font-size: medium; }

a {
    color: #08659A; }

img {
    vertical-align: bottom;
    border: none; }

a img {
    border: none; }

em {
    font-style: normal;
    font-weight: bold; }

strong {
    font-style: normal;
    font-weight: bold; }

/* ページラッパー
---------------------------------------------------- */
#wrapper {
    width: 820px; }

/* 上部ナビゲーション
---------------------------------------------------- */
#uppernavi {
    width: 820px;
    border-bottom: 1px solid #333333; }

#uppernavi p {
    margin: 4px 10px 4px 0;
    font-size: 80%;
    text-align: right; }

/* ヘッダー
---------------------------------------------------- */
#header {
    width: 820px;
    height: 60px; }

/* サイトロゴ */
#header h1 {
    float: left;
    width: 380px;
    height: 60px; }


/* ヘッダー(ボトム)
---------------------------------------------------- */
#header_bottom {
    clear: both;
    width: 820px;
    height: 20px; }

/* google_unit
---------------------------------------------------- */
.google_unit {
    width: 820px;
    padding: 5px 0px;
    border-bottom: 1px solid #CCCCCC; }

/* list パンくずリスト
---------------------------------------------------- */
#list {
    width: 820px; }

#list p {
    padding: 8px 0px 5px 20px;
    font-size: 80%; }

/* コンテンツラッパー
---------------------------------------------------- */
#content {
    width: 820px; }

/* メインコンテンツ
---------------------------------------------------- */
#main {
    float: left;
    width: 520px;
    padding: 0 0 30px 0; }

#main h2 {
    height: 34px;
    padding-left: 15px;
    margin: 10px 20px 15px;
    background: #01B0F0 url("./images/background_image_h2.jpg") no-repeat;
    font-size: 100%;
    font-weight: bold;
    line-height: 34px;}

#main h3 {
    margin: 10px 20px 5px;
    padding: 3px 0;
    color: #000000;
    border-bottom: 1px dotted #999999;
    font-size: 95%; }

#main h4 {
    margin: 10px 20px 5px;
    padding: 0;
    color: #000000;
    font-size: 85%; }

#main h5 {
    margin: 10px 20px 5px;
    margin-bottom: 5px;
    font-size: 85%;
    color: red; }

#main p {
     margin: 20px;
    font-size: 85%;
    line-height: 135%; }

#main ul {
    margin: 20px 20px 20px 40px;
    font-size: 85%; }

#main li {
    margin: 8px 0; }

#main ul ul {
    font-size: 100%; }

#main dl {
    margin: 20px;
    font-size: 85%; }

#main dt {
    padding-left: 10px;
    font-weight: bold;
    background: url("./images/dt.gif") no-repeat left center; }

#main dd {
    margin: 10px 0;
    line-height: 150%; }

#main dd p {
    margin: 0 0 10px 0;
    font-size: 100%;
    line-height: 125%; }

#main dd ul {
    margin: 0 0 10px 50px;
    font-size: 100%; }

#main dd li {
    margin: 0; }

#main dd blockquote {
    font-size: 100%; }

#main ol {
    margin: 20px;
    list-style: none; }

#main table {
    margin: 20px;
    border: 1px solid silver;
    border-collapse: collapse; }

#main th {
    padding: 3px 6px;
    background: #EAF0F9;
    border: 1px solid silver; }

#main td {
    padding: 3px 6px;
    border: 1px solid silver; }

#main form {
    margin: 20px;
    font-size: 80%; }

#main form table {
    margin: 0;
    font-size: 100%; }

#main caption {
    margin: 6px 38px;
    text-align: left;
    white-space: nowrap;
    font-size: 85%; }

#main form p {
    margin: 0.25em 0;
    font-size: 100%; }

#main fieldset {
    padding: 0;
    margin-top: 0.25em;
    border: none; }

#main label {
    clear: both;
    float: left;
    width: 90px; }

#main blockquote {
    margin: 20px 40px;
    padding: 15px;
    border: 1px dotted #DDDDDD;
    font-size: 85%; }

#main blockquote p {
    margin: 0;
    font-size: 100%;}

#main p.postsnavlink {
    margin: 50px 20px 30px ; }

#main p.postinfo {
    margin: 5px 20px 20px;
    font-size: 75%;
    text-align: right; }

#main p.socialbookmarks {
    margin: 20px 20px 5px; }

/* 右サイドバー
---------------------------------------------------- */
#sidebar {
    float: right;
    width: 300px;
    padding-bottom: 30px; }

#sidebar h3 {
    margin-top: 20px;
    padding: 1px 0 1px 16px;
    color: #666666;
    background: #FFFFFF url("./images/background_image_sidebar_h3.gif") no-repeat center left;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    font-size: 90%;
    line-height: 175%; }

#sidebar p {
    margin: 10px 0;
    font-size: 85%; }

/* ローカルナビゲーション */
#sidebar ul {
    margin: 0 0 15px 0;
    padding: 5px 0;
    list-style: none;
    font-size: 85%;
    line-height: 175%; }

#sidebar li {
    height: 24px;
    margin: 0;
    padding: 0 0 0 15px;
    background: url("./images/listmark_sidebar.gif") no-repeat left center;
    line-height: 24px; }

#sidebar li a {
    height: 24px;
    line-height: 24px; }

#sidebar form {
    margin: 10px 0; }

/* フッターナビゲーション
---------------------------------------------------- */
#fnav ul    {
    height: 22px;
    margin: 0;
    padding: 0;
    float: right;
    font-size: 82%; }

#fnav li {
    height: 22px;
    line-height: 22px;
    list-style: none;
    display: inline; }

#fnav li a {
    display: block;
    float: left;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    margin: 0;
    border-left: 1px solid silver;
    text-decoration: none; }

/* フッター
---------------------------------------------------- */
#fnav {
    clear: both;
    width: 820px;
    border-top: 1px solid silver;}

#footer {
    clear: both;
    width: 820px;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver; }

#footer p {
    margin: 0;
    padding: 0 0 0 20px;
    color: black;
    font-weight: bold;
    line-height: 22px;
    font-size: 80%; }

/* 汎用クラス
--------------------------------------------------- */
/* レイアウト */
.layout_left {
    float: left; }

.layou_right {
    float: right; }

.layout_clear {
    clear: both; }


/* テキスト */
.text_left {
    text-align: left; }

.text_right {
    text-align: right; }

.text_center {
    text-align: center; }

.text_red {
    color: #FF0000; }

.text_bold {
    font-weight: bold; }

/* このページの上へ */
.up {
    margin: 50px 20px 20px !important;
    font-size: 80% !important;
    text-align: right; }

/* 脚注 */
.note {
    font-size: 80% !important; }

dd.note {
    font-size: 85% !important; }


/* Clearfix
---------------------------------------------------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */