/* HTML Setting*/
html { 
	font-size:12px !important; 
	*font-size:75% !important;/*forIE6IE7*/ 
}

body{
	padding:0;
	color: #300;
	line-height:180%;
	margin:0;
	text-align:center;
	font-family: Verdana,Arial,Helvetica,'Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro W4',Osaka,'ＭＳ Ｐゴシック',sans-serif;
	background:url(http://metachromasia.net/img/ameblo/bg.png);
}

a{
	text-decoration:none;
	color:#0066CC;
}
a:visited{
	text-decoration:none;
	color:#996699;
}
a:hover{
	text-decoration:underline;
	color:#FF3366;
}

img{
	border:0;
}

blockquote{
	margin:12px 0;
	padding:10px;
	border:2px dotted #D4D4D4;
}

pre{
	margin:0;
	padding:0;
}

p{
	margin:0;
	padding:0;
}

/* LAYOUT Setting*/
#frame{
	display:inline-block;
	min-height:1%;
	background:url(http://metachromasia.net/img/ameblo/wrapper.gif) repeat-x;
}

#frame:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}

#subFrame{
	margin:0px auto;
	text-align:left;
	width:960px;
	position:relative;
}

#wrap{
	padding:15px;
	display:inline-block;
	min-height:1%;
}

#wrap:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}

#sub_main{
	width:100%;
	overflow:hidden;
}

#main{
	float: left;
	width: 560px;
	margin:0;
	padding:0px 15px 0 0;
	overflow:hidden;
	word-break:break-all;
}

#sub_a{
	float: left;
	z-index: 1;
	width:170px;
	margin:0;
	padding:0 15px 0 0;
	overflow:hidden;
	word-break:break-all;
}

#sub_b{
	float: right;
	z-index: 2;
	width:170px;
	margin:0;
	padding:0;
	overflow:hidden;
	word-break:break-all;
}

#gmenu {
	position:absolute;
	top:260px;
	left:0;
	height:63px;
	width:960px;
	display:block;
}

#gmenu ul {
	margin:0;
	padding:0;
	list-style:none;
	display:block;
}

#gmenu ul li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

#gmenu ul li a{
	background:url(http://metachromasia.net/img/ameblo/gmenu.gif) no-repeat;
	display:block;
	height:63px;
	text-indent:-9999px;
	overflow:hidden;
}

#gmenu ul li a.menu1 {
	margin:0px;
	background-position:-5px 0px;
	width:152px;
}

#gmenu ul li a.menu1:hover{
	background-position:-5px -63px;
}

#gmenu li a.menu2 {
	margin:0 0 0 15px;
	background-position:-172px 0px;
	width:243px;
}

#gmenu li a.menu2:hover{
	background-position:-172px -63px;
}

#gmenu li a.menu3 {
	margin:0 0 0 16px;
	background-position:-431px 0px;
	width:189px;
}

#gmenu li a.menu3:hover{
	background-position:-431px -63px;
}

#gmenu li a.menu4 {
	margin:0 0 0 16px;
	background-position:-636px 0px;
	width:152px;
}

#gmenu li a.menu4:hover{
	background-position:-636px -63px;
}

#gmenu li a.menu5 {
	margin:0 0 0 16px;
	background-position:-804px 0px;
	width:152px;
}

#gmenu li a.menu5:hover{
	background-position:-804px -63px;
}


/* Hides from IE-mac ¥*/
* html #frame{
	height:1%;
}
* html #wrap{
	height:1%;
}
#frame{
	display:block;
}
#wrap{
	display:block;
}
/* End hide from IE-mac */


/* HEADER Setting*/
#overHeader {
	height:320px;
}

#userNaviArea {
	display:none;
}

#header{
	margin:0;
	padding:0 0 10px 0;
}

#header h1{
	margin:0;
	padding:0 5px 8px 5px;
	font-size: 3.0em;
	font-weight:bold;
}

#header h1 a{
	text-indent:-9999px;
	overflow:hidden;
	height:250px;
	display:block;
	background:url(http://metachromasia.net/img/ameblo/header.gif) no-repeat;
}

#header h1 a:hover{
	background-position:0 -250px;
}

#header h2{
	margin:0;
	padding:0 5px 45px 5px;
	text-indent:-9999px;
	overflow:hidden;
	font-weight:normal;
}

/* SIDEBAR Setting*/
div.mainMenu{
	margin:0 0 30px 0;
	padding:0;
	font-size:0.91em;
}
.mainMenu ul,
.mainMenu dl,
.mainMenu dl dt,
.mainMenu dl dd {
	margin-left:6px;
	margin-right:6px;
	margin:0;
	padding:0;
	list-style-type:none;
}
.mainMenu p,
#search form{
	margin-left:6px;
	margin-right:6px;
}
p.list,
p.link_blog{
	margin-left:6px;
	margin-right:6px;
	padding-top:5px;
}

h4.menu_title{
	background:url(http://metachromasia.net/img/ameblo/menu.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	height:30px;
}

#person .image {
	text-align:center;
	margin-bottom:10px;
}

#person .image img{
	border:#fff solid 10px;
	-moz-box-shadow: #cccccc 0px 0px 8px; /* Firefox */
	-webkit-box-shadow: #cccccc 0px 0px 8px; /* safari, Chrome */
}

#profile h4.menu_title {
	background-position:0 0;
}
#recent_entries h4.menu_title {
	background-position:0 -40px;
}
#theme_list h4.menu_title {
	background-position:0 -80px;
}
#calendar h4.menu_title {
	background-position:0 -120px;
}
#archives h4.menu_title {
	background-position:0 -160px;
}
#search h4.menu_title {
	background-position:0 -200px;
}
#defaultAd h4.menu_title {
	background-position:0 -240px;
	display:none;
	height:0;
}
#reader h4.menu_title {
	background-position:0 -280px;
}
#favorite h4.menu_title {
	background-position:0 -320px;
}
#ranking h4.menu_title {
	background-position:0 -360px;
}
#bookmark h4.menu_title {
	background-position:0 -400px;
}
#recent_comment h4.menu_title {
	background-position:0 -440px;
}

#photo_list h4.menu_title {
	background-position:0 -480px;
}

#photo_list img {
	border:#fff solid 3px;
	-moz-box-shadow: #cccccc 0px 0px 5px; /* Firefox */
	-webkit-box-shadow: #cccccc 0px 0px 5px; /* safari, Chrome */
	margin:2px;
}

#site_list h4.menu_title {
	background-position:0 -520px;
}

#site_list ul{
}

#site_list li{
	margin-bottom:2px;
	padding:0px 0;
	border-bottom:1px dotted #7E8984
}

#reader_list h3.title{
	margin:0;
	padding:7px 0 8px 0;
	background:none;
	font-size:1.17em;
}

#reader_list li{
	margin:0;
	padding:8px 0;
	border-bottom:1px dotted #7E8984;
}

#reader_list .reader_blog{
	display:block;
	margin-top:2px;
}

#readerList dt a {
	width:170px;
	height:75px;
	margin:0 0 10px;
	display:block;
	background:url(http://metachromasia.net/img/ameblo/btnSide.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
}

#readerList dt a:hover {
	background-position:0 -75px;
}

#favorite_list h3.title{
	margin:0;
	padding:0 0 5px 0;
	background:none;
	font-size:1.17em;
}

#favorite_list ul{
}

#favorite_list li{
	margin:0;
	padding:8px 0;
	border-bottom:1px dotted #7E8984;
}

#favorite_list .favorite_blog{
	display:block;
	margin-top:2px;
}

#favorite_list .favorite_theme{
	display:block;
	margin-top:2px;
}

#bookmark_list h3.title{
	margin:0px;
	padding:7px 0 8px 0;
	background:none;
	font-size:1.17em;
}

#bookmark_list ul{
}

#bookmark_list li{
	margin-bottom:4px;
	padding:4px 0;
	border-bottom:1px dotted #7E8984
}

#recent_entries_list h3.title{
	margin:0;
	padding:7px 0 8px 0;
	background:none;
	font-size:1.17em;
}
#recent_entries_list li{
	margin:0;
	padding:8px 0;
	border-bottom:1px dotted #7E8984;
}

#ranking .menu_frame{
}

#ranking .rank_ttl{
	font-size:1.2em;
	font-weight:bold;
}

#ranking .menu_frame img{
	vertical-align:bottom;
}

#ranking .rank_ttl{
	display:block;
}

#ranking .rank{
	display:block;
	padding:0 3px 0 3px;
}

#ranking a{
}

#ranking img{
	margin-left:5px;
}

#ranking .rank_all{
	margin-bottom:8px;
}

#ranking .rank_genre{
	margin-bottom:8px;
}


#profile p{
	display:block;
}


#reader dl{
	margin-bottom:7px;
}

#reader dd{
}

#reader ul{
	margin:5px 5px 0 5px;
	padding:8px 0 0 0;
}

#reader li{
	border-bottom:1px #300 dotted;
}

#reader p{
	display:inline;
}

#reader ul{
	border-top:1px dotted #7E8984;
}

#readerList ul {
	display:none;
}

.plugin{
	margin-bottom:15px;
	text-align:center;
}



#calendar{
}

#calendar .menu_title{
}

#calendar table{
	width:168px;
	font-size:0.91em;
}

#calendar caption{
	padding:5px 0;
}

#calendar caption a{
	padding:0 5px;
}

#calendar th{
	padding:0;
	text-align:center;
}

#calendar td{
	padding:0;
	text-align:center;
}

#theme_list select{
	margin-left:6px;
	margin-right:6px;
}

#recent_entries ul,
#archives ul,
#theme_list ul ,
#recent_comment ul{
	list-style:url(http://metachromasia.net/img/ameblo/list2.gif);
	list-style-position:inside;
}


#recent_entries{
	
}

#archives select{
	margin-left:6px;
	margin-right:6px;
}

#search form{
	margin:0 7px;
}

#search .searchbox{
	width:100px;
}

#search .searchbtn{
	width:40px;
}

#favorite{
}

#bookmark{
}

#bookmark ul li{
	border-bottom:#300 1px dotted;
	padding:3px 0;
}


#ecent_comment{
border:solid 5px #FFF9F0;
padding:10px;
}

#ameblo{
	padding-top:7px;
	font-size:0.85em;
	text-align:center;
}

#ameblo p{
	padding:0 7px 7px 7px;
	text-align:left;
}

#ameblo li{
	display:block;
	margin-bottom:5px;
}

#rss{
	margin:-3px auto 0 auto;
	padding-bottom:16px;
	border:none;
	background-image:none;
	text-align:center;
}

/*カレンダー*/
#calendar .sun{
	
}
#calendar .sat{
	
}
#calendar td a{
	font-weight:bold;
	text-decoration:underline;
}

/* CONTENTS Setting*/
.readerMainLink p{
/*	height:70px;*/
}

.readerMainLink p a {
/*	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background:url(http://metachromasia.net/img/ameblo/btn.gif) no-repeat center top;*/
}

.readerMainLink p a:hover {
/*	background-position:center -70px;*/
}

.entry{
	margin-bottom:40px;
	border:solid 10px #fff;
	background:#FFF9F0;
	padding:20px;
	-moz-box-shadow: #cccccc 0px 0px 8px; /* Firefox */
	-webkit-box-shadow: #cccccc 0px 0px 8px; /* safari, Chrome */
}
.entry h3.title{
	clear:both;
	margin:0 0 8px 0;
	padding:3px 5px;
	font-size:1.5em;
	font-weight:bold;
}

.entry .entry_head{
	height:16px;
}

.entry .theme{
	display:block;
	padding:0 0 5px 0;
	border-bottom:1px dotted #7E8984;
}

.entry .date{
	display:block;
	float:left;
	margin:0;
	padding:1px 0;
}

.entry .name{
	display:block;
	float:right;
	margin:2px 0 0 0;
	padding:0;
	font-size:0.85em;
}

.entry .contents{
	margin:15px 0 15px 0;
}

.contents .subContents ul {
	list-style:url(http://metachromasia.net/img/ameblo/list.gif);
	list-style-position:inside;
	margin:10px 0;
	padding:0;
}

.entry .contents .subContents img {
	border:#fff solid 5px;
	margin:0 -5px 0;
	-moz-box-shadow: #cccccc 0px 0px 8px; /* Firefox */
	-webkit-box-shadow: #cccccc 0px 0px 8px; /* safari, Chrome */
}

.entry .contents .subContents #exLinkBtn img {
	border:none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.entry .foot{
	padding-top:5px;
	border-top:1px dotted #7E8984;
	font-size:0.85em;
	text-align:right;
}

#message {
	background:url(http://metachromasia.net/img/ameblo/message.gif) no-repeat top center;
	padding-top:80px;
}
#message .contents {
	margin-bottom:40px;
	border:solid 10px #FFF9F0;
background:#ecfbea;
	padding:20px;
	-moz-box-shadow: #cccccc 0px 0px 8px; /* Firefox */
	-webkit-box-shadow: #cccccc 0px 0px 8px; /* safari, Chrome */
}

.page{
	margin:0 auto 14px auto;
	padding:0;
	font-size:0.85em;
	text-align:center;
}

#trackback{
	margin:15px 0 0;
	padding:0;
	border-top:3px double #7E8984;
}

#trackback h3.title{
	margin:0px;
	padding:7px 0 8px 0;
	background:none;
	font-size:1.17em;
}

#trackback p.tr_URL{
	margin-bottom:16px;
	padding:0 0 8px 0;
	border-bottom:1px dotted #7E8984;
}

#trackback ul{
	margin:8px 0 18px 0;
	padding:0 0 8px 0;
	border-bottom:1px dotted #7E8984;
}

#trackback .label{
	font-weight:bold;
}

#comment_module{
	border-top:5px dotted #300;
}

#comment_module h3.title{
	margin:0;
	padding:7px 0 8px 0;
	background:none;
	font-size:1.17em;
}

#comment_module p.list{
	margin:0 0 10px 0;
	padding:0;
	font-size:0.85em;
}

#comment_module .comment_body{
	margin:0;
	padding:0 0 10px 0;
}

#comment_module .each_comment{
	margin:0 0 10px;
	padding:20px;
border:solid #fff 5px;
	-moz-box-shadow: #cccccc 0px 0px 8px; /* Firefox */
	-webkit-box-shadow: #cccccc 0px 0px 8px; /* safari, Chrome */
}

#comment_module .comment_footer{
	margin:0;
	padding:0;
	border-top:1px dotted #300;
}

#comment_module .error{
	margin-top:20px;
	padding-bottom:10px;
	color:#FF0000;
}

#comment_module form ul{
	width:340px;
	margin:0 auto;
}

#comment_module form li{
	display:block;
	width:340px;
	margin-bottom:5px;
}

#comment_module li.lastItem{
	display:block;
	width:330px;
	margin-bottom:5px;
	text-align:right;
}
#comment_module .button{
	margin-left:5px;
	width:80px;
	font-size:0.91em;
}

#comment_module .label{
	font-weight:bold;
}

div#footerArea{
	margin:0;
	padding:12px 8px 25px 0;
	border-top:1px solid #666666;
	text-align:right;
}
