@charset "utf-8";


/**ベース*/

/**

container
   header ・・・ロゴや右上のメニューも含まれる
   nheader・・・header右上のメニュー
   navi・・・・headerの下にくる常時表示されるメニュー
   contents・・・サイト、そのページの内容となる部分
       left・・contentsを三つにわけた際の左側の部分
       main・・contentsを三つにわけた際の真ん中の部分、トップページは右側、rightnavがある時は左側
	   right・・contentsを三つにわけた際の右側の部分、または二つに分けた際も右側
   footer・・・footer部分
**/

/** 初期設定 **/
* {
	padding: 0px;
	margin: 0px;
}


body {
/*	overflow-y: scroll;*/
	text-align:center;
	background-color:#FFFFFF;
	font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
}



li {
	list-style-type: none;
}



a img {
	border: none;
}



/** マウスオーバーで色を薄くする **/

a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}



table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}



#container div:after {
	display: block;/*clearfix*/
	clear: both;
	visibility: hidden;
	height: 0;
	content: ".";
}



/** 全体 **/


#container {

	width: 811px;
	margin: 0px auto;
	text-align: left;	
	clear:both;
}





/** header **/

#header {
	width: 819px;
	height: 100%;
	background:url(../images/index_header.gif) no-repeat;
}



#header h1 {
    float:left;
	padding: 5px 0px 0px 12px;
	margin: 0px;
	height:95px;
}


#header2 h1 {
    float:left;
	padding: 5px 0px 0px 12px;
	margin: 0px;
}



/** header 右上メニュー **/

.nheader {
	float:right;
	height:0;
	margin: 10px 0px 0px 0px;
}



.nheader li {
	display:inline;
}



.nheader a {
	color:#FFFFFF;
	list-style-type:none;
	text-decoration:none;
	margin-right:6px;
	font-size:12px;
}



.nheader a:hover {
	text-decoration:underline;
}



.nheader img {
margin-right:6px;
}



/** main_image **/

#main_img {
	clear:both;
	width: 819px;
	height:340px;
	background-image:url(../images/index_main.jpg);
	background-repeat:no-repeat;
}



/** navi **/

#navi{
	width: 811px;
	height:60px;
	background-color:#993300;
	margin-left:4px;
}



#navi li,a {
	float:left;
	display:inline;
}



.profile{
	background:url(../images/01.jpg) no-repeat;
	height:60px;
	margin:0;
	padding:0;
	width:177px;
}



.profile:hover {
	background-position:0 -60px;
}



.activity{
	background:url(../images/02.jpg) no-repeat;
	height:60px;
	margin:0;
	padding:0;
	width:136px;
}



.activity:hover {
	background-position:0 -60px;
}



.article{
	background:url(../images/03.jpg) no-repeat;
	height:60px;
	margin:0;
	padding:0;
	width:136px;
}



.article:hover {
	background-position:0 -60px;
}



.supporter{
	background:url(../images/04.jpg) no-repeat;
	height:60px;
	margin:0;
	padding:0;
	width:123px;
}



.supporter:hover {
	background-position:0 -60px;
}



.link{
	background:url(../images/05.jpg) no-repeat;
	height:60px;
	margin:0;
	padding:0;
	width:114px;
}



.link:hover {
	background-position:0 -60px;
}



.question {
	background:url(../images/06.jpg) no-repeat;
	height:60px;
	margin:0;
	padding:0;
	width:125px;
}



.question:hover {
	background-position:0 -60px;
}





/** contents **/

#contents {
	width:811px;
	margin-left:4px;
}

#main {
	margin-bottom:10px;
	margin-left:10px;
	float:left;
	width:530px;
}

.news_title {
	margin-top:15px;
	margin-bottom:20px;
	background-image:url(../images/news_title.gif);
	background-repeat:no-repeat;
	width:530px;
	float:left;
	clear:both;
	height:52px;
}


.date {
	padding-top:10px;
	border-bottom:dotted 1px #249A13;
	width:530px;
	text-align:left;
	line-height:1.5em;
}


.news {
	float:left;
	width:530px;
	text-align:left;
	line-height:1.5em;
	margin-bottom:10px;
}



ul#oshiete {
	clear:both;
	width:530px;
}


.newphoto_title {
	margin-top:10px;
	margin-bottom:10px;
	background-image:url(../images/newphoto_title.gif);
	background-repeat:no-repeat;
	float:left;
	width:530px;
	clear:both;
	height:52px;
}

.topphoto img {
	margin-top:10px;
	margin-right:5px;
	clear:both;
}


.topphoto_box {
	width:530px;
	clear:both;
}

.topphoto_box_left {
	width:auto;
	float:left;
	margin-right:20px;
}

.topphoto_box_right {
	width:auto;
	float:left;
}

.photonews {
	float:left;
	width:150px;
	text-align:left;
	line-height:1.5em;
	margin-bottom:10px;
}

.phototext {
	text-align:center;
	margin-bottom:20px;
}

.mobile_text {
	margin-top:10px;
	font-size:12px;
}

.mobile_title {
	margin-top:10px;
	margin-bottom:10px;
	background-image:url(../images/mobile_title.gif);
	background-repeat:no-repeat;
	float:left;
	width:530px;
	clear:both;
	height:52px;
}

.qr_box {
width:530px;
clear:both;
}

.qr_box_left {
width:150px;
float:left;
}

.qr_box_right {
width:150px;
float:left;
}

.qrcode {
	margin-bottom:10px;
	clear:both;
	height:150px;
	width:530px;
	display:block;
}

.qrtext {
	text-align:center;
	margin-bottom:20px;
}

#side_navi {
	float:right;
	display:block;
	width:240px;
	margin:10px 10px 20px 6px;
}



#side_navi img{
	display:block;
	margin:5px 0px 10px 7px;
}


/** footer **/

#footer {
	clear:both;
	border-top: solid 1px #000000;
	padding: 20px 0px 20px 0px;
	font-size:11px;
}



#footer ul {
	margin-top:5px;
}



#footer li {
	display:inline;
}



#footer a {
	color:#000000;
	list-style-type:none;
	text-decoration:none;
	margin-left:5px;
	display:block;
}



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



#footer address{
	margin-top:30px;
	display:block;
}

/*アクティビティ*/




.title_ac {
	float:left;
	height:52px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:530px;
}

.activitytext {
	float:left;
	margin:0px 0px 10px 20px;
	width:480px;
	padding:0px 0px 0px 0px;
	line-height:150%;
}

.activitytext2 {
	float:left;
	margin:0px 0px 10px 20px;
	width:480px;
	padding:0px 0px 0px 10px;
	line-height:120%;
}

.activitytext3 {
	float:left;
	margin:0px 0px 10px 20px;
	width:480px;
	padding:0px 0px 0px 20px;
	line-height:105%;
	}

.activitytexttitle {
	float:left;
	margin:10px 0px 10px 10px;
	width:480px;
	padding:0px 0px 0px 0px;
	line-height:150%;
	font-weight:bold;
	font-size:14px;
}

.activitytexttitle2 {
	background-image:url(../images/triangle.gif);
	background-repeat:no-repeat;
	float:left;
	margin:5px 0px 10px 10px;
	width:480px;
	padding:0px 0px 0px 13px;
	line-height:150%;
	font-weight:bold;
}

.headline_ac {
	color:#006600;
	margin:0px 0px 20px 0px;
	padding:10px 0px 0px 0px;
	font-size:13px;
	font-weight:bold;
	clear:both;
}

.activitytextlink {
	background-image:url(../images/triangle.gif);
	background-repeat:no-repeat;
	margin:0px 0px 10px 0px;
	padding:2px 0px 0px 15px;
	width:100px;
	float:right;
}

.leftphototext {
	margin:5px 0px 10px 20px;
	width:480px;
	padding:0px 0px 0px 0px;
	line-height:150%;
}

.leftphoto {
	float:left;
	margin:0px 10px 10px 120px;
	}
	
.rightphoto {
	float:right;
	margin:0px 20px 10px 10px;
	}
	
div.clear{
	clear:both;
	margin:0px 0px 0px 0px;
}

div.cap {
	float:left;
	padding: 0px 0px 0px 0px;
	margin-left:20px;
}

.cap span{
	margin-top:3px;
	display: block;
	font-size: 12px;
	text-align: center;
}

#main h2.activityHead {
	font-size:14px;
	width:530px;
	padding-top: 16px;
	padding-bottom:8px;
	clear:both;
}
#main p {
	line-height: 160%;
	padding-bottom: 24px;
	clear:both;
}
#main p img {
	float: left;
	padding: 0 8px 8px 8px;
}
#main p a {
	float: none;
	text-align: left;
	display: inline;
}

/*アーティクル*/

.title_art {
	float:left;
	height:52px;
	margin:15px 0 0;
	padding:0 0 10px;
	width:530px;
}

.publicitytexthead {
	float:left;
	margin:10px 0px 3px 10px;
	width:500px;
	padding:0px;
	line-height:150%;
	clear:both;
	font-weight:bolder;
}


.publicitytext {
	float:left;
	margin:5px 0px 10px 10px;
	width:500px;
	padding:0px;
	line-height:150%;
	clear:both;
}

.headline_art {
	clear:both;
	text-align:left;
	color:#006600;
	font-size:13px;
	width:450px;
	font-weight:bold;
	padding-top:15px;
	margin-bottom:10px;
}

.arttextlink {
	background-image:url(../images/triangle.gif);
	background-repeat:no-repeat;
	margin:0px 30px 20px 20px;
	padding:2px 0px 0px 15px;
	float:right;
	text-align:left;
	width:auto;
	clear:both;
}

.imglink {
	background-image:url(../images/newsp.gif);
	background-repeat:no-repeat;
	margin:0px 0px 20px 10px;
	padding:0px 0px 0px 20px;
	float:left;
	clear:both;
	width:100px;
	height:15px;
}


/*リンク*/



.links #mainright {
	float:right;
	background:none;
	height:100%;
	width:240px;

}

.links #mainleft {
	float:left;
	width:240px;
	height: 100%;
}

.links dl {
	padding: 20px 0px 20px 20px;
}

.links dl dt,
.links dl dd {
	clear: left;
}

.links dl dt {
	padding-top: 10px;
	padding-bottom: 10px;
}

.links dl dd {
	padding-top: 2px;
	padding-bottom: 10px;
}


.headline_link {
	background-image:url(../images/triangle.gif);
	background-repeat:no-repeat;
	float:left;
	margin:5px 0px 10px 10px;
	width:240px;
	padding:0px 0px 0px 13px;
	line-height:150%;
	font-weight:bold;
	}


/*other*/

#header2 {
	width: 819px;
	height: 125px;
	background:url(../images/other_header.gif) no-repeat;
}




/*プロフィール*/



#mainright {
	float:right;
	background-image:url(../images/mephoto.jpg);
	background-repeat:no-repeat;
	height:300px;
	width:230px;

}

#mainleft {
	float:left;
	width:250px;
}

.title {
	float:left;
	height:52px;
	margin:15px 0 0;
	padding:0 0 10px;
	width:530px;
}

.big_title {
	background-image:url(../images/big_title.gif);
	background-repeat:no-repeat;
	float:left;
	height:52px;
	margin:15px 0px 10px 0px;
	padding:13px 0px 0px 50px;
	width:480px;
	color:#009900;
	font-size:28px;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
}


.mid_title {
	background-image:url(../images/mid_title.gif);
	background-repeat:no-repeat;
	height:24px;
	float:left;
	margin:10px 0px 0px 0px;
	padding:3px 0px 0px 35px;
	width:530px;
	color:#009900;
	font-size:18px;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
}


.historyname {
	font-weight:bold;
	margin:10px 0px 10px 0px;
	text-align:right;
}

.history {
	margin:0px 0px 0px 0px;
	padding:0px;
	line-height:150%;
	text-align:right;
	list-style-type:none;
}

.history2 {
	margin:20px 0px 0px 0px;
	padding:0px;
	line-height:150%;
	text-align:right;
	list-style-type:none;
}





/*クエスチョン*/



.title_q {
	float:left;
	height:52px;
	margin:15px 0 0;
	padding:0 0 10px;
	width:530px;
}

.date_q {
	border-bottom:dotted 1px #249A13;
	width:530px;
}

.news_q {
	float:left;
	margin:3px 0px 0px 0px;
	width:530px;
	padding:0px;
}


.headline_q {
	color:#006600;
	font-size:13px;
	width:530px;
	font-weight:bold;
	padding-top:30px;
	clear:both;
}

.form {
	width:520px;
	table-layout:auto;
	margin:10px 10px 10px 0px;
	padding:10px 10px 10px 10px;
}

table.form {
border-collapse:collapse;
border-spacing: 10px;
font-size:12px;
}

.form td { 
padding-top:10px;
} 

.form input { 
margin-right:5px;
} 

dl.address_space {
	margin-top:15px;
	margin-left:125px;
	padding:10px;
	line-height:1.8em;
	border:1px #3C6 solid;
	width:250px;
	background-color:#DDFAD6;
	}

dt.address_headline {
	color:#090;
	font-weight:bold;
	font-size:13px;
	}

dl.address_space dd {
	padding-left:15px;
	}

/*サイトマップ*/


.title {
	float:left;
	height:52px;
	margin:15px 0 0;
	padding:0 0 10px;
	width:530px;
	clear:both;
}

#mapbox li {
width:500px;
margin:5px 0px 5px 10px;
float:left;
line-height:2.0;
clear:both;
list-style-type:none;
}


.mapbox hover {
	text-decoration:underline;
	color:#333333;
}

.mapbox a {
	color:#000000;
	text-decoration:none;
	margin-left:30px;
	width:100px;
}


/*サポーター*/

.title_supp {
	float:left;
	height:52px;
	margin:15px 0 0;
	padding:0 0 10px;
	width:530px;
}

.headline_supp {
	color:#006600;
	font-size:13px;
	width:530px;
	font-weight:bold;
	padding-top:10px;
	clear:both;
}

.supptext {
	float:left;
	margin:3px 0px 0px 0px;
	width:520px;
	padding:0px;
	line-height:200%;
	clear:both;
}

.supptext2 {
	margin:3px 0px 0px 0px;
	width:530px;
	line-height:200%;
	clear:both;
}

.supptextlink {
	background-image:url(../images/triangle.gif);
	background-repeat:no-repeat;
	margin:0px 0px 20px 20px;
	padding:2px 0px 0px 15px;
	float:right;
	text-align:left;
	width:80px;
	clear:both;
}

.supptextlink2 {	
	background-image:url(../images/triangle.gif);
	background-repeat:no-repeat;
	margin:0px 0px 10px 20px;
	padding:2px 0px 0px 15px;
	float:right;
	text-align:right;
	width:auto;
	display:block;
}


.bringup img {
	width:250px;
	height:180px;
	float:left;
	clear:both;
	display:block;
}

div#border_box {
	width:520px;
	clear:both;
	float:left;
	margin-top:10px;
	border-bottom:1px dotted #006600;
	margin-bottom:10px;
}

.main_left {
	padding:2px 2px 2px 2px;
	width:250px;
	float:left;
	clear:both;
	margin-bottom:10px;
}

.main_right {
	padding:2px 2px 2px 2px;
	width:250px;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}

.photolist {
	width:250px;
}

div#supp_headline {
	width:530px;
	clear:both;
}


.photo_g img {	
	margin-top:5px;
	margin-right:5px;
	clear:both;
}

/*最新フォトギャラリー*/
#imgMedium img {
	float:left;
	margin:10px 0px 0px 0px;
	width:260px;
	padding:0px;
	line-height:200%;
}
#imgMedium img.MediumRight {
	padding-left:10px;
}
#main strong{
	padding:12px 0px 0px;
	margin:0px;
	display:block;
}
ul.photoArchives {	
	text-align:left;
	width:530px;
	margin:0px 0px 0px 0px;
	padding:6px 0px 0px;
	display:block;
	clear:both;
}
ul.photoArchives li {
	width:530px;
}
p.backtoHome {	
	background-image:url(../images/triangle.gif);
	background-repeat:no-repeat;
	margin:12px 0px 10px;
	padding:2px 0px 0px 15px;
	float:right;
	text-align:right;
	width:auto;
	display:block;
	clear:both;
}


/*モバイル*/

.title_mobile {
	float:left;
	height:52px;
	margin:15px 0 0;
	padding:0 0 10px;
	width:530px;
}


.mobiletextlink {
	background-image:url(../images/triangle.gif);
	background-repeat:no-repeat;
	margin:0px 30px 20px 20px;
	padding:2px 0px 0px 15px;
	float:right;
	text-align:left;
	width:auto;
	clear:both;
}


.mobile_text {
	float:left;
	margin:0px 0px 10px 20px;
	width:480px;
	padding:0px 0px 0px 0px;
	line-height:150%;
}

.mobile_text_bold {
	float:left;
	font-weight:bold;
	margin:0px 0px 10px 20px;
	width:480px;
	padding:0px 0px 0px 0px;
	line-height:150%;
}

.mobilelink a {
	clear:both;
	float: none;
}





/* 語る会ページ（talk2.html）追加分　2010.05.11 ************************************************************/

.founderListTitle {
	line-height:180%;
}

dl.founderList {
	margin-left:10px;
	height:80px;
}

dl.founderList dt, dl.founderList dd {
	padding:3px;
}

dl.founderList dt {
	float:left;
	width:70px;
}

dl.founderList dd {
	float:left;
	width:170px;
}