@charset "UTF-8";

/*
name: Dr.Blog Style Library
designer: Dr.Blog
designer_url: http://drblog.jp/
developer: Dr.Blog
developer_url: http://drblog.jp/
*/

/* ---------- reset ---------- */

*
{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

/* ---------- reset_end ---------- */

/* ---------- body ---------- */

/*
body
{
	background:#ffffff url(suiren_3.gif) no-repeat center top;
	color:#000000;
	text-align:center;
}
*/


body.layout-three-column
{
	background:#ffffff url(suiren_3.gif) no-repeat center top;
	color:#000000;
	text-align:center;
}

body.layout-two-column-right,
body.layout-two-column-left,
body.layout-one-column
{
	background:#ffffff url(suiren_2_1.gif) no-repeat center top;
	color:#000000;
	text-align:center;
}

a
{
	text-decoration:none;
	color:#5DAA46;
	background:inherit;
}

a:hover
{
	text-decoration:underline;
}

body.layout-two-column-right div#main-container,
body.layout-two-column-left div#main-container,
body.layout-one-column div#main-container
{
	width:700px;
	margin:0 auto;
	padding:15px 0 0 0;
	text-align:left;
}

body.layout-three-column div#main-container
{
	width:960px;
	margin:0 auto;
	padding:15px 0 0 0;
	text-align:left;
}

/* ---------- body_end ---------- */

/* ---------- banner ---------- */

body.layout-two-column-right div#banner,
body.layout-two-column-left div#banner,
body.layout-one-column div#banner,
body.layout-three-column div#banner
{
	height:270px;
	margin:0 15px 15px 15px;
}

div#banner h1
{
	text-align:left;
	font-size:25px;
	font-weight:normal;
	position: relative;
	letter-spacing:0.2em;
	top: 120px;
	left: 0px;
}

div#banner h1 a
{
	color:#000000;
	background-color:transparent;
	text-decoration:none;
}

div#banner h1 a:hover
{
	text-decoration:underline;
}

div#banner h2
{
	color:#000000;
	text-align:left;
	font-size:12px;
	font-weight:normal;
	position: relative;
	top: 125px;
	left: 0px;
	background-color:transparent;
}

/* ---------- main ---------- */

body.layout-one-column #main
{
	width:700px;
	float:left;
}

body.layout-two-column-right #main
{
	width:500px;
	float:left;
}

body.layout-two-column-left #main
{
	width:500px;
	float:right;
}

body.layout-three-column #main
{
	width:500px;
	float:left;
}


div.content
{
	padding:0 15px 15px 15px;
}


div.entry
{
	margin:0 0 20px 0;
}

p.date-header
{
	color:#000000;
	font-size:70%;
	text-align:right;
	font-weight:normal;
	padding:5px 2px 5px 0;
	background-color:#FED8D8;
}

h3.entry-header
{
	font-size:80%;
	font-weight:bold;
	padding:13px 0 2px 5px;
	margin-bottom:10px;
	border-bottom:#FED8D8 1px dashed;
}

h3.entry-header a
{
	color:#000000;
	background-color:inherit;
}

div.entry-content
{
	padding:0 10px 10px 10px;
}

div.content blockquote
{
	padding:10px;
	border:1px solid #cccccc;
	background-color:#ffffff;
	margin:0 0 15px 0;
}

div.content blockquote p
{
	color:#5DAA46;
	font-size:80%;
}

div.entry-body p,
div.entry-more p
{
	color:#000000;
	font-size:80%;
	line-height:140%;
	margin:0 0 10px 0;
	background-color:inherit;
}

div.entry-body img,
div.entry-more img
{
	border:0;
	margin:0 0 20px 0;
}

div.entry-body ul,
div.entry-more ul
{
	list-style-position:outside;
	margin:0 0 10px 20px;
}

div.entry-body li,
div.entry-more li
{
	color:#000000;
	font-size:80%;
	background-color:inherit;
	margin:0;
	padding:0;
}

div.content div.entry-tags h4
{
	color:#000000;
	font-size:80%;
	padding:0 0 5px 5px;
	margin:0 0 5px 0;
	background-color:#E6E3E3;
}

div.entry-tags ul.entry-tags-list
{
	list-style:none;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
}

div.entry-tags ul.entry-tags-list li
{
	display:inline;
	margin:0 10px 0 0;
	font-size:80%;
}

div.entry-info
{
	padding:5px 0 0 10px;
	text-align:center;
	border-top:#cccccc 1px solid;
}

div.entry-info ul
{
	list-style-type: none;
}

div.entry-info li
{
	color:#666666;
	font-size:60%;
	display:inline;
	margin-right: 5px;
	background-color:inherit;
}

div.content h4
{
	background-color:#E6E3E3;
	color:#000000;
	font-weight:normal;
	font-size:70%;
	padding:2px;
	margin-bottom:10px;
}

div.content h5
{
	color:#666666;
	font-weight:bold;
	font-size:70%;
	padding:2px;
	margin-bottom:10px;
	border-bottom:1px dashed #cccccc;
}

div.content p.navi-link
{
	color:#666666;
	font-size:80%;
	margin-bottom:15px;
	background-color:inherit;
}

/* ---------- main_end ---------- */

/* ---------- menu ---------- */

body.layout-one-column div#left-menu,
body.layout-one-column div#right-menu
{
	display:none;
}

body.layout-two-column-right div#left-menu,
body.layout-two-column-right div#right-menu
{
	width:198px;
	float:right;
}

body.layout-two-column-left div#left-menu,
body.layout-two-column-left div#right-menu
{
	width:198px;
	float:left;
}

body.layout-three-column div#left-menu,
body.layout-three-column div#right-menu
{
	width:230px;
	float:left;
}

body.layout-two-column-right div.left-content,
body.layout-two-column-right div.right-content
{
	padding:0 15px 0 0;
}

body.layout-two-column-left div.left-content,
body.layout-two-column-left div.right-content
{
	padding:0 0 0 15px;
}

body.layout-three-column div.right-content
{
	padding:0 0 0 30px;
}

body.layout-three-column div.left-content
{
	padding:0 0 0 30px;
}

div.left-content h3,
div.right-content h3
{
	background:#ffffff url(hanabira.gif) no-repeat 0 100%;                
	color:#000000;
	font-weight:normal;
	font-size:80%;
	padding:4px 2px 2px 25px;
	margin-bottom:10px;
}

div.left-content h3 a,
div.right-content h3 a
{
	color:#5DAA46;
	background:#ffffff 
}

div.left-content li a,
div.right-content li a
{
	background:#ffffff;
}

div.category-archives li,
div.monthly-archives li,
div.recent-entry li,
div.site-link li
{
	background:#ffffff url(maru.jpg) no-repeat 3px 5px;
	list-style:none;
	line-height:15px;
	color:#000000;
	font-size:80%;
	padding:0 0 4px 15px;
}

div.powered li
{
	background:#ffffff;
	list-style:none;
	font-size:60%;
	background-color:inherit;
	margin:4px 0 6px 0;
}

div.search-form,
div.category-archives,
div.monthly-archives,
div.recent-entry,
div.site-link,
div.cclicense,
div.powered,
div.search-feed
{
	margin-bottom: 10px;
}

div.search-form,
div.category-archives,
div.monthly-archives,
div.recent-entry,
div.site-link,
div.search-feed,
div.tags-list
{
	border-top:#FED8D8 1px dashed;
	padding:10px 0 0 0;
}

div.powered
{
	border-top:#FED8D8 1px solid;
}

div.search-form label,
div.cclicense 
{
	background-color:inherit;
	color:#666666;
	font-size:80%;
	margin:0 0 5px 0;
}

div.search-form input#search 
{
	width:80%;
	color:#666666;
	font-size:80%;
	border: 1px solid #FED8D8;
	padding:2px;
	background-color:#eeeeee;
}

div.search-form input.searchsubmit
{
	background:#ffffff url(submit.gif) no-repeat 0 100%;
                color:#ffffff;
                font-size:80%;
                margin-top:5px;
	width:58px;
	height:19px;
}

div.tags-list dl
{
                font-size:80%;
	padding:0 0 5px 0px;
}

div.tags-list ul
{
                list-style:none;
}

/* ---------- menu_end ---------- */

/* ---------- footer ---------- */

body.layout-two-column-left div#footer,
body.layout-two-column-right div#footer,
body.layout-one-column div#footer,
body.layout-three-column div#footer
{
	clear:both;
}

div#footer
{
	text-align:center;
	padding-bottom:30px;
}

div#footer ul
{
	list-style:none;
	padding:10px 0 0 0;
	background:url(line.gif) repeat-X;
}

div#footer ul li
{
	display:inline;
	font-size:60%;
	color:#999999;
	margin-right:15px;
	background-color:inherit;
}

/* ---------- footer_end ---------- */

/* ---------- trackback ---------- */

div.trackbacks p,
div.trackbacks dt
{
	color:#666666;
	font-size:80%;
	background-color:inherit;
}

div.trackbacks dl
{
	margin:0 0 15px 0;
}

div.trackbacks p
{
	margin:5px 0 10px 0;
}

div.trackbacks input
{
	color:#999999;
	border: 1px solid #999999;
	padding:2px;
	background-color:#ffffff;
}

ul.trackback-info
{
	border-top: 1px solid #999999;
	padding:5px 0;
}

ul.trackback-info li
{
	color:#666666;
	font-size:60%;
	display:inline;
	margin-right: 5px;
	list-style-type: none;
	background-color:inherit;
}

/* ---------- trackback_end ---------- */

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

div.comments,
div#comments-open-data label
{
	margin-bottom: 10px;
}

div.comments-body
{
	padding:5px;
}

div.comments-body p,
div.comments-info li,
div#comments-open-data legend,
div#comments-open-data label
{
	color:#666666;
	background-color:inherit;
	font-size:80%;
}

p.comments-open-moderated
{
	color:#666666;
	background-color:inherit;
	font-size:80%;
}

div.comments-body p,
div.comments-post-content p
{
	margin:5px 0 10px 0;
}

ul.comments-info
{
	border-top: 1px solid #999999;
	padding:5px 0;
	margin:0 0 15px 0;
}

ul.comments-info li
{
	display:inline;
	margin-right:5px;
	list-style-type:none;
	color:#666666;
	background-color:inherit;
	font-size:60%;
}

div#comments-open-data legend
{
	color:#666666;
	background-color:inherit;
	margin-bottom:10px;
}

div#comments-open-data input#comment-author,
div#comments-open-data input#comment-email,
div#comments-open-data input#comment-url
{
	width:40%;
	color:#666666;
	font-size:80%;
	border: 1px solid #999999;
	padding:2px;
	background-color:#eeeeee;
	margin:5px 0 10px 0;
}

div#comments-open-data textarea
{
	width:60%;
	color:#666666;
	font-size:80%;
	border: 1px solid #999999;
	padding:2px;
	background-color:#eeeeee;
	margin:5px 0 10px 0;
}

ul.comments-open-footer input
{
	color:#999999;
	font-size:80%;
	border: 1px solid #999999;
	background-color:#ffffff;
	margin-top:5px;
}

ul.comments-open-footer li
{
	display:inline;
	margin-right:15px;
	list-style-type:none;
}

ul.cookie li
{
	display:inline;
	list-style-type:none;
}

/* ---------- comment_end ---------- */

/* ---------- search ----------*/

div.content h3.search-results-header
{
	font-size:80%;
	font-weight:bold;
	background-color:#E6E3E3;
	padding:5px;
	color:#000000;
	margin-bottom:10px;
}

div.search-feed p
{
	color:#666666;
	font-size:70%;
	line-height:140%;
}

div.search-feed-content
{
	border: 1px solid #cccccc;
	padding:10px;
}

p.feed-link
{
	margin:5px 0 0 0;
}

form#search-form label
{
	background-color:inherit;
	color:#666666;
	font-size:80%;
	margin:0 0 5px 0;
}

dd#search-box ul,dd#search-options ul
{
	list-style:none;
	padding:0 0 10px 0;
}

dd#search-box ul li,dd#search-options ul li
{
	display:inline;
	margin:0 15px 0 0;
}

dd#search-box input#search
{
	width:70%;
	color:#666666;
	font-size:80%;
	border: 1px solid #FED8D8;
	padding:2px;
	background-color:#eeeeee;
}

dd#search-box input.searchsubmit
{
	background:#ffffff url(submit.gif) no-repeat 0 100%;
	color:#ffffff;
	font-size:80%;
	background-color:#ffffff;
	margin-top:5px;
	width:58px;
	height:19px;
}

h5.search-results-tit
{
	color:#666666;
	font-weight:bold;
	font-size:70%;
	border-bottom:1px dotted #cccccc;
	padding:2px;
	margin-bottom:10px;
}

p.search-results-content
{
	color:#666666;
	font-size:80%;
	line-height:140%;
	margin:0 0 10px 0;
	background-color:inherit;
}

/* ---------- search_end ----------*/

/* ---------- archives ----------*/

/*
div.archive-body ul.archive-list li a
{	
	background:#ffffff url(maru.jpg) no-repeat 0 100%;
	list-style:none;
	font-size:80%;
	background-color:inherit;
}
*/

div.archive-body ul.archive-list li
{
	list-style-position:outside;
	color:#666666;
	font-size:80%;
	background-color:inherit;
}

div.archive-body ul.archive-list
{
	padding:0 0 0 10px;
}

/* ---------- archives_end ----------*/



/*
#lightview {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
}

/* The container that holds everything */
.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
	list-style-type: none;
	position: relative;
	overflow: hidden;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li { list-style-type: none; }
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; }
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button { position: relative; height: 100%;}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #808080;
	padding: 0;
	margin: 0;
}
.lv_MenuBar * { padding: 0; margin: 0; }

/* When the Menubar is at the top, on (ajax/iframe/inline) content,
   it will also have this style.
   The margins are removed here for better alignment, and since it's
   at the top we switch the inner margins to the other side.
*/
.lv_MenuTop .lv_DataText div,
.lv_MenuTop .lv_ImgNumber div { margin: 0; padding: 0; }
#lightview .lv_MenuTop .lv_Close, 
#lightview .lv_MenuTop .lv_Data { margin: 0 0 6px 0; }

.lv_Close, .lv_Data { margin: 6px 0 0 0; }
.lv_Close { float: right; overflow: hidden; }
.lv_Close .lv_Button { float: right; width: 100%; height: 100%; }

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
}
.lv_Data li { list-style-type: none; }

/* simulates padding-left inside .lv_Data */
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; }

.lv_Data li {
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_Title {
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_Caption { clear: both; }
.lv_ImgNumber {
	color: #b8b8b8;
	margin-right: 5px;
	margin-top: 5px;
}
.lv_Slideshow {
	border-left: 1px solid #efefef;
	padding-left: 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Slideshow .lv_Button { /* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_Media,
.lv_External {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

#lightview iframe {
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#overlay {
  position: absolute; /* Opera will use fixed */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}


* html #lightview { /* IE6 */
	position: absolute;
	margin-top: expression( -1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}