@charset "utf-8";
/* CSS Document */

/* last update 2009/2/5  author : K.Saito */


/* index==========================

	1.for index style
	
*/


/* 1.for index style
===============================================================*/
.hidden{
	display:none;
}
#topMain{
	width:623px;
	float:left;
	display:inline;
}
.ml9{
	margin-left:9px;
}
#newResult ul{
	float:left;
	display:inline;
	margin:10px 0 0px;
	padding-bottom:15px;
}
#newResult li{
	float:left;
	display:inline;
	text-align:center;
	margin:0 6px 0 10px;
}
#newResult p{
	float:right;
	display:inline;
	margin-top:8px;
}

/* News */
div#news dl{
	margin:3px 0 15px;
}
div#news dt{
	float:left;
	display:inline;
	padding:8px;
	width:5em;
}
div#news dd{
	padding:8px 8px 8px 7em;
}
div#news .even{
	background:#ebf8ff;
}
/* about */
#about{
	background:url(../images/bg_scratch.gif);
	padding-bottom:5px;
	position:relative;
	margin:20px 0; 
}
#about img{
	vertical-align:bottom;
}
#about h3{
	position:absolute;
	top:13px;
	left:151px;
}
#about p{
	background:#FFF;
	margin:0px 5px 0;
	padding:10px;
	line-height:1.5;
}
/* service */
#topMain .serviceBox{
	width:307px;
	float:left;
	display:inline;
	background:url(../images/bg_service_mdl.gif) repeat-y;
	margin-bottom:10px;
}
#topMain .serviceBox p{
	width:185px;
	padding:5px 0px 0px 15px;
	line-height:1.5;
}
#topMain .rankingBox{
	width:307px;
	float:left;
	display:inline;
	background:url(../images/bg_ranking_mdl.gif) repeat-y;
	margin-bottom:10px;
}
#topMain .rankingBox ul{
	padding-top:10px;
}
#topMain .rankingBox li{
	padding:0 0 2px 5px;
}
#topMain .rankingBox li a:link{
	color:#000;
}
#topMain .rankingBox li a:visited{
	color:#000;
}
#topMain .rankingBox li a:hover{
    color:#bf3081;
}
#topMain .rankingBox li a:active{
    color:#bf3081;
}

#topMain .rankingBox li img{
	vertical-align:middle;
}
#topMain .service01{
	padding-bottom:10px;
	background:url(../images/bg_service01.gif) no-repeat bottom;
	width:307px;
}
#topMain .service02{
	padding-bottom:10px;
	background:url(../images/bg_service02.gif) no-repeat bottom;
	width:307px;
}
#topMain .service03{
	padding-bottom:10px;
	background:url(../images/bg_service03.gif) no-repeat bottom;
	width:307px;
}
#topMain .service04{
	padding-bottom:10px;
	background:url(../images/bg_service04.gif) no-repeat bottom;
	width:307px;
}
#topMain .service05{
	padding-bottom:10px;
	background:url(../images/bg_service05.gif) no-repeat bottom;
	width:307px;
}
#topMain .service06{
	padding-bottom:10px;
	background:url(../images/bg_smart.gif) no-repeat bottom;
	width:307px;
}
#topMain .service07{
	padding-bottom:10px;
	background:url(../images/bg_android.gif) no-repeat bottom;
	width:307px;
}
#topMain .ranking{
	padding-bottom:10px;
	background:url(../images/bg_ranking.gif) no-repeat bottom;
	width:307px;
}

/* inquiryArea */
#inquiryTop{
	margin:20px 0 0 3px;
	background:#f1f1f1 url(../images/bg_inquiry.gif) no-repeat bottom;
	padding-bottom:5px;
}
#inquiryTop h2 img{
	vertical-align:bottom;
}
#inquiryTop .inquiryIn{
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	width:618px;
}
#inquiryTop .inquiryIn ul{
	float:left;
	display:inline;
	padding:10px 20px 10px 20px
}
#inquiryTop .inquiryIn li{
	margin-top:5px;
}
#inquiryTop .inquiryIn p{
	float:left;
	display:inline;
	padding:10px 0 0 10px;
}

/*topSide*/
#topSide{
	float:right;
	display:inline;
	width:306px;
}
#topSide h2 img{
	vertical-align:bottom;
}
#topSide .sideBox{
	background:url(../images/bg_right_btm.gif) no-repeat bottom;
	padding-bottom:11px;
}
#topSide .sideBox ul{
	background:url(../images/bg_right_mdl.gif) repeat-y;
	padding:5px 0 0 10px;
}
#topSide .sideBox li{
	padding-top:5px;
}
#twitter{
	margin:10px 0px 10px 1px;
	width:304px;
}
#face{
	margin:0px 0px 10px 1px;
	width:304px;
}
#bnArea{
	margin:10px 0 10px 0 1px;
}
#bnArea li{
	margin-bottom:5px;
}

/* 吹き出し */
.mobileOff span.qr{ 
	display:none!important;
}

.mobileOn span.qr{ 
	display:block;
	position:absolute;
	top:-100px;
	left:100px;
	width:90px;
	background:none!important;
}
#bnfoot{
	margin:20px 0 0 3px;
}

#bnfoot li{
	float:left;
	display:inline;
	margin-left:4px;
}