html{
   margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0;
   }

body{
	margin: 0;
	/* setting border: 0 hoses ie5 win window inner well border */
	padding: 0;
	color:#666;
	text-align:center;
	font-size:small;
	line-height:150%;
	background:#fff;
	}
	
body{
	font-family:Century Gothic, Geneva, Arial, Helvetica, sans-serif,"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", Osaka;
	}
/*
	font-family:"News Gothic", "Century Gothic", Futura, "Optima", "Trebuchet MS", "Gill Sans", "Lucida Grande", Arial, Helvetica, "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, meiryo, sans-serif;
	font-family:"Century Gothic", "Futura", "Optima", "Verdana", "sans-serif","ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", Osaka;

*/


a {
	text-decoration: underline;	
	}

a:link {
	color: #8FABBE;
	}

a:visited {
	color: #8FABBE;
	}

a:active {
	color: #8FABBE;
	}

a:hover {
	color: #069;
	}

a img ,img {
	border:none;
	}			
	
h1, h2, h3 ,h4 ,h5 ,h6 ,ul ,li ,dl ,dt ,dd ,form ,input{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}
	
h3{
	font-size:small;
	}
	
#wrapper{
	width:800px;
	margin:10px auto 0;
	text-align:left;
	}
	
#header {
	width:800px;
	height:160px;
	background:url(http://makka.jp/common/img/naviBg.jpg) no-repeat;
	text-align:left;
	}
	
#Lnavi {
	clear:both;
	width:720px;
	margin-left:40px;
	font-size:x-small;
	line-height:130%;
	color:#999;
	}
	
#contents{
	width:720px;
	margin-left:40px;
	}
	
#subCon{
	width:680px;
	margin-left:20px;
	}	
	
#footer{clear: both;
	width:708px;
	background:#1E1E1E;
	color:#fff;
	padding:6px;
	font-size:x-small;
	line-height:130%;
	letter-spacing:1px;
	text-align:center;
	margin-top:40px;
	margin-bottom:10px;
	}
		
.clear {
	clear: both;
	}
	
.center{
	text-align:center;
	}
	
.gmap{
	border:4px solid #8FAEBE;
	width:425px;
	margin-left:2px;
	}
	
pre {
  width: 90%;
  /*_width: 90%;*/
  margin:0;
  padding: 0.3em 0.8em;
  overflow: scroll;
  border: 1px solid #999;
}

html>/**/body pre,
body.layout-one-column pre {
  overflow: auto;
}

* html body.layout-one-column pre {
  width: auto;
}

html>/**/body.layout-one-column pre {
  width: 93%;
}

code {
	display:inline;
	/*font-size: 90%;*/
	font-family: "ＭＳ Ｐゴシック";
	font-size:x-small;
}		
	

/* 中ページヘッダ　グローバルナビゲーション
---------------------------------------------------- */

#header h1{
	float:left;
	}

#header h1 a{
	display:block;
	width:173px;
	height:80px;
	background:url(http://makka.jp/common/img/logo.gif) no-repeat;
	margin-top:33px;
	margin-left:88px;
	text-indent:-9999px;
	text-decoration:none;
overflow:hidden;
	}
	
#Navi {
	width:455px;
	margin-top:62px;
	margin-left:25px;
	float:left;
	height:21px;
	}	
	
#Navi ul{
	margin:0;
	padding:0;
	list-style:none;
	}
	
#Navi li{
	margin:0 25px 0 0;
	padding:0;
	height:21px;
	text-indent:-9999px;
	float: left;
	font-size:xx-small;
	line-height:100%;
overflow:hidden;
	}
	
#Navi li a {
	text-decoration:none;
	display:block;
	height:21px;
	}

#Navi li#pro  {	width:58px;	}
#Navi li#work {	width:45px;	}
#Navi li#favo {	width:61px;	}
#Navi li#blog {	width:44px;	}
#Navi li#link {	width:35px;	}
#Navi li#contact {	width:62px;	}

#Navi li#pro a:hover{	background:url(http://makka.jp/common/img/navi.gif) 0px 0px;	}
#Navi li#work a:hover{	background:url(http://makka.jp/common/img/navi.gif) -83px 0px;	}
#Navi li#favo a:hover{	background:url(http://makka.jp/common/img/navi.gif) -153px 0px;	}
#Navi li#blog a:hover{	background:url(http://makka.jp/common/img/navi.gif) -239px 0px;	}
#Navi li#link a:hover{	background:url(http://makka.jp/common/img/navi.gif) -308px 0px;	}
#Navi li#contact a:hover{	background:url(http://makka.jp/common/img/navi.gif) -368px 0px;	}


/* 中ページヘッダ　タイトル部分
---------------------------------------------------- */

h3.read{
	margin-top:20px;
	margin-bottom:10px;
	}

h2.blog a{
	width:720px;
	height:61px;
	margin-top:13px;
	text-indent:-9999px;
	background:url(http://makka.jp/blog/img/title.gif) no-repeat;
	display:block;
	text-decoration:none;	/*FF*/
	}
	
	
/* 
---------------------------------------------------- */

#blog{
	font-size:small;
	line-height:150%;
	}

#Box01 {	
	float: left;
	width: 495px;
	overflow: hidden;
	}
	
#right {
	float: right;
	width: 210px;
	background-color: #FFFFFF;
	overflow: hidden;
	font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", Osaka;
	font-size:x-small;
	}
	
.content , .OTcontent {
	padding: 15px 0px 5px 0px;
	background-color: #FFFFFF;
	color: #666666;
	font-size: x-small;
	}

#left {
	float: left;
	width: 180px;
	background-color: #FFFFFF;
	overflow: hidden;
	}
	
	/*本文*/
.content p , .OTcontent p{
	color: #666666;
	font-size: small;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	}

.content blockquote , .OTcontent blockquote{
	line-height: 150%;
	}

.content li , .OTcontent li{
	line-height: 150%;
	}
	
	/*本文日付部分*/
.content h2 {
	color: #666;
	font-size: small;
	text-align: right;
	font-weight: normal;
	margin-bottom: 10px;
	padding: 3px 6px;
	border: dashed 1px #666;
	background:#eee;
	}
	
.content h2	a:link, .content h2 a:visited, .content h2 a:active{
	color:#F90;
	}
	
.content h2	a:hover {
	color: #FC0;
	}	
	
	/*その他のページタイトル*/
.OTcontent h2 {	
	color: #666;
	font-size: small;
	font-weight: normal;
	margin-bottom: 10px;
	padding: 3px 6px;
	}
	
	/*その他のページのサブタイトル部分*/
.OTcontent h3 {	
	color: #666;
	font-size: small;
	text-align: right;
	font-weight: normal;
	margin-bottom: 10px;
	padding: 3px 6px;
	border: dashed 1px #666;
	background:#eee;
	}
	
	/*その他のページタイトルのリンク背景画像*/
.OTcontent h2.link{	
	height:60px;
	background:url(img/mt_link.gif) no-repeat;
	padding-top:5px;
	text-indent: -700em;
	}
	
	/*その他のページタイトルのリンク背景画像*/
.OTcontent h2.pro{	
	height:60px;
	background:url(img/mt_pro.gif) no-repeat;
	padding-top:5px;
	text-indent: -700em;
	}	

	/*その他のページ*/
.OTcontent ul{	
	margin: 1px;
	padding: 1px;
	}
	
	/*その他のページ*/
.OTcontent li{	
	list-style-type: none;
	padding: 1px 0px 1px 14px;
	background:url(img/ico_entry.gif) no-repeat 0px 50%;
	font-size: small;
	text-align: left;
	line-height: 150%;
	}
	
	
	/*本文タイトル○部分*/
.content .maruBox {	
	height:60px;
	background:url(img/entry_maru.gif) no-repeat;
	padding-left:40px;
	padding-top:5px;
	text-align: left;
	}

	
	/*本文タイトル部分*/
.content .maruBox h3{	
	color: #666;
	font-size: 14px;
	font-weight: bold;
	}
	
	
	/*本文カテゴリー部分*/
.content .maruBox h4{	
	color: #666666;
	font-size: 90%;
	line-height: 130%;
	margin-top:8px;
	}
	
.entryBoxCate ul{
	margin: 10px;	/*----右側のリスト----*/
	padding: 0px;
	}
	
.entryBoxCate li{
	list-style-type: none;	/*----右側のリスト画像----*/
	padding: 1px 0px 1px 14px;
	background:url(img/ico_entry.gif) no-repeat 0px 8px;
	font-size: small;
	text-align: left;
	line-height: 150%;
	}		

	
.content .maruBox h4 a:link , .content .maruBox h4 a:visited , .content .maruBox h4 a:active {
	color: #666;
	text-decoration:none;
	}

.content .maruBox h4 a:hover {
	color: #999;
	text-decoration:none;
	}


p.emozi  {
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 0px 6px;
	}
	
.cont{
	margin-bottom:35px;
	}	

.content p.posted {
	color: #999999;
	font-size: x-small;
	border-top: 1px solid #999;
	text-align: left;
	margin-bottom: 35px;
	line-height: normal;
	padding: 3px;
	}
	
.content p.postedTp {
	color: #999999;
	font-size: x-small;
	border-top: 1px solid #999;
	text-align: left;
	margin-bottom: 0px;
	line-height: normal;
	padding: 3px;
	}
	
/*ブックマークレット*/

.bookmarklet{
	margin-top:6px;
	margin-bottom:6px;
	}		
	
/* Tag
---------------------------------------------------- */

#tagBox{
	background:#ABABAB;
	color:#fff;
	font-size: x-small;
	line-height: normal;
	padding:2px 6px;
	margin-top:6px;
	}
	
#tagBox a:link ,#tagBox a:visited,#tagBox a:active{
	color: #fff;
	text-decoration:none;
	}

#tagBox a:hover {
	color: #ccc;
	}
	
h3.search-results-header{
	padding:4px;
	border:1px solid #CCC;
	}

h3.tagSch{
	margin-top:20px;
	}
	
ul.entry-tags-list , ul.entry-tags-list-All{
	padding:2px 6px;
	border:1px solid #eee;
	}
	
ul.entry-tags-list-All{
	padding:6px;
	border:1px solid #eee;
	text-align:center
	}		
	
p.tagSch{
	margin-top:4px;
	margin-bottom:4px;
	}	
	
	
/* Tag cloud */
ul li.tag , ul li.entry-tag{
    margin-right: 5px;
    display: inline;
    list-style: none;

	line-height:200%
    }
	
a { color: red; }
	

li.tag a.level1{
    font-size: 165%;
	color:#090;
    }

li.tag a.level2{
    font-size: 155%;
	color:#09F;
    }

li.tag a.level3{
    font-size: 145%;
	color:#F90;
    }

li.tag a.level4{
    font-size: 135%;
	color:#666;
    }

li.tag a.level5{
    font-size: 125%;
	color:#666;
    }

li.tag a.level6{
    font-size: 105%;
	color:#999;
    }
	
li.tag a.level7{
    font-size: 100%;
	color:#999;
    }
	
li.tag a.level8{
    font-size: 95%;
	color:#CCC;
    }
	
li.tag a.level9{
    font-size: 90%;
	color:#CCC;
    }

.tag a:link, .tag a:visited, .tag a:active, .entry-tag a:link, .entry-tag a:visited, .entry-tag a:active{
	color: #6C0;
	text-decoration:none;
	}

.entry-tag a:hover {
	color: #090;
	}
	
.tag a:hover {
	color: #666;
	}	

		
	


.sidebar {
	padding: 15px 0 15px 10px;
	}
	
	/*右側その他*/
.sidebar h3 {	
	color: #fff;
	font-size: x-small;
	text-align: center;
	font-weight: bold;
	background:#090;
	margin-top:20px;
	}
	
	
.sidebar ul {
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 30px;
	}

.sidebar ul ul {
	margin-bottom: 0px;
	}
	
	/*右側各カテゴリーのライン*/
.sidebar .lineBox{	
	border-bottom:1px solid #f90;
	border-left:1px solid #f90;
	border-right:1px solid #f90;
	background:#FFFFE8;
	}
	
	/*右側各カテゴリーのライン*/
.sidebar .lineBox02{	
	border-bottom:1px solid #f90;
	border-left:1px solid #f90;
	border-right:1px solid #f90;
	background:#FFFFE8;
	padding:5px;
	}


.sidebar #pro_f {
	margin-top:5px;
	}
	

	/*右側検索*/
.sidebar #search h2{	
	width:200px;
	height:30px;
	background:url(img/t_search.gif);
	text-decoration: none;
	text-indent: -700em;
	}
	

	/*右側カテゴリー*/
.sidebar #categories h2{	
	width:200px;
	height:30px;
	background:url(img/t_cate.gif);
	text-decoration: none;
	text-indent: -700em;
	margin-top:20px;
	}
	
	/*右側月別アーカイブ*/
.sidebar #backnumber h2{	
	width:200px;
	height:30px;
	background:url(img/t_back.gif);
	text-decoration: none;
	text-indent: -700em;
	margin-top:20px;
	}
	
	/*右側最近のエントリー*/
.sidebar #entry h2{	
	width:200px;
	height:30px;
	background:url(img/t_entry.gif);
	text-decoration: none;
	text-indent: -700em;
	margin-top:20px;
	}
	
	/*右側コメント*/
.sidebar #come h2{	
	width:200px;
	height:30px;
	background:url(img/t_come.gif);
	text-decoration: none;
	text-indent: -700em;
	margin-top:20px;
	}
	
	/*右側トラックバック*/
.sidebar #tra h2{	
	width:200px;
	height:30px;
	background:url(img/t_tra.gif);
	text-decoration: none;
	text-indent: -700em;
	margin-top:20px;
	}
	
	/*右側最近のエントリーとコメントとトラックバックのリスト*/
.sidebar #entry ul , .sidebar #come ul , .sidebar #tra ul , .sidebar .lineBox02 ul{	
	margin: 0px;
	padding: 0px;
	}
	
	/*右側最近のエントリーとコメントとトラックバックのリスト*/
.sidebar #entry li , .sidebar #come li , .sidebar #tra li , .sidebar .lineBox02 li {	
	list-style-type: none;
	padding: 1px 0px 1px 14px;
	background:url(img/ico_entry.gif) no-repeat 0px 6px;
	font-size: x-small;
	text-align: left;
	line-height: 150%;
	}
	
	/*右側身近なブロガー*/
.sidebar #blogger h2{	
	width:200px;
	height:30px;
	background:url(img/t_blogger.gif);
	text-decoration: none;
	text-indent: -700em;
	margin-top:20px;
	}

	/*右側その他テキストが入るパターン*/
.sidebar .other{	
	width:200px;
	height:30px;
	background:url(img/t_otherBG.gif);
	text-decoration: none;
	margin-top:20px;
	}
	
	/*右側その他テキスト*/
.sidebar .other  h2{	
	font-size:12px;
	color:#fff;
	padding-left: 30px;
	padding-top:4px
	}

.sidebar #categories ul , .sidebar #cate ul{
	padding-left: 15px;
	}
	
.textsm{
	font-size:10px;
	line-height:130%;
	}

.lineBox .tBox{width:100px;}	
.lineBox .searchBox{padding: 10px 23px 10px;}

	
.lineBox select {
	width: 150px;
	color: #666;
	background: #fff;
	padding: 1px;
	font: normal small/140% tahoma;
	text-align:left;
	margin: 10px 23px 10px;
	}
	
.link-note select {
	color: #666;
	background: #fff;
	padding: 1px;
	font: normal small/140% tahoma;
	}


.sidebar #pro_f li {
	color: #666666;
	font-size: x-small;
	text-align: left;
	line-height: 150%;
	margin-top: 6px;
	list-style-type: none;
	}

/*


.sidebar #categories li ,  .sidebar #cate li{
	list-style-type: circle;
	}

*/

/*
.sidebar img {
	border: 3px solid #FFFFFF;
	}
	
*/


.photo {
	text-align: left;
	margin-bottom: 20px;
	}


.Mybloglist {
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	padding: 2px;
	}
	
.Mybloglist img{
	margin-top:10px;
	}
	
.link-note {
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	padding: 2px;
	margin-bottom: 1px;
	}
	
.link-note ul{
	margin:0;
	}
	
.link-note li {
	color: #666666;
	font-size: x-small;
	text-align: left;
	line-height: 150%;
	margin-top: 6px;
	list-style-type: none;
	}
	
	/*検索*/
input{
	border-style:solid;
	border-width:1px;
	border-color:#A7B8C1;
	color:#666;
	background-color:#fff;
	}


#powered {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	color: #666666;
	margin-top: 20px;
	}

#poweredIco{
	margin-top:30px;
	}
		
#poweredIco img{
	margin-top: 3px;
	}

#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;
	}	
	
.spT35{
	margin-top:35px;
	}
	
.spB35{
	margin-bottom:35px;
	}	
		
.spB10{
	margin-bottom:10px;
	}
		
.spB20{
	margin-bottom:20px;
	}
	

ol{
	font-size:small;
	}
	
	
.mp0{
	margin:0;
	padding:0;
	}
	
.tefontBlue{
	color:#09F;
	}
	
	
/*コメント入力フォーム　トラックバック
---------------------------------------------------- */
.commentBox{
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
	}
		
.comment-header{
	color:#999;
	font-size:12px;
	margin-bottom:20px;
	}
	
.comment-header span{
	font-weight:bold;
	color:#286788;
	}
	
h2.comments-open-header{
	margin-top:20px;
	}
	
.comments-open{
	margin-bottom:30px;
	}	
	
#comment-form-remember-me{
	padding-top:6px;
	padding-bottom:4px;
	}
	
#comments-open-text{
	margin-bottom:10px;
	}
	
.trbUrl{
	border:1px dashed #ccc;
	padding:6px;
	}
	
.trbUrl{
	border:1px dashed #ccc;
	padding:6px;
	margin-top:0;
	}	
	
.trackback-content{
	margin-bottom:10px;
	}		


#PageContents{
	padding:4px 6px;
	border:1px dashed #ccc;
	text-align:center;}