/* CSS Document */



/*-------------------*/
/*FLASH*/
/*-------------------*/

#flash {
margin:0px auto;
padding:20px 0px 0px 0px;
width: 960px;
height: 340px;
}


/*=====================================================*/
/*h2の設定*/
/*=====================================================*/

h2#index001{
background:url(../../img/top/h2_01.jpg) 0% 0% no-repeat;
width: 670px;
height: 30px;
margin-bottom:15px;
font-size:-1px;
text-indent:-9999px;
clear:both;
}


h2#index002{
background:url(../../img/top/h2_02.jpg) 0% 0% no-repeat;
width:670px;
height: 30px;
margin-bottom:15px;
font-size:-1px;
text-indent:-9999px;
clear:both;
}

　

.catchcopy_index001{
width:670px;
height:70px;
background: url(../../img/top/txt_1_01.jpg) 0% 0% no-repeat;
font-size:30px;
float:left;
}







/*サービス内容紹介*/　


#grid_top0{
width:670px; 
margin:0px ;
}

#grid_top0 #left{
float:left;
width:555px;
}

#grid_top0 #right{
float:right;
width:115px;
}



#grid_top1{
width:670px; 
height:180px; 
margin:0px 0px 25px 0px;
float:left;
}
	
#grid_top1 ul{
zoom: 1;
}
	
#grid_top1 li{
width:330px;
float:left;
list-style-type: none;
display:block;
}

#grid_top1 li img{
vertical-align: top;
margin-bottom:0px;
padding:0px;
}


#grid_top1_1 {
width:330px; 
height: 180px; 
padding:0px; 
margin: 0px 10px 0px 0px; padding:0px; float:left;}

#grid_top1_2 {
width:330px; 
height: 180px; 
margin: 0px 0px 0px 0px; padding:0px; float:left;}





/*サービス内容紹介2*/　


#grid_top2{
width:670px; 
height:385px; 
margin:0px;
float:left;
}
	
#grid_top2 ul{
zoom: 1;
}
	
#grid_top2 li{
width: 215px;
float:left;
list-style-type: none;
display:block;
}

#grid_top2 li img{
width: 215px;
vertical-align: top;
margin-bottom:0px;
padding:0px;
}


#grid_top2_1,#grid_top2_2,#grid_top2_4,#grid_top2_5{
width:215px;
height: 180px; 
padding:0px; 
margin: 0px 12px 15px 0px; padding:0px; float:left;}

#grid_top2_4,#grid_top2_5{
width:215px;
height: 180px; 
padding:0px; 
margin: 0px 12px 0px 0px; padding:0px; float:left;}


#grid_top2_3{
width:215px; 
height: 180px; 
margin: 0px 0px 15px 0px; padding:0px; float:left;}

#grid_top2_6 {
width:215px; 
height: 180px; 
margin: 0px 0px 0px 0px; padding:0px; float:left;}



/*サービス内容紹介3*/　

#grid_top3{
width:670px; 
height: 230px;
margin:0px;
}
	
#grid_top3 ul{
zoom: 1;
}
	
#grid_top3 li{
float:left;
list-style-type: none;
display:block;
}

#grid_top3 li img{
vertical-align: top;
margin-bottom:0px;
padding:0px;
}


#grid_top3_1 {
width:670px; 
height: 120px; 
padding:0px; 
margin: 5px 0px 10px 0px; padding:0px; float:left;}

#grid_top3_2 {
width:330px; 
height: 70px; 
padding:0px; 
margin: 20px 10px 30px 0px; padding:0px; float:left;}

#grid_top3_3 {
width:330px; 
height: 70px; 
margin: 20px 0px 30px 0px; padding:0px; float:left;}





/*=====================================================*/
/*プレスリリースの設定*/
/*=====================================================*/


#pressrelease{
width:670px;
margin:15px 0px 0px 0px;
padding:0px;
text-align:left;
}

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


#pressrelease dl{
width:670px;
margin:0;
padding:0;
}

#pressrelease dt{
width: 80px;
float: left;
line-height: 1.6;
text-align: left;
margin: 2px 0px 7px 0px;
font-size:10px;
color:#999999;
font-weight:bold;
}
		
/*\*/
#pressrelease dt{ clear: both;}
/**/
	
#pressrelease dd{
width: auto;
float: left;
line-height: 1.6;
margin-bottom: 7px;
font-size:12px;
color:#000000;
}


#pressrelease dd img{
vertical-align:middle;
}


/*\*/
*html #pressrelease dd{ float: none;}
/**/
html #pressrelease dd{ float: none;}




/********************
 新着情報アイコン
 *******************/

.icon_info {
	background-color: #FFCC00;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-weight: normal;
	color: #FFFFFF;
	margin-right: 5px;
	font-size: 8px;
	line-height: 12px;
}

/********************
 トップコンテンツ
 *******************/

.topcontent_l{
	width:461px;
	float:left;
}

.topcontent_r{
	width:209px;
	float:right;
}

.topcontent_text{
	text-align:24px justify;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 11px;
}

.topcontent_btml{
	width:330px;
	float:left;
}

.topcontent_btmr{
	width:330px;
	float:right;
}

.topbtm_text{
	text-align:justify;
	padding:10px 10px 0px 10px;
	height:290px;
}

.detail{
	float:right;
}

.orange{
	color:#FF6E0C;
}

p.bn-beginner {
	margin: 0 0 10px;
}