@charset "utf-8";

/*------------------------------------------------
index.css
2009.09.18
obama
------------------------------------------------*/

/* common
------------------------------------------------*/

ul,ol,li,div {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background:#ffffff;
	color: #111111 ;
}

#main{
	margin:0 auto;
	width:975px;
	text-align: left;
	overflow: hidden;
}


#main_02{
	margin:0 auto;
	width:975px;
	text-align: left;
	overflow: hidden;
}

img{
	margin:0px;
	padding:0px;
	border: none;
}

h1{
text-indent: -9999px;
font-size: 1px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

p {
font-size: 90%;
padding: 0 0 0 0;
margin: 0 0 10px 0;
line-height: 160%;
}

.ta-center {
	text-align: center;
}

.va-middle {
	vertical-align: middle;
}

a {
	color: #0066ff;
}

a:hover {
	color: #cc0000;
	text-decoration: none;
}


/*　ホーム
------------------------------------------------*/

.top-area {
	margin: 0 0 0 0;
	height: 560px;
	overflow: hidden;
}


#home .header-area {
	width: 200px !important;
	text-indent: -9999px;
	font-size: 1px;
	float: left;
	overflow: hidden;
}

#home .header-area h1,
#home .header-area p,
#home .header-area div {
	text-indent: -9999px;
	font-size: 1px;
}

#home #main{
	background: url(../images/home_bg.jpg) no-repeat left top;
}

#home #main_02{
	background: url(../images/home_bg_02.jpg) no-repeat left top;
}

#home .home-right {
	overflow: hidden;
	float: right;
	width: 500px;
	height: 560px;
}

.news-box {
	background: url(../images/home_news.gif) no-repeat left top;
	margin: 10px 0 0 15px;
	padding-left: 65px;
}

.news-box ul{
	margin: 0 0 0 0;
	padding: 0 0 0 0 ;
	width: 400px;
	overflow: scroll;
	height: 70px;
}

.news-box ul li {
	margin: 0 0 5px 0;
	padding: 0 0 0 11px;
	font-size: 82%;
	line-height: 110%;
	background: url(../images/home_list_i.gif) no-repeat 0px 4px;
}


.home-nav {
	_height: 1%;
	_margin-left: -40px;
}



/*　ストーリー
------------------------------------------------*/

h2 {
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
}

h3 {
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
}

h3.txt-style {
	margin: 0 0 20px 0;
	padding: 10px 10px 10px 35px;
	color: #006600;
	background: #d5f6d5 url(../images/i_h3.gif) no-repeat 12px 12px;
	border-top: solid 1px #cbe5cb;
	border-bottom: solid 1px #ffffff;
}

h3.txt-style span{
	color: #333333;
	font-size: 85%;
}


#header-box {
	text-indent: -999px;
	overflow: hidden;
	height: 117px;
	background: url(../images/header_bg.jpg) no-repeat 0px 4px;
}

#main-container {
	width: 942px;
	border-left: solid 1px #76e476;
	border-right: solid 1px #76e476;
	border-bottom: solid 1px #76e476;
	padding: 31px 0px 31px 31px;
}


.container {
	width: 830px;
	background: #eefcee;
	padding: 20px;
	margin-left: 20px;
}

.container2 {
	width: 830px;
	background: #eefcee;
	padding: 20px;
	margin: 0 0 2px 20px;
}

.container3 {
	width: 850px !important;
	background: #eefcee;
	padding: 10px;
	margin: 0 0 2px 20px;
}

.container3 p {
	color: #006600;
	margin: 0 0 0 0;
	background: url(../images/i_story_link.gif) no-repeat 8px 2px;
	padding: 0 0 0 30px;
	font-weight: bold;
	min-height: 16px;
}

.container3 p a {
	color: #333333;
	font-weight:normal;
}

.left-box {
	width: 240px;
	float:left;
}

.right-box {
	width: 575px;
	float:right;
	padding : 0 0 0 0;
}

.story_btn-box {
	text-align: right;
	padding: 20px;
	margin: 0 0 0 20px;/*top2px*/
	width: 830px;
	background: #eefcee;
}

.pagetop-box {
	text-align: right;
	width: 975px;
	margin: 0 auto 5px auto;
}


.song-left-box {
	width: 180px;
	float:left;
}

.song-right-box {
	width: 635px;
	float:right;
	padding : 0 0 0 0;
}


/*　ストーリー
------------------------------------------------*/

#story h3 {
	width: 830px;
	overflow: hidden;
}

/*　いちじくんとは？
------------------------------------------------*/

.ichijiku-container {
	width: 830px;
	background: #eefcee url(../images/ichijiku_bg.jpg) no-repeat center bottom;
	padding: 15px;
	margin-left: 20px;
}

.ichijiku-container2 {
	width: 830px;
	background: #eefcee;
	padding: 15px;
	margin-left: 20px;
}

.ichijiku-txt-box {
	width: 545px;
	padding-bottom: 175px;
	min-height: 158px;
	_height: 158px;
}

.ichijiku-txt-box-left {
	width: 490px;
	float:left;
}

.ichijiku-txt-box-right {
	width: 325px;
	float:right;
	font-size:13px;
}

.ichijiku-txt-box p {
	margin: 0 0 0 0;
}

.ichijiku-txt-box-right p {
	margin: 0 5px 15px 10px;
}

.disp-none {
	display: none;
}

/*-----------------------------------------------------------------
		調整用
-----------------------------------------------------------------*/

/*　マージン調整　*/
.top-5 { margin-top:5px !important;}
.top-10 { margin-top:10px !important;}
.top-15 { margin-top:15px !important;}
.top-20 { margin-top:20px !important;}
.top-50 { margin-top:50px !important;}
.bottom-0 { margin-bottom: 0px !important;}
.bottom-5 { margin-bottom: 5px !important;}
.bottom-10 { margin-bottom: 10px !important;}
.bottom-15 { margin-bottom: 15px !important;}
.bottom-20 { margin-bottom: 20px !important;}
.bottom-25 { margin-bottom: 25px !important;}
.bottom-30 { margin-bottom: 30px !important;}
.bottom-40 { margin-bottom: 40px !important;}
.bottom-50 { margin-bottom: 50px !important;}
.left-0 { margin-left: 0px !important;}
.left-5 { margin-left: 5px !important;}
.left-10 { margin-left: 10px !important;}
.left-15 { margin-left: 15px !important;}
.left-20 { margin-left: 20px !important;}
.left-m20 { margin-left: -20px !important;}
.left-25 { margin-left: 25px !important;}
.left-30 { margin-left: 30px !important;}
.right-5 { margin-right: 5px !important;}
.right-10 { margin-right: 10px !important;}
.right-15 { margin-right: 15px !important;}


/*クリア*/

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

*:first-child+html .c-box { /* IE7用 */
	width: 100%;
}

.clear-both{
	clear: both;
	height: 1px!important;
	display: block !important;
	font-size: 1px!important;
	margin: 0 !important;
}