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

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



/* 内枠（float letf/rightを含む全体の表示）
------------------------------------------------------ */

div#container{
                background-color: #ffffff;
//		color: #228b22;
		color: #303030;
                width: auto;
//                max-width: 100%;
		overflow:hidden;
		margin-left: 5px;
		margin-right: 5px;
}		


div#head{
//		background-color: #ffffff;	
//		width: auto;
//		max-width: 100%;
//		height: 50px;
//		text-align: left;
//		padding-top: 3px;
//		padding-right: 5px;
//		padding-left: 5px;
//		font-size: 12px;
		
		display: none;
	}
 
//div#logo-smart{
//                background-color: #ffffff;
//		width: auto;
//		max-width: 100%;
//                height: 75px;
//		text-align: left;
//		padding-left: 5px;
//		padding-right: 5px;
//	}
//		img.logo-img{
//			width:auto;
//		 	max-width:100%
//		}

div#logo{
	display: none;
        }


/* メイン枠 float:right main
------------------------------------------------------ */

div#mainimage-frame{
                background-color: #ffffff;
                float: left;
                width: 100%;
//                max-width: 100%;
                text-align: center;
		display: inline
        }


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


	div#mainimage-image{
			display: none;
	}

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

//                                img.main-img01{
//                                        width: 370px;
//                                        max-width: 100%;
//                                        height: 145px;
//                                }


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



/* メニュー menu
--------------------------------------------------------- */
div#navi-top-contact{
	 display: none;
}
div#navi-top-price{
         display: none;
}
div#navi-top-places{
         display: none;
}
div#navi-top-services{
         display: none;
}


div#side{
	display: none;
}



/* 特集 features
--------------------------------------------------------- */

div#main-frame{
                background-color: #ffffff;
                float: left;
                width: 100%;
//                max-width: 100%;
                text-align: center;
//                display: inline
        }

div#main-frame-features{
                        width: 100%;
//                        max-width: 100%;
//                        margin-left: 15px;
//                        margin-right: 15px;
                        margin-bottom: 15px;
//                        background-color: #9cbb1c;
                        color: #303030;
                        font-size: 13px
}

	div#features-title-smart{
                        width: auto;
                        max-width: 100%;
//                        margin-left: 15px;
//                        margin-right: 15px;
                        margin-bottom: 15px;
//                        background-color: #9cbb1c;
			background-color: #f5f5f5;
                        color: #303030;
                        font-size: 11px;
			border-bottom: solid 2px #ffa500;
	}

        div#features-title{
		display: none;
        }

//        div#price{
//                width: auto;
//                color: #303030;
//                font-size: 12px;
//              padding-left: 10px;
//                       }

		div#features-works{
                        width: auto;
                        color: #303030;
                        font-size: 10px;
			margin-bottom: 20px;
		}

			img.img-features{
				width: 100%;
//				width: 100px;
				height: auto;
			}

				h4.features-words-h4{
					font-size: 14px;
				}
				
				p.features-words{
					font-size: 12px;
					text-align: left;
				}

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


/* サポート例 samples
--------------------------------------------------------- */

div#main-frame-samples{
                        width:100%;
//                        max-width: 100%;
//                        margin-left: 15px;
//                        margin-right: 15px;
                        margin-bottom: 15px;
//                        background-color: #9cbb1c;
                        color: #303030;
                        font-size: 13px;
                        float: left;
}

                div#samples-title{
                        width: auto;
                        max-width: 100%;
                        margin-bottom: 15px;
                        color: #303030;
                        font-size: 12px;
                        text-align: center;
                        background-color: #dcdcdc;
                        border-left: solid 10px #0000cd;
                }

                       div#samples{
                                width: auto;
                                color: #303030;
                                font-size: 12px;
//                                padding-left: 10px;
                       }


                        table.samples{
//                              width: 750px;
                                width: 100%;
//                                border: 1px solid black;
//                                border-collapse: collapse;
                        }

                                        tr.samples{
                                                text-align: left;
//                                                border: 1px solid black;
//                                                background-color: #f5f5f5;
                                                font-size: 12px;
                                        }

                                        td.samples{
//                                                border: 1px solid black;
                                                font-size: 12px;
                                                border-style: hidden;
                                        }

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


/* 紹介 introduction
--------------------------------------------------------- */

div#main-frame-introduction{
                        width: 100%;
//                        max-width: 100%;
//                        margin-left: 15px;
//                        margin-right: 15px;
//                        margin-bottom: 15px;
//                        background-color: #9cbb1c;
                        color: #303030;
			text-align: left;
                        font-size: 13px;
                        float: left;
}

                div#introduction-title{
                        width: auto;
                        max-width: 100%;
                        margin-bottom: 15px;
                        color: #303030;
                        font-size: 12px;
                        text-align: center;
                        background-color: #dcdcdc;
                        border-left: solid 10px #0000cd;
                }
 
                       div#introduction{
                                width: auto;
                                color: #303030;
                                font-size: 12px;
//                                padding-left: 10px;
                       }

                                p.introduction-words{
                                        font-size: 12px;
                                }


/* ギャラリー gallery
--------------------------------------------------------- */

div#main-frame-gallery{
                        width: 100%;
//                        max-width: 100%;
//                        margin-left: 15px;
//                        margin-right: 15px;
                        margin-bottom: 15px;
//                        background-color: #9cbb1c;
                        color: #303030;
                        font-size: 13px;
			float: left;
}


        /* ギャラリービジョン gallery-vision
        ------------------------------------------------------ */

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

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

	div#gallery-vision{
			display: none;
	}

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

		div#gallery-title{
			width: auto;
                        max-width: 100%;
                        margin-bottom: 15px;
                        color: #303030;
                        font-size: 12px;	
			text-align: center;
                        background-color: #dcdcdc;
                        border-left: solid 10px #0000cd;
		}

			div#gallery-new{
				width: auto;
				color: #303030;
				font-size: 12px;
				padding-left: 10px;
				padding-right: 10px;
				border-top: solid 1px #808080;
				border-left: solid 1px #808080;
				border-right: solid 1px #808080;
				border-bottom: solid 1px #808080;
			}

                        div#gallery{
                                width: auto;
                                color: #303030;
                                font-size: 12px;
				padding-left: 10px;
				padding-right: 10px;
//				border-top: solid 1px #808080;
                                border-left: solid 1px #808080;
                                border-right: solid 1px #808080;
                                border-bottom: solid 1px #808080;
				padding-top: 10px;
                        }

				div#gallery-flame-img{
					width: 100%;
					height: auto;
					text-align: center;
					margin-top: 10px;
					margin-bottom: 10px;
				}

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

					div#gallery-words-h4{
						font-size: 14px;
						font-weight: bold;
						background-color: #f0f8ff;
//						margin-right: 10px;
					}

					img.img-gallery-check{
						width: 15px;
						height: auto;
					}

					p.gallery-words{
						font-size: 12px;
						text-align: left;
					}
	
/* 料金一覧 price
--------------------------------------------------------- */

div#main-frame-price{
                        width: 100%;
//                        max-width: 100%;
//                        margin-left: 15px;
//                        margin-right: 15px;
                        margin-bottom: 15px;
//                        background-color: #9cbb1c;
                        color: #303030;
                        font-size: 13px;
                        float: left;
}

                div#price-title{
                        width: auto;
                        max-width: 100%;
                        margin-bottom: 15px;
                        color: #303030;
                        font-size: 12px;
                        text-align: center;
                        background-color: #dcdcdc;
                        border-left: solid 10px #0000cd;
                }
 
                       div#price{
                                width: auto;
                                color: #303030;
                                font-size: 12px;
//                                padding-left: 10px;
                       }

                                p.price-words{
                                        font-size: 12px;
					text-align: left;
                                }

                        div#price-basic{
                                width: auto;
                                color: #303030;
//                                font-size: 12px;
				margin-bottom: 3px;
                                padding-left: 10px;
                                border-top: solid 1px #ffa500;
                                border-left: solid 1px #ffa500;
                                border-right: solid 1px #ffa500;
                                border-bottom: solid 1px #ffa500;
                        }

                        div#price-research{
                                width: auto;
                                color: #303030;
//                                font-size: 12px;
				margin-bottom: 3px;
                                padding-left: 10px;
                                border-top: solid 1px #ffa500;
                                border-left: solid 1px #ffa500;
                                border-right: solid 1px #ffa500;
                                border-bottom: solid 1px #ffa500;
                        }

                        div#price-work{
                                width: auto;
                                color: #303030;
//                                font-size: 12px;
				margin-bottom: 3px;
                                padding-left: 10px;
                                border-top: solid 1px #ffa500;
                                border-left: solid 1px #ffa500;
                                border-right: solid 1px #ffa500;
                                border-bottom: solid 1px #ffa500;
                        }

                        div#price-total{
                                width: auto;
                                color: #303030;
//                                font-size: 12px;
				margin-bottom: 20px;
                                padding-left: 10px;
                                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: 12px;
                                        text-align: center;
                                }

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

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

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

                                div#price-equal-smart{
                                        width: auto;
                                        height: 20px;
                                        font-size: 20px;
                                        font-weight:bold;
                                        color: #696969;
					text-align: center;
					margin-bottom: 15px;
                                }

                                div#price-equal{
                                        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: 100%;
//				max-width: 100%;
                                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{
//		                                width: 30%;
//		                                border: 1px solid black;
//		                                background-color: #f5f5f5;
//		                        }

		                        td{
//		                                width: 70%;
		                                border: 1px solid black;
		                        }


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

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

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


/* 対応地区 places
--------------------------------------------------------- */

div#main-frame-places{
                        width: 100%;
//                        max-width: 100%;
//                        margin-left: 15px;
//                        margin-right: 15px;
                        margin-bottom: 15px;
//                        background-color: #9cbb1c;
                        color: #303030;
                        font-size: 13px;
                        float: left;
}

                div#places-title{
                        width: auto;
                        max-width: 100%;
                        margin-bottom: 15px;
                        color: #303030;
                        font-size: 12px;
                        text-align: center;
			background-color: #dcdcdc;
                        border-left: solid 10px #0000cd;
                }

                        div#places{
                                width: auto;
                                color: #303030;
                                font-size: 12px;
				padding-left: 10px;
				padding-right: 10px;
                                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: 100%;
					height: auto;
					text-align: center;
					margin-top: 10px;
					margin-bottom: 10px;	
				}

					img.img-places{
						width: 100px;
						height: auto;
					}
					
					p.places-words{
						font-size: 12px;
						text-align: left;
					}

/* 問い合わせ contact
---------------------------------------------------------*/

div#main-frame-contact{
                        width: 100%;
//                        max-width: 100%;
//                        margin-left: 15px;
//                        margin-right: 15px;
                        margin-bottom: 15px;
//                        background-color: #9cbb1c;
                        color: #303030;
                        font-size: 13px;
                        float: left;
}

                div#contact-title{
                        width: auto;
                        max-width: 100%;
                        margin-bottom: 15px;
                        color: #303030;
                        font-size: 12px;
                        text-align: center;
                        background-color: #ffa500;
                }

                        div#contact{
                                width: auto;
				max-width: 100%;
                                color: #303030;
                                font-size: 12px;
				padding-left: 10px;
				padding-right: 10px;
				padding-bottom: 10px;
                                border-top: solid 1px #808080;
                                border-left: solid 1px #808080;
                                border-right: solid 1px #808080;
                                border-bottom: solid 1px #808080;
                        }

                                        p.contact-words{
                                                font-size: 12px;
						text-align: left;
                                        }

/* フォーム
------------------------------------------------------ */
form#tracerouteform
     {
        width: auto;
        max-width: 100%;
        margin-left: 15px;
	margin-right: 15px;
	text-align: left;
    }
    #tracerouteform 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:#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:100%;
//        width: auto;
//        max-width: 100%;
//	margin: 5px;
    }
    #tracerouteform input#phone {
        width:100%;
//        width: auto;
//        max-width: 100%;        
//	margin: 5px;
    }
    #tracerouteform input#email {
        width:100%;
//        width: auto;
//        max-width: 100%;
//        margin: 5px;
    }
    #tracerouteform input#item {
        width:100%;
//        width: auto;
//        max-width: 100%;
//        margin: 5px;
    }
    #tracerouteform textarea {
        width:100%;
//        width: auto;
//        max-width: 100%;
//        margin: 5px;
    }
     #tracerouteform input#submit {
        margin-left: 5px;
    }
     #tracerouteform input#reset {
        margin-left: 5px;
    }


/* メニュー枠：左側 float:left 
   ハンバーガメニュー
------------------------------------------------------ */


					div.navi-list {
						position: fixed;
						z-index: 2;
						top: 0;
						left: 0;
                                                background: rgba(25,25,25,0.8);
						color: #000;
						text-align: center;
						transform: translateY(-100%);
						transition: all 0.6s;
						width: 100%;
					}
 
					div.navi-list ul {
						margin: 0 auto;
						padding: 0;
						width: 100%;
					}
 
					div.navi-list ul li {
						font-size: 1.0em;
						list-style-type: none;
						padding: 0;
						width: 100%;
						border-bottom: 1px dotted #333;
					}
 
				/* 最後はラインを描かない */
					div.navi-list ul li:last-child {
						padding-bottom: 0;
						border-bottom: none;
					}
 
					div.navi-list ul li a {
						display: block;
						color: #ffffff;
						padding: 1em 0;
					}
 
				/* このクラスを、jQueryで付与・削除する */
					div.navi-list.active {
						transform: translateY(0%);
					}


/* メニュー枠：左側 float:left
   三本線
------------------------------------------------------ */

					.navi-smart {
						display: block;
						position: fixed;    /* bodyに対しての絶対位置指定 */
						right: 13px;
						top: 12px;
						width: 42px;
						height: 51px;
						cursor: pointer;
						z-index: 3;
						background: #666;
						text-align: center;
					}
 
					.navi-smart span {
						display: block;
						position: absolute;    /* .navi-smartに対して */
						width: 30px;
						border-bottom: solid 3px #eee;
						-webkit-transition: .35s ease-in-out;
						-moz-transition: .35s ease-in-out;
						transition: .35s ease-in-out;
						left: 6px;
					}
 
					.navi-smart span:nth-child(1) {
						top: 9px;
					}
 
					.navi-smart span:nth-child(2) {
						top: 18px;
					}
 
					.navi-smart span:nth-child(3) {
						top: 27px;
					}
 
					.navi-smart span:nth-child(4) {
						border: none;
						color: #eee;
						font-size: 9px;
						font-weight: bold;
						top: 34px;
					}

			/* 最初のspanをマイナス45度に */
					.navi-smart.active span:nth-child(1) {
						top: 18px;
						left: 6px;
						-webkit-transform: rotate(-45deg);
						-moz-transform: rotate(-45deg);
						transform: rotate(-45deg);
					}
 
			/* 2番目と3番目のspanを45度に */
					.navi-smart.active span:nth-child(2),
					.navi-smart.active span:nth-child(3) {
						top: 18px;
						-webkit-transform: rotate(45deg);
						-moz-transform: rotate(45deg);
						transform: rotate(45deg);
					}

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

div#footer{
		background-color: #ffffff;
                width: auto;
                max-width: 100%;
		padding-top: 35px;
		clear: both
	}

address{
		font-style: normal;
		text-align: center;
		font-side: 14px;
	}