@charset "shift_jis";
/*
	Description: Service TopPage Setting
*/

/****** CONTENTS ***************************************

	1: Service TOP

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

/****** 1: Service TOP ************************************/
h1#title_service {
	margin: 0 auto;
	width: 840px;
}

	h1#title_service img {
		margin: 9px 0;
	}

/* service_head_box
--------------------------------------------*/
#service_head_box {
	margin: 0 auto 10px;
	width: 840px;
	background: url(../img/bg_dotto.gif) 0 0 repeat-y;
	font-size: 109%;
	line-height: 1.5;
}

	#service_head_box div {
		background: url(../img/bg_service_top_dotto.gif) 0 0 no-repeat;
	}
	
		#service_head_box div div {
			padding: 10px;
			background: url(../img/bg_dotto_bottom.gif) 0 bottom no-repeat;
		}
		
			#service_head_box div div div {
				padding: 0;
				background: none;
			}
			
			#img_top {
				float: left;
				width: 546px;
			}
			
			#service_head_menu_box {
				float: right;
				width: 263px;
			}
			
				#service_head_menu_box p {
					padding: 0 0 0 1px;
				}
				
				#service_head_menu {
					height: 80px;
				}
				
				/* HACK IE6/8 */
				/*IE8*/
				head~/* */body #service_head_menu {
					height: 84px;
				}
				
				/*not IE8*/
				html:not(:target) #service_head_menu {
					height: 80px;
				}
				
				/*IE6*/
				* html #service_head_menu {
					height: 81px;
				}
				
				/* HACK END */
				
					#service_head_menu li {
						float: left;
						padding: 0 0 0 1px;
					}
					#service_head_menu li.mp2 {
						float: left;
						padding: 0 0 0 2px;
					}
				
				#campaign_box {
					clear: both;
					margin: 0 0 5px;
					padding: 0 0 0 1px;
				}
				
					#campaign_box dt {
						float: left;
						padding: 0 0 3px;
						width: 117px;
					}
					
					#campaign_box dd#btn_campaign_index {
						float: right;
						padding: 0 0 3px;
						width: 48px;
					}
					
					#campaign_box dd#campaign_list {
						clear: both;
						border: 1px solid #DDDDDD;
						background: #FFFFFF;
					}
					
					/* HACK IE6/7 */
					* html #campaign_box dd#campaign_list {
					}
					
					*:first-child+html #campaign_box dd#campaign_list {
					}
					/* HACK END */
					
					
						dd#campaign_list li {
							padding: 4px 0 4px;
							background: url(../img/line_dotto_top.gif) 0 0 repeat-x;
							line-height: 1.2;
						}
						
						/* HACK IE6/7 */
						* html dd#campaign_list li {
							padding: 4px 0 4px;
						}
						
						*:first-child+html dd#campaign_list li {
							padding: 4px 0 3px;
						}
						/* HACK END */
						
						dd#campaign_list li#campaign_list_top {
							background: none;
						}
						
							dd#campaign_list li a {
								display: block;
								padding: 0 0 0 15px;
								background: url(../img/icon_mini_arrow_campaign.gif) 0 0.35em no-repeat;
							}

/* service_nemu_box
--------------------------------------------*/
#service_nemu_box {
	clear: both;
	margin: 0 auto 10px;
	width: 840px;
	font-size: 109%;
	line-height: 1.5;
}

	#service_nemu_box_inner {
		float: left;
		width: 630px;
		background: url(../img/bg_servise_menu.gif) 0 0 repeat-y;
	}
	
		#eo_kaisen_box {
			background: url(../img/bg_servise_menu_bottom.gif) 0 bottom no-repeat;
		}
		
			#eo_home_box {
				float: left;
				padding: 0 1px;
				width: 308px;
				border-top: 1px solid #CCCCCC;
				border-bottom: 1px solid #CCCCCC;
				background: url(../img/bg_kaisen.gif) 0 0 repeat-y;
			}
			
				#eo_home_box div {
					padding: 5px 0 3px;
					background: url(../img/bg_btn_eo_home.gif) 0 0 no-repeat;
				}
			
			#eo_mansion_box {
				float: left;
				padding: 0 1px 0 0;
				width: 308px;
				border-top: 1px solid #CCCCCC;
				border-bottom: 1px solid #CCCCCC;
				background: url(../img/bg_kaisen.gif) 0 0 repeat-y;
			}
			
				#eo_mansion_box div {
					padding: 5px 0 3px;
					background: url(../img/bg_btn_eo_mansion.gif) 0 0 no-repeat;
				}
			
					#eo_home_box h3,
					#eo_mansion_box h3 {
						float: left;
						padding: 0 0 0 5px;
					}
			
			#eo_kaisen_box_footer {
				clear: both;
				margin: 0 1px;
				padding: 3px 5px 5px;
				width: 608px;
				border-top: 1px solid #FFFFFF;
			}
			
				#eo_kaisen_box_footer li {
					padding: 0 0 0 15px;
					background: url(../img/icon_mini_arrow_eo.gif) 0 0.35em no-repeat;
				}
		#service_nemu_box_right {
			float: right;
			width: 210px;
			background-image:none;
		}
			
		#eosmartlink_box {
			margin-bottom:10px;
		}

/* service_index_box
--------------------------------------------*/
#service_index_box {
	clear: both;
	margin: 0 auto;
	width: 840px;
	background: url(../img/bg_dotto.gif) 0 0 repeat-y;
	font-size: 109%;
	line-height: 1.5;
}

	#service_index_box div {
		background: url(../img/bg_service_index_dotto.gif) 0 0 no-repeat;
	}
	
		#service_index_box div h2 {
			overflow: hidden;
			height: 13px;
			padding: 12px 10px 7px;
		}
		
			#service_index_box div h2 img {
				vertical-align: top;
			}
	
		#service_index_box div div {
			padding: 0 0 10px 10px;
			background: url(../img/bg_dotto_bottom.gif) 0 bottom no-repeat;
		}
		
			#service_index_box div div div {
				padding: 0;
				background: #FFFFFF;
			}
			
			#service_index_box div div div#service_index_box_inner {
				overflow: hidden;
				padding: 0 0 1px;
				width: 830px;
				background: url(../img/bg_service_index_box_bottom.gif) -10px bottom no-repeat;
			}
			
				#service_index_box div div div#service_index_left_box,
				#service_index_box div div div#service_index_center_box,
				#service_index_box div div div#service_index_right_box {
					float: left;
					padding: 0 1px;
					width: 265px;
					border-bottom: none;
					background: none;
					background-image: url(../img/bg_service_index_box.gif);
					background-position: center 0;
					background-repeat: repeat-y;
				}
				
				#service_index_box div div div#service_index_center_box {
					padding: 0 11px;
				}
				
					h3#title_support,
					h3#title_sp_site {
						padding: 1px 0 0;
						background: url(../img/line_dotto_top.gif) 0 0 repeat-x;
					}
				
					#service_index_left_box dl,
					#service_index_center_box dl,
					#service_index_right_box dl {
						padding: 8px 6px;
						background: url(../img/line_dotto_top.gif) 0 0 repeat-x;
					}
					
					/* HACK IE6 - Last Element Double Bug */
					* html #service_index_left_box dl,
					* html #service_index_center_box dl,
					* html #service_index_right_box dl {
						height: 1%;
					}
					/* HACK END */
					
					#service_index_left_box dl.service_index_box_top,
					#service_index_center_box dl.service_index_box_top,
					#service_index_right_box dl.service_index_box_top {
						background: none;
					}
					
						#service_index_box dt.list_provider {
							padding: 0 0 0 15px;
							background: url(../img/icon_arrow_provider.gif) 0 0.2em no-repeat;
						}
						
						#service_index_box dt.list_eo_guide {
							padding: 0 0 0 15px;
							background: url(../img/icon_arrow_eo_guide.gif) 0 0.2em no-repeat;
						}
						
						#service_index_box dt.list_support {
							padding: 0 0 0 15px;
							background: url(../img/icon_arrow_support.gif) 0 0.2em no-repeat;
						}
						
						#service_index_box dt.list_tv_guide {
							padding: 0 0 0 15px;
							background: url(../img/icon_arrow_eo_tv_guide.gif) 0 0.2em no-repeat;
						}
						
						#service_index_box dt.list_sp {
							padding: 0 0 0 15px;
							background: url(../img/icon_arrow_sp_site.gif) 0 0.2em no-repeat;
						}
						
						#service_index_left_box dd,
						#service_index_center_box dd,
						#service_index_right_box dd {
							padding: 0 0 0 15px;
						}
						
						.list_s_provider li {
							padding: 0 0 0 15px;
							background: url(../img/icon_mini_arrow_provider.gif) 0 0.35em no-repeat;
						}
						
							.list_s_provider li li {
								padding: 0;
								background: none;
							}
							
						.list_dotto li {
							padding: 0 0 0 15px;
							background: none;
						}
						
						.list_s_tv_guide {
							margin: 8px 0 8px 15px;
						}
						
						.list_s_tv_guide li {
							padding: 0 0 0 15px;
							background: url(../img/icon_mini_arrow_eo_tv_guide.gif) 0 0.35em no-repeat;
						}


#service_nemu_box2{
	clear: both;
	margin: 0 auto 10px;
	width: 840px;
	font-size: 109%;
	line-height: 1.5;
}
	/* service_eosmartlink_box
	--------------------------------------------*/
	#service_mineo_box { min-height: 104px; width: 415px; float:left; margin-right:10px;}
	#service_lalacall_box { min-height: 104px; width: 415px; float:left;}

	/* HACK IE6 - Last Element Double Bug */
	* html #service_mineo_box, #service_lalacall_box { height: 104px; }
	/* HACK END */
	
	#service_shopping_box { min-height: 104px; width: 210px; float:left;}