@charset "UTF-8";

/*============================================================
//  ヘッダー
//==========================================================*/

#header ul#gnavi li.top a{
	background-position:0 -51px;
}
#header ul#gnavi li.top a:hover{
	background-position:0 -51px;
}

/*============================================================
//  コンテンツ
//==========================================================*/

#maincontent {
	/* for firefox webkit バグ回避 */
	overflow:auto!important;
	overflow /**/: hidden;
	/* for firefox webkit バグ回避ここまで */
}

#maincontent div#top {
	margin:14px;
}

#maincontent div#casepickup {
	margin:14px 0 14px 14px;
}

/* QRコード */

#top div.bg_qr {
	width:777px;
	height:160px;
	margin:10px 0;
	background:url(../images/top/ksalmobileQR.gif) no-repeat right top;
}

/* ケータイサラダでできること */

#top div.scene {
	padding-top:16px;
	width:607px;	
	margin:0 14px 0px 14px;;
}

#top div.scene h2 {
	margin:0;
	width:610px;
	height:30px;
}
#top div.scene h2 a {
	display:block;
	height:30px;
	background:url(../images/top/able_link_scene.gif) no-repeat left top;
}

#top div.scene h2 a:hover {
	background-position:0px -50px;
}

#top div.scene h2 a span {
	display:none;
}

#top div.scene h2 a span {
	display:none;
}

#top div.scene div.item1 {
	margin-top:2px;
	width:303px;
	height:50px;
	float:left;
	background-image: url(../images/top/scene_item5_touch.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#top div.scene div.item2 {
	margin-top:2px;
	width:303px;
	height:50px;
	float:right;
	clear:right;
	background-image: url(../images/top/scene_item1_qr.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#top div.scene div.item3 {
	margin-top:2px;
	width:303px;
	height:50px;
	background:url(../images/top/scene_item3_fc.gif) no-repeat left top;
	float:left;}

#top div.scene div.item4 {
	margin-top:2px;
	width:303px;
	height:50px;
	background:url(../images/top/scene_item4_movie.gif) no-repeat left top;
	float:right;
	clear:right;}

#top div.scene div a {
	display:block;
	height:48px;
	padding-left:60px;
	border:1px solid #fff;
	font-size:10px;
	line-height:120%;
	color:#333;
}

#top div.scene div a strong {
	font-size:12px;
	line-height:140%;
	color:#336;
}

#top div.scene div a:hover {
	display:block;
	border:1px solid #D2E0C2;
	text-decoration:none;
}


/* 成功事例 */

#casepickup div.case {
	padding:6px 0 0 6px;
	margin:0 14px 14px 14px;
	height:90px;
	background:url(../images/top/case_bg.gif) no-repeat left top;
}

#casepickup div.case h2 {
	float:left;
	margin:0;
	width:106px;
	height:80px;
}
#casepickup div.case h2 a {
	display:block;
	width:86px;
	height:80px;
	background:url(../images/top/case_title.gif) no-repeat left top;
}

#casepickup div.case h2 a:hover {
	background-position:-86px 0;
}

#casepickup div.case h2 a span {
	display:none;
}

#casepickup div.case h2 a span {
	display:none;
}

#casepickup div.case ul {
	display:inline;
}
#casepickup div.case li {
	float:left;
}

#casepickup div.case li a {
	padding:4px 4px 0 70px;
	line-height:140%;
}

#casepickup div.case li a span {
	font-size:87%;
	color:#444;
}

#casepickup div.case li.left a {
	display:block;
	margin:1px;
	width:125px;
	height:76px;
	border:1px solid #eee;
	background:url(../images/top/case_goldwin.gif) no-repeat left top;
	float:left;}

#casepickup div.case li.center a{
	display:block;
	margin:1px;
	width:125px;
	height:76px;
	border:1px solid #eee;
	background:url(../images/top/case_globalsports.gif) no-repeat left top;
	float:left;}

#casepickup div.case li.right a{
	display:block;
	margin:1px 15px 1px 1px;
	width:125px;
	height:76px;
	border:1px solid #eee;
	background:url(../images/top/case_tanakakaban.gif) no-repeat left top;
	float:left;}

#casepickup div.case li a:hover {
	border:1px solid #D2E0C2;
	text-decoration:none;
}


/* Whatsnewとバナー */

#whatsnewarea{
	margin:10px 28px;
}

#whatsnewarea .whatsnew {
	float:left;
}

#whatsnewarea .banner {
	float:right;
	width:130px;
	text-align:center;
	font-size:10px;
	line-height:130%;
}

#whatsnewarea .banner p {
	margin-bottom:6px;
}

#whatsnewarea .banner a {
	color:#444;
}

#whatsnewarea .banner a:hover {
	text-decoration:none;
	color:#005725;
}

#whatsnewarea ol {
	width:580px;
	height:120px;
	overflow:auto;
	border:1px solid #43564E;
	background-color:#F9F9F2;
	padding:6px 10px;
}


#whatsnewarea ol li span.date{
	display:block;
	width:110px;
	float:left;
}

#whatsnewarea ol li span.ci{
	display:block;
	width:446px;
	float:right;
}

#whatsnewarea ol li {
	clear:both;
}

#whatsnewarea ol li.an .date{
	background:url(../images/top/news_announce.gif) no-repeat right top;
}

#whatsnewarea ol li.up .date{
	background:url(../images/top/news_update.gif) no-repeat right top;
}