/* ************************************************************************** *
 *
 *  gr-OceanView.html (@author：Gun☆Ryu)
 *  Ver.20070802-1730
 *
 *============================================================================ 
 *  Template：Copyright(c) Gun☆Ryu       ：http://gunryu-utf.jugem.jp/
 *  素材写真：Copyright(c) SkyRuins -haya-：http://skyruins.com/index.html
 *============================================================================ 
 *
 *  規約：
 *   1．テンプレートと素材の再配布や2次配布の禁止
 *   2．再配布や2次配布目的の、改版と修正禁止
 *      (自分のブログでのみ、自己責任で修正可)
 *   3．素材のみの利用や抽出、および再配布／2次配布／加工の禁止
 *   4．素材配布元およびテンプレート作成元の著作権表記とリンクの削除禁止
 *   5．テンプレートに関しての技術的質問を、素材配布元に行なうこと禁止
 *
 * −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
 *  注意：
 *   自分で画像を差換えた場合、
 *   元の画像に係わる以下4点を、必ず修正してください。
 *
 *   1．HTML内 コメント部分から「素材」に係わるURLなどの記述削除
 *   2．CSS内 コメント部分から「素材」に係わるURLなどの記述削除
 *   3．HTML内 素材配布元のリンク部分のみ 削除 （「削除禁止」とありますが削除）
 *   4．HTML内 素材配布元バナー部分のみ 削除 （「削除禁止」とありますが削除）
 *
 *   ※ Gun☆Ryuに関連する部分の記述は削除しないように注意！
 * −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
 *
 *  問合せ：
 *   以下にコメントの形でお願いします。
 *   ⇒ http://gunryu-utf.jugem.jp/
 *
 *  注意：
 *   “layout”のコメントがついている部分は、InternetExplorer Ver.6での
 *   デザイン崩れを防止するため、あえて2重のブロックを定義し入子としています。
 *
 *============================================================================ 
 *
 *  更新履歴：
 *  ・2007/08/02：素材に係わる注意書き追加
 *  ・2007/07/20：スペル修正
 *  ・2007/07/03：UTF公開用に作成
 *
 * ************************************************************************* */

/* ************************************************ 
 *  グローバル設定
 * ************************************************ */


* {
    margin:             0px;
    padding:            0px;
}


body {
    color:              #000000;
    background:         #ffffff;
    font-family:        'Verdana','Osaka‐等幅','ＭＳ ゴシック','ヒラギノ角ゴ Pro W3',sans-serif;
    font-size:          10px;
    background-image:       url("http://homepage3.nifty.com/gun-ryu/blog/material/sora53.jpg");
    background-repeat:      no-repeat;
    background-position:    50% 100%;
    background-attachment:  fixed;
}


/*  リンクアンカー基本設定  ------------------------*/
a:link    { color: #000080; text-decoration: none; }
a:visited { color: #000080; text-decoration: none; }
a:active  { color: #000080; text-decoration: none; }
a:hover   {
    background-color:   #000080;
    color:              #ffffff;
    text-decoration:    none;
}


/*  文字色・赤  ------------------------------------*/
.caution {
    color:              #ff0000;
    font-weight:        bolder;
}


/*  リスト  --------------------------------------- */
ul { 
    padding-left:       2em; 
    list-style-type:    square;
}
ol {
    padding-left:       2.5em;
}


/*  画　像  --------------------------------------- */
img { border: 0; }
img.pict { 
    padding:            3px;
    background-color:   #ffffff;
    border:             1px solid #000080;
}


/* ************************************************ 
 *  レイアウトブロック設定（全体）
 * ************************************************ */


#wrapper_body {
    width:              600px;
    margin:             0px auto;
    padding:            0px;
    line-height:        170%;
    text-align:         left;
    /***
    border-left:        1px dotted #000080;
    border-right:       1px dotted #000080;
    border-bottom:      1px dotted #000080;
    ***/
}


/* ************************************************ 
 *  ヘッダー部
 * ************************************************ */


#header {                                 /* layout */
    width:              600px;
    height:             150px;
}


/* ************************************************ 
 *  画面上部メニュー
 * ************************************************ */


#menubox {
    width:              600px;            /* layout */
}

.linkmenu {
    width:              600px;             /* layout */
    margin:             0px;
    padding:            5px 0px;
    color:              #000000;
    line-height:        150%;
    text-align:         center;
}


/*  リンクアンカー基本設定  ------------------------*/
.linkmenu a:link    { color: #000080; text-decoration: none; }
.linkmenu a:visited { color: #000080; text-decoration: none; }
.linkmenu a:active  { color: #000080; text-decoration: none; }
.linkmenu a:hover   {
    background-color:   #000080;
    color:              #ffffff;
    text-decoration:    none;
}


/*  PopUPメニュー設定  -----------------------------*/
.MENU {
    visibility:         hidden;
    z-index:            99999;
    position:           absolute;

    width:              215px;
    margin-top:         5px;
    padding-top:        5px;
    background:         #ffffee;
    border:             1px dotted #000080;
}


.list {
}


.MENU h2 {
    margin:             5px 0px;
    padding:            5px 0px;
    font-size:          12px;
    font-weight:        bolder;
    text-align:         center;
}


/* ************************************************ 
 *  ブログタイトル部
 * ************************************************ */


#titlebox {                               /* layout */
    width:              600px;
}


.blogtitle {                              /* layout */
    width:              560px;
    margin:             0px 20px;
    padding-top:        20px;
    line-height:        160%;
    text-align:         center;
}


h1 {
    margin:             0px;
    padding:            0px 0px 10px 0px ;
    font-size:          16px;
    color:              #000000;
}


/*  リンクアンカー基本設定  ------------------------*/
h1 a:link    { color: #000000; text-decoration: none; }
h1 a:visited { color: #000000; text-decoration: none; }
h1 a:active  { color: #000000; text-decoration: none; }
h1 a:hover   {
    background-color:   #000080;
    color:              #ffffff;
    text-decoration:    none;
}


/*  Description部 設定  ----------------------------*/
.description
{  
    margin:             0px;
    padding:            0px;
    font-weight:        normal;
    font-size:          10px;
    color:              #000000;
}


/* ************************************************ 
 *  メイン部
 * ************************************************ */


/*  メイン部 配置  ---------------------------------*/
#main {                                   /* layout */
    width:              600px;
}

/*  メイン部 領域  ---------------------------------*/
.main_in {                                /* layout */
    width:              600px;
    margin:             15px auto 0px auto;
}


/*  タイトル  --------------------------------------*/
.entry h2,
.entry_title {
    margin:             0px 0px 5px 0px;
    padding:            5px 20px;
    font-size:          12px;
    font-weight:        bolder;
    border:             none;
    text-align:         left;
    border-top:         1px dotted #000080;
    border-bottom:      1px dotted #000080;
}

/*  エントリーブロック  ----------------------------*/
.entry {
    margin:             0px 0px 30px 0px;
    padding:            0px;
}

/*  投稿日時、カテゴリー  --------------------------*/
.entry_date {
    margin:             0px;
    padding:            0px 20px;
    text-align:         right;
}

/*  本文  ------------------------------------------*/
.entry_body {
    margin:             0px;
    padding:            5px 20px;
    line-height:        170%;
}

.entry_body .emoji {
    display:            inline;    
}

/*  引用  ------------------------------------------*/
.afpbbItemWrap ,
blockquote {
    margin:             0px                     !important;
    padding:            5px 10px 5px 10px       !important;
    color:              #000000                 !important;
    border-top:         1px dotted #000080      !important;
    border-bottom:      1px dotted #000080      !important;
    border-left:        1px dotted #000080      !important;
    border-right:       1px dotted #000080      !important;
}

/*  続き  ------------------------------------------*/
.entry_more {
    margin:             0px;
    padding:            5px 20px;
}

/*  ステート  --------------------------------------*/
.entry_state {
    margin:             0px auto;
    padding:            5px 20px;
    text-align:         center;
}

/*  ナビ  ------------------------------------------*/
.entry_navi {
    margin:             0px 0px 20px 0px;
    padding:            10px 20px;
    text-align:         center;
    border-top:         1px dotted #000080;
    border-bottom:      1px dotted #000080;
}


/* ************************************************ 
 *  コメント・トラックバック
 * ************************************************ */


/*  ブロック  --------------------------------------*/
.trackback {
    margin:             0px 0px 20px 0px;
    padding:            0px;
}


/*  種別タイトル  ----------------------------------*/
.trackback h2,
.tb_main_title {
    margin:             0px 20px 20px 20px;
    padding:            0px;
    font-size:          12px;
    font-weight:        bolder;
    border:             none;
    text-align:         left;
    border-bottom:      1px dotted #000080;
}


/*  投稿出力領域  ----------------------------------*/
.tb {
    margin:             0px 20px 20px 20px;
    padding:            10px;
    border:             1px solid #000080;
}


/*  投稿タイトル  ----------------------------------*/
/*  投稿者、日時  ----------------------------------*/
.tb_title,
.tb_state {
    margin:             0px;
    padding:            0px;
    font-weight:        bolder;
}


/*  投稿内容  --------------------------------------*/
.tb_body {
    margin:             10px 0px 0px 0px;
    padding:            0px;
    line-height:        170%;
}


/*  投稿入力領域  ----------------------------------*/
.trackback .formarea {
    margin:             0px 0px 30px 0px;
    padding:            0px 20px;
    font-weight:        bolder;
}

.info_msg {
    margin:             0px 0px 15px 0px;
    padding:            0px;
    font-weight:        bolder;
}

.formarea table {
    width:              560px;
    border:             none;
}
.fm_lbl {
    width:              90px;
}
.fm_inp {
    width:              470px;
}

input#name,
input#email,
input#url,
input#tb_url,
textarea#description {
    width:              466px;
    padding:            2px;
    color:              #000000;
    background:         #ffffff;
    font-size:          12px;
    font-weight:        normal;
    font-family:        'Verdana','Osaka‐等幅','ＭＳ ゴシック','ヒラギノ角ゴ Pro W3',sans-serif;
}

input#submit_cm {
    padding:            1px 2px;
    color:              #000000;
    font-size:          10px;
    font-weight:        bold;
    font-family:        'Verdana','Osaka‐等幅','ＭＳ ゴシック','ヒラギノ角ゴ Pro W3',sans-serif;
}

input#set_cookie {
    border:             none;
}


/* ************************************************ 
 *  メニュー項目・詳細設定
 * ************************************************ */


/*  カレンダー  ------------------------------------*/
.calendar {
    text-align:         center;
    line-height:        140%;
    margin-bottom:      20px;
}

.calendar table {
    width:              100%;
    margin:             0px auto;
    text-align:         center;
}

.calendar_ym,
.calendar_week {
    font-size:          9px;
    margin:             0px auto;
    text-align:         center;
}

.calendar_week table {
    width:              100%;
    margin:             0px auto;
    text-align:         center;
    border-top:         1px dotted #000080;
    border-bottom:      1px dotted #000080;
}

.weekday,
.cell {
    font-size:          9px;
    width:              25px;
    height:             13px;
    padding:            1px;
    text-align:         center;
}

.cell a:link,
.cell a:visited  {
    font-weight:        bolder;
}

.sunday {
    font-size:          9px;
    width:              25px;
    height:             13px;
    padding:            1px;
    text-align:         center;
    color:              #ff6666; 
}
.saturday {
    font-size:          9px;
    width:              25px;
    height:             13px;
    padding:            1px;
    text-align:         center;
    color:              #3333ff; 
}

.today {
    width:              25px;
    height:             13px;
    padding:            1px;
    text-align:         center;
    background-color:   #ff6666;
}


/*  配置設定  --------------------------------------*/
.linktext,
.sideitem_text {
    margin:             0px 8px 5px 0px;
    padding:            0px 0px 20px 0px;
}

.recommend_center,
.sideitem_center {
    margin:             0px auto 5px auto;
    padding:            0px 8px 20px 8px;
    text-align:         center;
}


/*  検索入力領域  ----------------------------------*/
input#search_word {
    margin:             0px 1px 0px 0px;
    padding:            1px;
    width:              200px; 

    font-size:          10px;
    color:              #000000;
    font-family:        'Verdana','Osaka‐等幅','ＭＳ ゴシック','ヒラギノ角ゴ Pro W3',sans-serif;
}

input#submit_sch {
    padding:            1px;

    font-size:          10px;
    color:              #000000;
    font-family:        'Verdana','Osaka‐等幅','ＭＳ ゴシック','ヒラギノ角ゴ Pro W3',sans-serif;
}


/*  オススメ(Recommend)設定  -----------------------*
div.amazon_text {
    font-size:          10px;
    padding-bottom:     10px;
}

img.amazon_pict { 
    padding:            4px 0px;
    height:             120px; 
}

.recommend_center {
    margin:             0 auto;
    padding:            0px;
    text-align:         center;
}---------------------------------------------------*/


/* ************************************************ 
 *  フッター部
 * ************************************************ */


#bottom_box {
    width:              600px;            /* layout */
}


#leftbox {
    width:              450px;            /* layout */
    float:              left;
}


.leftbox_in {
    width:              430px;            /* layout */
    margin:             0px;
    padding:            0px 0px 0px 20px;
    text-align:         left;
}


.leftbox_in h2 {
    margin:             0px 0px 5px 0px;
    padding:            0px;
    font-size:          12px;
    font-weight:        bolder;
}


#rightbox {
    width:              148px;            /* layout */
    float:              right;
}


.rightbox_in {
    width:              128px;            /* layout */
    margin:             0px;
    padding:            0px 20px 0px 0px;
    text-align:         right;
}


.rightbox_in #ad .linktext {
    margin:             0px 0px 0px 3px;
    padding:            0px;
}


/* ************************************************ 
 *  フッター部
 * ************************************************ */


#footer {
    width:              580px;
    margin:             0px auto;
    padding:            10px 0px 10px 0px;
    font-weight:        bolder;
    text-align:         center;
}


.dmy {
    clear:              both;
}


/* ************************************************ 
 *  デコメ用定義
 * ************************************************ */


.mobile img.pict { 
    padding:            0px;
    border:             0;
}


.mobile hr {
}


/* ************************************************ END of CSS ****/