@charset "UTF-8";
/* CSS Document */


/*ここにリセットを記述*/

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}

* {
	margin:0pt;
	padding:0pt;
}

* {
	font-weight:normal;
	text-decoration:none;
}

a {
	text-decoration:none;
}

abbr,acronym { border:0;
}
.Left{text-align:left;}
.Right{text-align:right;}
.Center{text-align:center;}
.floatLeft{float:left;}
.floatRight{float:right;}

/* フォーム */
button{
	border:0; 
	margin:0; 
	padding:0;
	background-color:#FFFFFF;
}


/*アイコン等のセッティング*/

/*************** common ****************/

body{
	background: url('http://www.froh.asia/images/common/frohHeader_background.png') top left repeat-x #FFF;
	font-family: "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック",  "MS P Gothic",   "Verdana", "Arial", "sans-serif";
	text-align:center;	/*Win IE 6用*/
}

#main{
	line-height:1.4em;
	width:995px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	font-size:12px;
	text-align:left;
}


#leftBox{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

#rightBox{
	float:left;
	margin-bottom:10px;
}


.section{
	clear:both;
	margin-bottom:10px;
}

.final{
	margin-right:0px !important;
}

.clear{
	clear:both;
}

.underconstruction{
	margin:10px 1px;
	min-height:100px;
	line-height:100px;
	background-color:#f0f0f0;
}

.underconstruction p{
	text-align:center;
	font-size:16px;
	color:#AAA;
}

.space{
	min-height:5px;
}

a:hover{
	text-decoration:underline;
}


span.blue{
	color:#1f87fb;
}

/*************** header ****************/


#frohHeader{
	width:995px;
	height:60px;
	color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	/*overflow:hidden;*/
}

#frohLogo{
	float:left;
	display:inline;
}

#topNavigation{
	height:60px;
	float:left;
	padding:0px 25px;
	margin:0px;
}

#topNavigation li {
	margin: 0;
	padding: 0;
	list-style: none;
	height:60px;
	float:left;
}


/*そのうちcssでやる*/

#userInfo{
	color: #FFF;
	font-size: 11px;
	padding-top:25px;
	padding-right:10px;
	text-align:right;
}

#userInfo a,
#userInfo a:hover {
	background-color: transparent;
	color: #FFF;
	font-weight: bold;
}

/*******************************/

#firstContent{
	width:720px;
	clear:both;
	float:left;
	margin-right:10px;
}


.blueSection .header{
	background: url('http://www.froh.asia/images/common/blueHeader.jpg') top left no-repeat scroll #FFF;
	margin:0px 0px 10px;
	min-height:25px;
}

.blueSection h2{
	color:#FFFFFF !important;
	margin:0px;
	line-height:25px;
	padding-left:10px;
	font-size:14px;
	font-weight:normal;
}

.projectTheme a:hover{
	text-decoration:underline;
}
.projectTheme a:visited{
	color:#333333;
}


.project1{
	clear:both;
	margin-bottom:10px;
	width:718px;
	background: url('http://www.froh.asia/images/common/project1_bg.jpg') #FFF repeat-x scroll top left;
	float:left;
}

.project1 .projectOutline{
	float:left;
	width:500px;
}

.project1 .projectImg{
	width:120px;
	margin:10px;
	float:left;
}

.projectOutline img{
	border:5px solid #FFFFFF;
}

.project1 .projectDesc{
	width:280px;
	margin:10px;
	float:left;
}

.projectOutline .projectTheme a{
	font-size: 14px;
	color:#000000;
	font-weight:bold;
}

.projectOutline .projectName a{
	font-size: 12px;
	color:#0f7efb;
	font-weight:bold;
}

.projectOutline .projectName a:visited{
	color:#0f7efb;
}

.projectOutline .projectName a:hover{
	text-decoration:underline;
}

.projectDesc p{
	margin-top:8px;
	font-size:11px;
}

.project1 .projectAssess{
	float:left;
	font-size:11px;
	padding-left: 15px;
	margin-top:10px;
	border-left:thin solid #cccccc;
}



.project2{
	clear:both;
	margin-bottom:10px;
	width:700px;
	background: url('http://www.froh.asia/images/common/project1_bg.jpg') #FFF repeat-x scroll top left;
	float:left;
}

.project2 .projectOutline{
	float:left;
	width:560px;
}

.project2 .projectImg{
	width:120px;
	margin:10px;
	float:left;
}

.project2 .projectDesc{
	width:400px;
	margin:10px;
	float:left;
}

.projectOutline .projectTheme{
	font-size: 14px;
	color:#000000;
	font-weight:bold;
}

.projectOutline .projectName{
	font-size: 12px;
	color:#0f7efb;
	font-weight:bold;
}

.projectDesc p{
	margin-top:8px;
	font-size:11px;
}

.project2 .projectAssess{
	float:left;
	font-size:11px;
	padding-left: 15px;
	margin-top:10px;
	border-left:thin solid #cccccc;
}


.moreInfo{
	margin-right:10px;
	clear:both;
}

.moreInfo a{
	color:#378894 !important;
	text-decoration:none;
}

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

#secondaryContent{
	width:230px;
	float:left;
}

.orangeSection .header{
	background: url('http://www.froh.asia/images/common/orangeHeader.jpg') top left no-repeat scroll #FFF;
	margin:0px 0px 10px;
	min-height:25px;
}

.orangeSection h2{
	color:#FFFFFF !important;
	margin:0px;
	line-height:25px;
	padding-left:10px;
	font-size:14px;
	font-weight:normal;
}

.orangeSection li{
	list-style-type:none !important;
	margin:0px 5px 10px 5px;
	padding-left:10px;
	border-left: 5px #faac37 solid
}

.orangeSection{
	font-size:11px;
	color:#666666;
	line-height:13px;
	margin-bottom:20px;
}

.orangeSection a{
	color:#444444;
	font-size:12px;
	line-height:14px;
	text-decoration:none;
}

.orangeSection a:hover{
	color:#996633;
	text-decoration:underline;
}



#staffNews .header{
	background: url('http://www.froh.asia/images/common/staffNew_header.jpg') top left no-repeat scroll #FFF;
	margin:0px;
	min-height:25px
}

#staffNews h2{
	color:#444444 !important;
	margin:0px;
	line-height:25px;
	text-align:center;
	font-size:12px;
	font-weight:normal;
}

#staffNews ul{
	background: url('http://www.froh.asia/images/common/staffNew_bg.jpg') top left repeat-y scroll #FFF;
	color:#666666 !important;
	font-size:11px;
	padding:10px 10px 0px 10px;
	list-style:inside;
}

#staffNews li{
	padding-bottom:5px;
}

#staffNews .footer{
	background: url('http://www.froh.asia/images/common/staffNew_bgEnd.jpg') top left no-repeat scroll #FFF;
	min-height:10px;
}

#messageBox{
	padding:20px;
	border:medium double #FF0099;
	text-align:left;
}

#messageBox p{
	color:#FF0099;
}

/**************** for top es Event ******************/

#topBox{
	margin-bottom:15px;
	overflow: hidden;
}

#topLeftBox{
	float:left;
	width:660px;
}

div.topLeftContent{
	background:url('http://www.froh.asia/images/top/topLeftHeader.jpg') top left no-repeat scroll #FFF;
	padding-top:20px;
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
}

div.topLeftContainer{
	background:url('http://www.froh.asia/images/top/topLeftBody.jpg') top left repeat-y scroll #FFF;
	overflow:hidden;
}

.topLeftFooter{
	clear:both;
	content:"";
	height:20px;
	background:url('http://www.froh.asia/images/top/topLeftFooter.jpg') top left no-repeat scroll #FFF;
}

#esEventImage img{
	margin-left:20px;
}

.topLeftContent h2{
	margin-left:20px;
	font-size:1.2em;
	color:#999999;
	font-weight:bold;
}

.topLeftContent li{
	margin-left:20px;
	margin-top:10px;
	padding-left:30px;
	background-image:url('http://www.froh.asia/images/top/listChart.jpg');
	background-repeat:no-repeat;
	background-position:left top;
	list-style-type:none;
}

#esEventDesc{
	width:220px;
	margin-left:20px;
}

#esEventDesc p{
	color:#FF0066;
	font-size:0.95em;
}

#esButton{
	margin: 10px 0;
	height:32px;
}

div#topRightBox{
	float:right;
	width:300px;
}

#mailmagazineContainer h2{
	margin-bottom:10px;
	text-align:center;
	font-weight:bold;
	font-size:1.4em;
}

#mailmagazineForm{
	background-color:#f6ffff;
	border:3px solid #E0F5FF	;
	padding:10px;
}

#mailmagazineForm label{
	float:left;
	width:90px;
	padding:4px 2px;
}

#mailmagazineForm input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:170px;
	margin:2px 0 5px 0px;
}

#mailmagazineForm button{
	clear:both;
	text-align:left;
	background-color:#0000ff;
	margin-left:10px;
	width:151px;
}

#topRightBox p{
	margin:10px 3px 0 3px;
	color:#112244;
	font-size:11px;
}

/**************** for top es openingEvent ******************/
.topEvent-open{
	float:left;
	margin:20px 20px 20px 0;
	
}

/**************** search ******************/

#searchBox .header{
	background: url('http://www.froh.asia/images/common/searchHeader.jpg') top left no-repeat scroll #FFF;
	margin:0px 0px 10px;
	min-height:25px;
}

#searchBox h2{
	color:#FFFFFF !important;
	margin:0px;
	line-height:25px;
	padding-left:10px;
	font-size:14px;
	font-weight:normal;
}

#searchBox h4{
	color:#767676;
	font-size:13px;
	font-weight:nomal;
}

.activityCount{
	font-size:14px;
	font-weight:bold;
	margin:0px 0px 0px 50px;
	color:#00468A;
}

.lastActiveDate{
	font-size:14px;
	font-weight:bold;
}

.projectName{
	font-size: 12px;
	color:#0f7efb;
	font-weight:bold;
}

.groupContainer .serchSection{
	min-height:66px;
	background: url('http://www.froh.asia/images/common/project1_bg.jpg') #FFF repeat-x scroll top left;
	float:left;
	margin-right:3px;
	padding: 15px 10px;
}

.groupContainer .firstSection{
	clear:both;
}

.groupContainer h3{
	font-size:14px;
	font-weight:bold;
}

.groupContainer h4{
	font-size:12px;
	color:#666666
	font-weight:bold;
}

.groupContainer p,.groupContainer span{
	line-height:18px;
	font-size:11px;
}

.altlink{
	color:#0f7efb;
	font-weight:bold;	
}

/* layout */

.groupInfo{
	width:240px;
}

.groupLogo{
	width:66px;
}

.groupName{
	width:164px;
	margin-left:10px;
}

.groupName a{
	color:#000000;
}

.groupName a:visited{
	color:#666666;
}



.groupLogo img{
	border:1px dotted #028fff;
	padding:2px;
}

.groupName .tags span{
	color:#0f7efb;
}

.supportorInfo .numValue{
	color:#FF3366;
}

/*************** mainNavigation **********************/
#mainNavigation{
	width:960px;
	height:45px;
	float:left;
	border-bottom: solid 1px #C9C9C9;
	margin-bottom:10px;
}

#npoLogo{
	float:left;
	width:420px
}

#npoLogo img{
	float:left;
	display:inline;
	margin:0px 10px;
}

#npoLogo h2{
	font-size: 20px;
	color:#000000;
	margin-top:10px;
	margin-left:10px;
	font-weight:bold;
}


#mainTabNavigation{
	float:right;
	padding-top:20px;
	padding-bottom:-1px;
}

#mainNavigation ul{
	margin:0px 0px 0px 10px;
}

#mainNavigation li {
	margin-left: 2px;
	list-style: none;
	height:26px;
	float:left;
}

/********* npo main **********/

.npo #secondary{
	float:left;
	width:180;
}

.npo #primary{
	float:left;
	width:780px;
}

.npo #secondary1{
	float:left;
	width:250px;
	margin-right:10px;
}

.npo #primary1{
	float:left;
	width:700px;
}

.npo h3{
	font-size:16px;
	color:#666;
	padding-left:10px;
	margin-bottom:10px;
	height:33px;
	line-height:28px;
	background: url('http://www.froh.asia/images/common/header_background02.jpg') #FFF repeat-x scroll top left;
}

.npo h4{
	font-size: 16px;
	font-weight:bold;
	padding-bottom:5px;
	padding-left:10px;
	margin-bottom:10px;
	margin-top:10px;
	border-bottom:1px solid #c9c9c9;
}

.npo h5{
	margin:12px 0px;
	border-bottom:1px solid #dddddd;
}

.npo ul{
	margin:10px 10px 5px 5px;
}

.npo li{
	list-style: inside disc;
}

.npo p{
	margin:5px 0px;
}

#sponsor table{
	width:250px;
	list-style:none !important;
}

#NPOPhoto img{
	margin-right:5px;
}

#financialList{
	width:160px;
	margin-right:20px;
	min-height:400px;
}

.financialGraph{
	float:left;
	display:block;
	width:380px;
	margin-bottom:10px;
}

.financialGraph340{
	float:left;
	display:block;
	width:340px;
	margin-bottom:10px;
}

.npo .firstGraph{
	clear:both;
	margin-right:20px;
}

ul.projectReports{
	margin-top:10px;
	margin-left:10px;
}

li.projectReport{
	width:360px;
	margin-right:10px;
	list-style:none;
}

li.projectReport img{
	padding:4px;
	border:1px solid #c9c9c9;
	margin-bottom:5px;
}

/***************** about ********************/
.about p{
	width:600px;
}

/***************** service ******************/
#serviceNarrowColumn{
	float:left;
	width:210px;
	margin:15px 10px 20px 0px;
	padding:0px 0px 0px 10px;
	min-height:300px;
	z-index:2;
}

#serviceNavi{
	width:200px;
	border:1px solid #c9c9c9;
	background-color:#fbfbfb;
	position:relative;
}

.serviceNaviCategory{
	margin:10px;
	background-color:#FFFFFF;
	position:relative;
}

.serviceNaviTitle{
	background-color:#EEEEEE;
}

.serviceNaviTitle span{
	color:#666;
	font-size:12px;
	line-height:21px;
	font-weight:bold;
	padding-left:10px;
}

.serviceNaviList{
	margin:5px 10px 0px 10px;
	padding-bottom:10px;
}

.serviceNaviList li{
	list-style-type:disc;
	list-style-position:inside;
}

.serviceNaviCurrent{
	color:#993333;
	font-weight:bold;
}

#serviceWideColumn{
	float:left;
	width:730px;
	z-index:1;
}

#serviceTop{
	background-color:#f6f8fa;
	border-bottom:1px solid #c9c9c9;
	margin-left:-230px;
	padding:30px 20px 8px 230px;
}

#serviceTitle h2{
	font-size:14px;
	font-weight:bold;
}

#serviceContents h3{
	font-size:14px;
	color:#1f87fb;
	margin-top:8px;
	padding-bottom:8px;
	border-bottom:1px solid #c9c9c9;
}

#serviceContents h4{
	margin:12px 0px;
	border-bottom:1px solid #c9c9c9;
}

#serviceContents p,ul{
	margin:5px 0px;
	padding-bottom:10px;
}

#serviceContents li{
	padding-bottom:5px;
	margin-left:20px;
	list-style-type:decimal;
	list-style-position:outside;
}

#serviceContents {
	margin:5px 0px;
	padding-bottom:10px;
	width:580px;
}


/***************** footer *******************/

#frohFooter{
	clear: both;
	/*color: #FFF;*/
	line-height:14px;
	
	text-align:center;
	background-color:#DDD;
}

#frohFooterContainer{
	width:995px;
	margin:0 auto;
}

#frohFooter ul{
	display:table;
	margin-left:auto;
	margin-right:auto;
	font-size: 11px;
	border-top: thin solid #cccccc;
}

#frohFooter ul li{
	float:left;
	margin:20px 0px;
	padding: 0px 50px;
}


#frohFooter ul#footerLinks dt{
	font-weight: bold;
	font-size:12px;
	color:#666666;
	margin-bottom:10px;
}

#frohFooter ul#footerLinks dd{
	padding-bottom: 0.4em;
}

#footerLogo{
	clear: both;
	padding:10px;
	font-size:12px;
	text-align:center;
	color:#666666;
}

.first , .second{
	border-right: thin solid #AAA;
}