@charset "utf-8";
/* CSS Document */

/*
======================================================================================================
初期化
======================================================================================================
*/
body{
	font-family:"メイリオ",Meiryo,Arial, Helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	-webkit-text-size-adjust: 100%;
}


.BYBG{
	background:#fff100;
}
.BYBG:hover{
	background:#dede00;
}


/*
======================================================================================================
グリッド
======================================================================================================
*/
.Wrapper{
	width:1000px;clear:both;
	padding:0;	
	margin: 0 auto;
}
.Wrapper:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

/*
======================================================================================================
ヘッダー
======================================================================================================
*/

.HeadBG{
	
	background:#fff100;
	border-bottom:solid 6px #dede00;
	z-index:1;
	width:100%;
}

.HeadNameSpot{
	margin-right:5px;
	margin-top:5px;
	font-size:80%;
	padding:1px 10px 0 10px;
	background:#fff;
	border:solid 1px #CCC;
	border-top:solid 2px #dede00;border-bottom:solid 1px #fff;
	border-left:solid 2px #dede00;border-right:solid 1px #fff;
	order-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
	-moz-box-shadow: 0px 1px 1px rgba(100,100,100,0.1),inset    0 2px 0px rgba(150,150,150,0.2);
	-webkit-box-shadow: 0px 1px 1px rgba(100,100,100,0.1),inset 0 2px 0px rgba(150,150,150,0.2);
	
}

.HeadLft{
	float:left;
	width:240px;
}
.HeadCnt{
	float:left;
	width:760px;
}


.HeadMenu{
	display:block;
	background:#fff100;
	color:#000;
	padding:8px 10px 8px 45px;
	line-height:100%;
	
}

.HeadNav{}
.HeadNav li{float:left;margin-right:20px;}







.HeadMenuBlank{width:33px;height:32px;display:block;padding:8px;}

.HeadMenuPen{background:url(/html/lightmap/images/pc/v2icon/pen.png) no-repeat left #fff100; background-position:5px 50%;}
.HeadMenuPen:hover{background:url(/html/lightmap/images/pc/v2icon/pen.png) no-repeat left #dede00;color:#000; background-position:5px 50%;}
.HeadMenuLock{background:url(/html/lightmap/images/pc/v2icon/lock.png) no-repeat left #fff100; background-position:5px 50%;}
.HeadMenuLock:hover{background:url(/html/lightmap/images/pc/v2icon/lock.png) no-repeat left #dede00;color:#000; background-position:5px 50%;}
.HeadMenuList{background:url(/html/lightmap/images/pc/v2icon/list.png) no-repeat left #fff100; background-position:5px 50%;}
.HeadMenuList:hover{background:url(/html/lightmap/images/pc/v2icon/list.png) no-repeat left #dede00;color:#000; background-position:5px 50%;}
.HeadMenuGear{background:url(/html/lightmap/images/pc/v2icon/gear.png) no-repeat left #fff100; background-position:5px 50%;}
.HeadMenuGear:hover{background:url(/html/lightmap/images/pc/v2icon/gear.png) no-repeat left #dede00;color:#000; background-position:5px 50%;}
.HeadMenuHome{background:url(/html/lightmap/images/pc/v2icon/home2.png) no-repeat left #fff100; background-position:5px 50%;}
.HeadMenuHome:hover{background:url(/html/lightmap/images/pc/v2icon/home2.png) no-repeat left #dede00;color:#000; background-position:5px 50%;}
.HeadMenuMail{background:url(/html/lightmap/images/pc/v2icon/mail.png) no-repeat left #fff100; background-position:5px 50%;}
.HeadMenuMail:hover{background:url(/html/lightmap/images/pc/v2icon/mail.png) no-repeat left #dede00;color:#000; background-position:5px 50%;}
.HeadMenuDB{background:url(/html/lightmap/images/pc/v2icon/db.png) no-repeat left #fff100; background-position:5px 50%;}
.HeadMenuDB:hover{background:url(/html/lightmap/images/pc/v2icon/db.png) no-repeat left #dede00;color:#000; background-position:5px 50%;}
.HeadMenuHeart{background:url(/html/lightmap/images/pc/v2icon/heart.png) no-repeat left #fff100; background-position:5px 50%;}
.HeadMenuHeart:hover{background:url(/html/lightmap/images/pc/v2icon/heart.png) no-repeat left #dede00;color:#000; background-position:5px 50%;}
.HeadMenuSpeaker{background:url(/html/lightmap/images/pc/v2icon/speaker.png) no-repeat left #fff100; background-position:5px 50%;}
.HeadMenuSpeaker:hover{background:url(/html/lightmap/images/pc/v2icon/speaker.png) no-repeat left #dede00;color:#000; background-position:5px 50%;}
.HeadMenuTray{background:url(/html/lightmap/images/pc/v2icon/tray.png) no-repeat left #fff100; background-position:5px 50%;}
.HeadMenuTray:hover{background:url(/html/lightmap/images/pc/v2icon/tray.png) no-repeat left #dede00;color:#000; background-position:5px 50%;}
.HeadMenuUser{background:url(/html/lightmap/images/pc/v2icon/user.png) no-repeat left #fff100; background-position:5px 50%;}
.HeadMenuUser:hover{background:url(/html/lightmap/images/pc/v2icon/user.png) no-repeat left #dede00;color:#000; background-position:5px 50%;}
.HeadMenuLight{background:url(/html/lightmap/images/pc/v2icon/light.png) no-repeat left #fff100; background-position:5px 50%;}
.HeadMenuLight:hover{background:url(/html/lightmap/images/pc/v2icon/light.png) no-repeat left #dede00;color:#000; background-position:5px 50%;}
.HeadMenuZoom{background:url(/html/lightmap/images/pc/v2icon/zoom.png) no-repeat left #fff100; background-position:5px 50%;}
.HeadMenuZoom:hover{background:url(/html/lightmap/images/pc/v2icon/zoom.png) no-repeat left #dede00;color:#000; background-position:5px 50%;}
.HeadMenuPC{background:url(/html/lightmap/images/pc/v2icon/pc.png) no-repeat left #fff100; background-position:5px 50%;}
.HeadMenuPC:hover{background:url(/html/lightmap/images/pc/v2icon/pc.png) no-repeat left #dede00;color:#000; background-position:5px 50%;}
.HeadMenuCal{background:url(/html/lightmap/images/pc/v2icon/calendar.png) no-repeat left #fff100; background-position:5px 50%;}
.HeadMenuCal:hover{background:url(/html/lightmap/images/pc/v2icon/calendar.png) no-repeat left #dede00;color:#000; background-position:5px 50%;}
.HeadMenuKey{background:url(/html/lightmap/images/pc/v2icon/key.png) no-repeat left #fff100; background-position:5px 50%;}
.HeadMenuKey:hover{background:url(/html/lightmap/images/pc/v2icon/key.png) no-repeat left #dede00;color:#000; background-position:5px 50%;}
.HeadMenuTable{background:url(/html/lightmap/images/pc/v2icon/table.png) no-repeat left #fff100; background-position:5px 50%;}
.HeadMenuTable:hover{background:url(/html/lightmap/images/pc/v2icon/table.png) no-repeat left #dede00;color:#000; background-position:5px 50%;}
.HeadMenuRegistration2{background:url(/html/lightmap/images/pc/v2icon/registration2.png) no-repeat left #fff100; background-position:5px 50%;}
.HeadMenuRegistration2:hover{background:url(/html/lightmap/images/pc/v2icon/registration2.png) no-repeat left #dede00;color:#000; background-position:5px 50%;}
.HeadMenuRegistration{background:url(/html/lightmap/images/pc/v2icon/registration.png) no-repeat left #fff100; background-position:5px 50%;}
.HeadMenuRegistration:hover{background:url(/html/lightmap/images/pc/v2icon/registration.png) no-repeat left #dede00;color:#000; background-position:5px 50%;}
.HeadMenuLED{background:url(/html/lightmap/images/pc/v2icon/led.png) no-repeat left #fff100; background-position:5px 50%;}
.HeadMenuLED:hover{background:url(/html/lightmap/images/pc/v2icon/led.png) no-repeat left #dede00;color:#000; background-position:5px 50%;}
.HeadMenuQuestion{background:url(/html/lightmap/images/pc/v2icon/q.png) no-repeat left #fff100; background-position:5px 50%;}
.HeadMenuQuestion:hover{background:url(/html/lightmap/images/pc/v2icon/q.png) no-repeat left #dede00;color:#000; background-position:5px 50%;}




/*
======================================================================================================
タイトル
======================================================================================================
*/
.TitIcon{padding-left:40px;font-weight:normal;font-size:200%;}
.TitIcon2{padding-left:40px;}
.TitPen{background:url(/html/lightmap/images/pc/v2icon/pen.png) no-repeat left;}
.TitLock{background:url(/html/lightmap/images/pc/v2icon/lock.png) no-repeat left;}
.TitList{background:url(/html/lightmap/images/pc/v2icon/list.png) no-repeat left;}
.TitGear{background:url(/html/lightmap/images/pc/v2icon/gear.png) no-repeat left;}
.TitHome{background:url(/html/lightmap/images/pc/v2icon/home2.png) no-repeat left;}
.TitMail{background:url(/html/lightmap/images/pc/v2icon/mail.png) no-repeat left;}
.TitPc{background:url(/html/lightmap/images/pc/v2icon/pc.png) no-repeat left;}
.TitDB{background:url(/html/lightmap/images/pc/v2icon/db.png) no-repeat left;}
.TitTray{background:url(/html/lightmap/images/pc/v2icon/tray.png) no-repeat left;}
.TitHeart{background:url(/html/lightmap/images/pc/v2icon/heart.png) no-repeat left;}
.TitSpeaker{background:url(/html/lightmap/images/pc/v2icon/speaker.png) no-repeat left;}
.TitUser{background:url(/html/lightmap/images/pc/v2icon/user.png) no-repeat left;}
.TitLight{background:url(/html/lightmap/images/pc/v2icon/light.png) no-repeat left;}
.TitZoom{background:url(/html/lightmap/images/pc/v2icon/zoom.png) no-repeat left;}
.TitPC{background:url(/html/lightmap/images/pc/v2icon/pc.png) no-repeat left;}
.TitCal{background:url(/html/lightmap/images/pc/v2icon/calendar.png) no-repeat left;}
.TitKey{background:url(/html/lightmap/images/pc/v2icon/key.png) no-repeat left;}
.TitUserSeller{background:url(/html/lightmap/images/pc/v2icon/user_seller.png) no-repeat left;}
.TitUserMaker{background:url(/html/lightmap/images/pc/v2icon/user_maker.png) no-repeat left;}
.TitPaper{background:url(/html/lightmap/images/pc/v2icon/paper.png) no-repeat left;}
.TitPicture{background:url(/html/lightmap/images/pc/v2icon/picture.png) no-repeat left;}
.TitTable{background:url(/html/lightmap/images/pc/v2icon/table.png) no-repeat left;}
.TitDownload{background:url(/html/lightmap/images/pc/v2icon/download.png) no-repeat left;}
.TitDownloadWhite{background:url(/html/lightmap/images/pc/v2icon/cloud_white.png) no-repeat left;}
.TitLed{background:url(/html/lightmap/images/pc/v2icon/led.png) no-repeat left;}


.fixed{position:fixed;}




/*
======================================================================================================
お知らせNews
======================================================================================================
*/
.NewsBox {
	padding:10px;
	
    width:288px;
   
	background-color:#fffcce;
	float:left;
	margin-right:20px;
	margin-bottom:30px;

/*
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
*/
}

.NewsBox
{
  position: relative;
}
.NewsBox:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  background:none\9;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}




/*
======================================================================================================
フッター
======================================================================================================
*/

.FootBG{
	margin-top:60px;
	background:url(/html/lightmap/images/pc/v2header/footerbg.png) repeat-x top #ececec;
	padding-top:10px;
}
.CopyRight{
	margin-top:8px;
	background:#666;
	color:#fff;
	text-align:center;
	font-size:75%;
	padding:3px;
}



/*
======================================================================================================
IEAlert
======================================================================================================
*/
#IEAlert{
	position:absolute;
	top: 150px;
	background:#fdd000;
	width:100%;
}
#IEAlert .AlertBox{
	width:900px;
	padding-top:20px;
	padding-bottom:20px;
	margin:0 auto;
}
#IEAlert .IEAlertBtn{
	background:#039;
	color:#fff;
	font-weight:bold;
	padding:5px 30px 5px 30px;
}
#IEAlert .IEAlertBtn:hover{
	background:#006;
	color:#fff;
}




