@charset "utf-8";

/*==========================================================

File name: blog.css

Description: 「ZEMIBLOG」スタイル定義

Author:　

Editor:　

Date:　

Update:　

Table of contents:

==========================================================*/

/*-------------------------------

Link

--------------------------------*/

#zemiblog a{

   color: #2572B8;

   text-decoration:underline;

}

#zemiblog a:visited{

   color: #2572B8;

   text-decoration:underline;

}

#zemiblog a:hover{

   color: #2572B8;

   text-decoration:none;

}



/*-------------------------------

color

--------------------------------*/

#zemiblog #container{

	color: #666666;

}

/*--------------------------------------------------------------

structure

---------------------------------------------------------------*/

@media screen {

body#zemiblog{

	background: url(../img/zemiblog/common/bg_body.jpg) top center no-repeat #72B7F0;

}

#zemiblog #wrapper{

	margin: 0 auto;

	width: 990px;

}

#zemiblog #container{

	background: url(../img/zemiblog/common/bg_header.jpg) top left no-repeat;

	width: 960px;

	position: relative;

	z-index: 1;

}

#zemiblog #header{

	position: relative;

	padding: 38px 0px 0;

	height: 192px;

	width: 960px;

}

#zemiblog #contents{

	background: url(../img/zemiblog/common/bg_contents.jpg) left top repeat-y;

	padding: 0 30px;

}

#zemiblog #contents #areamain {

	width: 640px;

	padding-right: 0px;

	padding-bottom: 30px;

}

#zemiblog #contents #areasub {

	padding: 0;

	margin-bottom: 30px;

}

#zemiblog #footer{

	clear: both;

	border-top: 0;

	padding: 0;

	text-align: center;

}

#zemiblog #footer .wrapper{

	background: url(../img/zemiblog/common/bg_footer.jpg) left top no-repeat;

	padding : 32px;

	width: 925px;

	margin: 0 auto;

}

}

/*--------------------------------------------------------------

header

---------------------------------------------------------------*/

/* logo */

#zemiblog #header .logo{

	position: static;

	margin-bottom: 11px;

}

/* headernavi */

#zemiblog #header #navh {

	position: absolute;

	top: 46px;

	left: 198px;

}

#zemiblog #header #navh li{

	padding: 0 5px 0 0;

}

/*--------------------------------------------------------------

contents areamain

---------------------------------------------------------------*/

/* headline */

#zemiblog #contents #areamain h2{

	margin: 0em;

	background:none;

	padding: 8px 0 3px;

	font-size: 1.4em;

}

/* paragraph */

/* entry */

#zemiblog #contents #areamain .entry {

	background: #FFFFFF;

	padding: 20px;

	margin-bottom: 10px;

}

#zemiblog #contents #areamain .entry h1.ttl{

	color: #2572B8;

	font-size: 1.3em;

	margin-bottom: 0em;

	padding: 8px 0;

	background: none;

}

#zemiblog #contents #areamain .entry .summary {

	border: 1px solid #DCE3E9;

	padding: 9px 13px;

	background: url(../img/zemiblog/common/bg_summary.gif) left top repeat;

	margin-bottom:15px;

}

#zemiblog #contents #areamain .entry dl.info dt, 

#zemiblog #contents #areamain .entry dl.info dd {

	display: inline;

	font-weight: bold;

	color: #999999;

}

#zemiblog #contents #areamain .entry dl.info dt img {

	vertical-align: middle;

	margin-right: 6px;

}

#zemiblog #contents #areamain .entry dl.info dd {

	padding-right: 20px;

}

#zemiblog #contents #areamain .entry p{

	margin: 0 0 1em 0;

}

#zemiblog #contents #areamain .entry p.img {

	margin: 5px 0 20px;

}

#zemiblog #contents #areamain .entry p.more {

	margin-bottom: 0;

}

/* paging */

#zemiblog #contents #areamain .navpage{

	padding-top: 20px;

	text-align: center;

}

#zemiblog #contents #areamain .navpage p{

	margin: 0;

}

#zemiblog #contents #areamain .navpage li {

	display: inline;

	padding: 0 4px;

}

/*--------------------------------------------------------------

contents areasub

---------------------------------------------------------------*/

/* search */

#zemiblog #contents #areasub #search {

	background: url(../img/zemiblog/common/bg_search.jpg) left top no-repeat;

	padding: 7px 9px 7px 28px;

	margin-bottom: 10px;

}

#zemiblog #contents #areasub #search input {

	vertical-align: middle;

	float: left;

}

#zemiblog #contents #areasub #search input.window {

	border: 1px solid #72ADF1;

	height: 17px;

	width: 145px;

	padding: 3px;

}



/* leftmenu */

#zemiblog #contents #areasub .leftmenu {

	padding: 5px 5px 10px;

	margin-bottom:10px;

	background: #CDE6FA;

}



#zemiblog #contents #areasub .leftmenu p {

	padding-bottom:5px;

}



#zemiblog #contents #areasub .listlink li{

	background: url(../img/zemiblog/common/ico_link.gif) 6px center no-repeat;

	border-bottom:#9dc6f4 1px solid;

	padding:0.5em 0;

	padding-left: 18px;

}



/* calendar */



#zemiblog #contents #areasub .calendar {

	padding: 5px 5px 5px;

	margin-bottom:10px;

	background: #CDE6FA;

}



#zemiblog #contents #areasub .calendar table {

width:220px;

border:0;

border-collapse:collapse;

}



#zemiblog #contents #areasub .calendar table th{

padding:0.1em;

background:#fff;

text-align:center;

border:1px solid #6792e0;

}



#zemiblog #contents #areasub .calendar table th.sun{ color:#CC0000;}

#zemiblog #contents #areasub .calendar table th.sat{ color:#6792e0;}



#zemiblog #contents #areasub .calendar table td{

background:#fff;

text-align:center;

border:1px solid #6792e0;

}



#zemiblog #contents #areasub .calendar table td span{

display:block;

background:#fff;

padding:0.1em;

}



#zemiblog #contents #areasub .calendar table td a{

display:block;

background:#d6e5ff;

color:#4066b7;

text-decoration:underline;

padding:0.1em;

}



#zemiblog #contents #areasub .calendar table td a:hover,

#zemiblog #contents #areasub .calendar table td a:active {

text-decoration:none;

background:#e5efff;

}







#zemiblog #contents .ttl_list {

	background: url(../img/zemiblog/common/ttl_search.gif) left top repeat;

	color: #FFFFFF;

	padding: 10px 12px;

	font-weight: bold;

	margin: 0 0 10px 0;

}









/*--------------------------------------------------------------

pageup

---------------------------------------------------------------*/

#zemiblog #pageup a{

	left:483px;

}

/*--------------------------------------------------------------

print

---------------------------------------------------------------*/

@media print{

#zemiblog #header{

	height: auto;

}

#zemiblog #contents #areamain{

	padding: 20px 0px;

}

#zemiblog #contents{

	padding: 20px 0px;

}

#contents #areamain h1{

	border-bottom: none;

}

#zemiblog #contents h2{

	border: none;

}

#zemiblog #contents #areamain .entry {

	border: 1px solid #72B7F0;

}

}