@charset "utf-8";
/*
Theme Name: Tomorrow Japan
Theme URI: 
Description:
Version: 1.0
Author: OKADA, Yoji
Author URI: http://www.multitask.co.jp/n
Tags: Green
*/

/* built-in tags
-------------------------------------------- */
html
{
	width:100%;height:100%;
}

body
{
	width:100%;height:100%;
	margin:0;padding:0;
	text-align:center;
	font:13px "Hiragino kaku Gothic Pro","MS PGOTHIC",arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
	color:#444;
	background:#75B868;
}

h1, h2, h3, h4, h5
{
	margin:0;padding:0;
}
a
{
	color:#336600;
	margin:0;padding:0;
}
a:link
{
	color:#336600;
}
a:visited
{
	color:#666;
}
a:hover
{
	color:#41864d;
}
a:active
{
	color:#336600;
}
blockquote {
	padding-left:1em;
}

img
{
	border:none;
	margin:0;padding:0;
}
p
{
	margin:0;padding:0;
}
dl, ul, dl, li, dt, dd
{
	margin:0;padding:0;
}
li{
}
hr
{
	margin:0;padding:0;
}
form{
	margin:0;padding:0;
}
input
{
	margin:0;padding:0;
}


/* ページ
-------------------------------------------- */
#Page
{
	width:100%;height:100%;
	text-align:center;
	background:#75B868;
}
/* ページヘッダー
-------------------------------------------- */
#PageHeader{
	background:white;
}

#PageHeaderTop
{
	width:800px;
	margin:0 auto;
	padding-top:12px;
}

/* ページボディ
-------------------------------------------- */
#PageBody
{
	background:#75B868;
}
#PageBodyContent{
	width:860px;
	margin:0 auto;
	padding-top:1em;
	background:url(images/bg_03/bg_03_04.jpg) repeat-y center;
}
#PageBodyContentMain{
	width:800px;
	margin:0 auto;
}

#Main
{
	float:right;
	width:585px;
	overflow:hidden;
}
#MainContent
{
	text-align:left;
}

#Sub{
	float:left;
	width:200px;
}

#SubContent
{
	text-align:left;
}

/* グローバルナビ
-------------------------------------------- */
#GNavi
{
	width:800px;
	height:30px;
	margin:0 auto;
	background:white url(images/gnavi_bg.jpg) no-repeat;
	overflow:hidden;
}
#GNavi ul{
	margin-left:15px;
	list-style:none;
}
#GNavi li
{
	float:left;
}

/* サブナビ
-------------------------------------------- */
#SNavi
{
	width:100%;
	height:57px;
	overflow:hidden;
	background:url(images/bg_01.jpg) repeat-x;
}
#SNaviContent{
	margin:0 auto;
	width:860px;
	height:100%;
	background:transparent url(images/bg_03/bg_03_02.jpg) no-repeat center top;
}
#SNaviContentMain{
	width:800px;
	margin:0 auto;
	padding-top:30px;
}

/* メインビジュアル
-------------------------------------------- */
#MainVisual{
	margin-bottom:15px;
}

/* デスクリプション
-------------------------------------------- */
.description{
	font-weight:bold;
}

/* ニュース
-------------------------------------------- */
#News{
	;
}
#News h2{
	color:#4B9755;
	font-size:125%;
	line-height:160%;
	margin-bottom:1em;
	border-bottom:1px solid #ccc;
}

#News h3{
	margin-bottom:1em;
	font-size:110%;
	color:#4B9755;
}
#News .date{
	margin-bottom:8px;
}



/* ポスト
-------------------------------------------- */
.post{
	margin-bottom:1em;
}
.post h2{
	background:url(images/bar_01.jpg) no-repeat left center;
	font-size:125%;
	color:white;
	height:30px;
	padding-left:8px;
	margin-bottom:1em;
	line-height:180%;
}
.post h2 a{
	color:white;
}

/* ポストメタ
-------------------------------------------- */
.postmeta{
}

/* エントリー
-------------------------------------------- */
.entry{
	line-height:180%;
	font-size:105%;
	margin:0 1em 1em 1em;
}
.entry h3{
	color:#4B9755;
	font-size:120%;
	margin-bottom:1em;
	border-left:4px solid #75B868;
	border-bottom:1px solid #ccc;
	padding-left:8px;
}
.entry h4{
	color:#4B9755;
}
.entry h4.borderize{
	padding:4px;
	border:1px double #888;
	margin-bottom:8px;
}



.entry p{
	margin-bottom:1em;
}
.entry p.slogan{
	font-family:"Hiragino Mincho Pro", "MS PMincho",serif;
	border:3px double #aaa;
	font-size:180%;
	font-weight:bold;
	line-height:140%;
	padding:12px;
	text-align:center;
}

.entry ul{
	margin-bottom:1em;
}
.entry ul li{
	list-style-type:disc;
	list-style-position:inside;
}

.entry ul li ul{
	margin-left:1em;
}

.entry table{
	margin-bottom:1em;
	border:1px solid #ccc;
	border-collapse:collapse;
}
.entry table th{
	padding:4px;
	background:#eeeeff;
	border:1px solid #ccc;
}
.entry table td{
	padding:4px;
	border:1px solid #ccc;
}

.entry dl{
	margin-bottom:1em;
}
.entry dt{
	font-weight:bold;
}
.entry dd{
	margin-left:1em;
}

/* パネサイド
-------------------------------------------- */
div.pane-side{
	background:#f2f2f0;
	margin-bottom:1em;
	overflow:hidden;
}

div.pane-side .header{
	height:10px;
	background:url(images/bg_02/bg_02_01.jpg) no-repeat center top;
}

div.pane-side .body{
	margin:0 1em;
}

div.pane-side .footer{
	height:10px;
	background:url(images/bg_02/bg_02_03.jpg) no-repeat center top;
}

#sidebar li{
	list-style:none;
}

/* ウィジェット
-------------------------------------------- */
.widgettitle{
	font-size:115%;
	margin-bottom:1em;
}

/* ウィジェット：カテゴリナビ
-------------------------------------------- */
.widget_catnavi li{
	line-height:160%;
	margin-right:20px;
}
.widget_catnavi li a{
	display:block;
	width:100%;
	height:100%;
	padding-left:18px;
	background:url(images/i_02.jpg) no-repeat left center;
}
.widget_catnavi li a:hover{
}
/* ウィジェット：お問合せ
-------------------------------------------- */
.widget_otoiawase p{
	margin-bottom:1em;
	line-height:160%;
}

.widget_catnavi ul li ul{
	padding-left:1em;
}

/* 汎用ナビ
-------------------------------------------- */
.navi
{
}
.navi ul{
}
.navi li{
	list-style:none;
	float:left;
	margin-right:8px;
}
.navi li a{
	padding-left:18px;
	background:url(images/i_01.jpg) no-repeat left center;
}

/* トピックパス
-------------------------------------------- */
.navi-topic li{
	list-style:none;
	float:left;
	background:url(images/i_03.jpg) no-repeat left center;
	padding-left:16px;
}


/* ページフッター
-------------------------------------------- */
#PageFooter
{
	background:#75B868;
	color:white;
}
#PageFooterContent
{
	width:860px;
	height:120px;
	margin:0 auto;
	padding-top:30px;
	background:url(images/bg_03/bg_03_06.jpg) no-repeat center top;
}
#PageFooterContent .box
{
	width:800px;
	margin:0 auto;
}

/* 汎用ボックス
-------------------------------------------- */
.box{
	margin:0 auto 1em auto;
}

/* テキスト
-------------------------------------------- */
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

/* フロート
-------------------------------------------- */
.float-left{
	float:left;
}
.float-right{
	float:right;
}
.clear-both{
	clear:both;
}
.clear-left{
	clear:left;
}
.clear-right{
	clear:right;
}

/* ラインハイト
-------------------------------------------- */
.line-height-120{
	line-height:120%;
}
.line-height-160{
	line-height:160%;
}
.line-height-180{
	line-height:180%;
}

/* テキストアライン
-------------------------------------------- */
.text-align-right{
	text-align:right;
}
.text-align-left{
	text-align:left;
}

/* clearfix
-------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
