/*  
Theme Name: Yuimar
Theme URI: http://yuimar.org/
Description: A theme for NGO Yuimar HammingBirds
Version: 1.0
Author: NaotoTakahashi
Author URI: http:/naototakahashi.org/
*/

*{
margin: 0;
padding: 0;
 }

body {font:13px/1.231 "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

p,
pre,
blockquote,
address,
cite {
	margin:;
}

address {
	font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}

ul {
list-style-type: none;
padding-left: 0;
}

a {
text-decoration: none;
color: #0095d9;
overflow:hidden;
outline:none;
}

a:hover {
color: #c0c6c9;
}

blockquote {
background: #ebf6f7;
margin: 1em 1em 1em 0;
padding: 1em 1em 0.5em 1em;
color: #111;
}

table {
width: 100%;
border-top: 1px solid #e5eff8;
border-right: 1px solid #e5eff8;
margin: 1em auto;
border-collapse: collapse;
}

td {
color: #474a4d;
border-bottom: 1px solid #e5eff8;
border-left: 1px solid #e5eff8;
padding: 0.3em 1em;
text-align: left;
}

tr.odd td {
 background:#f7fbff
}

tr.odd .column1 {
background:#f4f9fe;
}

td.odd {
background:#f4f9fe;
}

table.tableizer-table {border: 1px solid #CCC; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
.tableizer-table td {padding: 4px; margin: 3px; border: 1px solid #ccc;}
.tableizer-firstrow td {background-color: #0095d9; color: #FFF; font-weight: bold;}

.column1 {
background:#f9fcfe;
}

img {
margin: 3px;
border: none;
}

.image01 {
padding: 5px;
border: #ccc 1px solid;
} 

.image02 {
padding: 5px;
border: #ccc 1px solid;
margin: 0 5px 5px 0;
} 

.image03 {
padding: 5px;
border: #ccc 1px solid;
margin: 1em 0;
}

.bg_story01 {
background: #fff;
padding: 1em;
margin-bottom: 3em;
border: 1px solid #ddd;
}

.bg_story02 {
background: url(images/bg_story.gif) bottom right no-repeat;
padding-bottom: 20px;
}

/* all */

body {
margin: 0;
padding: 0;
color: #333;
text-align: center;
background: #fff url(images/bg1.png) repeat-x top;
line-height: 1.4;
}

#top {
margin: 0;
padding: 0;
text-align: center;
}

#container {
width: 900px;
margin-right: auto;
margin-left: auto;
text-align: left;
}

#header {
}

div#header p.sitename a {
  display: block;
  width: 400px; /* 画像の幅 */
  text-indent: -9999px; /* textを飛ばす */
  outline: none; /* クリック時の枠線を消す */
  background-image: url(images/yuimar.png);
  background-repeat: no-repeat;
  background-position: 0px 0px; /* point 位置調整 */
  border-bottom: none;
  padding-bottom: 60px; /* 画像の高さに合わせて調整 */
}

#blog_header {
margin-bottom: 3em;
}

#main {
margin-top: 30px;
}

#content {
width: 630px;
float: left;
margin-bottom: 30px;
}

#post {
margin-bottom: 4em;
margin-right: 2em;
}

#article_info {
border-bottom: #bbb solid 1px;
font-size: 92%;
color: #80989b;
}

#article_info h2 {
font-size: 1.3em;
}

#article {
margin-top: 1em;
margin-bottom: 0.5em;
margin-right: 1em;
border-bottom: #c0c6c9 dotted 1px;
}

#article p {
margin-bottom: 2em;
}

#sidebar {
width: 240px;
margin-bottom: 30px;
padding: 1em;
padding-top: 0.5em;
float: right;
background: #ebf6f7;
border-top: 3px #0095d9 solid;
}

#sidebar h2 {
font-size: 114%;
margin-bottom: 0.6em;
padding-top: 0.3em;
padding-bottom: 0.3em;
padding-left: 0.3em;
background: #fff;
color: #333;
}

#sidebar ul li {
color: #80989b;
border-bottom: solid 1px #bbb;
margin-bottom: 0.3em;
padding-left: 18px;
background: url(images/arrow_gray.gif) no-repeat 0 3px ;
}

#pages ul li {
margin-bottom: 0.5em;
}

#recentpost {
margin-bottom: 2em;
}

#category {
margin-bottom: 2em;
}

#archives {
margin-bottom: 2em;
}

#tags {
margin-bottom: 2em;
}


#footer {
clear: both;
background: #badcad/* url(images/bg_footer.jpg) repeat-x*/;
border-top: 1px #c0c6c9 solid ;
}

#footer a {
color: #474a4d;
}

#footer a:hover {
text-decoration: underline;
}

#footer_nav{
width: 900px;
margin-right: auto;
margin-left: auto;
text-align: left;
padding-top: 1em;
}



.cols  {
margin-right: 30px;
float: left;
background:;
display: inline;
font-size: 84%;
}

.cols h3 {
font-size: 107%;
color: #474a4d;
}

.cols ul {
margin: 0px;
padding: 10px 0px 0px 0px;
}

.cols ul li {
padding: 0px;
margin: 0px;
list-style-type: none;
}

.cols dl {
margin: 0;
}

.cols dl dt {
margin: 0;
}

.cols dl dd {
margin: 0;
}

.cols dl dd ul {
list-style-type: none;
padding: 0;
margin: 0;
list-style-position: inside;
}
cols dl dd ul li {
padding: 0;
margin: 0;
font-size: 92%;
}

#copyright {
color: #80989b;
clear: both;
padding-top: 2em;
padding-bottom: 1em;
font-size: 93%;
}

#copyright a{
color: #80989b;
}
/*======================================

	Global Navigation Module
	
=======================================*/

ul#globalNavi {
	margin: 0.5em 0 0; /* minus header bottom-padding */
	padding: 0;
	line-height: 1;
}

ul#globalNavi li {
text-indent: -9999px;
}

ul#globalNavi li#home {
	margin: 0;
	padding: 0;
	padding-right: 25px;
	float: left;
	width: 70px;
	list-style-type: none;
	font-size: 12px;
	background: url(images/nav_home.png) no-repeat;
}

ul#globalNavi li#home a:hover {
	background: url(images/nav_home_h.png) no-repeat;
}

ul#globalNavi li#mongol {
	margin: 0;
	padding: 0;
	padding-right: 25px;
	float: left;
	width: 85px;
	list-style-type: none;
	font-size: 12px;
	background: url(images/nav_mongol.png) no-repeat;
}
ul#globalNavi li#mongol a:hover {
	background: url(images/nav_mongol_h.png) no-repeat;
}

ul#globalNavi li#manhole {
	margin: 0;
	padding: 0;
	padding-right: 25px;
	float: left;
	width: 155px;
	list-style-type: none;
	font-size: 12px;
	background: url(images/nav_manhole.png) no-repeat;
}
ul#globalNavi li#manhole a:hover {
	background: url(images/nav_manhole_h.png) no-repeat;
}

ul#globalNavi li#works {
	margin: 0;
	padding: 0;
	padding-right: 25px;
	float: left;
	width: 85px;
	list-style-type: none;
	font-size: 12px;
	background: url(images/nav_works.png) no-repeat;
}
ul#globalNavi li#works a:hover {
	background: url(images/nav_works_h.png) no-repeat;
}

ul#globalNavi li#cooperate {
	margin: 0;
	padding: 0;
	padding-right: 25px;
	float: left;
	width: 110px;
	list-style-type: none;
	font-size: 12px;
	background: url(images/nav_cooperate.png) no-repeat;
}
ul#globalNavi li#cooperate a:hover {
	background: url(images/nav_cooperate_h.png) no-repeat;
}

ul#globalNavi li#about {
	margin: 0;
	padding: 0;
	padding-right: 25px;
	float: left;
	width: 90px;
	list-style-type: none;
	font-size: 12px;
	background: url(images/nav_about.png) no-repeat;
}
ul#globalNavi li#about a:hover {
	background: url(images/nav_about_h.png) no-repeat;
}

ul#globalNavi li#sponsor {
	margin: 0;
	padding: 0;
	padding-right: 10px;
	float: left;
	width: 100px;
	list-style-type: none;
	font-size: 12px;
	background: url(images/nav_sponsor.png) no-repeat;
}
ul#globalNavi li#sponsor a:hover {
	background: url(images/nav_sponsor_h.png) no-repeat;
}
/*--------------------------------------
	1.Button
---------------------------------------*/

ul#globalNavi li a {
	padding: 0.6em 10px; /* Button Height */
	border: none;
	display: block;
	position: relative; /* IE6 Bug Fix */
	color: #000;
	text-align: center;
	text-decoration: none;
}

/*--------------------------------------
	2. On mouse
---------------------------------------*/

ul#globalNavi li a:hover {
	color:  #000;
	background-color: #99FFFF;
}

/*--------------------------------------
	3. Current 
---------------------------------------*/

ul#globalNavi li.current a:link,
ul#globalNavi li.current a:visited,
ul#globalNavi li.current a:hover {
	border-right: none;
	color: #000;
	background-color: #fff;
}

/*--------------------------------------
	clearFix
---------------------------------------*/

ul#globalNavi {
	_height: 1px;
	min-height: 1px;
}

ul#globalNavi:after {
	height: 0;
	visibility: hidden;
	content: "";
	display: block;
	clear: both;
}

/* for MacIE5 \*//*/

ul#globalNavi {
	height: auto;
	overflow: hidden;
}
/* end */


#header_toppage {
height: 140px;
}

div#header_toppage p.sitename a {
  display: block;
  width: 400px; /* 画像の幅 */
  text-indent: -9999px; /* textを飛ばす */
  outline: none; /* クリック時の枠線を消す */
  background-image: url(images/yuimar.png);
  background-repeat: no-repeat;
  background-position: 0px 0px; /* point 位置調整 */
  border-bottom: none;
  padding-bottom: 60px; /* 画像の高さに合わせて調整 */
}

toppage_wrapper {
clear: both;
}

#whatsnew {
float: left;
width: 280px;
background: #fff url(images/whatsnew.png) no-repeat ;
margin-right: 10px;
margin-bottom: 10px;
padding: 5px;
padding-top: 70px;
display: inline;
height: 300px;
}

#whatsnew h4 {
padding-left: 18px;
background: url(images/arrow_gray.gif) no-repeat 0 3px ;
margin-bottom: 0.5em;
padding-bottom: 0.1em;
border-bottom: #666 dotted 1px;
font-size: 100%;
}

.wn-cat {
font-size: 93%;
}

#featured {
float: left;
width: 280px;
background: #fff url(images/pickup.png) no-repeat ;
margin-right: 10px;
margin-bottom: 10px;
padding: 5px;
padding-top: 70px;
display: inline;
height: 300px;
}


#featured p {
margin-top: 0;
margin-bottom: 1.5em;
}

#others {
float: left;
width: 280px;
background: #fff url(images/others.png) no-repeat ;
margin-right: 10px;
margin-bottom: 10px;
padding: 5px;
padding-top: 70px;
display: inline;
height: 300px;
}



.top_about {
background: url(images/top_about.png) no-repeat;
height: 280px;
padding-top: 50px;
padding-left: 20px;
} 

/*コメント部分のデザイン*/
#comments {
padding: 1em;
margin-top: 1em;
background: #ebf6f7;
}

#comments h3  {
font-size: 1em;
border-bottom: solid 1px #0095d9;
padding-bottom: 5px; 
}

.com {
font-size: 1em;
border-bottom: solid 1px #c0c6c9;
margin-top: 2em;
}

.com p {
margin: 1em 0 0.3em;
}

.commeta {
color: #888;
text-align: right;
}

#tb {
font-size: 1em;
border: solid 1px #88ccff;
padding: 8px;
margin-top: 2em;
margin-bottom: 2em;
line-height: 150%;
}

#commentform p {
font-size: 1em;
margin-bottom: 1em;
}