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

	1.全体の設定
	2.リンクの設定
	3.強調文字の設定
	4.ページ全体の設定
	5.ヘッダーの設定
	6.左サイドカラム
	7.右サイドカラム
	8.センターカラム
	9.サイドカラム共通設定
	10.footer
	11.コメントページ
	
-------------------------------------------------*/
/*--------------------------------------------------
■1.全体の設定
-------------------------------------------------*/
body,h1, h2, h3, h4, h5, h6,
p, pre, blockquote,form,input,textarea,fieldset,
ul, ol, dl, li,dt,dd,address,caption {
    margin: 0;
    padding: 0;
}
body {
 	margin: 0px 0px 30px 0px;
 	background:#f1f1df url(../img/obj_bg.jpg) repeat-x;
 	text-align: center;
 	 font-size: small;
 	 font-family:Arial, sans-serif,"ＭＳ ゴシック",HiraKakuPro-W6, 'ヒラギノ角ゴ Pro W6';
}

ul,li{
	margin:0;
	padding:0;
	}
	
ul,li{	list-style:none;	}
.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}
/* IE7とMac版IE5対策 */
.clearfix{
   display:inline-block;
}
/* Win版IE5および6対策 */
/* Hides from IE-mac ＼*/
* html .clearfix{   height:1%;}
.clearfix{   display:block;}
/* End hide from IE-mac */

.basicDl dt{
	font-weight:bold;
}
.basicDl dd{
	margin-bottom:1em;
} 


/*--------------------------------------------------
■2.リンクの設定
-------------------------------------------------*/
a:link {color:#33c;}
a:visited {color:#33c;}
a:active { color: #333; text-decoration:none;badkground-color:#99f;}
a:active { color: #333; text-decoration:none;badkground-color:#99f;}

/*--------------------------------------------------
■3.強調文字設定
-------------------------------------------------*/
h1, h2, h3 {
 	margin: 0px;
	padding: 0px;
	font-size:13px;
	font-weight: bold;
}
strong{
	font-weight:bold;
	font-size:100%;
}

/*--------------------------------------------------
■4.ページ全体の枠
-------------------------------------------------*/
#container {
 	line-height: 140%;
 	margin: 0 auto 20px auto;
 	text-align: left;
 	padding: 0px;
 	width: 780px;
	background-image:url(../img/blog/obj_b-wrapper-bg.png);
	background-repeat:repeat-y;
}

/*ie向けハック*/
*html #container { background-image:url(../img/blog/obj_b-wrapper-bg-ie.gif);
 }
/**html #container { behavior: expression(IEPNGFIX.fix(this)); }*/

/*--------------------------------------------------
■5.ヘッダー設定
-------------------------------------------------*/
#header{
	width:770px;
	height:20px;
	padding:5px 10px 0 0;
	text-align:right;
	color:#fff;
	font-size:10px;
	background:url(../img/obj_header-bg.jpg) no-repeat center top;
	}

#banner {
	width:770px;
	height:180px;
	margin:0 5px;
	background:#000 url(../img/blog/obj_b-top-bg.jpg) no-repeat;
 	font-family: Times,Verdana, Arial, sans-serif;
 	color: #fff;
	 text-align: left;
}

#banner a {
 	color: #fff;
 	text-decoration: none;
}

#banner h1 {
 	font-size: 18px;
 	padding:50px 0 0 60px;
 	
}

#banner h2 {
	margin:0.5em 0 0 60px;
 	font-size: 10px;
 	font-weight:normal;
}

/*--------------------------------------------------
■0.menu
-------------------------------------------------*/

#wrap-navi{
	width:750px;
	height:30px;
	margin:0 5px;
	padding:10px 10px;
	background:url(../img/obj_navi-bg.jpg) no-repeat;
	}

/*navi----------------
-----------------------*/
#navi{
	width:750px;
	height:30px;
	background:url(../img/btn_menu.jpg) no-repeat;
	}

#navi ul{
	margin-left:100px;
	}
/*文字を消すハック*/
#navi li {
  text-indent: -9999px;
}

#navi li, #navi a {
	display: block;
	width: 70px;
	height: 30px;
	float:left;
}

#navi a {
	text-decoration: none;
	background: url(../img/btn_menu.gif) no-repeat;
}

/*背景画像の位置設定*/
#menu01 a { background-position: -100px 0 }
#menu02 a { background-position: -170px 0 }
#menu03 a { background-position: -240px 0 }
#menu04 a { background-position: -310px 0 }
#menu05 a { background-position: -380px 0 }
#menu06 a { background-position: -450px 0 }
#menu07 a { background-position: -520px 0 }
#menu08 a { background-position: -590px 0 }
#menu01 a:hover { background-position: -100px -30px }
#menu02 a:hover { background-position: -170px -30px }
#menu03 a:hover { background-position: -240px -30px }
#menu04 a:hover { background-position: -310px -30px }
#menu05 a:hover { background-position: -380px -30px }
#menu06 a:hover { background-position: -450px -30px }
#menu07 a:hover { background-position: -520px -30px }
#menu08 a:hover { background-position: -590px -30px }
#menu01 a.current { background-position: -100px -30px }
#menu02 a.current { background-position: -170px -30px }
#menu03 a.current { background-position: -240px -30px }
#menu04 a.current { background-position: -310px -30px }
#menu05 a.current { background-position: -380px -30px }
#menu06 a.current { background-position: -450px -30px }
#menu07 a.current { background-position: -520px -30px }
#menu08 a.current { background-position: -590px -30px }

/*--------------------------------------------------
■6.左サイドカラム
-------------------------------------------------*/
#left {
 	float: left;
 	width: 180px;
 	overflow: hidden;
	}

/*--------------------------------------------------
■7.右サイドカラム
-------------------------------------------------*/
#right {
	 float: left;
	 width: 180px;
	 overflow: hidden;
}

/*--------------------------------------------------
■8.センターカラム
-------------------------------------------------*/
#center {
	 float: left;
	 width: 420px;
	 overflow: hidden;
	 background-color:#fff;
}
#center h2{
	color:#369;
	margin:15px 0 5px 0;
	padding:0;
	font-size:18px;
	letter-spacing:0.1em;
}

#center h3{
	margin-bottom:5px;
	font-size:16px;
	letter-spacing:0.1em;
}

/* ■パンくずリスト
---------------------------------------------*/
ul.inline{
	margin:0;
	padding:0;
}

ul.inline li ul.inline{
	display:inline;
	padding:0;
	margin:0;
}

ul.inline li{
	display:inline;
	font-size:x-small;
}

ul.inline li a{
	color:#000;
	text-decoration:none;
}

ul.inline li a:hover{
	color:#000;
	text-decoration:underline;
}

/* ■メイン本文 
---------------------------------------------*/
.content {
 	padding: 10px 10px 5px 10px;
 	color: #000;
 	font-family: Verdana, Arial, sans-serif;
 	font-size: 12px;
}
.content IMG{
	margin-right:5px;
}

/* ■エントリーの日にち
---------------------------------------------*/
.dataheader {
	text-align:right;
	font-size:x-small;
}

/* ■エントリーのタイトル
---------------------------------------------*/
.entryheader {
	text-align:left;
	color:#369;
	font-weight:bold;
	padding:3px 5px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	background:url("img/common/obj_main_head.jpg") center center;
}

.content p {
 	color: #000;
 	font-family: Verdana, Arial, sans-serif;
 	font-size: small;
 	font-weight: normal;
 	line-height: 150%;
 	text-align: left;
 	margin:5px 0 15px 0;
}

.content blockquote {
	margin:15px 5px;
	padding:5px;
	line-height: 150%;
	border:1px #333 dotted;
	border-left:3px #333 solid;
}

.content ul{
	margin-left:20px;
}
.content li {
	 line-height: 150%;
	 list-style-type:disc;
}

/* ■moblog
---------------------------------------------*/
.caption{
	margin:10px 0;
}

.photo{
	margin:10px 0;
}


/* ■投稿時間など
---------------------------------------------*/
.posted {
	 color: #999;
	 font-family: Verdana, Arial, sans-serif;
	 font-size: x-small;
	 border-top: 1px dotted #999;
	 text-align: right;
	 margin-bottom: 20px;
	 line-height: normal;
	 padding: 3px;
}

p.posted{
	padding-left:15px;
	margin-bottom:20px;
	 background:url("img/common/icon_comment2.gif")  left center no-repeat ;
}
/*--------------------------------------------------
■9.サイドカラム共通設定
-------------------------------------------------*/
.sidebar {
 	padding: 10px;
 	font-size: x-small;
}
/* ■side header
---------------------------------------------*/
.sidebar h2 {
	color: #369;
	font-family: Verdana, Arial, sans-serif;
	font-size:10px;
	letter-spacing:0.5ex;
	text-align: center;
	font-weight: bold;	
	padding:4px 0;
	background:url("img/common/obj_side_head.gif") center center;
}

/* ■カレンダー
---------------------------------------------*/
#calendar {
 	line-height: 140%;
 	color: #666666;
 	font-family: Verdana, Arial, sans-serif;
 	font-size: x-small;
 	padding: 2px;
 	text-align: center;
 	margin-bottom: 30px;
}

#calendar table {
 	padding: 2px;
 	border-collapse: collapse;
 	border: 0px;
 	width: 100%;
}

#calendar caption {
 	color: #666666;
 	font-family: Verdana, Arial, sans-serif;
 	font-size: x-small;
 	text-align: center;
 	font-weight: bold;
 	text-transform: uppercase;
 	letter-spacing: .3em;
}

#calendar th {
 	text-align: center;
 	font-weight: normal;
}

#calendar td {
 	text-align: center;
}

/* ■entry image
---------------------------------------------*/
.entry-image{}


/* ■list
---------------------------------------------*/
.sidebar ul {
 	padding-left: 5px;
 	margin: 0px;
 	margin-bottom: 20px;
}

.sidebar ul ul {
	 margin-bottom: 0px;
}

.sidebar li {
 	color: #666666;
 	font-family: Verdana, Arial, sans-serif;
 	font-size: x-small;
 	text-align: left;
 	line-height: 100%;
 	margin-top: 10px;
 	list-style-type: none;
}
.entry-list{
	padding-left:15px;
 	background:url("img/common/icon_entry.gif") left center no-repeat;
 }
 .category-list{
	padding-left:15px;
 	background:url("img/common/icon_folder.gif") left bottom no-repeat;
 }

/*tag*/
.module-tagcloud li{	display:inline;	}
.module-tagcloud li{font-size:9px;}
.module-tagcloud li.taglevel1{font-size:19px;}
.module-tagcloud li.taglevel2{font-size:17px;}
.module-tagcloud li.taglevel3{font-size:15px;}
.module-tagcloud li.taglevel4{font-size:13px;}
.module-tagcloud li.taglevel5{font-size:11px;}
.module-tagcloud li.taglevel6{font-size:9px;}

/* ■comment track-badk
---------------------------------------------*/
.side {
 	color: #666666;
 	font-family: Verdana, Arial, sans-serif;
 	font-size: x-small;
 	text-align: left;
 	line-height: 150%;
 	padding-left: 5px;
 	margin-top: 10px;
 	margin-bottom: 20px;
 	list-style-type: none;
}


.link-note {
 	font-family: Verdana, Arial, sans-serif;
 	font-size: x-small;
 	line-height: 150%;
 	text-align: left;
 	margin:10px 0px 20px 0px;
}

/* ■search box
---------------------------------------------*/
#search{
	border:1px solid #ccc;
	background-color:#fff;
}

/* ■feed
---------------------------------------------*/
#feed{
	height:15px;
	width:80px;
	display:block;
 	background:url("img/common/icon_xmlfeed.gif") no-repeat;
 	text-indent:-9999px;
}

	

/* ■powerd by
---------------------------------------------*/
#powered {
 	font-family: Verdana, Arial, sans-serif;
 	font-size: x-small;
 	margin:10px 0 15px 0;
}
#mt
{
	height;15px;
	width:80px;
	display:block;
	text-indent:-9999px;
	 background:url("img/common/icon_mt.gif") no-repeat;
}

/*--------------------------------------------------
■10.footer
-------------------------------------------------*/
#footer {
	clear:both;
	margin-top:30px;
	padding-top:3px;
	height:27px;
	font-size:12px;
	color:#fff;
	text-align:center;
	background:url(../img/obj_footer-bg.jpg) no-repeat;
}


/*--------------------------------------------------
■11.コメントページ
-------------------------------------------------*/
/*確認ページ*/
#pagebody{
	margin-left:5px;
}
#pagebody-inner{
	margin:20px 0 0 15px;
	font-family: Verdana, Arial, sans-serif;
}
#pagebody-inner h3{
	color:#369;
	margin:15px 0 5px 0;
	padding:0;
}

#pagebody-inner P{
	margin:5px 0;
}


.comment-footer{
	width:95%;
	padding-left:15px;
	margin-bottom:20px;
	 border-top: 1px dotted #999;
	 background:url("img/common/icon_comment2.gif")  left center no-repeat ;
}

#comments{}
#alpha{}
#alpha-inner{}
.comment{}
.comment-content{}
.comment-footer{}
.comments-open{}
.comments-open-content{}
#comments-open-data{}
#name-email{}
.comments-open-text{}
.comments-open-footer{}

.comment-inner{}
.comment-header{}

.comment-footer-experimental{}


/* ■non setting
---------------------------------------------*/
#comment-data {
 float: left;
 width: 180px;
 padding-right: 15px;
 margin-right: 15px;
 text-align: left;
 border-right: 1px dotted #BBB;
}

textarea[id="comment-text"] {
 width: 80%;
}

.commenter-profile img {
 vertical-align: middle;
 border-width: 0;
}



/* content */

.content-nav
{
   margin: 10px;
   text-align: center;
}

.date-header,
.entry-content
{
   position: static;
   clear: both;
}

.entry,
.trackbacks,
.comments,
.archive
{
   position: static;
   overflow: hidden;
   clear: both;
   width: 100%;
   margin-bottom: 20px;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed
{
   clear: both;
   margin: 5px 10px;
}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more
{
   clear: both;
}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content
{
   clear: both;
   margin: 5px 10px 20px 10px;
}

.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url, #comment-text
{
   width: 240px;
}

#comment-bake-cookie
{
   margin-left: 0;
   vertical-align: middle;
}

#comment-post
{
   font-weight: bold;
}

img.image-full { width: 100%; }

.image-thumbnail
{
   float: left;
   width: 115px;
   margin: 0 10px 10px 0;
}

.image-thumbnail img
{
   width: 115px;
   height: 115px;
   margin: 0 0 2px 0;
}