@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:
*/



body { 
margin: 0;
padding: 0;

font: 13px/1.231 Georgia, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Times New Roman", Times, serif;
*font-size: small;
*font: x-small ;
/*background: #E8E8E8 url(images/footer.jpg) no-repeat bottom left;*/
}




h2 {
margin: 0;
padding: 0 0 10px 0;
letter-spacing: 0.05em;
color: #494949;
}

h4, h5, h6 {
margin: 0;
}



p, li, dl {
font-size: 108%;
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-size: 108%;
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-size: 108%;
color: #494949;
}
.formBtn {
padding: 1px 3px;
}

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

a, cite {
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; }
a:focus { outline: none; }

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


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


#contents {
float: left;
padding: 0 29px 0 0;
width: 500px;
border-right: 1px dotted #CCC;
}


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

#logo {
	position: relative;
	padding: 30px 0 50px 0;
	background: url(images/logo.gif) no-repeat center left;
	width: 800px;
	height: 40px;
}



#logo h1,
#logo h2 {
	width: 800px;
	font-weight: normal;
	text-align: right;
}

#logo h1 {
	position: absolute;
	margin: 0;
	top: 45px;
	
	color: #666;
	font-size: 100%;
	z-index: 1;
}

#logo h2 {
	position: absolute;
	margin: 0;
	top: 65px;
	
	color: #666;
	font-size: 77%;
	z-index: 1;
}

#logo a { color: #666; text-decoration: none; }

#logo a#to-home {
	position: absolute;
	top: 40px;
	left: 0;
	width: 170px;
	height: 40px;
	display: block;
	text-indent: -1920px;
	z-index: 2;
}



.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;
font-size: 138.5%;
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 {
float:left;
width: 200px;
padding: 0 0 20px 0;
font-size: 85%;
color: #6E6E6E;
}

.facebook-like {
	float: right;
	width: 110px;
	padding: 0 0 20px 0;
}


.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;
}



.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;
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: 0 0 0 30px;
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;
}





#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 {
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;*/
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-size: 77%;
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-size: 77%;
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 {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


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


*:first-child+html #container, 
*:first-child+html #contents,
*:first-child+html .contents-box,
*:first-child+html .contents-box2,
*:first-child+html .contents-box3,
*:first-child+html #side-area,
*:first-child+html.entry-info,
*:first-child+html  #old-new-link {
zoom: 1;
}