@charset "UTF-8";


/* *********************************************************
 *
 *	The following styles are for general pages.
 *
 * *********************************************************
 */


	#left_contents{
		display: block;
		float: left;
		width: 176px;
	}
	.padd10{
		padding-top: 10px;
	}
	.padd7{
		padding-top: 6px;
	}
	
/****** center_contents ******/
	/*** portal ***/
	#center_contents{
		width: 540px;
		display: block;
		float: left;
		padding: 0px 0px 0px 0px;
		margin-left: 15px;
	}
	h2.portal_cap{
		background-image: url(/img/index/portal_cap.gif);
		background-repeat: no-repeat;
		display: block;
		height: 46px;
		text-indent: -5555px;
	}
	#portal_contents{
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		padding: 5px 5px 0px 5px;
		margin: 0 0 20px;
	}
	.plan{
		background-image: url(/img/index/dotted_line.gif);
		background-repeat: repeat-x;
		background-position: bottom;
		padding: 8px 5px 15px 0px;
		float: left;
		width: 259px;
		height: 80px;
	}
	.plan_noline{
		padding: 8px 5px 15px 0px;
		width: 259px;
		float: left;
	}
	.p_icon{
		display: block;
		width: 99px;
		float: left;
	}
	.p_text{
		float: right;
		width: 160px;
	}
	.ispot_text{
		background: url(/img/index/arrow_ispot.gif) no-repeat 0px 3px;
		padding-left: 15px;
		font-size: 12px;
		line-height: 18px;
		text-align: left;
		color: #666;
	}
	.ispot_text2{
		background: url(/img/index/arrow_salon.gif) no-repeat 0px 3px;
		padding-left: 15px;
		font-size: 12px;
		line-height: 18px;
		text-align: left;
		color: #666;
	}
	.ispot_text3{
		background: url(/img/index/arrow_hairsalon.gif) no-repeat 0px 3px;
		padding-left: 15px;
		font-size: 12px;
		line-height: 18px;
		text-align: left;
		color: #666;
	}
	.ispot_text4{
		background: url(/img/index/arrow_pet.gif) no-repeat 0px 3px;
		padding-left: 15px;
		font-size: 12px;
		line-height: 18px;
		text-align: left;
		color: #666;
	}
	.ispot_text5{
		background: url(/img/index/arrow_school.gif) no-repeat 0px 3px;
		padding-left: 15px;
		font-size: 12px;
		line-height: 18px;
		text-align: left;
		color: #666;
	}
	.p_detail{
		font-size: 10px;
		background-image: url(/img/index/detail_point.gif);
		background-repeat: no-repeat;
		padding: 0px 0px 0px 15px;
		margin-top: 3px;
		float: right;
	}
	/*** consulting ***/
	h2.consulting_cap{
		background-image: url(/img/index/consulting_cap.gif);
		background-repeat: no-repeat;
		display: block;
		height: 46px;
		text-indent: -5555px;
		margin-top: 10px;
	}
	#consulting_contents{
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		padding: 5px;
		margin-bottom: 20px;
	}
	.consul{
		padding: 8px 0px 5px 0px;
	}
	.site_img{
		display: block;
	}
	.c_text{
		display: block;
		float: right;
		width: 145px;
	}
	.consul_text{
		padding-left: 5px;
		font-size: 12px;
		line-height: 18px;
		text-align: left;
		color: #999;
		font-weight: bold;
	}
	#icon ul{
		width: 115px;
		padding: 0px;
		margin: 15px 0px 0px 30px;
	}
	#icon li.icon01{
		background-image: url(/img/index/kikaku_icon.gif);
		background-repeat: no-repeat;
		text-indent: -5555px;
		width: 50px;
		display: block;
		float: left;
		margin: 0px 0px 0px 2px;
		padding: 0px;
		font-size: 10px;
		line-height: 14px;
	}
	#icon li.icon02{
		background-image: url(/img/index/design_icon.gif);
		background-repeat: no-repeat;
		text-indent: -5555px;
		width: 50px;
		display: block;
		float: left;
		margin: 0px 0px 0px 2px;
		padding: 0px;
		font-size: 10px;
		line-height: 14px;
	}
	#icon li.icon03{
		background-image: url(/img/index/flash_icon.gif);
		background-repeat: no-repeat;
		text-indent: -5555px;
		width: 50px;
		display: block;
		float: left;
		margin: 0px 0px 0px 2px;
		padding: 0px;
		font-size: 10px;
		line-height: 14px;
	}
	#icon li.icon04{
		background-image: url(/img/index/html_icon.gif);
		background-repeat: no-repeat;
		text-indent: -5555px;
		width: 50px;
		display: block;
		float: left;
		margin: 0px 0px 0px 2px;
		padding: 0px;
		font-size: 10px;
		line-height: 14px;
	}
	.c_detail{
		font-size: 10px;
		background-image: url(/img/index/detail_point.gif);
		background-repeat: no-repeat;
		padding: 0px 0px 0px 15px;
		margin-top: 5px;
		float: right;
	}
	/*** consulting ***/
	h2.consulting02_cap{
		background-image: url(/img/index/consulting02_cap.gif);
		background-repeat: no-repeat;
		display: block;
		height: 46px;
		text-indent: -5555px;
		margin-top: 10px;
	}
	.consulting_text{
		width:272px;
		height:52px;
		padding: 0px;
		margin-top: 5px;
		margin-left: auto;
		margin-right:auto;
		margin-bottom: 10px;
	}
	.consulting_text02{
		padding: 0px;
		font-size: 12px;
		line-height: 18px;
		text-align: center;
		color: #666;
		font-weight:bold;
		margin-bottom: 10px;
	}
	.consul_text02{
		background-image: url(/img/index/arrow_consulting.gif);
		background-repeat: no-repeat;
		background-position: top,left;
		padding-left: 15px;
		font-size: 12px;
		line-height: 18px;
		text-align: left;
		color: #666;
		margin-left:5px;
		margin-bottom:5px;
	}
	.consul_text02_2{
		padding-left: 10px;
		font-size: 12px;
		line-height: 18px;
		text-align: left;
		color: #666;
	}
	.site_img02{
		display: block;
		float: left;
		margin-bottom:5px;
	}
	.c_text02{
		display: block;
		float: right;
		width: 140px;
	}
	.both{
		clear:both;
		font-size:0px;
		line-height:0px;
	}
	h2.news_cap{
		background-image: url(/img/index/news_cap.gif);
		background-repeat: no-repeat;
		display: block;
		width: 540px;
		height: 40px;
		text-indent: -5555px;
	}
	#news_contents{
		background-image: url(/img/index/news_leftbar.gif);
		background-repeat: repeat-y;
		width: 540px;
		padding: 0px 0px 0px 0px;
		margin: 0 0 40px;
	}
	.n_area{
		padding: 8px 10px 8px 15px;
		font-size: 10px;
		line-height: 18px;
		text-align: left;
		background-image: url(/img/index/news_underbar.gif);
		background-repeat: repeat-x;
		background-position: center bottom;
	}
	.day{
		color: #F93;
	}
	.n_text{
		color: #666;
	}
	.topics_icon{
		background-image: url(/img/index/topics_icon.gif);
		background-repeat: no-repeat;
		text-indent: -5555px;
		width: 40px;
		height: 10px;
		display: block;
		float: right;
	}
	.press_icon{
		background-image: url(/img/index/press_icon.gif);
		background-repeat: no-repeat;
		text-indent: -5555px;
		width: 40px;
		height: 10px;
		display: block;
		float: right;
	}
	
/****** left_contents ******/
	h2.contactIndex{
		background-image: url(/img/index/contact_cap_index.gif);
		background-repeat: no-repeat;
		width: 173px;
		height: 40px;
		text-indent: -5555px;
	}
	#contactIndex_width{
		width: 173px;
	}
	.contactIndex_tab{
		font-size: 10px;
		line-height: 14px;
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		padding: 0px 0px 5px 0px;
	}
	.contactIndex_p{
		color: #666;
		width: 163px;
		text-align: left;
		padding: 10px 5px;
	}
	
	h2.web_planning{
		background-image: url(/img/share/web_planning_cap.gif);
		background-repeat: no-repeat;
		width: 173px;
		height: 40px;
		text-indent: -5555px;
		margin-top:7px;
	}
	#web_planning_width{
		width: 173px;
	}
	.web_planning_tab{
		width: 171px;
		font-size: 12px;
		line-height: 18px;
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		padding: 0px 0px 10px 0px;
	}
	.web_planning_site{
		color: #666;
		width: 163px;
		text-align: center;
		padding-top: 15px;
		margin:0px;
	}
	.web_planning_p{
		color: #666;
		width: 163px;
		text-align: center;
		padding: 10px 5px;
		font-weight:bold;
	}
	.c_detail02{
		font-size: 10px;
		line-height:11px;
		background-image: url(/img/index/detail_point.gif);
		background-repeat: no-repeat;
		padding: 0px 3px 0px 15px;
		margin-top: 5px;
		float: right;
	}
	

/****** boast_style ******/
div.boast_box{
	width: 173px;
	margin: 10px 0px;
}

h3.boast_title{
	background: url(/img/index/boast_title.gif) no-repeat;
	width: 173px;
	height: 38px;
	display: block;
	margin: 0px;
	padding: 0px;
	text-indent: -5555px;
}

div.boast_photo_bg{
	background: url(/img/index/boast_photo_bg.gif) no-repeat;
	width: 173px;
	height: 100px;
	text-align: center;
	display: block;
}

div.boast_name_bg{
	background: url(/img/index/boast_name_bg.gif) no-repeat;
	width: 148px;
	height: 51px;
	display: block;
	text-align: left;
	padding: 0px 0px 0px 25px;
}

div.boast_name_bg .text10{
	font-size: 10px;
	line-height: 16px;
}

div.boast_name_bg .name{
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
}

div.boast_name_bg .ename{
	font-size: 10px;
	font-family: Arial;
	font-weight: bold;
	line-height: 14px;
	color: #36C;
}



div.boast_text_bg{
	background: url(/img/index/boast_text_bg.gif) no-repeat;
	width: 139px;
	height: 63px;
	display: block;
	font-size: 10px;
	line-height: 16px;
	text-align: left;
	padding: 2px 17px;
}