/* CSS Document */

/* Início header */

.mid{
	width:965px;
	height:310px;
}

#geral {
	width:965px;
	margin:0 auto;
	padding:0;
	list-style:none;
	text-decoration:none;
	vertical-align:middle;

}

#bloco3Coluna2Lv1 { width:725px;background: url(http://www.sptrans.com.br/img/estudante/sptransCulturalBg.gif) repeat-x; }
						#tituloSPTransCultural { color:#FFFFFF; text-transform:uppercase; font-family: Arial, sans-serif; padding-top:16px; padding-left:140px; height:34px;}
						#logoSPTransCultural { background: url(http://www.sptrans.com.br/img/estudante/sptransCultural.png) no-repeat; background-color:#FFFFFF; padding-right:5px; float:left; height:50px; width:120px; }
						#logoSPTransCultural span { display:none; }


.bot{height:435px;width:965px; /*background-color:#575457;*/ }
.bot a{text-decoration: none;}
.bot_collect{float:left;height:390px;width:735px;float:left; /*background-color:#82c4ef;*/ }
.bot_title{height:45px;width:250px; /*background-color:#99a7c5;*/ }
.box{height:370px;width:390px;float:left;/*background-color:#4e925b;*/ }
.news{height:110px;width:390px;margin:10px;margin-top:10px;/*(background-color:#e19149*/ } 

.twt{height:335px;width:230px;float:right; }

/* Centro dos Blocos*/
.block1{/*height:120px;*/width:210px;margin:5px;text-align:center; padding-top:15px;font-family:Helvetica,Arial;  color:#464545; }

.block2a{ height:72px;/*width:210px;*/margin:5px;background: url(http://www.sptrans.com.br/img/estudante/icones/red/consulta.png) no-repeat;background-position:50% }
.block2a span { display:none;}
.block2b{height:72px;/*width:210px;*/margin:5px;background: url(http://www.sptrans.com.br/img/estudante/icones/red/solicitacao.png) no-repeat;background-position:50% }
.block2c{height:72px;/*width:210px;*/margin:5px;background: url(http://www.sptrans.com.br/img/estudante/icones/red/acompanhamento.png) no-repeat;background-position:50% }
.block2d{height:72px;/*width:210px;*/margin:5px;background: url(http://www.sptrans.com.br/img/estudante/icones/red/recarga.png) no-repeat;background-position:50% }

.block3{height:120px;width:210px;margin:5px;background-color:#c43fbc;text-align:center; padding-top:0px;}
/*No block4 o height está descomentado pois é necessário o alinhamento dos textos*/
.block4{height:70px;width:210px;margin:5px;text-align:center; padding-top:5px;font-family:Helvetica,Arial;  color:#464545; font-size:110%; }
.block4 a { color:#464545; text-decoration:none; }
.block4 a:hover { color:#666666; }

/*Títulos Principais e cor das Janelas*/
.title1{height:35px;  background: url(http://www.sptrans.com.br/img/estudante/title/1.jpg) repeat-x; padding-top: 5px; }
.afterTitle1 { height:42px; width:7px; background: url(http://www.sptrans.com.br/img/estudante/title/1.jpg) repeat-x #c5211c; float:left; }
.afterTitle1 span { display:none; } 

.title2{height:35px;  background: url(http://www.sptrans.com.br/img/estudante/title/2.jpg) repeat-x; padding-top: 5px;; }
.afterTitle2 { height:42px; width:7px; background: url(http://www.sptrans.com.br/img/estudante/title/2.jpg) repeat-x #7988a5; float:left; }
.afterTitle2 span { display:none; } 

.title3{height:35px;  background: url(http://www.sptrans.com.br/img/estudante/title/3.jpg) repeat-x; padding-top: 5px;; }
.afterTitle3 { height:42px; width:7px; background: url(http://www.sptrans.com.br/img/estudante/title/3.jpg) repeat-x #4f8bb5; float:left; }
.afterTitle3 span { display:none; } 

.title4{height:35px; background: url(http://www.sptrans.com.br/img/estudante/title/4.jpg) repeat-x; padding-top: 5px; }
.afterTitle4 { height:42px; width:7px; background: url(http://www.sptrans.com.br/img/estudante/title/4.jpg) repeat-x #bdbdbd; float:left; }
.afterTitle4 span { display:none; } 

/*Borda dos Títulos*/
.sessao1{float:left;height:295px;width:228px; margin-top:5px; margin-right:18px; background-color:#fff;
/*border-left: #c15353 solid 7px;*/ }
.sessao2{float:left;height:295px;width:233px; margin-top:5px; margin-right:13px; background-color:#ffffff; /*border-left: #99a8c5 solid 7px;*/ }
.sessao3{float:left;height:295px;width:231px; margin-top:5px;margin-right:5px; background-color:#ffffff; /*border-left: #82c4ef solid 7px;*/ }
.sessao4{float:right;height:295px; width:231px;margin-top:5px;background-color:#ffffff; /*border-left: #eeeeee solid 7px;*/}

/*Conteiner das Bordas*/
.borda1{float:left;height:252px;width:220px; background-color:#ffffff; border-left: #c5211c solid 7px; }
.borda2{float:left;height:252px;width:220px; background-color:#ffffff; border-left: #7988a5 solid 7px; }
.borda3{float:left;height:252px;width:220px; background-color:#ffffff; border-left: #4f8bb5 solid 7px; }
.borda4{float:left;height:252px;width:220px; background-color:#ffffff; border-left: #bdbdbd solid 7px; }

/*Fonte dos Títulos*/
/*.texto_tit {font-family: Arial; font-size:19px; color:#000000; padding-top: 20px; text-align:center; text-transform:uppercase; }
.texto_tit a{text-decoration:none; color:#000000;} */

.texto_consulta {font-family: Arial; font-size:130%; color:#000000; padding-top: 21px; padding-left: 70px; }
.texto_consulta a{text-decoration:none; color:#000000; padding-top: 20px;}


.texto_solicitacao {font-family: Arial; font-size:130%; color:#000000; padding-top: 21px; padding-left: 25px;}
.texto_solicitacao a{text-decoration:none; color:#000000; padding-top: 20px;}


.texto_acompanhamento {font-family: Arial; font-size:130%; color:#000000; padding-top: 21px; padding-left: 30px;}
.texto_acompanhamento a{text-decoration:none; color:#000000; padding-top: 20px;}


.texto_creditos {font-family: Arial; font-size:130%; color:#000000; padding-top: 21px; padding-left: 65px;}
.texto_creditos a{text-decoration:none; color:#000000; padding-top: 20px;}

/* Fim da fonte dos Títulos */

.texto_top {font-family: Arial, sans-serif; font-size:150%; color:#ffffff; margin-top:10px; margin-left:5px; border: 0; }
.texto_top  a{text-decoration:none;font-family: Arial, sans-serif; font-size:70%; color:#ffffff; margin-top:10px; margin-left:5px; border: 0;}

/*Div que alinha a posição dos links com a div do bloco superior*/
.links{height:125px;width:210px;margin:2px; padding:1px; }
.linksConsulta {height:80px;width:210px;margin:2px; padding:1px;}
.linksSolicitacao{height:83px;width:210px;margin:2px; padding:1px; }
.linkpConsulta { background-color: #c0bfbf; display: block; height:25%; width:207px; margin:2px; text-align:left; padding-left:10px;  padding-top:0px; font-family:Helvetica,Arial; font-size:100%; color:#464545; }
.linkpSolicitacao { background-color: #c0bfbf; display: block; height:25.33%; width:211px; margin:2px; text-align:left; padding-left:10px; padding-top:0px; font-family:Helvetica,Arial; font-size:100%; color:#464545; }
.linkpSolicitacao1 { background-color: #c0bfbf; display: block; height:49.33%; width:211px; margin:2px; text-align:left; padding-left:10px; padding-top:0px; font-family:Helvetica,Arial; font-size:100%; color:#464545; }

.linkpAcompanhamento { background-color: #c0bfbf; display: block; height:90%; width:208px; margin:2px; text-align:left; padding-left:10px; padding-top:13px; font-family:Helvetica,Arial; font-size:100%; color:#464545; }
.linksCreditos { background-color: #c0bfbf; display: block; height:28.50%; width:205px; margin:5px; text-align:left; padding-left:10px; padding-top:15px; font-family:Helvetica,Arial; font-size:100%; color:#464545; margin-top: 8px;}
.linkpConsulta a,.linkpSolicitacao a, .linkpSolicitacao1 a, .linkpAcompanhamento a,.linksCreditos a { text-decoration:none; color:#464545; }
.linkpConsulta a:hover,.linkpSolicitacao a:hover,.linkpSolicitacao1 a:hover,.linkpAcompanhamento a:hover,.linksCreditos a:hover { color:#999999; }

/*Link Grande*/
/*.linkg{height:30px;width:210px;margin:2px;background-color:#e7e7e7;text-align:center; padding-top:0px;font-family:Helvetica,Arial bold; font-size:18px; color:#464545; }
/*Link Pequeno*/
/*.linkp{height:20px;width:210px;margin:2px;background-color:#c0bfbf;text-align:center; padding-top:0px;font-family:Helvetica,Arial; font-size:16px; color:#464545; }*/

/* Div's do topo */
.top{height:145px;width:965px; }
.line_top{height:40px;width:965px;background: url(http://www.sptrans.com.br/img/estudante/header.png) repeat-x; }

.box_top{/*margin:10px*/;height:140px;width:965px;background-color:#ffffff;}
.logo{float:left;height:140px;width:220px;border:0px;background: url(http://www.sptrans.com.br/img/estudante/logo.png) no-repeat;}
.banner{float:right;height:140px;width:735px;border:0px;/*background: url(../img/banner_grande.png) no-repeat;*//*background-color:#445544;*/}

/* Div's do news */
.img_n{float:left;background-color:#994499;}
.img_n, .img_n IMG {height:90px;width:110px;}
.box_n{height:100px;width:230px;float:left;margin-top:0px;/*background-color:#111111;*/}
.title_n{height:12px;width:65px;float:left;/*background-color:#ffffff;*/margin-left:5px;font-family:Calibri; font-size:83%; color:#5e5e5e; }
.title_n a{height:12px;width:65px;float:left;/*background-color:#ffffff;*/margin-left:5px;font-family:Calibri; font-size:83%; color:#5e5e5e; }
.sub_title_n{height:23px;width:230px;float:left;/*background-color:#555555;*/margin-left:5px;font-family:Calibri; font-size:100%; color:#cc0907; font-weight:bold;}
.sub_title_n a{height:23px;width:230px;float:left;/*background-color:#555555;*/margin-left:5px;font-family:Calibri; font-size:100%; color:#cc0907; font-weight:bold;}
.text_n{height:45px;width:270px;float:left;/*background-color:#888888*/margin-left:5px;font-family: testaFonte, Arial, sans-serif; font-size:95%; color:#252525; }
.text_n a{height:45px;width:270px;float:left;/*background-color:#888888*/margin-left:5px;font-family: testaFonte, Arial, sans-serif; font-size:95%; color:#252525; }
#text_n1{font-family: testaFonte, Arial, sans-serif;}
#text_n2{font-family: testaFonte, Arial, sans-serif;}
#text_n3{font-family: testaFonte, Arial, sans-serif;}

/*Div's do Destaque da News*/
.box_2{height:380px;width:320px; /*background-color:#e1d549;*/ float:right; }
.box_img{ /*background-color:#497fe1;*/ margin-top:10px; margin-left:10px; margin-right:10px; }
.box_img, .box_img IMG {height:260px;width:300px;}
.box_text_container{height:75px; width:300px; /*background-color:#ffffff;*/ margin-left:10px; }
.box_sub_title{height:15px;width:50px; /*background-color:#121212;*/ float:right; font-family:Calibri; font-size:83%; color:#5e5e5e; text-align:right; margin-top:2px; }
.box_sub_title a{height:15px;width:50px; /*background-color:#121212;*/ float:right; font-family:Calibri; font-size:83%; color:#5e5e5e; text-align:right; margin-top:2px; }
.box_title{height:20px;width:230px; /*background-color:#a7a7a7;*/ float:left; font-family:Calibri; font-size:100%; color:#cc0907; font-weight:bold; }
.box_title a{height:20px;width:230px; /*background-color:#a7a7a7;*/ float:left; font-family:Calibri; font-size:100%; color:#cc0907; font-weight:bold; }
.box_text{height:50px;width:300px; /*background-color:#a7a7a7;*/ float:left; font-family:Helvetica,Arial; font-size:95%; color:#252525; }
.box_text a{height:50px;width:300px; /*background-color:#a7a7a7;*/ float:left; font-family:Helvetica,Arial; font-size:95%; color:#252525; }

.links span {margin-top:5px}

/* Código para Cor dos Links */
/* Primeira Coluna */

.linkp {
				background-color: #c0bfbf;
				display: block;
				height:20px;
				width:210px;
				margin:2px;
				text-align:center;
				padding-top:0px;
				font-family:Helvetica,Arial; 
				font-size:100%; 
				color:#464545;
}
div.linkp:hover
{
background-color:#cccccc;
}

.linkg {
				background-color: #e7e7e7;
				display: block;
				height:30px;
				width:210px;
				margin:2px;
				text-align:center;
				padding-top:0px;
				font-family:Helvetica,Arial bold; 
				font-size:100%; 
				color:#464545; }

div.linkg:hover
{
background-color:#c06060;
}
/* Fim da primeira coluna */
/* Segunda Coluna */
.linkp2 {
				background-color: #c0bfbf;
				display: block;
				height:20px;
				width:210px;
				margin:2px;
				text-align:center;
				padding-top:0px;
				font-family:Helvetica,Arial; 
				font-size:100%; 
				color:#464545;
}
div.linkp2:hover
{
background-color:#a8b7d4;
}

.linkg2 {
				background-color: #e7e7e7;
				display: block;
				height:30px;
				width:210px;
				margin:2px;
				text-align:center;
				padding-top:0px;
				font-family:Helvetica,Arial bold; 
				font-size:100%; 
				color:#464545; }

div.linkg2:hover
{
background-color:#99abce;
}

/* Fim da segunda coluna */
/* Terçeira Coluna */

.linkp3 {
				background-color: #c0bfbf;
				display: block;
				height:20px;
				width:210px;
				margin:2px;
				text-align:center;
				padding-top:0px;
				font-family:Helvetica,Arial; 
				font-size:100%; 
				color:#464545;
}
div.linkp3:hover
{
background-color:#94ccf0;
}

.linkg3 {
				background-color: #e7e7e7;
				display: block;
				height:30px;
				width:210px;
				margin:2px;
				text-align:center;
				padding-top:0px;
				font-family:Helvetica,Arial bold; 
				font-size:100%; 
				color:#464545; }

div.linkg3:hover
{
background-color:#87bee0;
}

/* Fim da terçeira coluna */
/* Quarta Coluna */


.linkp4 {
				background-color: #c0bfbf;
				display: block;
				height:20px;
				width:210px;
				margin:2px;
				text-align:center;
				padding-top:0px;
				font-family:Helvetica,Arial; 
				font-size:100%; 
				color:#464545;
}
div.linkp4:hover
{
background-color:#edecec;
}

.linkg4 {
				background-color: #e7e7e7;
				display: block;
				height:30px;
				width:210px;
				margin:2px;
				text-align:center;
				padding-top:0px;
				font-family:Helvetica,Arial bold;
				font-size:100%; 
				color:#464545; }

div.linkg4:hover
{
background-color:#edecec;
}

/*Fim da quarta coluna*/
/* Final do código para Cor dos Links */

/* Final header */

/* Início footer */

.footer {
background-color:#999999;
float:right;
height:58px;
width: 965px;
margin-top:30px;
}

.img_footer {
float:left;
margin-left:40px;
margin-top:5px;
}

.txt_footer {
text-decoration:none;
float:right;
color:#FFFFFF;
margin-right:60px;
padding-top:37px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:70%;
}
.txt_footer a{color:#FFFFFF;}
.txt_footer a:hover{color:#FFFFFF;}

/* Final footer */

/* Início corpo */

* { margin: 0; padding: 0; }			
	
/* CSS Janela Modal */
			
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#consultaAtiva .close, #consultaAguardando .close, #consultaReprovada .close, #consultaOutros .close, #solicitacaoOrienta .close, #solicitacaoQualidade .close, #orientacoesGerais .close {
    background: url(http://www.sptrans.com.br/img/estudante/fecha1.png) no-repeat;
    height: 30px;
    background-position: right;
    padding-right: 33px;
    padding-top:8px;
    text-decoration: none;
    color: #8E2323;
 }
 
 #consultaAtiva .close:hover, #consultaAguardando .close:hover, #consultaReprovada .close:hover, #consultaOutros .close:hover, #solicitacaoOrienta .close:hover, #solicitacaoQualidade .close:hover, #orientacoesGerais .close:hover {
    background: url(http://www.sptrans.com.br/img/estudante/fecha2.png) no-repeat;  
    background-position: right; 
    color: #999999;
 }
 
 #consultaAtiva .close span, #consultaAguardando .close span, #consultaReprovada .close span, #consultaOutros .close span, #solicitacaoOrienta .close span, #solicitacaoQualidade .close span, #orientacoesGerais .close span {
    display: none;
}

/*#boxes #consultaAtiva, #consultaAguardando, #consultaReprovada, #consultaOutros {
  width:400px; 
  height:203px;
  padding:10px;
  background-color:#ffffff;
  font-family: testafonte, Helvetica, Arial;
  font-weight:100;
  border-left: #c5211c solid 7px;
  border-top: #c5211c solic 23px;
}*/

/* ----------- teste -------------- */
#boxes #consultaAtiva {
  width:400px; 
  height:143px;
  padding:10px;
  background-color:#ffffff;
  font-family: testafonte, Helvetica, Arial;
  font-weight:100;
  border-left: #c5211c solid 7px;
  border-top: #c5211c solid 23px;
}

#boxes #consultaAguardando {
  width:400px; 
  height:133px;
  padding:10px;
  background-color:#ffffff;
  font-family: testafonte, Helvetica, Arial;
  font-weight:100;
  border-left: #c5211c solid 7px;
  border-top: #c5211c solid 23px;
}

#boxes #consultaReprovada {
  width:400px; 
  height:143px;
  padding:10px;
  background-color:#ffffff;
  font-family: testafonte, Helvetica, Arial;
  font-weight:100;
  border-left: #c5211c solid 7px;
  border-top: #c5211c solid 23px;
}

#boxes #consultaOutros {
  width:410px; 
  height:243px;
  padding:10px;
  background-color:#ffffff;
  font-family: testafonte, Helvetica, Arial;
  font-weight:100;
  border-left: #c5211c solid 7px;
  border-top: #c5211c solid 23px;
}

#consultaOutros ul {
    padding-left: 30px;
}
#boxes #solicitacaoQualidade {
  width:610px; 
  height:400px;
  padding:10px;
  background-color:#ffffff;
  border-left: #7988a5 solid 7px;
  border-top: #7988a5 solid 23px;
  border-bottom: #cccccc solid 2px;
  border-right: #cccccc solid 2px;
}

/* ----------- fim do teste -------------- */

#boxes #solicitacaoOrienta {
  width:720px; 
  height:655px;
  padding:10px;
  background-color:#ffffff;
  font-family: Helvetica, Arial; 
  /*font-size:smaller;*/
  border-left: #7988a5 solid 7px;
  border-top: #7988a5 solid 23px;
}

#boxes #orientacoesGerais {
  width:550px; 
  height:525px;
  padding:10px;
  background-color:#ffffff;
  font-family: Arial;
  /*font-size:smaller;*/
  border-left: #4d4e4a solid 7px;
  border-top: #4d4e4a solid 23px;
}

#orientacoesGerais  a {text-decoration:none;
					 color:#eb1d2b;
					 font-weight:bold;
					}
#orientacoesGerais   a:hover
					{text-decoration:none;
					 color:#dcdcdc;
					 font-weight:bold;
					}

#boxes #solicitacaoQualidade {
    font-family: Helvetica, Arial; 
}

#boxes #solicitacaoOrienta ul{
    padding: 20px;
}

#boxes #solicitacaoOrienta a {
    font-size:medium;
}
    

#solicitacaoOrienta ul {
   list-style: outside;
}

#boxes #solicitacaoOrienta1 {
  width:620px; 
  height:635px;
  padding:10px;
  background-color:#ffffff;
  font-family: Helvetica, Arial; 
  font-size:smaller;
}

#boxes #solicitacaoOrienta1 a {
    font-size:medium;
}
    

#solicitacaoOrienta1 ul {
   list-style: outside;
}


#boxes #dialog1 {
  width:375px; 
  height:203px;
}

#dialog1 .d-header {
  background:url(login-header.png) no-repeat 0 0 transparent; 
  width:375px; 
  height:150px;
}

#dialog1 .d-header input {
  position:relative;
  top:60px;
  left:100px;
  border:3px solid #cccccc;
  height:22px;
  width:200px;
  font-size:100%;
  padding:5px;
  margin-top:4px;
}

#dialog1 .d-blank {
  float:left;
  background:url(login-blank.png) no-repeat 0 0 transparent; 
  width:267px; 
  height:53px;
}

#dialog1 .d-login {
  float:left;
  width:108px; 
  height:53px;
}

#boxes #dialog2 {
  background:url(notice.png) no-repeat 0 0 transparent; 
  width:326px; 
  height:229px;
  padding:50px 0 20px 25px;
}
.close{display:block; text-align:right;}

/*Fim CSS Janela Modal*/

/* Final corpo */

/* Início Twitter */

.example { display:none; }

#corpoTwitter {
  background-color: #1F7AA7;
  color: #ffffff;
  font: 50%/1.3 arial, sans-serif;
  margin: 0 auto;
  width: 230px;

  /*padding: 20px;*/
  text-align: left;
  border-bottom:#6fadcc 2px solid; 
}
 
#corpoTwitter a {
    font-size: 50%;    
}

.tweet_list { height:335px; } 

#sigaTwitter {
	background-color:#1F7AA7;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:100%;
	text-align:center;
	padding-top:16px;
	height:40px;	
}

#sigaTwitter a {
    color:#FFFFFF;
    text-decoration:none;
}


/* Final Twitter */


.segundoquadro {height:120px;width:965px; float:left;margin-bottom:8px; }
.segundoquadro a{text-decoration:none; color:#464545;}
.segundoquadro a:hover { color:#666666; }
.caixa_grande {height:35px;width:480px;margin-right:8px;/*background-color:#963258;*/float:left;background: url(../img/titulo.png) }
.caixa_grande2 {height:35px;width:230px;margin-left:5px;/*background-color:#963258;*/float:left;background: url(../img/tit1.jpg) }
.caixa_grande3 {height:35px;width:230px;margin-left:5px;/*background-color:#963258;*/float:right;background: url(../img/tit2.jpg) }
.caixa1 {height:85px;width:241px;background-color:#f1f1f1; float:left;font-family:Arial, Sans-Serif; font-size:95%; color:#212121; }
.caixa2 {height:85px;width:231px;background-color:#f1f1f1; float:left;font-family:Arial, Sans-Serif; font-size:95%; color:#212121; margin-right:13px; }
.caixa3 {height:85px;width:230px;background-color:#f1f1f1; float:left;font-family:Arial, Sans-Serif; font-size:95%; color:#212121; }
.caixa4 {height:85px;width:230px;background-color:#f1f1f1; float:right;font-family:Arial, Sans-Serif; font-size:95%; color:#212121; }

.cont_texto1a {height:22px;width:200px;/*background-color:#121212;*/ float:right; margin-top:13px; margin-left:5px;}
.cont_texto1 {height:34px;width:200px;/*background-color:#121212;*/ float:right; margin-top:5px; margin-left:5px;}

.cont_texto2 {height:60px;width:193px;/*background-color:#121212;*/ float:right; margin-top:16px; margin-left:1px;}
.cont_texto3 {height:23px;/*background-color:#121212;*/ float:left; margin-top:5px; }
.cont_texto4 {height:23px;/*background-color:#121212;*/ float:left; margin-top:5px; }
.cont_texto5 {height:23px;width:150px;/*background-color:#121212;*/ float:left; margin-top:5px; }


.cont_texto6{height:23px;/*background-color:#121212;*/ float:left; margin-top:15px; }
.cont_texto7 {height:23px;width:180px;/*background-color:#121212;*/ float:left; margin-top:10px; }


.division {height:85px;width:8px;background: url(../img/division.png) no-repeat; float:left;}
.division2 {height:85px;width:8px;background: url(../img/division2.png) no-repeat; float:left;}

.cont_icon1 {height:25px;width:25px;background: url(../img/button_sp.png) no-repeat; float:left; margin-left:2px;}
.cont_icon1a {height:25px;width:25px;background: url(../img/button_sp.png) no-repeat; float:left; margin-left:2px; margin-top:9px;}

.cont_icon2 {height:40px;width:25px;background: url(../img/button_sp.png) no-repeat; float:left; margin-top:30px; margin-left:5px;}

.content_icons {height:69px;width:25px; float:left; margin-top:2px; margin-left:6px;}
.content_icons2 {height:69px;width:25px; float:left; margin-top:10px; margin-left:6px;}

.cont_icon3 {height:23px;width:25px;background: url(../img/button_sp.png) no-repeat; float:left;}
.cont_icon4 {height:23px;width:25px;background: url(../img/button_sp.png) no-repeat; float:left; margin-top:4px;}
.cont_icon5 {height:23px;width:25px;background: url(../img/button_sp.png) no-repeat; float:left; margin-top:4px;}

.manual_c{color: #f1f1f1;}

.manual_d{color: #999999; }
.manual_d a{text-decoration:none; color: #999999;}



.manual_d a:link, a:visited {}
.manual_d a:hover {text-decoration: none; }
.manual_d a:active {text-decoration: none;}