/* 外枠
------------------------------------------------------ */

body	{
		background-color: #ffffff;
		margin: 0;
		padding: 0
	}



/* コンテナ/ヘッダ/ロゴ Headers
------------------------------------------------------ */

div#container{
//                width: 1000px;
		width: auto;
                background-color: #ffffff;
//                margin-left: auto;
//                margin-right: auto;
//		color: #228b22;
		color: #303030;
}

div#head{
		background-color: #ffffff;	
//		width: 985px;
		width: 900px;
//		height: 30px;
		height: auto;
		text-align: left;
		padding-top: 3px;
		padding-left: 30px;
		font-size: 12px;
		margin-left: auto;
		margin-right: auto;
	}


div#logo-smart{
                display: none;
}

 
div#logo{
                background-color: #ffffff;
//                width: 985px;
		width: 900px;
//                height: 30px;
		text-align: left;
		padding-left: 30px;
		margin-left: auto;
                margin-right: auto;

	}
		img.logo-img{
			width: 350px;
			height: auto;
//			padding-left: 40px
		}

/* メニュー Menu
------------------------------------------------------ */

div.navi-smart{
                display: none;
}

div#navi-list{
                background-color: #ffffff;
//                float: right;
//                width: 180px;
		width: 900px;
		margin-right: 15px;
//		overflow: hidden;
//		display: none;
                margin-left: auto;  
                margin-right: auto;
}

div#navi-list-smart{
//                background-color: #ffffff;
//                float: right;
//                width: 180px;
//                width: auto;
//                margin-right: 15px;
//              overflow: hidden;
              display: none;
}

	div#navi-top-services{
	                background-color: #ffffff;
	                float: right;
//	                width: 140px;
	                width: auto;
	                margin-right: 3px;
//	               overflow: hidden;
	}

	div#navi-top-places{
	                background-color: #ffffff;
	                float: right;
//	                width: 180px
	                width: auto;
	                margin-right: 3px;
//	                overflow: hidden;
	}

        div#navi-top-price{
                       background-color: #ffffff;
                       float: right;
//                     width: 180px
                       width: auto;
                       margin-right: 3px;
//                     overflow: hidden;
        }

	div#navi-top-contact{
	               background-color: #ffffff;
	               float: right;
//	               width: 180px
	               width: auto;
	               margin-right: 3px;
//	               overflow: hidden;
	}

			.navi-top-services:hover{
				opacity: 0.7;
				filter: alpha(opacity=70);
				-ms-filter: "alpha(opacity=70)";
                        }
                        .navi-top-places:hover{
                                opacity: 0.7;
                                filter: alpha(opacity=70);
                                -ms-filter: "alpha(opacity=70)";
                        }
                        .navi-top-price:hover{
                                opacity: 0.7;
                                filter: alpha(opacity=70);
                                -ms-filter: "alpha(opacity=70)";
                        }
                        .navi-top-contact:hover{
                                opacity: 0.7;
                                filter: alpha(opacity=70);
                                -ms-filter: "alpha(opacity=70)";
                        }


//        ul#navi{
//                padding-left: 15px;
//                list-style-type: none;
//		text-align: right;
//		float: right;
//        }
//                        li#navi-left a {
//                                display: block;
//				display: inline-block;
//                                width: 125px;
//                                height: 20px;
//                                padding-top: 8px;
//                                padding-left: 40px;
//                                font-size: 14px;
//                                color: #228b22;
//				float: right;
//                                background-image: url(img/navi_image01.png)
//                        }

//                        li#navi-left  a:hover {
//                                width: 125px;
//                                height: 20px;
//                                list-style-type: none;
//                                color: #006400;
//                              font-weight: 600;
//                                background-image: url(img/traceroute-network-navibutton-01.jpg)
//                        }



/* メインイメージ main image 
------------------------------------------------------ */


div#mainimage-image-smart{
                display: none;
}


div#mainimage-frame{
                background-color: #ffffff;
//                float: right;
//		float: left;
		width: auto;
		height: 300px;
                text-align: center;
//		display: inline;
        }

	div#mainimage-image{
	                background-color: #ffffff;
//			width: auto;
			width: 100%;
//			height: auto;
			height: 300px; /*must値*/
			margin-bottom: 15px;
			text-align: center;
	}

                img.main-img{
//			width: 100%;
			width: auto;
//			max-width: 100%;
                        height: auto;
                }

//		img.main-img01{
//				width: auto;
//		}

	        ul#mainimage-image{
			position:absolute;
        	        padding-left: 0px;
        	        list-style-type: none
       		 }

/* メインフレーム main frame 
------------------------------------------------------ */

div#main-frame{
                background-color: #ffffff;
//                float: left;
                width: 900px;
                text-align: center;
//                display: inline;
		margin-left: auto;
		margin-right: auto;
        }

/* サイドメニュー side menu
------------------------------------------------------ */

                         
        div#side{
                        width: 160px;
                        height: 340px;
//                        margin-left: 15px;
                        margin-right: 15px;
                        margin-bottom: 15px;
//                        background-color: #9cbb1c;
                        color: #ffffff;
                        font-size: 10px;
			float: left;
			position: -webkit-sticky;
		        position: sticky;
                	top: 20px;	
        }

			/* For IE */
		        .side{
                        	position: -webkit-sticky;
                        	position: sticky;
                        	top: 20px;
        		}


div#sidenavi-list{
                background-color: #ffffff;
                float: left;
                width: 160px;
//                margin-left: 40px;
//                margin-right: 15px;
}


        div#sidenavi-menu{
                        background-color: #ffffff;
//                        float: left;
                        float: left;
			height: auto;
        }

                        .sidenavi-menu:hover{
                                opacity: 0.7;
                                filter: alpha(opacity=70);
                                -ms-filter: "alpha(opacity=70)";
                        }

				img.sidenavi-menu-img{
					width: 160px;
					height: auto;
				}

//        ul#sidenavi{
//                padding-left: 15px;
//                list-style-type: none;
//		text-align: center;
//        }
//                        li#sidenavi-left a {
//                                display: block;
//                                width: 200px;
//                                height: 20px;
//				height: auto;
//                                padding-top: 8px;
//                                padding-left: 40px;
//                                font-size: 14px;
//                                color: #228b22;
//                                background-image: url(img/navi_image01.png)
//                        }

//                        li#sidenavi-left  a:hover {
//                                width: 200px;
//                                height: 20px;
//				height: auto;
//                                list-style-type: none;
//                                color: #006400;
//                              font-weight: 600;
//                                background-image: url(img/navi_image02.png)
//                        }


/* サービス内容 gallery
------------------------------------------------------ */
div#main-frame-gallery{
                background-color: #ffffff;
//                float: left;
//                width: auto;
		width: auto;
//                text-align: center;
		text-align: left;
//                display: inline;
}

        div#gallery-title{
                        width: auto;
                        height: 40px;
                        margin-left: 190px;
//                        margin-right: 200px;
//                        margin-bottom: 15px;
//                        background-color: #9cbb1c;
			background-color: #dcdcdc;
                        color: #303030;
                        font-size: 14px;
			text-align: center;
			border-left: solid 10px #0000cd;
        }


	/* ギャラリービジョン gallery-vision
	------------------------------------------------------ */
	div#gallery-vision-smart{
			display: none;
	}

        div#gallery-vision{
                        background-color: #ffffff;
//                      width: auto;
//                        width: 100%;
			max-width: 100%;
//			width: 710px;
//                      height: auto;
                        height: 316px; /*must値*/
                        margin-bottom: 35px;
			margin-left: 190px;
//                        text-align: center;
        }
                img.gallery-vision-img{
//                      width: 100%;
                        width: auto;
//                      max-width: 100%;
                        height: auto;
                }

                ul#gallery-vision{
                        position:absolute;
                        padding-left: 0px;
                        list-style-type: none
                 }

        /* -------------------------------------------------- */
        

		div#gallery-new{
//				width: auto;
				max-width: 100%;
				height: 180px;
//				float: left;  <!--<no!float>-->
				text-align: left;
//				font-size: 15px;
				margin-left: 190px;
//				margin-right: 200px;
				padding-top: 11px;
				padding-left: 11px;
				padding-right: 11px;
				border-top: solid 1px #808080;
				border-left: solid 1px #808080;
				border-right: solid 1px #808080;
				border-bottom: solid 1px #808080;
		}

                div#gallery{
//                              width: auto;
                                max-width: 100%;
//                                height: 180px;
				height: auto;
//                              float: left;  <!--<no!float>-->
                                text-align: left;
//                              font-size: 15px;
                                margin-left: 190px;
//                              margin-right: 200px;
                                padding-top: 11px;
                                padding-left: 11px;
                                padding-right: 11px;
//                                border-top: solid 1px #808080;
//                                border-left: solid 1px #808080;
//                                border-right: solid 1px #808080;
//                                border-bottom: solid 1px #808080;
                }


                div#gallery-flame-img{
//                                width: auto;
				width: 100%;
                                height: auto;
				float: left;
                                text-align: left;
//                                margin-left: 15px;
                                margin-right: 20px;
//                                padding-top: 11px;
//                                padding-left: 11px;
//                                padding-right: 11px;
//                                        display: table-cell;
                                display: block;
                                        vertical-align: middle;
                }

			img.img-gallery-model{
//					max-width: 100%
//					width: 95px;
					width: 100%;
					height: auto;
					display: inline-block;
//					margin-left: 20px;
//		                        margin-right: 20px;
					margin-bottom: 5px;
//					font-size: 12px;
					float: left;
//					position: relative;
//					top: 50%;
//					margin-top: -50px ;
			}

                        img.img-gallery-check{
                                        width: 23px;
                                        height: auto;
                                        display: inline-block;
//                                        margin-left: 10px;
                                        margin-right: 3px;
                                        float: left;
                        }

                div#gallery-words-h4{
					font-size: 18px;
                                        width: auto;
					height: auto;
					font-weight: bold;
					background-color: #f0f8ff;
					margin-left: 260px;
					padding-left: 15px;
                                        text-align: left;
//                                      max-width: 100%;
//                                      display: inline-block;
//                                      overflow: hidden;
//                                        overflow: auto;
                }

			
		p.gallery-words{
					font-size: 14px;
					width: auto;
					text-align: left;
//					max-width: 100%;
//					display: inline-block;
//					overflow: hidden;
					overflow: auto;		
		}


/* 料金一覧 price
--------------------------------------------------------- */

div#main-frame-price{
                background-color: #ffffff;
                float: left;
//                width: auto;
                width: 100%;
//                text-align: center;
                text-align: left;
                display: inline;
}
        div#price-title{
                        width: auto;
//                        height: 40px;
                        height: auto;
                        margin-left: 200px;
//                        margin-right: 200px;
                        margin-bottom: 15px;
//                        background-color: #9cbb1c;
                        background-color: #dcdcdc;
                        color: #303030;
                        font-size: 14px;
                        text-align: center;
                        border-left: solid 10px #0000cd;
        }

                div#price{
//                              width: auto;
                                max-width: 100%;
                                height: auto;
//                              float: left;  <!--<no!float>-->
                                text-align: center;
//                              font-size: 15px;
                                margin-left: 200px;
//                                margin-right: 200px;
//                                        display: table-cell;
//                                display: block;
//                                        vertical-align: middle;
                }


                div#price-example{
                                width: auto;
//                                max-width: 100%;
                                height: auto;
                                text-align: center;
				margin: 0 auto;
                }

                p.price-words{
                                        width: auto;
                                        text-align: left;
					font-size: 14px;
//                                      max-width: 100%;
//                                      display: inline-block;
//                                      overflow: hidden;
                                        overflow: auto;
                }


                div#price-basic{
                        float: left;
                        width: 150px;
                        height: 200px;
                        font-size: 13px;
			margin-top: 3px;
//                        margin-left: 2px;
                        padding-top: 11px;
//                        padding-left: 11px;
//                        padding-right: 11px;
                        border-top: solid 1px #ffa500;
                        border-left: solid 1px #ffa500;
                        border-right: solid 1px #ffa500;
                        border-bottom: solid 1px #ffa500;
                }

                div#price-research{
                        float: left;
                        width: 175px;
                        height: 200px;
                        font-size: 13px;
			margin-top: 3px;
                        margin-left: 5px;
                        padding-top: 11px;
//                        padding-left: 11px;
//                        padding-right: 11px;
                        border-top: solid 1px #ffa500;
                        border-left: solid 1px #ffa500;
                        border-right: solid 1px #ffa500;
                        border-bottom: solid 1px #ffa500;
                }

                div#price-work{
                        float: left;
                        width: 160px;
                        height: 200px;
                        font-size: 13px;
			margin-top: 3px;
                        margin-left: 5px;
                        padding-top: 11px;
//                        padding-left: 11px;
//                        padding-right: 11px;
                        border-top: solid 1px #ffa500;
                        border-left: solid 1px #ffa500;
                        border-right: solid 1px #ffa500;
                        border-bottom: solid 1px #ffa500;
                }

                div#price-total{
                        float: left;
                        width: 157px;
                        height: 200px;
                        font-size: 13px;
			margin-top: 3px;
//                        margin-left: 15px;
                        padding-top: 11px;
//                        padding-left: 11px;
//                        padding-right: 11px;
                        border-top: solid 1px #ffa500;
                        border-left: solid 1px #ffa500;
                        border-right: solid 1px #ffa500;
                        border-bottom: solid 1px #ffa500; 
                }

			p.price-basic-title{
				font-size: 16px;	
				color: #ffa500;
				font-weight: bold;
				text-align: center;
			}
			p.price-basic-words{
                                font-size: 14px;
				text-align: center;
                        }

                        p.price-research-title{
                                font-size: 16px;
				color: #ffa500;
				font-weight: bold;
				text-align: center;
                        }
                        p.price-research-words{
                                font-size: 14px;
				text-align: center;
                        }

                        p.price-work-title{
                                font-size: 16px;
				color: #ffa500;
				font-weight: bold;
				text-align: center;
                        }
                        p.price-work-words{
                                font-size: 14px;
				text-align: center;
                        }

                        p.price-total-title{
                                font-size: 16px;
				color: #ffa500;
				font-weight: bold;
				text-align: center;
                        }
                        p.price-total-words{
                                font-size: 14px;
				text-align: center;
                        }

				div#price-plus{
  		    		　      float: left;
                		        width: 20px;
                		        height: 120px;
                   		     	font-size: 13px;
       			                margin-left: 15px;
                		        padding-top: 11px;
//                		        padding-left: 11px;
//        		                padding-right: 11px;
				}

				div#price-equal{
		                        float: left;
		                        width: 20px;
		                        height: 120px;
		                        font-size: 20px;
					font-weight:bold;
					color: #696969;
		                        margin-left: 10px;
					margin-right: 10px;
		                        padding-top: 87px;
//		                        padding-left: 11px;
//		                        padding-right: 11px;
				}

                                div#price-equal-smart{
					display: none;
                                }

                div#price-list{
                              width: 100%;
//                                max-width: 100%;
                                height: auto;
                              float: left;
                                text-align: center;
//                              font-size: 15px;
//                                margin-left: 300px;
//                                margin-right: 200px;
//                                        display: table-cell;
//                                display: block;
//                                        vertical-align: middle;
                }

			table.price-list{
//				width: 750px;
				width: 100%;
				margin-top: 10px;
				border: 1px solid black;
				border-collapse: collapse;	
			}

                                tr.price-list-item{
                                        text-align: left;
                                }
                                tr.price-list-content{
                                        text-align: left;
                                }
                                tr.price-list-note{
                                        text-align: left;
                                }

					th{
						border: 1px solid black;
						background-color: #f5f5f5;
					}
			
					td{
						border: 1px solid black;
					}
                                                th.th01{
                                                        width: 3%;
                                                }
                                                th.th02{
                                                        width: 67%;
							border-left-style: hidden;
                                                }
                                                th.th03{
                                                        width: 30%;
                                                }

                                                        td.td01{
								font-size: 14px;
								background-color: #f0f8ff;
                                                        }
                                                        td.td02{
								font-size: 14px;
								background-color: #f0f8ff;
                                                                border-left-style: hidden;
								padding-left: 10px;
                                                        }
                                                        td.td03{
								font-size: 14px;
								padding-left: 15px;
                                                        }
                                                        td.td04{
								font-size: 14px;
                                                                text-align: center;
                                                        }
                                                        td.td05{
								font-size: 14px;
								padding-left: 15px;
                                                        }
                                                        td.td06{
								font-size: 14px;
                                                                text-align: center;
                                                        }
                                                        td.td07{
								font-size: 14px;
                                                                padding-left: 15px;
                                                        }
                                                        td.td08{
								font-size: 14px;
                                                                text-align: center;
							}
                                                        td.td09{
                                                                font-size: 14px;
                                                                padding-left: 15px;
                                                        }
                                                        td.td10{
                                                                font-size: 14px;
                                                                text-align: center;
                                                        }
                                                        td.td11{
                                                                font-size: 14px;
                                                                padding-left: 15px;
                                                        }
                                                        td.td12{
                                                                font-size: 14px;
                                                                text-align: center;
                                                        }
                                                        td.td13{
                                                                font-size: 14px;
                                                                padding-left: 15px;
                                                        }
                                                        td.td14{
								font-size: 14px;
								text-align: center;
                                                        }
                                                        td.td15{
                                                                font-size: 14px;
                                                                padding-left: 15px;
                                                        }
                                                        td.td16{
                                                                font-size: 14px;
                                                                text-align: center;
                                                        }
                                                        td.td17{
                                                                font-size: 14px;
                                                                padding-left: 15px;
                                                        }
                                                        td.td18{
                                                                font-size: 14px;
                                                                text-align: center;
                                                        }

                                                        td.td-note{
								font-size: 14px;
                                                                padding-left: 15px;
                                                        }


/* 訪問地区 places
------------------------------------------------------ */
div#main-frame-places{
                background-color: #ffffff;
                float: left;
//                width: auto;
                width: 100%;
                text-align: center;
                display: inline;
}

        div#places-title{
                        width: auto;
                        height: 40px;
                        margin-left: 200px;
//                        margin-right: 200px;
                        margin-bottom: 15px;
//                        background-color: #9cbb1c;
			background-color: #dcdcdc;
                        color: #303030;
                        font-size: 14px;
			border-left: solid 10px #0000cd;
        }

                div#places{
                                width: auto;
                                height: auto;
                                text-align: left;
                                font-size: 15px;
                                margin-left: 200px;
//                                margin-right: 200px;
                                padding-top: 11px;
                                padding-left: 11px;
                                padding-right: 11px;
                                border-top: solid 1px #808080;
                                border-left: solid 1px #808080;
                                border-right: solid 1px #808080;
                                border-bottom: solid 1px #808080;
                }

                div#places-flame-img{
//                                width: auto;
                                width: 180px;
                                height: 130px;
                                float: left;
                                text-align: left;
//                                margin-left: 15px;
                                margin-right: 15px;
//                                padding-top: 11px;
//                                padding-left: 11px;
//                                padding-right: 11px;
//                                        display: table-cell;
                                display: block;
                                        vertical-align: middle;
                }

                        img.img-places{
                                        width: 130px;
                                        height: auto;
                                        display: inline-block;
                                        float: left;
					position: relative;
					top: 50%;
					margin-top: -50px ;
                        }


	                p.places-words{
                                        font-size: 14px;
                                        width: auto;
                                        text-align: left;
//                                      max-width: 100%;
//                                      display: inline-block;
//                                      overflow: hidden;
                                        overflow: auto;
        	        }

/* 問い合わせ contact
------------------------------------------------------ */
div#main-frame-contact{
                background-color: #ffffff;
                float: left;
//                width: auto;
                width: 100%;
                text-align: center;
                display: inline;
}

        div#contact-title{
                        width: auto;
                        height: 40px;
                        margin-left: 200px;
//                        margin-right: 200px;
                        margin-bottom: 15px;
//                        background-color: #9cbb1c;
                        background-color: #ffa500;
                        color: #303030;
                        font-size: 14px;
//			border-left: solid 4px #ffa500;
        }

                div#contact{
                                width: auto;
                                height: auto;
                                text-align: left;
                                font-size: 15px;
                                margin-left: 200px;
//                                margin-right: 200px;
                                padding-top: 11px;
                                padding-left: 11px;
                                padding-right: 11px;
				padding-bottom: 20px;
                                border-top: solid 1px #808080;
                                border-left: solid 1px #808080;
                                border-right: solid 1px #808080;
                                border-bottom: solid 1px #808080;
                }


                div#contact-words{
                                width: auto;
                                height: auto;
                                text-align: left;
                                font-size: 15px;
                                margin-left: 165px;
                }


/* フォーム
------------------------------------------------------ */
form#tracerouteform
     {
        width:574px;
        margin-left: 120px;
    }
    #tracerouteyform ul {
        list-style:none;
        margin:0;
        padding:0
    }
    #tracerouteform li {
        list-style:none;
        margin:0;
        padding:6px;
        clear:both;
    }
    #tracerouteform label {
        display:block;
        font-weight:bold;
//        color:#228b22;
	color: #303030:
    }
    #tracerouteform input.field,
    #tracerouteform textarea {
//        background:#fff url("img/css/fieldborder.png") repeat-x 0 0;
//        border:1px solid #808080;
//        border-top-color:#808080;
//        border-left-color:#808080;
        padding:3px;
    }
    #tracerouteform input#name {
        width:400px;
    }
    #tracerouteform input#phone {
        width:400px;
    }
    #tracerouteform input#email {
        width:400px;
    }
    #tracerouteform input#item {
        width:400px;
    }
    #tracerouteform textarea {
        width:400px;
    }
    #tracerouteform input#submit {
        margin-left: 45px;
    }
    #tracerouteform input#reset {
        margin-left: 5px;
    }



/* フッター
------------------------------------------------------ */

div#footer{
		background-color: #ffffff;
		width: auto;
		height: 70px;
		padding-top: 35px;
		clear: both;
	}

address{
		font-size: 16px;
		font-style: normal;
		text-align: center;
	}