@charset "UTF-8";

/* 
Thema Name: mermaid
Thema URI: http://www.www.www/
Description: This is mermaid thema.
 */

body {background-color: #322b84;}


body,td,th {
color:#ffffff;
font-size:12px;
line-height:180%;
letter-spacing:1px;
}

body, h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote,div {
margin:0;
padding:0;
}

a:link {color: #ffcc33; text-decoration:none;}
a:visited {color: #ffcc33;text-decoration:none;} 
a:active {color: #ffcc33; text-decoration: none;}
a:hover {color: #ffcc33; text-decoration: none;}

img {border: none;}



#title {
background-color: #ffffff;
width: 100%;
height: 318px;
padding-top: 50px;
text-align: center;
background:url(http://www.tinymermaid.com/img/common/back.gif) repeat-x;
background-position: bottom;
}

#wrap {
width: 100%;
height: 100%;
background-color: #322b84;
text-align: left;
}

h2 {display: inline;}

.font16px {
font-size: 16px;
}

#conts {
width: 900px;
margin-left: -450px;
left: 50%;
position:absolute;
background-color: #322b84;
text-align: left;
}

#menu_top {
margin-top: 50px;
text-align: left;
background-color: #322b84;

}

#menu_top img {
margin-right: 20px;
}

#menu {
background-color: #322b84;
text-align: left;
}

#footer {
width: 100%;
height: 300px;
text-align: center;
background: url(http://www.tinymermaid.com/img/common/submarine.jpg) no-repeat;
background-position:center;
text-indent:-5000px;
}

	
/* コンテンツ */

div#content
	{width: 640px;
	float: left;
	margin-bottom: 20px;
	margin-top: 70px;}
	
p#pagetitle
	{font-size: 16px;
	font-weight: bold;}


/* サイドバー */
div#sidebar
	{width: 200px;
	float: right;
	margin-top: 80px;
	margin-bottom: 20px;}

div#sidebar h2
	{background-image: url();
	background-repeat: no-repeat;
	
	padding: 6px 8px;
	margin: 0}

div#sidebar li
	{
	list-style-type: none;
	margin-bottom: 0}
	
div#sidebar ul
	{margin: 8px 8px 20px;
	padding: 0;}

.banner
	{margin-bottom: 5px;
	border: 0;}

.banner_text
	{font-size: 10px;
	}

/* カレンダー */
#wp-calendar
	{width: 100%;
	margin-bottom: 20px;}

#wp-calendar td, #wp-calendar th
	{text-align: center;}

#wp-calendar caption
	{background-image: url();
	background-repeat: no-repeat;
	padding: 6px 8px;
	text-align: left;
	font-weight: bold;}

#wp-calendar #prev
	{text-align: left;
	padding-top: 3px;
	padding-bottom:: 3px;}

#wp-calendar #next
	{text-align: right;
	padding-top: 3px;
	padding-bottom:: 3px;}

/* 記事 */

div.post
	{border: solid 1px;
	background: #ffffff;
	color: #322b84;
	padding: 30px;
	margin: 50px auto;}

div.post a:link {color: #ff9900; text-decoration:underline;}
div.post a:visited {color: #ff9900;text-decoration:underline;} 
div.post a:active {color: #ff9900; text-decoration: none;}
div.post a:hover {color: #ff9900; text-decoration: none;}

div.post h2
	{font-size: 20px;
	color: #ff9900;
	}

div.post h2 a:link, div.post h2 a:visited {
	text-decoration: none;
	background: none;
	color: #ff9900;}

div.post p
	{
	line-height: 120%;
	margin-top: 10px;}

p.postinfo
	{color: #999999;
	margin: 0 0 20px 0;}


/* 画像 */

div.post img {
	margin: 10px 0;
	background: none;
	}

.aligncenter
	{
	margin: 20px auto;
	}

.div postinfo img
	{border: 1px;
	}

/* ページリンク */

h2.small {font-size: 12px;}

span.prev
	{float: left;}

span.next
	{float: right;}

/* フィード */
p.feed
	{
	font-style: normal;
	font-family: Verdana, sans-serif;
	border: solid 1px #445192;
	padding: 5px;
	margin: 25px 0;}

p.feed img
	{vertical-align: middle;
	margin-left: 10px;
	}



/* フッター */
div#footer
	{
	clear: both;
	padding-bottom: 20px;}

address
	{font-size: 12px;
	font-style: normal;
	font-family: Verdana, sans-serif;
	padding-top: 10px;
	text-align: center;}