@charset "utf-8";
@import url("base.css");
@import url("font.css");



/*===============================ヘッダー=================================*/

#header_index {
	width: 900px;
	text-align: left;
	background-image: url(../img/common/faction_menu_back.jpg);
	background-repeat: no-repeat;
	margin-bottom: 17px;
}

#head_area {
	height: 116px;
	widows: 900px;
	background-color: #FFFFFF;
	width: 900px;
}

.logo {
	float: left;
	padding-left: 20px;
}


/*===============================head_navi=====================================*/
#head_navi {
	width: 548px;
	height: 100px;
	display: block;
	float: right;
}

#head_tel {
	height: 42px;
	padding-top: 10px;
}

/*===============================g_navi=====================================*/
ul#g_navi {
	width: 548px;
	height: 48px;
	display: block;
}

ul#g_navi li {
	list-style-type: none;
	float: left;
}

li a:hover {
	filter: alpha(opacity=60);
	moz-opacity:0.6;
	opacity:0.6;
}
	
li#g_nav_home a {
	width: 88px;
	height: 48px;
	background: url(../img/common/navi.jpg) no-repeat 0 0;
	display: block;	
	text-indent: -9999px;
}
 
li#g_nav_service a {
	width: 98px;
	height: 48px;
	background: url(../img/common/navi.jpg) no-repeat -88px 0;
	display: block;	
	text-indent: -9999px;
}


li#g_nav_price a{
	width: 75px;
	height: 48px;
	background: url(../img/common/navi.jpg) no-repeat -186px 0;
	display: block;
	text-indent: -9999px;
}

li#g_nav_marketing a{
	width: 73px;
	height: 48px;
	background: url(../img/common/navi.jpg) no-repeat -261px 0;
	display: block;
	text-indent: -9999px;
}

li#g_nav_jirei a{
	width: 95px;
	height: 48px;
	background: url(../img/common/navi.jpg) no-repeat -334px 0;
	display: block;
	text-indent: -9999px;
}

li#g_nav_contact a{
	width: 119px;
	height: 48px;
	background: url(../img/common/navi.jpg) no-repeat -429px 0;
	display: block;
	text-indent: -9999px;
}

/*===============================トップ=====================================*/

#top_bun {
	background-image: url(../img/index/head_bg.jpg);
	background-repeat: no-repeat;
	height: 436px;
	width: 900px;
}
#img_txt {
	text-indent: -9999px;
	height: 1px;
	margin: 0px;
}

#top_title{
	background-image: url(../img/index/index_txt.jpg);
	background-repeat: no-repeat;
	width: 339px;
	padding-top: 150px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 30px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 50px;
}
#top_title p {
	display: block;
	padding-top: 35px;
}

/*====================t_navi====================*/
#t_n{
	width: 900px;
	height: 150px;
	clear: both;
}

#t_n li {
	float: left;
}

li a:hover {
	filter: alpha(opacity=60);
	moz-opacity:0.6;
	opacity:0.6;
}

li#t_f a {
	width: 203px;
	height: 150px;
	display: block;
	margin-right: 29px;
	text-indent: -9999px;
	background-image: url(../img/index/fanction_bt.jpg);
	background-repeat: no-repeat;
}



li#t_pp a {
	width: 203px;
	height: 150px;
	display: block;
	margin-right: 29px;
	text-indent: -9999px;
	background-image: url(../img/index/price_bt.jpg);
	background-repeat: no-repeat;
}


li#t_m a {
	width: 203px;
	height: 150px;
	display: block;
	margin-right: 29px;
	text-indent: -9999px;
	background-image: url(../img/index/marketing_bt.jpg);
	background-repeat: no-repeat;
}

li#t_s a {
	float: right;
	width: 203px;
	height: 150px;
	display: block;
	text-indent: -9999px;
	background-image: url(../img/index/mobailesem_bt.jpg);
	background-repeat: no-repeat;
}



/*li#s_nav_sem a {
	width: 203px;
	height: 150px;
	display: block;
	margin-right: 25px;
	text-indent: -9999px;
	background-image: url(../img/index/mobailesem_bt.jpg);
	background-repeat: no-repeat;
}

li#s_nav_mark a {
	width: 203px;
	height: 150px;
	display: block;
	text-indent: -9999px;
	background-image: url(../img/index/marketing_bt.jpg);
	background-repeat: no-repeat;
}*/

/*====================i_sub====================*/
#i_sub {
	width: 900px;
	height: 319px;
	margin-top: 17px;
	clear: both;
}

/*====================infomation====================*/
#i_sub_info{
	background-image: url(../img/index/information.jpg);
	background-repeat: no-repeat;
	height: 319px;
	width: 666px;
	float: left;
}

#info_box{
	text-align: left;
	margin-top: 70px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 25px;
	overflow: auto;
	padding-right: 20px;
	padding-left: 15px;
	height: 220px;
}

dl.info_txt{
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.info_txt dt {
	display: inline;
	margin-right: 10px;
}

.info_txt dd {
	display: inline;
}

/*====================i_navi====================*/
#i_sub_navi{
	float: right;
	margin-left: 18px;
}

li#i_nav_case a {
	width: 203px;
	height: 150px;
	display: block;
	text-indent: -9999px;
	background-image: url(../img/index/case_bt.jpg);
	background-repeat: no-repeat;
}

li#i_nav_official a {
	width: 203px;
	height: 150px;
	display: block;
	text-indent: -9999px;
	background-image: url(../img/index/offcial_bt.jpg);
	background-repeat: no-repeat;
	margin-top: 18px;
}

