@charset "utf-8";
ul#gnavi li#home a {
	overflow:hidden;
	background:url(../../shared/images/prts_gnavi.gif) no-repeat;
	background-position:0px 0px;
!important
}

/*
-------------------------------------------------*/

div#header_subnavi li.snav_1 a {
	background:url(../../shared/images/ttl_gnb_gmode.png) no-repeat;
	width:101px;
}


/*contents (top)
/######## 20100813_change_G-mode-kaneko ##########
-------------------------------------------------*/

div#top_contents_box {
	width:934px;
	/* margin:0px auto 0 auto; */
	margin:20px auto 0 auto; /* IE8調整 */
	padding:0px 0 0;
	background:#FFFFFF;
	z-index:5;
	position:relative;
}

html>/**/body div div#top_contents_box {
	/* [Firefoxのルタイル] */
	/* margin:-13px auto 0 auto; */
	margin:7px auto 0 auto;
}

* html body div#top_contents_box {
	/* [for IE5.0　～6.0] */
	/* margin:-32px auto 0 auto; */
	margin:-12px auto 0 auto;
}

/*-----------------------------------------------
/######## 20100813_change_G-mode-kaneko ##########
-------------------------------------------------*/


/*FLASH
/######## 20100813_change_G-mode-kaneko ##########
-------------------------------------------------*/
div#flash_area {
	width:934px;
	height:286px;
	margin:0px 0;
	padding:0px 0 0;
}
html>/**/body div div#flash_area {
	/* [Firefoxのスタイル] */
	padding:12px 0 0 0;　/* padding:20px 0 0 0; */
}

div#topflash_bottom li.snav_1 a {
	background:url(../../shared/images/ttl_gnb_gmode.png) no-repeat;
	width:101px;
}

div#topflash_bottom {
	height:35px;
}

div#topflash_bottom ul {
	background:url(../../top/images/bg_topflash_bottom.png) no-repeat;
	width:914px;/*934*/
	height:27px;/*34*/
	margin:-4px 0 0 0;
	padding:7px 0 0 20px;
}

div#topflash_bottom ul li {
	float:left;
	text-indent:-1000em;
	margin:0 28px 0 0;
	display:inline;
	height:10px;
}
div#topflash_bottom ul li a {
	display:block;
	height:10px;
}
div#topflash_bottom ul li a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

/*-----------------------------------------------
/######## 20100813_change_G-mode-kaneko ##########
-------------------------------------------------*/



/*CAMEL
-------------------------------------------------*/
div#camel_area {
}
div#list {
}
div#camel_area div#oshirase span.date ,
div#camel_area div.camel_box span.date {
	font-size:0.6em;
	margin:0 4px 0 0;
	float:left;
}
* html body div#camel_area div.camel_box span.date {
	vertical-align:middle;
}
div#camel_area div#oshirase span.ttl ,
div#camel_area div.camel_box span.ttl {
	background:url(../../shared/images/link_arrow_square.gif) no-repeat;
	background-position:0 3px;
	padding:0 0 0 17px;
	font-size:0.75em;
	float:left;
	overflow:hidden;
	display:block;
	height:1.5em;
	max-width:26em;
	width: auto !important;
	width: 26em;
}
* html body div#camel_area div.camel_box span.ttl {
	padding:2px 0 0 17px;
}
div.camel_box {
	width:447px;
	background:url(../images/camel_box_center.gif) repeat-y;
	padding:0 0 7px 0;
	min-height:190px;
	height: auto !important;
	height: 190px;
	float:left;
}
div.camel_box_foot {
	background:url(../images/camel_box_foot.gif) no-repeat;
	width:447px;
	height:10px;
}
div.camel_box div.head {
	background:url(../images/camel_box_head.gif) no-repeat;
	width:447px;/*447*/
	height:60px;/*66*/
	padding:6px 0 0 0;
}
div#camel_area div.camel_box ul {
	width:447px;
	height:auto;
	margin:-27px 0 0 0;
}
div#camel_area div#oshirase ul li ,
div#camel_area div.camel_box ul li {
	background:url(../images/camel_list_border.gif) no-repeat;
	background-position:bottom;
	width:417px;/*447*/
	padding:2px 10px 2px 10px;
	overflow:hidden;
}
* html body div#camel_area div.camel_box ul li a {
	/* [for IE5.0　～6.0] */

	width:auto;
	height:auto;

}
div#camel_area div.camel_box ul li a:hover {
	cursor:pointer;
}

* html body div#camel_area div.camel_box ul li a:hover {
	/* [for IE5.0　～6.0] */
	display:inline;
	width:auto;
	height:auto;
}


* html body div#camel_area div.camel_box ul li {
	padding:3px 10px 5px 10px;
	width:427px;/*447*/
}
div#camel_area div.camel_box ul li img {
	vertical-align:middle;
	margin:0 0 6px 0;
	float:left;
}
/*-------------------------------*/
div#press {
	width:447px;
	height:auto;
	float:left;
	display:inline;
	/*margin:0 0px 11px 16px;*/
	margin:0 0px 3px 16px;
}
div#press h2 {
	background:url(../images/ttl_press.gif) no-repeat;
	width:102px;
	height:22px;
	text-indent:-1000em;
	float:left;
}
div#press p.list {
	background:url(../images/bt_press_list.gif) no-repeat;
	width:108px;
	height:22px;
	text-indent:-1000em;
	float:right;
}
div#press p a {
	display:block;
	width:108px;
	height:22px;
}
div#press p.rss {
	background:url(../images/bt_rss.gif) no-repeat;
	width:48px;
	height:22px;
	text-indent:-1000em;
	float:right;
	display:inline;
	margin:0 10px 0 0;
}
div#press p.rss a {
	display:block;
	width:48px;
	height:22px;
}
/*-----------------------------*/

div#ir {
	/*
	margin:0 16px 11px 0;
	*/
	margin:0 16px 3px 0;
	float:right;
	display:inline;
}
div#ir h2 {
	background:url(../images/ttl_ir.gif) no-repeat;
	width:102px;
	height:22px;
	text-indent:-1000em;
	float:left;
}
div#ir p.list {
	background:url(../images/bt_ir_list.gif) no-repeat;
	width:108px;
	height:22px;
	text-indent:-1000em;
	float:right;
}
div#ir p a {
	display:block;
	width:108px;
	height:22px;
}
div#ir p.rss {
	background:url(../images/bt_rss.gif) no-repeat;
	width:48px;
	height:22px;
	text-indent:-1000em;
	float:right;
	display:inline;
	margin:0 10px 0 0;
}
div#ir p.rss a {
	display:block;
	width:48px;
	height:22px;
}
/*-----------------------------*/
div#oshirase {
	width:902px;
	overflow: hidden;
	margin: 7px auto 0;
	padding-bottom: 10px;
	background:url(../images/ttl_oshirase.gif) no-repeat 0 0;

}
* html body div#oshirase {
	/* [for IE5.0　～6.0] */
	margin:-10px auto 0 auto;
}
div#oshirase div.head {
	padding:6px 0 0 0;
}
div#oshirase h2 {
	width:82px;
	height:22px;
	text-indent:-1000em;
	float:left;
}
div#camel_area div#oshirase ul {
	width:1000px;
	margin:8px 0 0 0;
}
* html body div#camel_area div#oshirase ul {
	/* [for IE5.0　～6.0] */
	margin: 0;
}
div#camel_area div#oshirase ul li {
	width:435px;
	float: left;
}
div#oshirase p.list {
	background:url(../images/bt_oshirase_list.gif) no-repeat;
	width:100px;
	height:22px;
	text-indent:-1000em;
	float:right;
}
div#oshirase p.list a {
	display:block;
	width:90px;
	height:22px;
}
div#oshirase p.rss {
	background:url(../images/bt_rss.gif) no-repeat;
	width:48px;
	height:22px;
	text-indent:-1000em;
	float:right;
	display:inline;
	margin:0 10px 0 0;
}
div#oshirase p.rss a {
	display:block;
	width:48px;
	height:22px;
}
/*slide banner
-------------------------------------------------*/
div#slide_banner_area {
	width:900px;
	margin:0 auto;
	height:65px;
	background:url(../images/bg_slide_banner.gif) no-repeat;
}
div#slide_banner {
	width:867px;/*900*/
	height:65px;
	padding:0 0 0 33px;
	margin:-59px 0 0 0;
}
html>/**/body div div#slide_banner {
	height:120px;
	margin:0px 0 0 0;
}
/*
div.anyClass {
	position:relative;
	z-index:1;
}
*/
div#bnr_main_area {
	background:url(../images/bg_slide_banner_main_area.png) no-repeat;
	width:212px;
	height:65px;
	position:absolute;
	z-index:100;
	margin:0;
	text-align:center;
	top:264px;
	left:360px;
}
html>/**/body div div#bnr_main_area {
	/* [Firefoxのルタイル] */
	top:273px;
}
p.bnr_main {
	width:122px;/*126*/
	height:59px;/*65*/
	padding:6px 0 0 4px;
	background:url(../images/bg_slide_banner_main.gif) no-repeat;
	margin:0 auto;
}
p.bnr_main a {
	display:block;
	width:117px;
	height:50px;
}
div.anyClass ul {
	height:50px;
	margin:0 auto;
}
div.anyClass ul li {
	margin:4px 2px 0 0;
	width:117px;
	height:50px;
	float:left;
}
html>/**/body div div.anyClass ul li  {
	/* [Firefoxのルタイル] */
	margin:5px 2px 0 0;
}


div#slide_banner a:hover img {
	filter: alpha(opacity=50 style=0);
	-moz-opacity:0.5;
	opacity:0.5;
}
div#slide_banner_area a.prev {
	display:block;
	float:right;
	width:35px;
	height:59px;
	/*	background:url(../images/bt_slide_next.gif) no-repeat;*/
	cursor:pointer;
	margin:0 -5px 0 0;
}
div#slide_banner_area a:hover.prev {
	filter: alpha(opacity=100 style=0);
	-moz-opacity:1;
	opacity:1;
}
div#slide_banner_area a.next {
	display:block;
	float:left;
	cursor:pointer;
	width:35px;
	height:59px;/*	background:url(../images/bt_slide_next.gif) no-repeat;*/
}
* html body div#slide_banner_area a.next {
	background:url(../images/bt_slide_prev.gif) no-repeat;
}
div#slide_banner_area a:hover.next {
	filter: alpha(opacity=100 style=0);
	-moz-opacity:1;
	opacity:1;
}
/*----------------------------*/
div#service {
	font-size:12px;
	width:919px;/*934*/
	padding:12px 0 0 15px;
}
div#service h2 {
	background:url(../images/ttl_service.gif) no-repeat;
	width:104px;
	height:78px;
	text-indent:-1000em;
	float:left;
	display:inline;
	margin:0 8px 0 0;
}
div#service ul li {
	float:left;
	display:inline;
	text-indent:-1000em;
	margin:0 5px 8px 0;
}
div#service ul li a {
	display:block;
	width:154px;
	height:35px;
}
div#service ul li.opensocial a {
	background:url(../images/bg_service_opensocial.gif) no-repeat 0 0;
}
div#service ul li.opensocial a:hover {
	background-position:-154px 0px;
}
div#service ul li.m_koushiki a {
	background:url(../images/bg_service_m_koushiki.gif) no-repeat;
}
div#service ul li.m_koushiki a:hover {
	background-position:-154px 0px;
}
div#service ul li.m_ippan a {
	background:url(../images/bg_service_m_ippan.gif) no-repeat;
}
div#service ul li.m_ippan a:hover {
	background-position:-154px 0px;
}
div#service ul li.pc a {
	background:url(../images/bg_service_pc.gif) no-repeat;
}
div#service ul li.pc a:hover {
	background-position:-154px 0px;
}
div#service ul li.con a {
	background:url(../images/bg_service_con.gif) no-repeat;
}
div#service ul li.con a:hover {
	background-position:-154px 0px;
}
div#service ul li.movie a {
	background:url(../images/bg_service_movie.gif) no-repeat;
}
div#service ul li.movie a:hover {
	background-position:-154px 0px;
}
div#service ul li.ricence a {
	background:url(../images/bg_service_ricence.gif) no-repeat;
}
div#service ul li.ricence a:hover {
	background-position:-154px 0px;
}
div#service ul li.ec a {
	background:url(../images/bg_service_ec.gif) no-repeat;
}
div#service ul li.ec a:hover {
	background-position:-154px 0px;
}
div#service ul li.android a {
	background:url(../images/bg_service_android.gif) no-repeat;
}
div#service ul li.android a:hover {
	background-position:-154px 0px;
}
div#service ul li.iphone a {
	background:url(../images/bg_service_iphone.gif) no-repeat;
}
div#service ul li.iphone a:hover {
	background-position:-154px 0px;
}
div#service ul li.openplat a {
	background:url(../images/bg_service_openplat.gif) no-repeat;
}
div#service ul li.openplat a:hover {
	background-position:-154px 0px;
}