@charset "utf-8";

@import url("page.css"); /* */
@import url("dagon-sitemap.css"); /* plugin */


/*
Theme Name: breen
Theme URI: http://
Description: This theme is for breen blog
Following plugins are recommended: 
Version: 1
Author: Tamotsu Ono
Author URI: http://www.onotamotsu.com/blog/
Tags:
*/



html, body { 
margin: 0;
padding: 0;
height: 100%;
background: #E8E8E8 url(images/footer.jpg) no-repeat bottom left;
}


html>body {
 height:auto;
 min-height:100%;
}


h2 {
margin: 0;
padding: 0 0 10px 0;
font: bold 14px Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
letter-spacing: 0.05em;
color: #494949;
}

h4, h5, h6 {
margin: 0;
}



p, li, dl {
font: 12px Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
letter-spacing: 0.05em;
line-height: 150%;
color: #494949;
}

strong { font-weight: bold; }

dt, dd { margin: 0; }

img { border: none; }

form, input { margin: 0; padding: 0; }

table {
margin: 0 0 15px 0;
width: 98%;
border-collapse: collapse;
}


td {
padding: 0.4em 0.4em 0.4em 0;
font: 12px Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
letter-spacing: 0.05em;
color: #494949;
}

label { margin: 0; padding: 0; }

.td30 { width: 30%;/* font-weight: bold; color: #666666;*/ }
.td70 { width: 68%; }
.valign { vertical-align: top; }
.inputline {
padding: 3px;
border: 1px solid #CCC;
font: 12px Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #494949;
}
.formBtn {
padding: 1px 3px;
}

/*============================ EACH LINK SETTING ============================*/

a, cite {
font-family: Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
letter-spacing: 0.05em;
}

a:link { color: #069; text-decoration: underline; }
a:visited { color: #069; text-decoration: underline; }
a:hover { color: #4F9BD5; text-decoration: none; }


#container {
margin: 0;
padding: 0 0 110px 0; /* IE だと bottom がおかしい */
width: 1200px;
background: url(images/header.jpg) no-repeat top left;
}


/*============================ LEFT SIDE CONTENTS ============================*/


#contents {
float: left;
margin: 105px 30px 0 0;
padding: 55px 30px 0 250px;
width: 499px;
border-right: 1px dotted #CCC;
}


/*============================ HEADER ============================*/

h1 {
position: absolute;
margin: 0;
top: 22px;
left: 62px;
width: 97px;
height: 90px;
}

h1 span { display: none; }

.root-link {
display: block;
width: 97px;
height: 90px;
}


#bf-link {
width: 500px;
padding: 0 0 20px 0;
}

.bf-back {
float: left;
width: 250px;
}

.bf-for {
float: right;
width: 250px;
text-align: right;
}


#bf-link a:link { color: #494949; text-decoration: none; }
#bf-link a:visited { color: #494949; text-decoration: none; }
#bf-link a:hover { background-color: #006081; color: #E8E8E8; }


/*============================ POSTED CONTENTS ============================*/

.contents-box {
position: relative;
padding: 0 0 40px 0;
width: 500px;
}



.contents-box2 {
display: block;
margin: 0 0 25px 0;
padding: 0 0 25px 0;
width: 500px;
background: url(images/dot_x.gif) repeat-x bottom left;
}



.contents-box3 {
position: relative;
margin: 60px 0 0 0;
padding: 0;
width: 500px;
}


h3 {
margin: 0 0 10px 0;
padding: 0 0 2px 0;
/*background: url(images/dot_x.gif) repeat-x bottom left;*/
font: bold 18px Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
letter-spacing: 0.05em;
line-height: 130%;
color: #006081;
border-bottom: 1px solid #CCC;
}


.post-title a:link { color: #006081; text-decoration: none; }
.post-title a:visited { color: #006081; text-decoration: none; }
.post-title a:hover { background-color: #006081; color: #E8E8E8; } 

.contents-box p, .contents-box2 p {
margin: 0;
padding: 0 0 15px 0;
}

.contents-box ul, .contents-box2 ul {
margin-top: 0;
padding-top: 0;
}


.georgia {
padding: 0 0 10px 0;
font: 11px Georgia, "Times New Roman", Times, serif;
color: #6E6E6E;
}

.contents-box a.more-link {
display: block;
padding: 4px;
width: 20%;
background-color: #F7F7F7;
border: 1px solid #C8C8C8;
text-align: center;
}

/*.read-more {
font-size: 12px;
}*/


p.author-name {
margin: 0 0 20px 0;
font-style: italic;
text-align: right;
border-bottom: 1px dashed #CCC;
}

/*.authorized-note {
padding: 7px;
background-color: #FFFFFF;
}

.authorized-note strong {
font: normal 12px Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
letter-spacing: 0.05em;
line-height: 130%;
color: #999999;
}

.poster { background-color: #CCC; }*/


.entry-info {
margin: 40px 0 10px 0;
padding: 10px 10px 0 10px;
width: 478px;
background-color: #F7F7F7;
border: 1px solid #C8C8C8;
}

/* jQuery Corner setting for [Entry Info]  */
.entry-info dl {
margin: 0;
width: 478px;
font: 12px Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #494949;
}

.entry-info dt, .entry-footer dd { float: left; line-height: 150%; }
.entry-info dt { width: 100px; }
.entry-info dd { /*width: 358px;*/ margin: 0 0 10px 0; }
/*.entry-footer a { color: #555555; }*/





/*============================ RIGHT SIDE MENUS ============================*/


#side-area {
float: left;
margin: 0;
padding: 100px 0 0 0; /*100px*/
width: 240px;
}


#side-area a:link    { color: #494949; text-decoration: none; }
#side-area a:visited { color: #494949; text-decoration: none; }
#side-area a:hover   { background-color: #006081; color: #E8E8E8; }


.side-box {
margin: 0 auto;
padding: 0 0 20px 0;
width: 240px;
}


.side-box p { margin: 0; }


#navi {
	margin-bottom: 15px;
	border-bottom: 1px solid #CCC;
}

#navi ul {
margin: 0;
padding: 0;
}

#navi ul ul {
margin: 0;
padding: 5px 0 0 0;
}


#navi ul li {
padding: 5px 0 5px 0; 
border-top: 1px solid #CCC;
font-size: 12px;
font-weight: bold;
text-indent: 15px;
list-style: none;
background: url(images/arrow_new.gif) no-repeat 0 13px;
_background: url(images/arrow_new.gif) no-repeat 0 13px;
}


#navi ul ul li {
	padding: 5px 0 5px 0;
	font-weight: normal;
	background: url(images/empty.gif) no-repeat left center;
}


/*#navi li span { display: none; }*/

/*.btn01, 
.btn02, 
.btn03, 
.btn04, 
.btn05, 
.btn06, 
.btn07, 
.btn08,
.btn09 { width: 240px; }

.btn03off { width: 240px; height: 29px; background: url(images/btn_03.gif) top left no-repeat; }
.btn07off { width: 240px; height: 29px; background: url(images/btn_07.gif) top left no-repeat; }


.btn01 a, 
.btn02 a, 
.btn03 a, 
.btn04 a, 
.btn05 a, 
.btn06 a, 
.btn07 a, 
.btn08 a,
.btn09 a { height: 29px; display: block; }

.btn01 a { background: url(images/btn_01.gif) top left no-repeat; }
.btn02 a { background: url(images/btn_02.gif) top left no-repeat; }
.btn03 a { background: url(images/btn_03.gif) top left no-repeat; }
.btn04 a { background: url(images/btn_04.gif) top left no-repeat; }
.btn05 a { background: url(images/btn_05.gif) top left no-repeat; }
.btn06 a { background: url(images/btn_06.gif) top left no-repeat; }
.btn07 a { background: url(images/btn_07.gif) top left no-repeat; }
.btn08 a { background: url(images/btn_08.gif) top left no-repeat; }
.btn09 a { background: url(images/btn_09.gif) top left no-repeat; }

.btn01 a:hover, 
.btn02 a:hover, 
.btn03 a:hover, 
.btn04 a:hover, 
.btn05 a:hover, 
.btn06 a:hover, 
.btn07 a:hover, 
.btn08 a:hover,
.btn09 a:hover { background-position: 0 -29px; }
*/


#pre-next-link {
margin: 0 0 20px 0;
width: 500px;
color: #494949;
}

#pre-next-link ul {
margin: 0;
padding: 0;
}

#pre-next-link li {
width: 250px;
font-size: 12px;
list-style: none;
}

.post_previous { float: left; }
.post_next     { float: right; text-align: right; }



#old-new-link {
	width: 500px;
	padding: 15px 0;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}

#old-new-link .to-old,
#old-new-link .to-new { 
display: block; 
font-size: 14px;
}

#old-new-link .to-old { width: 250px; float: left; }
#old-new-link .to-new { width: 250px; float: right; text-align: right; }




/* add 2008 11 21  */

.side-box2 {
margin: 0 auto;
padding: 0 0 30px 0;
width: 240px;
}

.side-box2 ul { margin: 0; padding: 0; }

.side-box2 ul li {
padding: 5px 0;
border-bottom: 1px solid #CCC;
font-size: 12px;
list-style-type: none;
list-style-position: outside;
text-indent: 15px;
background: url(images/arrow_new.gif) no-repeat 0 13px;
_background: url(images/arrow_new.gif) no-repeat 0 13px;
}


.widget_recent_entries h4,
.widget_categories h4,
.widget_archive h4,
.widget_pages h4,
.title-mailmagazine { width: 240px; height: 23px; text-indent: -9999px; font-size: 1px; }

.widget_recent_entries h4 { background: url(images/title_rEntries.gif) no-repeat top left; }
.widget_categories h4     { background: url(images/title_category.gif) no-repeat top left; }
.widget_archive h4        { background: url(images/title_archieve.gif) no-repeat top left; }
.widget_pages h4          { background: url(images/＊＊＊.gif) no-repeat top left; }
.title-mailmagazine       { background: url(images/title_mailmagazine.gif) no-repeat top left; }

.title-mailmagazine span  { display: none; }

.side-box2 select {
display: block;
margin: 10px 0 0 0;
width: 100%;
border: none;
}


.side-box2  option {
font-family: Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #494949;
}





/*------- comment area -------*/

.commentlist {
margin: 0;
padding: 0;
}

li.comment {
margin: 0 0 10px 0;
padding: 0;
border-bottom: 1px dashed #CCC;
list-style-position: outside;
}

.comment-body em {
margin: 10px;
font-size: 85%;
color: #006081;
}

.vcard {  font-size: 12px; color: #006081; }
.commentmetadata { padding: 0 0 10px 0; font-size: 12px; }
.commentmetadata a { color: #999999; }
a.url { color: #006081; }



#respond {  }

.round-input {
margin: 0 0 10px 0;
padding: 5px;
background-color: #F7F7F7;
border: 1px solid #C8C8C8;
}

.round-input input,
.round-input textarea { width: 100%; background-color: #F7F7F7; border: none; }

.input-font,
.breen-cst {
font: 12px Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #006081;
}




/* added 2008 11 25 */

.mm-table {
margin: 15px 0 0 0;
}

.mm-table strong {
display: block;
font-size: 12px;
color: #0088B4;
}

.mm-table table {
border-collapse: collapse;
border-bottom: 1px solid #CCC;
}

.mm-table td {
padding: 5px 0;
border-spacing: 0;
}

.mm-table .td-bor-lt {
width: 60px;
}

.mm-table .td-bor-rt {
width: 180px;
}

.mm-input {
padding: 3px;
width: 170px;
font-size: 12px;
color: #494949;
}


.clear-all { height: 70px; }
.clear-all img { display: block; }
.clear-all a:link { background-color: #E8E8E8; }
.clear-all a:visited { background-color: #E8E8E8; }
.clear-all a:hovevr { background-color: #E8E8E8; }




/**/
.post-footer {
text-align: center;
margin: 0 0 10px 0;
padding: 10px 10px 0 10px;
background-color: #F7F7F7;
border: 1px solid #C8C8C8;
}

.post-footer img { margin: 0; }

.post-footer p a { color: #993300; }




#gFooter {
text-align: left;
text-indent: 250px;
}

#gFooter h6 {
margin-bottom: 3px;
font: 10px Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #CCC;
letter-spacing: 0.06em;
}

/*#gFooter p {
font: 10px Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #99B9C4;
}*/

#gFooter h6 a {
font: 10px Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #CCC;
text-decoration: none;
}

#gFooter h6 a:hover { text-decoration: underline; }



.cut { clear: both; }
.noShow { display: none; }


#container:after, 
#contents:after,
.contents-box:after,
.contents-box2:after,
.contents-box3:after, 
#side-area:after,
.entry-info:after,
#old-new-link:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html #container, 
* html #contents,
* html .contents-box,
* html .contents-box2,
* html .contents-box3,
* html #side-area,
* html .entry-info,
* html #old-new-link {
display:inline-block;
}