@charset 'UTF-8';

/* --------------------- basic ---------------------- */
*{
margin:0;
padding:0;
font-style:normal;
}

html,body{
margin:0 auto;
background:#f5f8f8 url(http://www.ourgearworks.com/template/tb_deepsea_background.gif) repeat-x 50% 0;
text-align:center;
}

h2,h3,h4,h5,h6{
color:#db530f;
margin:2em 0 -0.4em 0;
font-weight:normal;
line-height:1.4;
}
h3{
padding:2px;
border:1px solid #cfe0e7;
font-size:125%;
}
h4{
border-bottom:1px solid #cfe0e7;
font-size:120%;
}
h5{
font-size:115%;
}
h6{
font-size:110%;
}

/* リンク色 */
a,
a:link{
color:#3796ad;
text-decoration:none;
}
a:visited{
color:#1d6f83;
}
a:hover{
color:#db530f;
}
a:active{
color:#db530f;
}

a img{
border:none;
}

strong{
color:#db530f;
font-weight:bold;
}

em{
color:#db530f;
border-bottom:1px dashed #db530f;
}

ins{
border-bottom:1px solid #cfe0e7;
text-decoration:none;
}

del{
text-decoration:line-through;
}

p,
blockquote,
pre,
hr,
table,
dl,
ul,
ol,
div.amazon{
margin:1em 0;
}

blockquote{
padding:2px 10px;
border:1px solid #cfe0e7;
background:#f5f8f8;
}

p.source{
text-align:right;
}

sup{
font-size:85%;
}

code,
pre,
kbd{
font-family:"Courier New","Courier",monospace;
}
pre{
width:100%;
overflow:auto;
}

hr{
height:1px;
border:1px solid #cfe0e7;
}

table{
border:1px solid #cfe0e7;
border-collapse:separate;
border-spacing:1px;
font-size:100%;
text-align:left;
}
table tr th{
border:1px solid #cfe0e7;
background:#f5f8f8;
padding:1px 5px;
color:#666;
font-weight:bold;
}
table tr td{
border:1px solid #cfe0e7;
padding:1px 5px;
color:#666;
}
caption{
color:#666;
text-align:center;
}

ul.footnote{
list-style:none;
padding:0;
background:none;
font-size:85%;
}

dl dt{
font-weight:bold;
}
dl dd{
margin:0 0 0 1em;
padding:0 0 0 10px;
}

label{
text-transform:capitalize;
}

ul{
list-style:none;
}
ul li{
margin:0 0 0 10px;
padding:0 0 0 25px;
background:url(http://www.ourgearworks.com/template/tb_deepsea_list.gif) no-repeat 0 0.3em;
}

div#main ol{
padding:0 0 0 25px;
}

img.pict,
img.thumb{
margin:2px;
padding:1px;
border:1px solid #cfe0e7;
}

input,
textarea{
border:1px solid #cfe0e7;
background:#f5f8f8;
color:#666;
}
input.button{
padding:0 2px;
border:none;
background:#38b3c0;
color:#fff;
font-weight:bold;
text-transform:capitalize;
}

div.amazon{
padding:10px;
border:1px solid #cfe0e7;
background:#f5f8f8;
}
div.amazon img{
float:left;
clear:left;
margin:0 10px 0 0;
}


/* --------------------- layout --------------------- */
/* 全体の幅・フォントなど */
div#header,
div#body,
div#footer{
width:695px;
margin:0 auto;
color:#666;
font-family:"meiryo","メイリオ","Lucida Sans Unicode","Lucida Grande",sans-serif;
text-align:left;
}

/* ヘッダー部分 */
div#header{
position:relative;
height:125px;
}

/* ボディ部分 */
div#body{
}

/* エントリー部分 */
div#main{
float:left;
width:470px;
}

/* サイドバー部分 */
div#side{
float:left;
width:225px;
}

/* 回り込み解除 */
div#body:after,
div.amazon:after,
div.entry:after,
dl.recommend dd:after{
content:" ";
display:block;
clear:both;
visibility:hidden;
}
div#body,
div.entry,
div.amazon,
dl.recommend dd{
min-height:1px;
display:inline-table;
}
/* Mac IE ¥*/
* html div#body,
* html div.entry,
* html div.amazon,
* html dl.recommend dd{
height:1px;
}
div#body,
div.entry,
div.amazon,
dl.recommend dd{
display:block;
}
/* */


/* --------------------- header --------------------- */
/* サイト名 */
h1{
padding:50px 20px 1px 20px;
color:#db530f;
font-size:130%;
font-weight:normal;
}
h1 a,
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active{
color:#db530f;
}

/* サイトの解説 */
div.description{
padding:0 20px;
font-size:84%;
}

/* メニュー */
div#header ul{
position:absolute;
top:10px;
right:0;
list-style:none;
padding:0;
margin:0;
font-size:90%;
text-align:right;
}
div#header ul li{
display:inline;
margin:0 1px 0 0;
padding:0;
background:none;
}
div#header ul li a{
padding:0 1em;
background:#fff;
border-bottom:1px solid #fff;
}
div#header ul li a:hover{
padding:0 1em 1em 1em;
}


/* --------------------- header --------------------- */
/* カレンダー */
div.calendar{
margin:0 0 1em 0;
font-size:74%;
text-align:center;
word-spacing:3px;
}


/* ---------------------- main ---------------------- */
/* エントリーナビ */
div.sequel{
padding:0 20px 10px 20px;
font-size:74%;
text-align:center;
}

/* 記事 */
div.entry{
width:100%;
background:url(http://www.ourgearworks.com/template/tb_deepsea_entry_body.gif) repeat-y 0 0;
}
div.comment,
div.comment_form,
div.trackback_url,
div.trackback{
width:100%;
padding:0 0 20px 0;
background:url(http://www.ourgearworks.com/template/tb_deepsea_entry_state2.gif) no-repeat 0 100%;
}
div.profile{
width:100%;
background:url(http://www.ourgearworks.com/template/tb_deepsea_entry_body.gif) repeat-y 0 0;
}

/* 記事の日付 */
div.entry_date{
padding:20px 25px 0 25px;
background:url(http://www.ourgearworks.com/template/tb_deepsea_entry_header.gif) no-repeat 0 0;
color:#cfe0e7;
font-size:85%;
}

/* 記事のタイトル */
h2.entry_title{
margin:0;
padding:0 25px;
color:#db530f;
font-size:115%;
font-weight:normal;
}
h2.entry_title a,
h2.entry_title a:link,
h2.entry_title a:visited
h2.entry_title a:hover,
h2.entry_title a:active{
color:#db530f;
}

/* 記事、記事の続き */
div.entry_body,
div.entry_more{
padding:0 25px;
background:url(http://www.ourgearworks.com/template/tb_deepsea_entry_body.gif) repeat-y 0 0;
font-size:85%;
line-height:1.9;
}
div.profile div.entry_body{
padding:0 25px 20px 25px;
background:url(http://www.ourgearworks.com/template/tb_deepsea_entry_state2.gif) no-repeat 0 100%;
}


/* カテゴリーなど */
ul.entry_state{
list-style:none;
margin:0;
padding:2px 15px 15px 160px;
background:url(http://www.ourgearworks.com/template/tb_deepsea_entry_footer.gif) no-repeat 0 100%;
font-size:74%;
}
ul.entry_state li{
padding:2px 10px;
background:url(http://www.ourgearworks.com/template/tb_deepsea_entry_state.gif) no-repeat 0 50%;
line-height:20px;
}

/* コメントのタイトル */
div.comment h3,
div.comment_form h3,
div.trackback_url h3,
div.trackback h3,
div.profile h2{
margin:0;
padding:20px 25px 0 25px;
border:none;
background:url(http://www.ourgearworks.com/template/tb_deepsea_entry_header.gif) no-repeat 0 0;
color:#db530f;
font-size:115%;
font-weight:normal;
}
div.comment h3,
div.comment_form h3,
div.trackback_url h3,
div.trackback h3{
text-transform:capitalize;
}

/* コメント、トラックバック */
div.comment dl,
div.trackback dl{
margin:0;
padding:0 20px;
background:url(http://www.ourgearworks.com/template/tb_deepsea_entry_body.gif) repeat-y 0 0;
font-size:85%;
line-height:1.9;
}

/* コメントの日付・トラックバックの日付など */
div.comment dl dt,
div.trackback dl dt{
padding:0 10px;
background:url(http://www.ourgearworks.com/template/tb_deepsea_comment_state.gif) no-repeat 0 0;
font-weight:normal;
line-height:20px;
}

/* コメントの名前・トラックバックの送信元など */
div.comment dl dt strong,
div.trackback dl strong{
color:#a3d207;
font-size:115%;
font-weight:normal;
}
div.trackback dl dd.tb_title{
padding:0 5px;
color:#c00;
font-weight:normal;
}

/* コメントなど */
div.comment dl dd,
div.trackback dl dd{
margin:0;
padding:0 5px 20px 5px;
}

/* コメントフォーム */
div.comment_form dl{
margin:0;
padding:5px 0px 0 0;
font-size:85%;
text-align:left;
}
div.comment_form dl{
margin:0;
font-size:85%;
text-align:left;
}
div.comment_form dl dt{
position:relative;
width:125px;
margin:0.4em 0 0em 0;
font-weight:normal;
line-height:1;
text-transform:capitalize;
text-align:right;
}
div.comment_form dl dd{
margin:-1.8em 0 0 0;
padding:0.5em 0 0.5em 135px;
background:url(http://www.ourgearworks.com/template/tb_deepsea_entry_body.gif) repeat-y 0 0;
}
div.comment_form dl dd.description{
line-height:1em;
}
div.comment_form dl input{
width:200px;
font-size:115%;
}
div.comment_form dl textarea{
width:300px;
font-size:115%;
}
div.comment_form dl input:focus,
div.comment_form dl textarea:focus{
border:1px solid #db530f;
background:#fff;
}
div.comment_form button{
width:90px;
height:30px;
border:none;
background:url(http://www.ourgearworks.com/template/tb_deepsea_submit_button.gif) no-repeat 0 0;
text-indent:-9999px;
text-align:left;
cursor:pointer;
}
/* Mac IE ¥*/
div.search button{
letter-spacing: -9999px;
}
/**/

div.comment_form dl dt.submit{
visibility:hidden;
}
div.comment_form dl input#set_cookie{
width:auto;
border:none;
}

/* ページナビ、ページトップ */
div.pagenavi,
div.pagetop{
padding:0 0 10px 0;
font-size:74%;
text-align:center;
}


/* ---------------------- side ---------------------- */
/* サイド */
div#side dl{
margin:0;
padding:10px 0 20px 0;
}

/* サイドのタイトル */
div#side dl dt{
padding:0 10px;
background:url(http://www.ourgearworks.com/template/tb_deepsea_side_title.gif) no-repeat 0 0;
color:#14668c;
font-size:95%;
font-weight:normal;
text-align:left;
text-transform:capitalize;
line-height:25px;
}

/* サイドの内容 */
div#side dl dd{
margin:0;
padding:5px 10px 0 10px;
background:none;
font-size:74%;
line-height:1.7;
}

/* サイドのリスト */
div#side dl dd ul{
list-style:none;
margin:0;
}
div#side dl dd ul li{
margin:3px 0;
padding:0;
background:none;
}
div#side dl dd ul li ul li{
margin:2px 0 3px 8px;
padding:0 0 0 20px;
background:url(http://www.ourgearworks.com/template/tb_deepsea_side_list.gif) no-repeat 0 0.2em;
}

div#side dl p{
margin:0 0 1em 0;
}

/* 検索 */
div.search{
margin:0 auto;
}
div#body div.search p{
margin:1em 0 0 0;
}
div.search input{
vertical-align:bottom;
}
div.search input.form{
width:100px;
background:#fff;
font-size:135%;
padding:5px 0 0 0;
}
div.search input.form:focus{
border:1px solid #db530f;
}
div.search button{
width:90px;
height:30px;
border:none;
background:url(http://www.ourgearworks.com/template/tb_deepsea_search_button.gif) no-repeat 0 0;
text-indent:-9999px;
text-align:left;
cursor:pointer;
}
/* Mac IE ¥*/
div.search button{
letter-spacing: -9999px;
}
/**/

/* カレンダー */
dl.calendar{
margin:0 auto;
text-align:center;
}
dl.calendar table.calendar{
margin:0 auto;
padding:0;
border:none;
border-collapse:collapse;
font-size:100%;
text-align:center;
}
dl.calendar table.calendar tr td{
padding:0;
border:1px solid #f5f8f8;
color:#666;
line-height:1.9;
text-align:center;
}
dl.calendar table.calendar tr td.weekday,
dl.calendar table.calendar tr td.cell{
width:28px;
}
dl.calendar table.calendar tr td.weekday{
background:#cfe0e7;
}
dl.calendar table.calendar tr td.cell a{
display:block;
background:#fff;
}
dl.calendar table.calendar tr td.cell a:hover{
background:none;
}
span.today{
color:#38b3c0;
font-weight:bold;
}

dl.recommend dd img{
float:left;
clear:left;
margin:0 5px 0 0;
}


/* --------------------- footer --------------------- */
/* 著作権表示 */
address{
padding:15px 0;
font-size:74%;
font-style:normal;
text-align:center;
}