/*************************************************************************************************************
			Extra Large (1200px）　PC（大）用
**************************************************************************************************************/

/****************************************

			共通項目
			   
****************************************/

/*-------------------------- */
/*        bootstrap          */
/*-------------------------- */

/* グリッド用 */
.container {
    width: 100% !important;
}
/* (トップページ以外）グロナビ背景 */
.navbar_bg {
    width: 100% !important;
	background-color:#fff;
	height:60px;
}


/* メニュー外枠 */
.navbar {
	position:absolute !important;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	border-radius:0px !important;
	margin-bottom:0px !important;
	border:none !important;
	z-index: 100;
	background-image: none;
	height:60px;
}

/* ブラックの背景とホワイトのテキスト */
.navbar-inverse {
	background-image: none !important;
	background-color:rgba(0,0,0,0.00)!important;
	z-index: 100;
	float:right !important;
}
/* デフォルトで768未満でトグルに切り替わる→991pxに変更 */
.navbar-header {
	height:60px;
}
/* タイトル（ロゴ） */
.navbar-brand {
	float:left;
	height:60px;
	width:160px;
	margin-top:0px;
	margin-left:0px;
}


/* ロゴ */
.logo{
	position:absolute;
	display: block;
	top:0px;
	z-index:9999;
}
.logo img{
	height:40px;
	width: auto;
	margin-top:-10px;
}
.logo a{
	border: none;
}

/* グロナビ */
.navbar-nav {
	float:right !important;
	margin-top:14px;
}
.navbar-collapse a {
	color:#000　!important;
	background-image: none !important;
	float:right !important;
}

.navbar-inverse .navbar-nav > li {
	/*width:16%;*/
	text-align:center;
}
.navbar-inverse .navbar-nav > li > a {
	color:#000 !important;
	font-size:16px;
}
.navbar-inverse .navbar-nav > li > a:hover {
	color:#000 !important;
	text-decoration:underline;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
	background-color:rgba(0,0,0,0.00)!important;
}
.navbar-inverse .navbar-toggle {
	border-color:rgba(0,0,0,0.00) !important;
}








/*-------------------------- */
/*        オリジナル         */
/*-------------------------- */

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

/* PC：80%、スマホ：100% */
.navbarinner_waku {
	width:70%;
	height:60px;
	margin-left:auto;
	margin-right:auto;
}

/* 見出し */
.midashtext{
	width:100%;
	margin-top:20px;
	font-size:40px;
	font-weight:bold;
	text-align:center;
}
.midashtext2{
	width:100%;
	margin-top:20px;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	display:none;
}
/* ライン */
.line_bg{
	display:none;
}


h1#info_k {
	display:none;
}


/* 申込 */
.order_box {
	display:none;
}

.order_bg {
	display:none;
}
.order{
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	background-color: #E73B2F;
	color: #fff;
	font-size: 18px;
	width: 50%;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	margin-top: 0px;
	text-decoration: none;
	display: block;
	margin-left:auto;
	margin-right:auto;
	border-radius:6px;
}
.order:hover {
	text-decoration: none;
	background-color: #F44B3F;
	color: #fff;
	text-decoration: none;
}


/* 高さ */
.h100px{
	height:0px;
}
.h90px{
	height:90px;
}
.h80px{
	height:80px;
}
.h70px{
	height:70px;
}
.h60px{
	height:0px;
}
.h50px{
	height:50px;
}
.h40px{
	height:40px;
}
.h30px{
	height:30px;
}
.h20px{
	height:20px;
}
.h10px{
	height:10px;
}

.h10p{
	height:10%;
}
.h9p{
	height:9%;
}
.h8p{
	height:8%;
}
.h7p{
	height:7%;
}
.h6p{
	height:6%;
}
.h5p{
	height:5%;
}
.h4p{
	height:4%;
}
.h3p{
	height:3%;
}
.h2p{
	height:2%;
}
.h1p{
	height:1%;
}








/****************************************

			トップページ
			   
****************************************/

/* トップイメージ */
#headerimge_bg{
	width: 100%;
	min-width:1000px;
	overflow:hidden;
}
.headerimge{
	position:relative;
	height:400px;
	left:50%;
	margin-left:-1000px;
}

/* プライス */
#price_bg {
	width:100%;
	background-color:#fff;
	padding-top:3%;
	padding-bottom:0%;
	/*padding:2%*/
}
.price{
	width: 100%;
	text-align:center;
	font-size:16px;
	width:70%;
	/*height:300px;*/
	margin-left:auto;
	margin-right:auto;
}

#ks_canvas1 {
	display:none;
}
#ks_canvas1_p {
	width:760px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
}
/* グラフ */
#graph_bg {
	width:100%;
	background-color:#fff;
	padding-top:0%;
	padding-bottom:5%;
	/*padding:2%*/
	display:none;
}
.graph{
	width: 100%;
	text-align:center;
	font-size:16px;
	/*width:70%;*/
	/*height:300px;*/
	margin-left:auto;
	margin-right:auto;
}

#ks_canvas2 {
	display:none;
}
#ks_canvas2_p {
	width:1010px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
#ks_canvas2_p img {
	width:90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
#ks_canvas3 {
	width:100%;
	max-width:1050px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
}
#ks_canvas3 {
	display:none;
}
#ks_canvas3_p img {
	width:90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
/* 出展メーカー */
#maker_bg {
	width:100%;
	background-color:#fff;
	padding-top:60px;
	padding-bottom:5%;
	/*padding:2%*/
}
.maker{
	width: 100%;
	text-align: center;
	font-size: 16px;
	/*width: 70%;*/
	/* [disabled]height:300px; */
	margin-left: auto;
	margin-right: auto;
}

#ks_canvas4 {
	width:100%;
	max-width:1050px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
}
#ks_canvas4 img {
	width:100%;
	height:auto;
}
/* フルサポート */
#fullsupport_bg {
	width: 100%;
	background-image: url(image/fullsupportbg.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.fullsupport{
	text-align:center;
	font-size:16px;
	width:70%;
	/*height:500px;*/
	margin-left:auto;
	margin-right:auto;
}
.midashtext_white{
	width:100%;
	padding-top:40px;
	font-size:40px;
	font-weight:bold;
	text-align:center;
	color:#333333;
	display:block;
}
.foursupport_waku{
	margin-top: 40px;
	padding-bottom: 40px;
	width: 1000px;
	margin-left:auto;
	margin-right:auto;
}
.foursupport{
	background-color:rgba(255,255,255,0.50);
	margin-bottom:20px;
	border: 2px solid #939393;
	width:100%;
	margin-left:2%;
	margin-right:2%;
	padding:3%;
	float:left;
}

.support_pr {
	width:500px;
	float:left;
}

/* サービス */
#service_bg {
	width:100%;
	display:none;
}
.service{
	text-align:center;
	font-size:16px;
	width:70%;
	/*height:500px;*/
	margin-left:auto;
	margin-right:auto;
}
.fourservice_waku{
	margin-top:40px;
	padding-bottom:40px;
	width:100%;
}
.fourservice{
	margin-bottom:20px;
}

.foursupport p.m1 {
	font-size:20px;
	font-weight:bold;
	margin-bottom:5px;
}
.foursupport p.m2 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}
.foursupport p.m3 {
	font-size:16px;
	line-height:1.4em;
	text-align:left;
	height:130px;
}











	
	.box_disp {
		display:none;
	}

/*************************************************************************************************************

			レスポンシブ
			   
**************************************************************************************************************/

@media (max-width: 1500px) {

.fullsupport{
	width:95%;
}




}

/*************************************************************************************************************
			Large (992px～1199px）　PC用
**************************************************************************************************************/

@media (max-width: 1199px) {

/* PC：80%、スマホ：100% */
.navbarinner_waku {
	width:100%;
}
/* PC：80%、スマホ：100% */
.navbarinner_waku_subnavi {
	width:100%;
}

/* トップイメージ */
#headerimge_bg{
	min-width:300px;
	overflow:hidden;
}
.headerimge{
	position:relative;
	height:300px;
	left:50%;
	margin-left:-750px;
}
.headerimge img{
	height:300px;
	width:auto;
}



}





/*************************************************************************************************************
			Medium (768px～991px）　タブレット用
**************************************************************************************************************/

@media (max-width: 991px) {

/*-------------------------- */
/*        bootstrap          */
/*-------------------------- */

/* ヘッダー高さ変更 */
.navbar{
	height:60px;
}

/* Bootstrapのnavbarをcollapseさせる（つまりトグルメニューを出す呪文） */
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		background-color:#000;
		width:100%;
    }
	.navbar-collapse a {
		float:left !important;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
		float:left !important;
        margin: 10px 10px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
/* Bootstrapのnavbarをcollapseさせる（つまりトグルメニューを出す呪文ここまで） */




/* トグル */
.navbar-toggle {
	margin-top:16px;
}

.navbar-inverse .navbar-toggle .icon-bar {
	background-color:rgba(0,0,0,1.00);
}

.navbar-inverse .navbar-nav > li > a {
	color:#fff !important;
	font-size:16px;
}
.navbar-inverse .navbar-nav > li > a:hover {
	color:#fff !important;
	text-decoration:underline;
}



/* フルサポート */
#fullsupport_bg {
	width:100%;
	background-image:url(image/fullsupportbg.jpg);
	background-position:center;
}

/* サービス */
.service{
	width:100%;
}



}




/*************************************************************************************************************
			Small (544px～767px）　スマートフォン用
**************************************************************************************************************/

@media (max-width: 767px) {

/* トップイメージ */
#headerimge_bg{
	min-width:100px;
	overflow:hidden;
}
.headerimge{
	position:relative;
	height:200px;
	left:50%;
	margin-left:-500px;
}	
.headerimge img{
	height:200px;
	width:auto;
}



/* 見出し */
.midashtext{
	width:100%;
	margin-top:20px;
	font-size:30px;
	font-weight:bold;
	text-align:center;
}

.midashtext_white{
	width:100%;
	padding-top:40px;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	display:block;
}




}



object#EdgeID {
	width:100%;
	display:none;
}
object#EdgeID2 {
	width:100%;
	display:none;
}
object#EdgeID3 {
	width:100%;
	display:none;
}
object#EdgeID4 {
	width:100%;
	display:none;
}


ul.ggsv_box li {
	list-style:none;
	padding-left:0px;
	padding-right:0px;
}


#ggsv_box {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-top:3%;
	float:none;	
}


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

ul.ggsv_box {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	float:none;
}

li.ggsv_list {
	width: 47%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	float: left;
	margin-bottom: 5%;
	background-color: #F3F3F3;
}

.ggsv {
	width:100%;
	text-align:center;
	position:relative;
	margin-bottom:20px;
}
.ggsv_img img {
	width:100%;
	height:auto;
	z-index:100;
}	
	
	
p.midashi {
	/*z-index: 500;
	display: block;*/
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding-bottom:2%;
	height:45px;
	/*background-image: url(../img/black60.png);
	background-repeat: repeat;
	background-position: left top;*/
}

#ggsv_box h4 {
	position: absolute;
	top: 90%;
	display: inline-block;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	z-index: 1000;
	letter-spacing: 1px;
}
#ggsv_box h4#movie {
	background-color: #D12F0C;
	left:38%;
}
#ggsv_box h4#catalog {
	background-color:#222C33;
	left:34%;
}
#ggsv_box h4#showroom {
	background-color:#6A4B3C;
	left:33%;
}
#ggsv_box h4#outlet {
	background-color:#2E4283;
	left:36%;
}
#ggsv_box h4#movie_sp, #ggsv_box h4#catalog_sp, #ggsv_box h4#showroom_sp, #ggsv_box h4#outlet_sp {
	display:none;
}

p.midashi#movie_c {
	color: #D12F0C;
}
p.midashi#catalog_c {
	color:#222C33;
}
p.midashi#outlet_c {
	color:#6A4B3C;
}
p.midashi#showroom_c {
	color:#2E4283;
}

p.ggsv_text {
	display:block;
	width:100%;
	font-size:14px;
	line-height:1.4em;
	padding-top:5px;
	text-align:left;
	color:#666666;
	height:90px;
}

p.ggsv_text_sp {
	display:none;
}

.ggsv_pbox {
	padding:10px;
	min-height:100px;
}
.ggsv_to {
	width:60%;
	margin-left:auto;
	margin-right:auto;
	padding-top:5%;
}
.ggsv_to img {
	width:100%;
	height:auto;
}
p.ggsv_toptext {
	font-size:16px;
	text-align:center;
	margin-bottom:60px;
}



.service_pr {
	width:915px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
	border:none;
}
.midashtext_pr {
	width:100%;
	margin-top:40px;
	font-size:30px;
	font-weight:bold;
	text-align:center;
}



.annaipdf {
	display:none;
}

.height50 {
	display:none;
}

#uservoice_box {
	width:85%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	float:none;
}


p#uservoice_box_title {
	display: block;
	margin-bottom: 40px;
	padding-bottom:2px;
	font-size: 28px;
	font-weight: bold;
	text-align:center;
	border-bottom: 1px solid #BFBFBF;
}
p#uservoice_box_text {
	display: block;
	margin-bottom: 40px;
	font-size:18px;
	text-align:center;
}

.uservoice {
	width: 29%;
	margin-left: 2%;
	margin-right: 2%;
	padding: 1.5%;
	border: 4px solid #F88A00;
	border-radius: 10px;
	font-size: 15px;
	line-height: 1.6em;
}

span.usericon {
	display:block;
	float:left;
	width:35%;
	margin-right:1%;
	margin-bottom:1%;
}
span.usericon img {
	width:100%;
	height:auto;
}
p.user {
	font-size:14px;
	text-align:right;
}



#support_main {
	width:70%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	float:none;
}

#support_main img {
	width:100%;
	height:auto;
	margin-bottom:20px
}

.support {
	width:32%;
	margin-bottom:25px;
	margin-right:2%;
	padding-left:0px;
	padding-right:0px;
}

#support1 {
	background-color:#eabf53;
}
#support2 {
	background-color:#fda256;
}
#support3 {
	background-color:#fd8053;
	margin-right:0% !important;
}

.support_title {
	text-align:center;
	color:#FFFFFF;
	padding-top:20px;
	padding-left:7%;
	padding-right:7%;
	padding-bottom:15px;
	font-size:32px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

.support_title span {
	display:block;
	background-color:#FFFFFF;
	color:#eabf53;
	font-size:24px;
	margin-top:10px;
	padding-top:5px;
	padding-bottom:5px;
	letter-spacing:1px;
}

.support_title span#title1 {
	color:#eabf53;
}
.support_title span#title2 {
	color:#fda256;
}
.support_title span#title3 {
	color:#fd8053;
}

.support_text {
	width: 100%;
	height:150px;
	color: #FFFFFF;
	font-size:16px;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
}

#sup1 {
	background-color: #eecc75;
}
#sup2 {
	background-color: #fdb578;
}
#sup3 {
	background-color: #fd9975;
}


/****************************************

          Clearfix

*****************************************/

/* クリア */
.float_clear {
    clear: both;
    height: 0px;
    width: 0px;
    visibility: hidden;
}

#container:after,
#header .menu > ul:after,
#header ul.menu:after,
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}

/* clearfix for ie7 */
#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: inline-block;
}

#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: block;
}