@charset "utf-8";
/* CSS Document */
body.signage_top{background-color:#fff;color:#333;background-image:url(../images/signage/bg_signage.gif);background-repeat:repeat-x 0 0;height:65px;}

body.signage_contact{font:12px/18px "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;background-color:#f2f2f2;color:#333;background-image:url();}
a:link.signagemenu{color:#000;text-decoration:none;}
a:visited.signagemenu{color:#000;text-decoration:none;}
a:active.signagemenu{color:#000;text-decoration:none;}
a:hover.signagemenu{color:royalblue;text-decoration:none;position:relative;top:0px;left:0px;}
a:link.gray{color:gray;text-decoration:none;}
a:visited.gray{color:gray;text-decoration:none;}
a:active.gray{color:gray;text-decoration:none;}
a:hover.gray{color:black;text-decoration:none;position:relative;top:0px;left:0px;}

div.content_top{background-image:url(../images/signage/bg_cont.gif);background-repeat:no-repeat;height:841px;}
div.content{background-color:white;border:solid 1px #e5e5e5;}
div.content_nob{background-color:white;}
div.content50{background-color:white;border:solid 1px #e5e5e5;padding-left:15px;padding-right:15px;text-align:center;}
div.waku{border:solid 1px gray;background-color:white;margin-top:15px;}
table.logo{background-image:url(../images/logo/petit_logo_180.gif);background-position:100% 5%;background-repeat:no-repeat;}
div.display{width:400px;height:auto;max-width:100%;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}
.font6{font-size:6pt;}
div.movie{background-color:black;color:white;text-align:center;width:200px;padding-top:3px;padding-bottom:0px;}
div.link-area-waku{}
table.link-area{background-color:transparent;border-collapse:separate;width:980px;font-size:10px;color:dimgray;margin-toop:5px;}
table.link-area td.link-midashi{text-align:center;color:black;padding-bottom:5px;width:25%;}
.link-area td.naiyo{padding-top:0px;padding-left:15px;padding-right:15px;vertical-align:top;}
.link-area img.w150{width:150px;}
td.petit_top_img{background-image:url(../images/);background-position:0 0;background-repeat:no-repeat;height:200px;color:white;text-align:right;background-color:black;}
td.petit_top_right{line-height:1.5EM;padding-bottom:10px;}
span.top_moji{font-size:14pt;font-style:Italic;font-weight:bold;line-height:30px;}
div.top_midashi{background-color:dimgray;color:white;font-weight:bold;font-size:9pt;font-family:'';text-align:right;line-height:15pt;margin-right:5px;}
div.top_note{border:solid 1px #044e87;width:280px;padding:10px;margin-bottom:3px;line-height:20px;}
th.koumoku{background-color:lightblue;color:white;width:120px;white-space:nowrap;}
td.siyou{border:solid 1px lightblue;}
td.midashi{font:bold 11pt;color:blue;}
td.cont{padding-left:30px;height:110px;vertical-align:top;}
td.petit_title{width:680px;font:Italic 18pt Cooper Black;line-height:50pt;color:royalblue;Filter:DropShadow(Color=lightblue, OffX=5, OffY=5, Positive=1);padding-left:0px;}
div.menu_top{width:220px;padding-bottom:2px;}
span.top_en{font-style:Italic;font-size:14pt;font-family:'Century';font-weight:bold;line-height:18pt;}
div.top_jp{width:215px;text-align:right;line-height:1.5EM;color:black;border-top:solid 1px lightgrey;}
td.screen{background-color:lightblue;color:darkblue;text-indent:20px;height:25px;font-size:10pt;font-family:"Arial Black";}
td.active{border:solid 1px dimgray;text-align:center;font:bold 10pt;background-color:dimgray;color:white;width:12%;}
td.tab{border:solid 1px dimgray;text-align:center;font:bold 10pt;color:royalblue;border-bottom:solid 5px dimgray;padding-bottom:1px;width:12%;}
td.tab_partner{border:solid 1px royalblue;text-align:center;font:bold 10pt;width:12%;color:blue;border-bottom:solid 5px royalblue;}
td.con_midashi{border-left:solid 8px royalblue;border-bottom:dashed 1px royalblue;}
td.con_cont{padding-bottom:20px;}
table.pro_rei{width:100%;background-image:url(../images/petit/pro_back3.jpg);background-repeat:no-repeat;color:white;}
td.pro_nagare{background-image:url(../images/petit/plate_blue.jpg);background-repeat:no-repeat;text-align:center;color:white;font-weight:bold;width:100px;height:80px;}
td.pro_nagare2{background-image:url(../images/petit/plate_silver.jpg);background-repeat:no-repeat;text-align:center;color:black;font-weight:normal;width:100px;height:80;}
td.pro_nagare3{background-image:url(../images/petit/plate_pink.jpg);background-repeat:no-repeat;text-align:center;color:white;font-weight:bold;width:100px;height:80;}
span.pro_cont4{color:white;background-color:royalblue;width:100%;padding:5px;}
div.pro_cont4{border:solid 1px royalblue;padding-left:10px;padding-top:5px;padding-bottom:5px;height:130px;}

td.b-border_taku{border-bottom:dashed 1px lightgrey;}
table.waku_syousai{width:970px;margin-top:0px;}
span.cont_midashi{font:bold 12pt;color:white;background-color:royalblue;padding-top:2px;height:18px;line-height:18px;}
div.cont_waku{border:double 3px royalblue;line-height:15pt;width:940px;}
div.model_midashi{background-color:lightblue;color:royalblue;font-size:11pt;padding:2px;height:20px;line-height:20px;clear:right;}
div.model_photo{float:right;text-align:center;margin-top:5px;margin-left:10px;}
hr.model_hr{height:1px;color:royalblue;width:400px;}
div.model_comment{padding-left:10px;padding-top:15px;padding-right:10px;}
div.dairiten_midashi{background-color:royalblue;color:white;text-indent:5px;height:25px;font-size:10pt;line-height:25px;margin-top:10px;width:520px;margin-bottom:10px;font-weight:bold;}
td.hyou{border:solid 1px lightgrey;}
div.breadcrumb{background-image:url(../images/signage/breadcrumb.png);background-repeat:no-repeat;background-position:100% 0;float:left;padding:10px;}
div.breadcrumb_end{float:left;padding:10px;}
div.content_guruset{background-color:white;height:1150px;width:980px;}
div.content_gurukei{background-color:white;height:1470px;width:980px;}
.left{text-align:left;}
.center{text-align:center;}
.red{color:red;}
#func-table{width:930px;text-align:center;background-color:dimgray;margin:0px auto;border-collapse:separate;}
.func-midashi{background-color:#224272;color:white;font-size:11pt;font-weight:bold;padding-top:8px;}
.bg-koumoku{background-color:#828FA7;color:white;}
#func-table .odd{background-color:#F5F5F5;}
#func-table .even{background-color:#CFCFCF;}
#globalheader{width:970px;height:38px;margin:18px auto;margin-top:0px;position:relative;z-index:9998;}
#globalheader #globalnav{margin:0;padding:0;}
#globalheader #globalnav li{display:inline;}
#globalheader #globalnav li#nav01 a{float:left;width:180px;height:0;padding-top:38px;overflow:hidden;}
#globalheader #globalnav li#nav02 a{float:left;width:109px;height:0;padding-top:38px;overflow:hidden;}
#globalheader #globalnav li#nav03 a{float:left;width:109px;height:0;padding-top:38px;overflow:hidden;}
#globalheader #globalnav li#nav04 a{float:left;width:109px;height:0;padding-top:38px;overflow:hidden;}
#globalheader #globalnav li#nav05 a{float:left;width:109px;height:0;padding-top:38px;overflow:hidden;}
#globalheader #globalnav li#nav06 a{float:left;width:109px;height:0;padding-top:38px;overflow:hidden;}
#globalheader #globalnav li#nav07 a{float:left;width:109px;height:0;padding-top:38px;overflow:hidden;}
#globalheader #globalnav li#nav08 a{float:left;width:136px;height:0;padding-top:38px;overflow:hidden;}
#globalheader #globalnav li a{background-image:url(../images/signage/menubar.png);background-repeat:no-repeat;position:relative;top:0px;left:0px;}
#globalheader #globalnav li#nav01 a{background-position:0 0;}
#globalheader #globalnav li#nav02 a{background-position:-180px 0;}
#globalheader #globalnav li#nav03 a{background-position:-289px 0;}
#globalheader #globalnav li#nav04 a{background-position:-398px 0;}
#globalheader #globalnav li#nav05 a{background-position:-508px 0;}
#globalheader #globalnav li#nav06 a{background-position:-617px 0;}
#globalheader #globalnav li#nav07 a{background-position:-726px 0;}
#globalheader #globalnav li#nav08 a{background-position:-836px 0;}
#globalheader #globalnav li#nav01 a:hover{background-position:0 -38px;}
#globalheader #globalnav li#nav02 a:hover{background-position:-180px -38px;}
#globalheader #globalnav li#nav03 a:hover{background-position:-289px -38px;}
#globalheader #globalnav li#nav04 a:hover{background-position:-398px -38px;}
#globalheader #globalnav li#nav05 a:hover{background-position:-508px -38px;}
#globalheader #globalnav li#nav06 a:hover{background-position:-617px -38px;}
#globalheader #globalnav li#nav07 a:hover{background-position:-726px -38px;}
#globalheader #globalnav li#nav08 a:hover{background-position:-836px -38px;}
#globalheader #globalnav li#nav01 a:active{background-position:0 -76px;}
#globalheader #globalnav li#nav02 a:active{background-position:-180px -76px;}
#globalheader #globalnav li#nav03 a:active{background-position:-289px -76px;}
#globalheader #globalnav li#nav04 a:active{background-position:-398px -76px;}
#globalheader #globalnav li#nav05 a:active{background-position:-508px -76px;}
#globalheader #globalnav li#nav06 a:active{background-position:-617px -76px;}
#globalheader #globalnav li#nav07 a:active{background-position:-726px -76px;}
#globalheader #globalnav li#nav08 a:active{background-position:-836px -76px;}
#globalheader.nav01 #globalnav li#nav01 a{background-position:0 -76px;cursor:default;}
#globalheader.nav02 #globalnav li#nav02 a{background-position:-180px -76px !important;}
#globalheader.nav03 #globalnav li#nav03 a{background-position:-289px -76px !important;}
#globalheader.nav04 #globalnav li#nav04 a{background-position:-398px -76px !important;}
#globalheader.nav05 #globalnav li#nav05 a{background-position:-508px -76px !important;}
#globalheader.nav06 #globalnav li#nav06 a{background-position:-617px -76px !important;}
#globalheader.nav07 #globalnav li#nav07 a{background-position:-726px -76px !important;}
#globalheader.nav08 #globalnav li#nav08 a{background-position:-836px -76px !important;}
tr.seihin{height:50px;text-align:center;}
tr.tokutyo{clear:both;}
tr.siyou1{height:65px;background-color:honeydew;}
tr.siyou2{height:65px;background-color:ivory;}
tr.siyou3{height:50px;background-color:honeydew;}
tr.siyou4{height:50px;background-color:ivory;}
tr.height40{height:40px;}
tr.fee{height:90px;}
div.block0,.block1,.block5{float:left;width:110px;}
div.block5{float:left;width:135px;}
div.block2,.block3,.block4{float:left;width:150px;}
div#gallery2{float:left;width:500px;}
#price-table1 .odd, #price-table2 .odd, #price-table3 .odd{background-color:honeydew;}
#price-table1 .even,#price-table2 .even,#price-table3 .even{background-color:ivory;}
.contact-button{margin:20px auto;width:230px;}
p.stickex{text-align:left;margin:0px;font-size:10pt;color:royalblue;font-weight:bold;clear:both;}
p.stickex .mini{font-weight:normal;color:black;font-size:9pt;text-indent:0px;line-height:1.2EM;}
table.spec{background-color:gray;}
table.spec td.midashi{background-color:#224272;color:white;}
table.spec td.koumoku{background-color:#828FA7;color:white;white-space:nowrap;}
table.spec td.naiyou{background-color:#F5F5F5;}
div.stickmemo{float:right;width:430px;margin:0px auto;text-align:left;line-height:1.2EM;margin-bottom:15px;}
.content50 .kijiwaku{clear:both;line-height:20pt;width:600px;}
h4.trust{color:white;background-color:gray;display:block;padding:5px;font-size:12pt;padding-top:10px;}
td.number{width:20px;vertical-align:top;text-align:left;}
table.policy{width:80%;max-width:800px;margin:0px auto;line-height:1.8EM;font-size:8pt;}
td.jyoko{padding-top:20px;font-size:10pt;border-bottom:dotted 1px #224272;color:dimgray;font-weight:bold;}
div.top_menu{width:220px;padding-right:15px;padding-bottom:2px;height:50px;}
span.top_en{font-style:Italic;font-size:14pt;font-family:'Century';font-weight:bold;line-height:18pt;}
div.top_jp{width:225px;text-align:right;line-height:1.5EM;border-top:solid 1px lightgrey;color:black;}
div.whatsnew{float:left;text-align:left;border-right:solid 1px lightgrey;padding:20px;width:50%;height:160px;box-sizing:border-box;}
div.whatsnew2{border-bottom:solid 1px lightgrey;border-right:solid 1px lightgrey;padding:15px;width:50%;float:left;box-sizing:border-box;}

/* 横スクロール table-cell */

.gnav {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
padding:0;
}
.gnav::-webkit-scrollbar {
  display: none;
}
 .gnav .item {
  background: #444;
  display: table-cell;
}
 .gnav .item:hover {
  opacity: 0.9;
}
 .gnav .item:hover a:hover {
  opacity: 0.9;
}
 .gnav .item a {
  display: block;
  padding: 10px 20px;
  text-decoration: none;
  color: #f6f6f6;
white-space:nowrap;
}
img{max-width:100%;}

/*可変ブロック*/

.inner {
	padding:5px;

    width: 100%;
    height: 100%;
	display:block;
	border:solid 10px;border-radius:3px;background-color:#fff;


}
.hard-intro {text-align:center;margin-top:20px;border:solid 1px #000;}
.hard-intro	.hard-midashi{background-color:ghostwhite;padding:5px;}
.hard-intro	.hard-midashi p{font-size:120%;font-weight:bold;}
.hard-intro	.hard-midashi p span.italic{font-family:century;font-size:9pt;font-style:italic;}
.hard-intro .hard-spec {background-image: url(images/signage/monitor_back.png);
    background-repeat: repeat-x;
    background-position: 0% 100%;
	border-top:solid 1px #666;
	border-bottom:solid 1px #666;
	width:100%;
	font-size:100%;
}

.hard-intro div ul{list-style-type:none;}
.hard-intro .hard-price{height:30px;line-height:30px;}
.note{text-align:right;font-size:xx-small;display:block;width:1100px;max-width:100%;}

/* Gallery styles 製品仕様*/
#slidemain{
	/* The main container */
	margin:0px auto;
	text-align:center;
	width:500x;
	float:left;
	border:solid 1px lightgrey;
	margin-bottom:15px;
	margin-top:15px;
}
#gallery{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;

	/* CSS3 Rounded Corners */

	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;

	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;

	border:1px solid white;

	background:url(../images/signage/cyberstick/parts/panel.jpg) repeat-x bottom center #ffffff;

	/* The width of the gallery */
	width:700px;
	max-width:100%;
	overflow:hidden;
}

#slides{
	/* This is the slide area */
	max-height:301px;
	min-height:200px;

	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:500px;
	max-width:100%;
	overflow:hidden;
	margin:0 auto;
}

.slide{
	float:left;
}

#slidemenu{
	/* This is the container for the thumbnails */
	height:45px;
}

ul{
	margin:0px;
	padding:0px;
}

#menu ul li{
	/* Every thumbnail is a li element */
	width:15%;
	display:inline-block;
	list-style:none;
	height:45px;
	overflow:hidden;
}
#menu ul li.fbar{
	/* Every thumbnail is a li element */
	width:10px;
}
#menu ul li a{
	display:block;
	background:url(../images/signage/cyberstick/parts/divider.png) no-repeat right;
	height:45px;
	padding-top:10px;

}

#gallery #slides li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(../images/signage/cyberstick/parts/pic_bg.png) repeat;
}

#gallery #slides li.act , li.act:hover{
	/* The active state of the thumb */
	background:url(../images/signage/cyberstick/parts/active_bg.png) no-repeat;
}

#gallery #slides li.act a{
	cursor:default;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(../images/signage/cyberstick/parts/divider.png) no-repeat right;
}



#gallery #slides a img{
	border:none;
}


#slidemain{
	/* The main container */
	margin:0px auto;
	text-align:center;
	width:500x;
	max-width:100%;
	border:solid 1px lightgrey;
	margin-bottom:15px;
	margin-top:15px;
}
#slidemain .tax{
  font-size:50%;
}

.stickpage h1{font-weight:bold;}

/**/
#specExp{text-align: left;

    background-image: url(../images/signage/area.png);
    background-repeat: no-repeat;
    height: 380px;
    padding-left: 650px;
    margin-top: 20px;
width:940px;}
#specExp img{margin-left:30px;margin-right:40px;}
#specExp div{margin-top:20px;}
#specExp p{padding-left:60px;margin:-3px 0px 0px 0px;}
.contwaku{width:940px;}
.sp-rotate{transform:rotate(-90deg);}
@media (max-width: 990px) {
  .sp-rotate{transform:rotate(0deg);}
}
@media (max-width: 575.98px) {
	td.alliance-l, td.alliance-r{display:inline-block;width:100%;border-right:dotted 0px;}
	div.linkbutton{display:inline-block;}
  table.seminar-table th , table.seminar-table td{display:block;}
  }
}