@charset "utf-8";

/*//////////////////////////////////////
 #home　スマートフォンアプリ開発
//////////////////////////////////////*/

a:hover{
	text-decoration:underline;
}

#webserarchbtns{
	position:relative;
	height:32px;
	margin-left:5px;
}

#sethome,
#usesearch{
	background:url(../../img/home/webserach_btn.png) no-repeat;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	position:absolute;
}

.disablesethome #sethome{
	width:258px;
	background-position:0 -64px;
	top:0;
	left:0;
	cursor:default;
}

.disableusesearch #usesearch{
	width:228px;
	background-position:-258px -64px;
	top:0;
	left:264px;
	cursor:default;
}

.enablesethome #sethome{
	width:258px;
	background-position:0 0;
	top:0;
	left:0;
}

.enableusesearch #usesearch{
	width:228px;
	background-position:-258px 0;
	top:0;
	left:264px;
}

#title{
	width:970px;
	height:300px;
	position:relative;
	margin:13px 5px 24px;
}

#title h1{
	width:970px;
	height:300px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../img/home/top_img.png) no-repeat;
}

#title a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
}

#title a.s_win{
	width:194px;
	height:200px;
	top:100px;
	left:388px;
	background:url(../../img/home/s_win.png?20111116) no-repeat;
}

#title a.s_win:hover{
	background-position:0 -200px;
}

#title a.s_mac{
	width:128px;
	height:145px;
	top:16px;
	right:78px;
	background:url(../../img/home/s_mac.png) no-repeat;
}

#title a.s_mac:hover{
	background-position:0 -145px;
}

#title a.fp{
	width:139px;
	height:55px;
	top:45px;
	left:413px;
	background:url(../../img/home/fp.png?20111116) no-repeat;
}

#title a.fp:hover{
	background-position:0 -55px;
}

#title a.s_and{
	width:142px;
	height:156px;
	top:105px;
	left:222px;
	background:url(../../img/home/s_and.png) no-repeat;
}

#title a.s_and:hover{
	background-position:0 -156px;
}

#title a.s_wp{
	width:149px;
	height:142px;
	top:19px;
	left:68px;
	background:url(../../img/home/s_wp.png) no-repeat;
}

#title a.s_wp:hover{
	background-position:0 -142px;
}

#title a.s_ip{
	width:128px;
	height:156px;
	top:105px;
	right:225px;
	background:url(../../img/home/s_ip.png) no-repeat;
}

#title a.s_ip:hover{
	background-position:0 -156px;
}

.links{
	margin:0 2px 20px;
}

.links .bg{
	background:url(../../img/home/links_bg.png) no-repeat;
	width:318px;
	height:230px;
	float:left;
}

#soft,
#smartphone{
	margin-right:11px;
}

#soft,
#smartphone,
#web{
	width:318px;
	height:230px;
}

.links h2{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin:14px auto 10px;
	padding:0;
	height:19px;
}

#soft h2{
	background:url(../../img/home/pc_mac.png) no-repeat;
	width:82px;
}

#smartphone h2{
	background:url(../../img/home/smartphone_title.png) no-repeat;
	width:123px;
}

#web h2{
	background:url(../../img/home/web_title.png) no-repeat;
	width:45px;
}

.links p{
	width:271px;
	height:63px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 auto;
}

#soft p{
	background:url(../../img/home/sleipnir3forwindows.png) no-repeat;
}

#smartphone p{
	background:url(../../img/home/sleipnirmobile_android.png) no-repeat;
}

#web p{
	background:url(../../img/home/sleipnirstart.png) no-repeat;
}

.slider{
	position:relative;
	width:314px;
	height:109px;
	margin:9px auto 0;
}

.slider .disableleftbtn{
	position:absolute;
	top:0;
	left:0;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:25px;
	height:98px;
	visibility:hidden;
}

.slider .leftbtn{
	position:absolute;
	top:0;
	left:0;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:25px;
	height:98px;
	background:url(../../img/home/arrow.png) 0 -98px no-repeat;
	z-index:1;
}

.slider .leftbtn:hover{
	background-position:0 -196px;
}

.slider .disablerightbtn{
	position:absolute;
	top:0;
	right:0;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:25px;
	height:98px;
	visibility:hidden;
}

.slider .rightbtn{
	position:absolute;
	top:0;
	right:0;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:25px;
	height:98px;
	background:url(../../img/home/arrow.png) -25px -98px no-repeat;
	z-index:1;
}

.slider .rightbtn:hover{
	background-position:-25px -196px;
}

.slider .icon_area{
	width:270px;
	height:108px;
	overflow:hidden;
	position:absolute;
	top:-10px;
	left:22px;
}

.icon_area ul{
	position:relative;
	width:1000px;
	left:0;
}

.icon_area li{
	float:left;
}

.icon_area li a{
	width:90px;
	height:108px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../img/home/topIcon.png?20111116) no-repeat;
}

.icon_area li .icon_sleipnir3forwindows{
	background-position:-630px 0;
}
.icon_area .selected .icon_sleipnir3forwindows{
	background-position:-630px -108px;
}

.icon_area li .icon_sleipnirformac{
	background-position:-540px 0;
}
.icon_area .selected .icon_sleipnirformac{
	background-position:-540px -108px;
}

.icon_area li .icon_sleipnir2forwindows{
	background-position:0 0;
}
.icon_area .selected .icon_sleipnir2forwindows{
	background-position:0 -108px;
}

.icon_area li .icon_fenrirfs{
	background-position:-90px 0;
}
.icon_area .selected .icon_fenrirfs{
	background-position:-90px -108px;
}

.icon_area li .icon_pictbear{
	background-position:-180px 0;
}
.icon_area .selected .icon_pictbear{
	background-position:-180px -108px;
}

.icon_area li .icon_grani{
	background-position:-270px 0;
}
.icon_area .selected .icon_grani{
	background-position:-270px -108px;
}

.icon_area li .icon_snapcrabforie{
	background-position:-360px 0;
}
.icon_area .selected .icon_snapcrabforie{
	background-position:-360px -108px;
}

.icon_area li .icon_fenririe{
	background-position:-450px 0;
}
.icon_area .selected .icon_fenririe{
	background-position:-450px -108px;
}

.icon_area li .icon_sleipnirmobile_android{
	background-position:-450px -216px;
}
.icon_area .selected .icon_sleipnirmobile_android{
	background-position:-450px -324px;
}

.icon_area li .icon_inkiness{
	background-position:0 -216px;
}
.icon_area .selected .icon_inkiness{
	background-position:0 -324px;
}

.icon_area li .icon_mosa{
	background-position:-90px -216px;
}
.icon_area .selected .icon_mosa{
	background-position:-90px -324px;
}

.icon_area li .icon_inkinessforipad{
	background-position:-180px -216px;
}
.icon_area .selected .icon_inkinessforipad{
	background-position:-180px -324px;
}

.icon_area li .icon_sleipnirmobile{
	background-position:-270px -216px;
}
.icon_area .selected .icon_sleipnirmobile{
	background-position:-270px -324px;
}

.icon_area li .icon_flickaddress{
	background-position:-360px -216px;
}
.icon_area .selected .icon_flickaddress{
	background-position:-360px -324px;
}

.icon_area li .icon_sleipnirstart{
	background-position:0 -432px;
}
.icon_area .selected .icon_sleipnirstart{
	background-position:0 -540px;
}

.icon_area li .icon_elegantapps{
	background-position:-90px -432px;
}
.icon_area .selected .icon_elegantapps{
	background-position:-90px -540px;
}

.icon_area li .icon_spgra{
	background-position:-180px -432px;
}
.icon_area .selected .icon_spgra{
	background-position:-180px -540px;
}

.icon_area li .icon_tapmarklets{
	background-position:-270px -432px;
}
.icon_area .selected .icon_tapmarklets{
	background-position:-270px -540px;
}


.info{
	background:url(../../img/home/info_mid.png) repeat-y;
}

.info .btm{
	background:url(../../img/home/info_btm.png) no-repeat 0 bottom;
}

.info .top{
	background:url(../../img/home/info_top.png) no-repeat 0 top;
	padding:0 5px;
	position:relative;
}

.info .notice,
.info .news{
	width:480px;
	float:left;
}

.info .notice{
	margin-right:10px;
}

.info h2{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:14px;
	margin:10px 0 0 10px;
}

.info h2{
	background:url(../../img/home/info_title01.png) no-repeat;
	width:54px;
}

.info .icon p{
	float:left;
}
.info .icon .press{
	width:114px;
	margin:2px 10px 0 0;
}

.info .icon .twitter-follow-button{
}

.news h2{
	background:url(../../img/home/info_title02.png) no-repeat;
	width:116px;
}

.news .rss{
	position:absolute;
	top:7px;
	left:627px;
	display:block;
	width:18px;
	height:19px;
}

.info .entry{
	margin:8px 5px 5px 5px;
	padding:8px 11px 0 11px;
	color:#333;
}

.info .news .entry .clearfix{
	position:relative;
	padding:0 0 5px 0;
}

.info .entry a{
	color:#333;
}
.info .notice .entry span{
	vertical-align:middle;
}
.info .notice .entry img{
	vertical-align:middle;
}

.info .notice .entry a.detail{
	color: #0492E5;
	font-weight:bold;
	background:url(../../img/common/footer_arrow02.png) no-repeat right center;
	padding-right:10px;
}

.info h3{
	font-size:108%;
	font-weight:bold;
}

.info .news .border{
	background:url(../../img/home/border.png) repeat-x 0 bottom;
	padding:0 0 5px 0;
	margin-bottom:8px;
}

.info .news .left{
	float:left;
	width:280px;
	color:#666666;
	line-height:1.5;
}

.info .news .left strong{
	color:#333333;
}

.info .news .right{
	float:right;
	width:168px;
}

.info .news .icon{
	min-height:18px;
	_height:auto !important;
	_height:18px;
	text-align:right;
	margin-bottom:3px;
}


.info .news .icon .detail{
	margin:0 0 0 6px;
}

.info .news .date{
	min-height:18px;
	_height:auto !important;
	_height:18px;
	position:absolute;
	bottom:5px;
	right:0;
	line-height:1.5;
}

.info .news .title{
	width:354px;
	min-height:18px;
	_height:auto !important;
	_height:18px;
}



.info .more{
	position:absolute;
	background:url(../../img/home/info_list.png) no-repeat;
	width:70px;
	height:12px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin-left:402px;
	top:11px;
}

/*//////////////////////////////////////
	SBM
//////////////////////////////////////*/

#appendSBM{
	margin:12px auto 12px;
	padding-left:5px;
	width:975px;
	height:20px;
	text-align:left;
}

#appendSBM a,
#appendSBM iframe{
	margin-right:10px;
	font-size:0;
	line-height:1;
	vertical-align:top;
	display:inline-block;
}


#footer{
	width:980px;
}