@charset "Shift_JIS";


/*
----------------------------------------------------------*/
#header{
background-image:url("/common/img/group/h1_bg.gif");
background-repeat:no-repeat;
background-position:left top;
padding:0 10px 0 25px;
margin:0 4px 10px 4px;
}

#header:after{
display:block;
height:0px;
content:".";
visibility:hidden;
clear:both;
}

#header h1{
float:left;
padding:20px 0;
}

#header .to_news{
float:right;
padding:30px 0 0 0;
}



/*
----------------------------------------------------------*/
#main_image{
margin:0;
}


/*Group Info VERDE*/
#group_info{
	background-image:url("/common/img/group/group_info_hd.gif");
	background-repeat:no-repeat;
	background-position:left top;
	width:632px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 2px;
}

#group_info .hd{
}

#group_info .ft{
padding:0 10px 0px 10px;
}

#group_info .ft:after{
display:block;
height:0px;
content:".";
visibility:hidden;
clear:both;
}


#group_info dt{
float:left;
width:172px;
font-size:0;
}

#group_info dd{
	float:left;
	width:398px;
	padding:10px 0 0px 0;
}

#group_info dd p{
	padding:2px 10px 0px 0;
	font-size:85%;
	line-height:155%;
	font-weight:bold;
	color:#0CC;
}

#group_info dd strong,
#group_info dd a{
display:block;
background-image:url("/common/img/ar_r_blue.gif");
background-repeat:no-repeat;
background-position:left 0.4em;
padding:0 0 0 13px;
}

#group_info dd a:hover,
#group_info dd a:active{
background-image:url("/common/img/ar_r_blue_on.gif");
}

/*Group Info AZUL*/
#azulgroup_info{
	background-image:url("/common/img/group/group_info_hd_verde.gif");
	background-repeat:no-repeat;
	background-position:left top;
	width:632px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 2px;
}

#azulgroup_info .hd{
}

#azulgroup_info .ft{
padding:0 10px 0px 10px;
}

#azulgroup_info .ft:after{
display:block;
height:0px;
content:".";
visibility:hidden;
clear:both;
}

#azulgroup_info dt{
float:left;
width:172px;
font-size:0;
}

#azulgroup_info dd{
	float:left;
	width:398px;
	padding:10px 0 0px 0;
}

#azulgroup_info dd p{
	padding:2px 10px 0px 0;
	font-size:85%;
	line-height:155%;
	font-weight:bold;
	color:#000;
}

#azulgroup_info dd strong,
#azulgroup_info dd a{
display:block;
background-image:url("/common/img/ar_r_blue.gif");
background-repeat:no-repeat;
background-position:left 0.4em;
padding:0 0 0 13px;
}

#azulgroup_info dd a:hover,
#azulgroup_info dd a:active{
background-image:url("/common/img/ar_r_blue_on.gif");
}

/*Group MSInfo VERDE*/
#group_msinfo{
	background-image:url("/common/img/group/group_msinfo_hd.gif");
	background-repeat:no-repeat;
	background-position:left top;
	width:632px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 2px;
	height: 71px;
}


/*Group Info Spanish*/
#group_info_S{
	background-image:url("/common/img/group/spanish_group_info_hd.gif");
	background-repeat:no-repeat;
	background-position:left top;
	width:632px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 2px;
}

#group_info_S .hd{
}

#group_info_S .ft{
padding:0 10px 0px 10px;
}

#group_info_S .ft:after{
display:block;
height:0px;
content:".";
visibility:hidden;
clear:both;
}


#group_info_S dt{
float:left;
width:172px;
font-size:0;
}

#group_info_S dd{
	float:left;
	width:398px;
	padding:10px 0 0px 0;
}

#group_info_S dd p{
	padding:2px 10px 0px 0;
	font-size:85%;
	line-height:155%;
	font-weight:bold;
	color:#0CC;
}

#group_info_S dd strong,
#group_info_S dd a{
display:block;
background-image:url("/common/img/ar_r_blue.gif");
background-repeat:no-repeat;
background-position:left 0.4em;
padding:0 0 0 13px;
}

#group_info_S dd a:hover,
#group_info_S dd a:active{
background-image:url("/common/img/ar_r_blue_on.gif");
}



/*Group Info Purpul*/
#group_info_P{
	background-image:url("/common/img/group/volunteering_group_info_hd.gif");
	background-repeat:no-repeat;
	background-position:left top;
	width:632px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 2px;
}

#group_info_P .hd{
}

#group_info_P .ft{
padding:0 10px 0px 10px;
}

#group_info_P .ft:after{
display:block;
height:0px;
content:".";
visibility:hidden;
clear:both;
}


#group_info_P dt{
float:left;
width:172px;
font-size:0;
}

#group_info_P dd{
	float:left;
	width:398px;
	padding:10px 0 0px 0;
}

#group_info_P dd p{
	padding:2px 10px 0px 0;
	font-size:85%;
	line-height:155%;
	font-weight:bold;
	color:#0CC;
}

#group_info_P dd strong,
#group_info_P dd a{
display:block;
background-image:url("/common/img/ar_r_blue.gif");
background-repeat:no-repeat;
background-position:left 0.4em;
padding:0 0 0 13px;
}

#group_info_P dd a:hover,
#group_info_P dd a:active{
background-image:url("/common/img/ar_r_blue_on.gif");
}

/*Group Info Gap*/
#group_info_G{
	background-image:url("/common/img/group/gapgroup_info_hd.gif");
	background-repeat:no-repeat;
	background-position:left top;
	width:632px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 2px;
}

#group_info_G .hd{
}

#group_info_G .ft{
padding:0 10px 0px 10px;
}

#group_info_G .ft:after{
display:block;
height:0px;
content:".";
visibility:hidden;
clear:both;
}


#group_info_G dt{
float:left;
width:172px;
font-size:0;
}

#group_info_G dd{
	float:left;
	width:398px;
	padding:10px 0 0px 0;
}

#group_info_G dd p{
	padding:2px 10px 0px 0;
	font-size:85%;
	line-height:155%;
	font-weight:bold;
	color:#0CC;
}

#group_info_G dd strong,
#group_info_G dd a{
display:block;
background-image:url("/common/img/ar_r_blue.gif");
background-repeat:no-repeat;
background-position:left 0.4em;
padding:0 0 0 13px;
}

#group_info_G dd a:hover,
#group_info_G dd a:active{
background-image:url("/common/img/ar_r_blue_on.gif");
}


/*±*/
#group_topinfo{
	background-image:url("/common/img/group/group_topinfo_hd.gif");
	background-repeat:no-repeat;
	background-position:left top;
	width:436px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 2px;
	height: 39px;
}

#group_topinfojp{
	background-image:url("/common/img/group/group_topinfo_hdjp.gif");
	background-repeat:no-repeat;
	background-position:left top;
	width:436px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 2px;
	height: 39px;
}

#group_topinfo .hd{
}

#group_topinfo .ft{
padding:0 0px 0px 10px;
}

#group_topinfo .ft:after{
display:block;
height:0px;
content:".";
visibility:hidden;
clear:both;
}


#group_topinfo dt{
float:left;
width:85px;
font-size:0;
}

#group_topinfo dd{
	float:left;
	width:250px;
	padding:10px 0 0px 0;
}

#group_topinfo dd p{
	padding:2px 10px 0px 0;
	font-size:85%;
	line-height:155%;
	font-weight:bold;
	color:#0CC;
}

#group_topinfo dd strong,
#group_topinfo dd a{
display:block;
background-image:url("/common/img/ar_r_blue.gif");
background-repeat:no-repeat;
background-position:left 0.4em;
padding:0 0 0 13px;
}

#group_topinfo dd a:hover,
#group_topinfo dd a:active{
background-image:url("/common/img/ar_r_blue_on.gif");
}


#group_albuminfo{
	background-image:url("/common/img/group/group_albuminfo_hd.gif");
	background-repeat:no-repeat;
	background-position:left top;
	width:666px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 2px;
	height: 39px;
}

#group_albuminfo .hd{
}

#group_albuminfo .ft{
padding:0 0px 0px 10px;
}

#group_albuminfo .ft:after{
display:block;
height:0px;
content:".";
visibility:hidden;
clear:both;
}


#group_albuminfo dt{
float:left;
width:85px;
font-size:0;
}

#group_albuminfo dd{
	float:left;
	width:480px;
	padding:10px 0 0px 0;
}

#group_albuminfo dd p{
	padding:2px 10px 0px 0;
	font-size:85%;
	line-height:155%;
	font-weight:bold;
	color:#0CC;
}

#group_albuminfo dd strong,
#group_albuminfo dd a{
display:block;
background-image:url("/common/img/ar_r_blue.gif");
background-repeat:no-repeat;
background-position:left 0.4em;
padding:0 0 0 13px;
}

#group_albuminfo dd a:hover,
#group_albuminfo dd a:active{
background-image:url("/common/img/ar_r_blue_on.gif");
}


/*»
----------------------------------------------------------*/
#contents .block{
background-image:url("/common/img/group/block_bg.gif");
background-repeat:repeat-y;
background-position:left top;
width:632px;
margin:0 0 6px 0;
}

#contents .block .hd{
background-image:url("/common/img/group/block_hd.gif");
background-repeat:no-repeat;
background-position:left top;
}

#contents .block .ft{
background-image:url("/common/img/group/block_ft.gif");
background-repeat:no-repeat;
background-position:left bottom;

}

#contents .block .ft:after{
display:block;
height:0px;
content:".";
visibility:hidden;
clear:both;
}



#contents .block h3{
background-image:url("/common/img/group/block_hd_tit_bg.gif");
background-repeat:no-repeat;
background-position:left top;
padding:11px 19px 6px 19px;
}


/*¼
----------------------------------------------------------*/
#contents .company h1,
#contents .company h2,
#contents .company h3,
#contents .company h4,
#contents .company h5,
#contents .company h6,
#contents .company p,
#contents .company ol,
#contents .company ul,
#contents .company li,
#contents .company dl,
#contents .company dt,
#contents .company dd,
#contents .company table,
#contents .company th,
contents td,
contents form,
contents br{
margin:0;
padding:0;
font-size:100%;
}

#contents .company ul,
#contents .company li{
list-style:none;
}


#contents .company .ft{
padding:0 2px 19px 18px;
}

#contents .company ul.row{
padding:0 0 2px 0;
}

#contents .company ul.row:after{
display:block;
height:0px;
content:".";
visibility:hidden;
clear:both;
}


#contents .company ul.row li.box{
float:left;
width:215px;
}

#contents .company ul.row li.box dl{
margin:0;
padding:0;
font-size:100%;
}

#contents .company ul.row li.box dt{
padding:20px 0 8px 0;
}

#contents .company ul.row li.box dd{
margin:3px 15px 3px 0;
font-size:100%;
line-height:155%;
font-weight:bold;
}

#contents .company ul.row li.box dd a{
display:block;
background-image:url("/common/img/ar_r_blue.gif");
background-repeat:no-repeat;
background-position:left 0.5em;
padding:0 0 0 13px;
}

#contents .company ul.row li.box dd a:hover,
#contents .company ul.row li.box dd a:active{
background-image:url("/common/img/ar_r_blue_on.gif");
}


#contents .company ul.row li.box dd.lead{
background-image:none;
font-weight:normal;
padding:0 13px 0 13px;
}




/*«
----------------------------------------------------------*/
#contents .customer .ft{
padding:14px 19px 0 19px;
}

#contents .customer ul.row{
padding:0 0 15px 0;
}

#contents .customer ul.row:after{
display:block;
height:0px;
content:".";
visibility:hidden;
clear:both;
}


#contents .customer ul.row li.box{
float:left;
width:315px;
}

#contents .customer ul.row li.box h4{
float:left;
width:155px;
}

#contents .customer ul.row li.box dl{
float:left;
width:145px;
}


#contents .customer ul.row li.box dt{
font-size:73%;
line-height:155%;
font-weight:bold;
}

#contents .customer ul.row li.box dt a{
display:block;
width:100%;
background-image:url("/common/img/ar_r_blue.gif");
background-repeat:no-repeat;
background-position:left 0.5em;
padding:0 0 0 10px;
}

#contents .customer ul.row li.box dt a:hover,
#contents .customer ul.row li.box dt a:active{
background-image:url("/common/img/ar_r_blue_on.gif");
}


#contents .customer ul.row li.box dd{
font-size:73%;
line-height:155%;
padding:5px 0 0 10px;
}



/*
----------------------------------------------------------*/
#contents .recruit .ft{
padding:13px 19px 13px 19px;
}

#contents .recruit .left{
float:left;
width:476px;
font-size:73%;
line-height:155%;
}

#contents .recruit .left dt{
border-bottom:1px solid #e0e4e6;
padding:0 15px 10px 0;
}

#contents .recruit .left dd{
float:left;
padding:13px 15px 0 16px;
}

#contents .recruit .left dd a{
background-image:url("/common/img/ar_r_blue.gif");
background-repeat:no-repeat;
background-position:left 0.25em;
padding:0 0 0 10px;
}

#contents .recruit .left dd a:hover,
#contents .recruit .left dd a:active{
background-image:url("/common/img/ar_r_blue_on.gif");
}


#contents .recruit .right{
float:right;
}





/*¹
----------------------------------------------------------*/
#contents .news .ft{
padding:10px 4px 30px 19px;
}

#contents .news h3{
padding:5px 5px 0px 19px;
}

#contents .news h3 strong img{
margin:0 245px 6px 0;
}
#contents .news h3 a img{
margin:0 0 0 2px;
}


#contents .news dl.overflow{
font-size:73%;
line-height:150%;
overflow:auto;
}

#contents .news dt{
clear:both;
float:left;
width:88px;
padding:11px 10px 0 0;
}

#contents .news dd{
float:left;
width:528px;
border-bottom:1px solid #e0e4e6;
padding:11px 0 0 0;
}

#contents .news dd li{
display:inline;
}

#contents .news dd li a{
display:block;
background-image:url("/common/img/ar_r_blue.gif");
background-repeat:no-repeat;
background-position:left 0.4em;
padding:0 0 0 10px;
margin:0 0 10px 0;
}

#contents .news dd li a:hover,
#contents .news dd li a:active{
background-image:url("/common/img/ar_r_blue_on.gif");
}