/* general
----------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Verdana,Helvetica, Arial, "MS PGothic", sans-serif;
	color: #666;
	border-bottom: 5px solid #FF5097;
	background: #fff;
	text-align: center;
}
p, li {
	font-size: 0.9em;
	line-height: 1.6;
}
h1, h2, h3 {
	font-weight: bold;
}
h1 {
	font-size: 1.4em;
}
h2 {
	color: #FF284B;
	font-size: 1.4em;
}
img {
	border: 0;
}
a {
	text-decoration: none;
	color: #0d0da3;
}
a:hover {
	text-decoration: none;
	color: #ff5097;
}
hr {
	display: none;
}

/* header
----------------------------------------------- */

#header {
	width: 100%;
	text-align: center;
}
#aNav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1.4em;
	padding: 0.2em 0 0.4em 0;
	border-top: 3px solid #ff5097;
	border-bottom: 1px solid #ddd;
	background: #e5e5e5;
	text-align: left;
	font-size: 0.7em;
         z-index: 1;
}
#skip {
	position:absolute;
         top: 5px;
         left: 3em;
         font-size: 0.8em;
         z-index: 2;
}
#aNav ul {
	float: right;
	list-style: none;
}
#aNav li {
	display: inline;
	margin: 0 10px 0 0;
}
#aNav dl {
	float: right;
	list-style: none;
	margin: 0 2em;
}
#aNav dt {
	float: left;
	margin: 0 10px 0 0;
}
#aNav dd {
	display: inline;
}

#gNav {
        width: 45em;
	margin: 0 auto;
	padding: 1.6em 0 0 0;
	text-align: left;
}
#gNav h1 {
	float: left;
	width: 112px;
	height: 65px;
	padding: 10px 0 0 0;
}
#gNav ul {
	float: right;
	list-style: none;
}
#gNav li {
	float: left;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}
#gNav li a {
	display: block;
	float: left;
	margin: 0;
	padding: 3em 1em 3px 1.2em;
	background: transparent url(../img/bg_gNav.png) no-repeat -10px 0;
	font-weight: bold;
         letter-spacing: 0.1em;
}
#gNav li a:hover,
#home #gNav .home,
#news #gNav .news,
#blog #gNav .blog,
#vision #gNav .vision,
#profile #gNav .profile,
#supporters #gNav .supporters {
	padding: 3em 1em 0 1.2em;
	border-bottom: 3px solid #ff5097;
	color: #ff5097;
}

/* cover
----------------------------------------------- */

#cover {
	clear: both;
	width: 100%;
	border-bottom: 4px solid #e5e5e5;
	text-align: center;
	background: transparent url(../img/bg_gra_blue.jpg) repeat-x 0 0;
}
#cover p {
	width: 700px;
	height: 220px;
	margin: 0 auto;
	text-indent: -9999px;
}
#home #cover p {
	height: 300px;
	background: transparent url(http://www.hattori-ryoichi.gr.jp/kawaguchi/barindex.jpg) no-repeat 0 0;
}
#news #cover p {
	background: transparent url(../img/illust_news.png) no-repeat center bottom;
}
#blog #cover p {
	background: transparent url(../img/illust_blog.png) no-repeat center bottom;
}
#vision #cover p {
	background: transparent url(../img/illust_vision.png)  no-repeat center bottom;
}
#profile #cover p {
	background: transparent url(../img/illust_profile.png) no-repeat center bottom;
}
#supporters #cover p {
	background: transparent url(../img/illust_supporters.png) no-repeat center bottom;
}

/* contents (wrap of 2colums)
----------------------------------------------- */

#contents {
	width: 45em;
	margin: 0 auto;
	text-align: left;
}

/* main column
----------------------------------------------- */

#main {
	float: left;
	margin-right: 200px;
	padding: 30px 20px 60px 20px;
}
#main h2 {
	margin: 0;
}
#main h3 {
        margin: 20px 0 0 0;
        padding: 10px 0 0 0;
        border-top: 1px dashed #ef3e80;
}
#blog #main h2,
#news #main h2 {
        margin: 40px 0 0 0;
        padding: 0 0 0 10px;
        border-left: 4px solid #ef3e80;
}
#vision #main ul {
        margin: 10px;
}
#main p {
	margin: 10px 0;
}
#main p.permaLink {
        margin: 5px 0 30px 0;
        padding: 5px 0 0 0;
        border-top: 1px dashed #ddd;
}
#main p.permaLink a {
        font-size: 0.9em;
}
#main p a {
         text-decoration: underline;
}
#main ul {
         list-style: none;
}
#main li {
	margin: 0 0 0 2em;
}
#main .comment {
         margin: 50px 0 0 0;
         padding: 10px 0 0 5px;
         border-top: 1px dashed #ccc;
}
#main strong {
         color: #0d0da3;
         font-size: 2em;
         font-weight: bold;
}
#vision #main h2 {
         font-weight: bold;
         font-size: 1.6em;
}


/* paginate navigation
----------------------------------------------- */

#main #pager {
        clear: both;
	margin: 0;
	padding: 20px 0 0 0;
	list-style: none;
}
#main #pager li {
        margin: 0;
        padding: 0;
}
#main #pager li.prev {
	float: left;
}
#main #pager li.next {
	float: right;
}


/* table
----------------------------------- */

table {
        width: 100%;
        margin: 10px 0;
        border: 2px solid #ddd;
        border-collapse: collapse;
}
th {
        width: 20%;
        padding: 5px;
        border: 2px solid #ddd;
        border-collapse: collapse;
}
td {
        width: 80%;
        padding: 5px;
        border: 2px solid #ddd;
        border-collapse: collapse;
}

/* form
----------------------------------------------- */

label {
       margin: 0 0 0 20px;
}
input {
       margin: 0 0 0 20px;
}
textarea {
       width: 80%;
       margin: 0 0 0 20px;
}

/* sub column
----------------------------------------------- */

#sub {
	float: right;
	width: 200px;
	margin: 0 0 0 -200px;
}
#blog #sub {
        padding: 50px 0 0 0;
}
#sub h2 {
	margin: 30px 0 0 0;
        padding: 3px 15px;
        background: #e5e5e5 url(../img/bg_corner_top_gray.png) no-repeat left top;
        font-size: 1.1em;
}
#sub h2 a {
        display: block;
}
#sub ul {
        list-style: none;
        padding: 10px;
        border: 1px solid #e5e5e5;
}
#sub li {
        margin: 0 0 0 10px;
	padding: 0 0 0 15px;
        line-height: 1.8;
        background: transparent url(../img/bullet_circle_red.png) no-repeat 0 10px;
}
#home #sub p {
        padding: 10px 20px;
        border: 1px solid #e5e5e5;
}
#home #sub p.catList {
        padding: 5px 10px;
        border: none;
        text-align: right;
        font-weight: bold;
}
#sub p {
        border: none;
}


/* page top link
----------------------------------------------- */

#pTop {
	clear: both;
        text-align: right;
        margin: 20px;
        padding: 0 15px 0 0;
        background: transparent url(../img/arrow_top.png) no-repeat right center;
        font-size: 0.8em;
}

/* footer
----------------------------------------------- */

#footer {
	width: 100%;
	padding: 20px 0;
	background: #e5e5e5;
        text-align: center;
}
#footer p {
        width: 45em;
        margin: 10px auto;
        line-height: 1.2em;
        text-align: left;
        font-size: 0.8em;
}