@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;

}