@charset "UTF-8";

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

* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	color: #333;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Verdana, Helvetica, Arial, "MS PGothic", sans-serif;
	text-align: center;
}

h1{
	color: #66CC00;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Verdana, Helvetica, Arial, "MS PGothic", sans-serif;
	font-size: x-large;
	font-weight: bold;
}
h2 {
	color: #66CC00;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Verdana, Helvetica, Arial, "MS PGothic", sans-serif;
	font-size: medium;
	font-weight: bold;
}
h3 {
	color: #999999;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Verdana, Helvetica, Arial, "MS PGothic", sans-serif;
	font-size: small;
	font-weight: bold;
}
h4 {
	color: #999;
	font-size: small;
	font-weight: bold;
}
p,
ul,
ol,
dl,
li,
table {
	font-size: small;
	font-weight: normal;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Verdana, Helvetica, Arial, "MS PGothic", sans-serif;
}
blockquote {
    width: 37em;
	margin: 20px 0 0 10px;
	padding: 0 0 0 35px;
	background: #fff url(../img/icon_blockquote.png) no-repeat 0 0;
    color: #999999;
	font-size: small;
	line-height: 160%;
}
cite {
	display: block;
    width: 37em;
	margin: 0 0 20px 45px;
	padding: 6px 35px 0 0;
	background: #fff url(../img/icon_cite.png) no-repeat right top;
    color: #999999;
	font-size: small;
    font-style: normal;
	text-align: right;
}
pre {
	width: 400px;
	height: 40px;
	margin: 10px 50px 10px 10px;
	padding: 10px;
	border: 1px #ccccff solid;
	font-size: small;
	overflow: visible;
    /* hide from Mac/IE5 \*/
	overflow: auto;
	/* end hide from Mac/IE5 */
}
em {
	color: #FF9900;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Georgia, "Times New Roman", Times, "MS PGothic", serif;
}
a:link{
	color: #2D8800;
	text-decoration: none;
}
a:visited {
	color: #2D8800;
	text-decoration: none;
}
a:hover {
	color: #FF9900;
	text-decoration: none;
}
a:active {
	color: #FF9900;
	text-decoration: none;
}
img {
	border: 0;
}
.clear {
	clear: both;}
.hidden { 
	display: none;}
hr {
	display: none;
}

/* --------------------------------------------------------------------------
containter */

#container{
    max-width: 48em;
	margin: 0 auto;
	background: #fff;
	text-align: left;	  
}
* html #container{
	width: 48em;
}

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

#header {
    position: relative;
	width: 98%;
    max-width: 900px;
    height: 90px;
    margin: 0 auto;
    text-align: center;
}
#header h1,
#header #logo a {
	position: absolute;
	top: 22px;
	left: 0px;
    display: block;
    width: 220px;
    height: 55px;
	color: #fff;
    background: #fff url(../img/logo.gif) no-repeat 0px 0px;
    overflow: hidden;
}
#header #logo a:hover,
#header #logo a:active {
	position: absolute;
	top: 22px;
	left: 0px;
    display: block;
    width: 220px;
    height: 55px;
	color: #fff;
    background: #fff url(../img/logo.gif) no-repeat 0px -55px;
    overflow: hidden;
}
#header form {
	position: absolute;
	top: 22px;
	right: 10px;
}
#header #search {
	width: 140px;
    height: 22px;
    margin: 6px 0 2px 0;
	padding: 3px 10px 3px 22px;
    background: #fff url(../img/searchbox.png) no-repeat 0 0;
    border: none;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Verdana, Helvetica, Arial, "MS PGothic", sans-serif;
	font-size: small;
	font-weight: normal;
    vertical-align: middle;
}
.search {
    padding: 1px 2px;
	border: 1px solid #ccc;
    background: #efefef;
    cursor: pointer;
}

/* -----------------------------------------------------------------
skip navigation */
#skip {
	display: none;
}

/* -----------------------------------------------------------------
global navigation */

#gNav {
	position: absolute;
	top: 0;
	right: -10px;
	width: 440px;
	list-style: none;
}
#gNav li {
	float: left;
    width: 100px;
    margin: 0 10px 0 0;
    text-align: center;
}
#gNav li a.profile,
#gNav li a.vision,
#gNav li a.blog,
#gNav li a.result {
    display: block;
    width: 100px;
    height: 20px;
	color: #fff;
    background: #fff url(../img/navbar.png) no-repeat 0 0;
    font-weight: bold;
    overflow: hidden;
}
#gNav li a.profile:hover,
#gNav li a.vision:hover,
#gNav li a.blog:hover,
#gNav li a.result:hover,
#profile #gNav li a.profile,
#vision #gNav li a.vision,
#blog #gNav li a.blog,
#result #gNav li a.result {
    background: #fff url(../img/navbar.png) no-repeat 0 -20px;
}

/* --------------------------------------------------------------------------
sub navigation */
#subNav {
	position: absolute;
    top: 55px;
    right: 10px;
	list-style: none;
}
#subNav li {
	display: inline;
	margin: 0 0 0 5px;
}
.textsize {
    padding: 3px 0 10px 18px;
    font-size: x-small;
	background: #fff url(../img/search.png) no-repeat 0 0;
}
.about {
    padding: 3px 0 10px 18px;
    font-size: x-small;
	background: #fff url(../img/help.png) no-repeat 0 0;
}
.access {
    padding: 3px 0 10px 16px;
    font-size: x-small;
	background: #fff url(../img/heart.png) no-repeat 2px 3px;
}
.contact {
    padding: 3px 0 10px 20px;
    font-size: x-small;
	background: #fff url(../img/email.png) no-repeat 0 1px;
}

/* --------------------------------------------------------------------------
cover photo */
#cover {
	position: relative;
	width: 98%;
	max-width: 900px;
    height: 300px;
	margin: 0 auto;
    padding: 0;
	overflow: hidden;
}
#cover {
	background: transparent url(../hp-mirai.jpg) no-repeat center top;	
}
#cover p {
	position: absolute;
	top: 117px;
	left: 46px;
	width: 200px;
	height: 30px;
	text-indent: -9999px;
	background: transparent url() no-repeat 0 0;
}

/* --------------------------------------------------------------------------
content (wrapper of colums) */

#content {
	width: 98%;
	max-width: 900px;
	margin: 20px auto 0 auto;
	background-image: url(http://www.nada-kobe.com/cgi-sys/Count.cgi?df=nobuhik2.dat|display=Counter|ft=0|md=6|frgb=0;0;0|dd=E|srgb=0;0;0|prgb=120;120;120);
	background-repeat: no-repeat;
	background-position: right top;
}

/* --------------------------------------------------------------------------
main column of 2 Colums */

#main {
	float: left;
	width: 65%;
    padding: 10px 0 10px 10px;
}
#main h1 {
	padding: 0 0 20px 0;
	color: #FF9900;
}
#main h2 {
	padding: 30px 0 0 0;
}
#main h2 a {
	padding: 30px 0 0 0;
	color: #66CC00;
}
#main h2 a:hover,
#main h2 a:active {
	padding: 30px 0 0 0;
	color: #FF9900;
}
#home #main h2 {
	padding: 0;
}
#home #main h2 a {
	display: block;
	padding: 15px 0 12px 45px;
	background: transparent url(../img/star_new.png) no-repeat 0 0;
}
#profile #main h2 {
	clear: both;
	padding: 40px 0 10px 0;
}
#main h3 {
    padding: 30px 0 0 0;
}
#search #main h3 {
	margin: 20px 0 0 0;
	font-size: large;
}
#search #main h3 a {
	color: #66CC00;
}
#search #main h3 a:hover,
#search #main h3 a:active {
	color: #FF9900;
}
#main p {
    margin: 10px 0;
    line-height: 175%;
}
#profile #main p {
	margin: 30px 0;
}
#search #main p {
	margin: 0px 0 30 0;
}
#profile #main p.date {
	margin: 0;
	padding: 0;
	color: #999999;
	font-weight: bold;
}
#search #main p.date {
	margin: 0;
	padding: 0;
	color: #999999;
	font-weight: bold;
}
#main ul {
    margin: 0 0 20px 0;
    list-style: none;
}
#main ol {
    margin: 0 0 0 30px;
}
#home #main ul,
#blog #main ul {
    border-bottom: 1px dashed #99cc99;
}
#main li,
#main ol ul li {
	margin: 5px;
    padding: 0 0 0 20px;
	border: none;
    background: transparent url(../img/bullet_orange.png) no-repeat 0 3px;
    line-height: 170%;
}
#main ol li {
	padding: 0;
	background: transparent;
}
#home #main li,
#blog #main li {
    padding: 5px 0 5px 15px; 
    line-height: 150%;
    border-top: 1px dashed #99cc99;
    background: none;
}
#profile table {
	width: 99%;
	border: 1px solid #ccc;
	border-collapse: collapse;
}
#profile tr {
	background: #fff;
}
#profile tr.even {
	background-color: #FFFFCC;
}
#profile th {
	width: 28%;
	padding: 5px 10px;
	border: 1px solid #ccc;
	color: #999;
	text-align: right;
}
#profile td {
	width: 70%;
	padding: 5px;
	border: 1px solid #ccc;
}
#profile #main em {
	margin: 0 10px 0 0;
	color: #FF9900;
	line-height: 125%;
	font-size: 2em;
	font-weight: normal;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Georgia, "Times New Roman", Times, "MS PGothic", serif;
}

/* --------------------------------------------------------------------------
sub column of 2 Colums */

#sub {
	float: right;
	width: 27%;
    padding: 27px 10px 0 0;
}
#sub h2 {
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #ccc;
    font-size: small;
    font-weight: bold;
}
#sub h2 a {
	color: #66CC00;
}
#sub h2 a:hover,
#sub h2 a:active {
	color: #FF9900;
}
#sub p {
    margin: 0 0 10px 0;
}
#sub ul {
    list-style: none;
	margin: 0 0 30px 0;
}
#contact ul {
	border: none;
}
#sub li {
	line-height: 150%;
    padding: 5px 10px;
	border-bottom: 1px dashed #ccc;
}
#contact li {
	border: none;
}
#sub iframe {
	margin: -30px 0 10px 0;
    padding: 0;
    border: none;
    text-align: left;
    font-size: x-small;
}

/* --------------------------------------------------------------------------
blog entries column  */

#entries {
    width: 96%;
	max-width: 900px;
    margin: 0 auto;
    padding: 0;
}
#entries h1,
#entries h1 a {
	clear: both;
	padding: 30px 0;
	color: #FF9900;
}
#entries h2,
#entries h2 a {
	padding: 30px 0 10px 0;
	font-size: x-large;
	color: #66CC00;
}
#entries h2 a:hover,
#entries h2 a:active {
	padding: 30px 0 10px 0;
	font-size: x-large;
	color: #FF9900;
}
#blog #entries h1,
#blog #entries h2 {
    padding: 50px 0 0 0;
    font-size: x-large;
}
#result #entries h2 {
	clear: both;
}
#entries h3 {
	padding: 20px 0 0 0;
	font-size: medium;
}
#entries h3 a {
	padding: 20px 0 0 0;
	font-size: medium;
	color: #66CC00;
}
#entries h3 a:hover,
#entries h3 a:active {
	padding: 20px 0 0 0;
	font-size: medium;
	color: #FF9900;
}
#blog #entries h2.catHeader,
#blog #entries h3.catHeader,
#result #entries h2.catHeader,
#result #entries h3.catHeader,
#blog #entries h2.tagHeader,
#blog #entries h3.tagHeader,
#result #entries h2.tagHeader,
#result #entries h3.tagHeader {
	clear: both;
 	float: left;
	margin: 0;
    padding: 0 5px 0 0;
    font-size: small;
    font-weight: bold;
}
#blog #entries ul.cat li,
#result #entries ul.cat li {
 	float: left;
	margin: 0 20px 0 0;
	padding: 0 0 0 20;
	line-height: 140%;
}
#blog #entries h2.relatedHeader,
#blog #entries h3.relatedHeader,
#result #entries h2.relatedHeader,
#result #entries h3.relatedHeader {
	clear: both;
	float: left;
	padding: 10px 0 0 0;
	font-size: small;
    font-weight: bold;
}
#entries ul,
#entries ol {
	list-style: none;
	margin: 20px 0;
}
#sitemap #entries ul {
	margin: 0;
}
#entries li {
    margin: 10px 0;
    padding: 0 0 0 20px;
	line-height: 150%;
    background: transparent url(../img/bullet_orange.png) no-repeat 0 2px;
}
#sitemap #entries li {
	margin: 5px 20px;
}
#entries ul.tag {
	margin: 0;
	padding: 0;
}
#entries ul.tag li {
	float: left;
	margin: 0;
    padding: 0 0 0 18px;
}
#entries ul.related {
	float: left;
	margin: 8px 0 0 5px;
	padding: 0;
}
#entries ul.related li {
    margin: 0 0 5px 0;
    line-height: 150%;
}
#entries p {
    margin: 0 0 20px 0;
    line-height: 175%;
}
#entries p.date {
	margin: 0 0 10px 0;
	padding: 0;
	color: #999999;
	font-weight: bold;
}
#entries img {
	float: left;
    margin: 0 20px 20px 0;
    border-top: 1px solid #efefef;
    border-left: 1px solid #efefef;
    border-right: 2px solid #eee;
    border-bottom: 3px solid #eee;
}
.entryFooter {
    clear: both;
    font-size: x-small;
}
a.permalink {
    margin: 0 10px 0 0;
	padding: 4px 10px 3px 20px;
    background: #fff url(../img/page_go.png) no-repeat 0 0;
    border-right: 1px solid #ccc;
}
#result a.permalink {
    background: #fff url(../img/page_go.png) no-repeat 0 0;
    border: none;
}
a.comments {
    margin: 0 10px 0 0;
	padding: 4px 10px 3px 20px;
    background:  #fff url(../img/comments.png) no-repeat 0 0;
    border-right: 1px solid #ccc;
}
a.trackback {
	padding: 4px 0 3px 20px;
    background: #fff url(../img/page_link.png) no-repeat 0 0;
}

/* ------------------------------------------------------------------
pager */

#pager {
	clear: both;
    width: 99%;
	margin: 0;
    padding: 60px 0;
    list-style: none;
    border: none;
}
#pager li {
    display: inline;
    margin: 0;
	padding: 0;
    border: none;
	background: none;
}
.older {
    float: left;
}
.newer {
    float: right;
}

/* --------------------------------------------------------------------------
comment / trackback */

#comments,
#trackback {
    padding: 20px 0 0 0;
	font-size: medium;
}
#trackbackurl {
	padding: 20px 30px 0 30px;
}
#trackbackurl span {
    color: #66cc33;
}
.comment li,
.trackback li {
    color: #66cc33;
	font-size: x-large;
    font-family: Georgia, "Times New Roman", Times, "MS PGothic", serif;
}
.comment li span,
.trackback li span {
    color: #666;
	font-size: small;
    font-weight: bold;
    line-height: 150%;
}
.comment li span {
    padding: 0 0 0 20px;
	background: transparent url(../img/comment.png) no-repeat 0 0;
}
.comment li p,
.trackback li p,
.moderated {
    width: 80%;
    margin: 0;
    padding: 10px 0 0 0;
    color: #666;
	font-size: small;
}

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

#entries form {
	margin: 0 0 60px 0;
}
fieldset {
	width: 90%;
	padding: 20px;
    border: 1px solid #ccc;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Verdana, Helvetica, Arial, "MS PGothic", sans-serif;
	font-size: small;
}
#blog fieldset {
	width: 35em;
}
label {
}
input {
	padding: 2px;
    border: 2px solid #ddd;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Verdana, Helvetica, Arial, "MS PGothic", sans-serif;
	font-size: small;
}
textarea {
	width: 99%;
	padding: 2px;
    border: 2px solid #ddd;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Verdana, Helvetica, Arial, "MS PGothic", sans-serif;
	font-size: small;
}
#comment-bake-cookie {
    margin: 0 10px 0 0;
}
#preview,
#post {
	margin: 20px 20px 0 0;
    background: #efefef;
	cursor: pointer;
}
/* pull-down menu list */
select {
	margin: 10px 0 20px 15px;
	border: 1px solid #ccc;
	width: 10em;
}
#move {
	margin: 10px 0 20px 5px;
	padding: 1px;
    border: 1px solid #ddd;
	background: #efefef;
	cursor: pointer;
}
#extraCol select,
#extraCol #move {
	margin: 10px 0 0 0;
	background: #fff;
}

/* --------------------------------------------------------------------------
extra column  */

#extraCol {
    width: 100%;
    background: #fffbcf;
    text-align: center;
}
#note {
    width: 95%;
    margin: 0 auto;
    padding: 0;
	text-align: left;
}

.colWide {
    float: left;
    width: 36%;
}
.col {
    float: left;
    width: 27%;
    padding: 0;
}
#note h3 {
	margin: 30px 0 0 0;
	color: #FF9900;
}
#note h4 {
	margin: 20px 0 0 0;
	color: #FF9900;
}
#note p {
    margin: 5px 20px 0 5px;
    line-height: 170%;
    font-size: x-small;
}
#note ul {
    list-style: none;
    margin: 10px 0 0 0;
}
#note li {
    padding: 0 10px 0 20px;
    line-height: 150%;
    background: transparent url(../img/bullet_orange.png) no-repeat 3px;
}
#note li.feed {
    padding: 0 0 0 5px;
    line-height: 170%;
    background: none;
}
#note li.feed a {
    padding: 0 0 6px 20px;
	background: transparent url(../img/feed.png) no-repeat 0 0;
}
/* -----------------------------------------------------------
tag cloud  */

#tagcloud li {
	display: inline;
	padding: 5px;
	line-height: 170%;
	background: transparent;
}
.tag1 { font-size: 1.86em; }
.tag2 { font-size: 1.6em; }
.tag3 { font-size: 1.4em; }
.tag4 { font-size: 1.2em; }
.tag5 { font-size: 1em; }
.tag6 { font-size: 0.9em; }

/* --------------------------------------------------------------------------
page top anchor  */

#pTop {
	clear: both;
    width: 99%;
    padding: 50px 0 20px 0;
	text-align: right;
}

#pTop a {
	padding: 2px 20px 4px 0;
	background: transparent url(../img/arrow_top.png) no-repeat right top;
	font-size: small;
}

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

#footer {
	clear: both;
	padding: 40px 0 0 0;
	text-align: center;
}
#footer ul {
    padding: 0 5px 0 0;
    list-style: none;
}
#footer li {
    display: inline;
    margin: 0 5px 0 0;
    font-size: x-small;
}
#footer p {
    clear: both;
	margin: 0;
	padding: 10px;
    font-size: x-small;
}
.privacy {
     padding: 2px 0 2px 20px;
     background: #fff url(../img/user.png) no-repeat 0 0;
}
.access {
     padding: 2px 0 2px 20px;
     background: #fff url(../img/heart.png) no-repeat 0 0;
}
.sitemap {
     padding: 2px 0 2px 20px;
     background: #fff url(../img/chart.png) no-repeat 0 0;
}
.feed {
     padding: 2px 0 2px 20px;
     background: #fff url(../img/feed.png) no-repeat 0 0;
}