@charset "utf-8";

/** 
 * ================================================================================
 * ジオ・インスペクション　様
 * ================================================================================
 * 制作日: 2012-01-27
 * 変更日:
 *  2012-02-28 : kazu-watanabe
 *	Copyright  : エヌケー・テック株式会社
 */


/**
 * ベースCSS　目次
 * ================================================================================
 * =1	 	: 共通スタイル
 * 	=1-1   	: ヘッダー
 * 	=1-2   	: メインコンテンツ
 * 	=1-3   	: メインメニュー
 * 	=1-4   	: フッター
 
 * =2	 	: トップページ
 * 	=2-1   	: 商品イメージ　Flash
 
 * =3	 	: 内部ページ
 * 	=3-1   	: 共通設定
 * 	=3-2   	: コンセプト
 * 	=3-3   	: ご使用方法
 * 	=3-4   	: お取扱の注意事項
 * 	=3-5   	: 販売店のご案内
 * 	=3-6   	: 購入本数シミュレーション
 * ================================================================================
 */





/**=1
 * ================================================================================
 * 共通スタイル
 * ================================================================================
 */
	/* リセットCSS */
	@import "reset.css";
	
	
	/* ハックCSS */
	@import "hack.css";

	/**=1-1
	 * --------------------------------------
	 * ヘッダー
	 * --------------------------------------
	 */
		#Header {
			float: left;
		}
			#Header h1{
				background: url(../Images/InPage/Logo.jpg) no-repeat;
				width: 220px;
				height: 90px;
				overflow: hidden;
				text-indent: -9999px;
				margin-top:30px;
			}
		#SimulationBtn{
			width: 155px;
			height: 25px;
			text-indent: -9999px;
		}
		#TopPage #SimulationBtn{
			position: absolute;
			top: 20px;
			right: 30px;
		}
			#SimulationBtn a{
				width: 155px;
				height: 25px;
				display: block;
				overflow: hidden;
				background: url(../Images/InPage/Simulation.jpg) no-repeat;
			}
			#SimulationBtn a:hover{ background-position: 0 -25px;}
	
	
	/**=1-2
	 * --------------------------------------
	 * メインコンテンツ
	 * --------------------------------------
	 */
		html,body{
			height:100%;
			min-height: 730px;
		}
		#Main{
			width: 1100px;
			min-height: 730px;
			box-shadow: 0 0 5px #888888;
			-moz-box-shadow: 0 0 5px #888888;
			-webkit-box-shadow: 0 0 5px #888888;
			position:relative;
			margin:auto;
			text-align: left;
		}
		#TopPage #Main{ background: url(../Images/TopPage/Main.jpg) no-repeat #FFFFFF;}
		#InPage #Main{ background: url(../Images/InPage/Main01.jpg) no-repeat #c5e0f1;}
		#InPage #Main #Background{
			background: url(../Images/InPage/Main02.jpg) no-repeat bottom;
			padding-bottom: 200px;
			min-height: 530px;
		}
		#Contents{
			width: 1000px;
			margin: auto;
		}
	
	
	/**=1-3
	 * --------------------------------------
	 * メインメニュー
	 * --------------------------------------
	 */
		#TopPage #GlobalNavi {
			position: absolute;
			right: 20px;
			top: 60px;
		}
		#InPage #GlobalNavi {
			margin-top: 30px;
			float: right;
			padding-left: 7px;
		}
			#GlobalNavi li{
				float: left;
				background: url(../Images/All/Icon/Icon01.png) no-repeat left center;
				padding-left: 15px;
				line-height: 1.25em;
				margin-right: 12px;
				margin-bottom: 10px;
			}
			#InPage #GlobalNavi li{
				border-right: solid 1px #89a6ba;
				padding: 7px 7px 7px 15px;
				margin-right: 7px;
			}
			#InPage #GlobalNavi li.First{
				background: url(../Images/All/Icon/Icon01.png) no-repeat 7px center;
				border-left: solid 1px #89a6ba;
				padding-left: 22px;
				clear: left;
			}

		
		
		
	/**=1-4
	 * --------------------------------------
	 * フッター
	 * --------------------------------------
	 */
		#Footer {
			position: absolute;
			bottom: 15px;
			left: 50px;
		}
			#Footer .Bg{
				background: #d6dbdc;
				padding: 12px;
				border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				position: relative;
				font-size: 92%;
				float: left;
			}
				#Footer .Bg h3{
					position: relative;
					width: 143px;
					height: 13px;
					overflow: hidden;
				}
					#Footer .Bg h3 img{
						position: absolute;
						top: 0;
						left: 0;
					}
			#MailAddress{
				border-top: solid 1px #a0a4a5;
				padding: 7px 0 0 15px;
				background: url(../Images/All/Footer/Mail.gif) no-repeat left 10px;
				float: left;
			}
			#InPage #MailAddress{
				border: none;
				padding-top: 0;
				background-position: 0 center;
			}
			
			#InPage #Footer .Bg div{
				float: left;
				line-height: 1em;
				_width: 25%;
			}
			#InPage #Footer .Bg div.Line{
				border-left: solid 1px #979b9a;
				padding-left: 12px;
				margin-left: 12px;
			}
				#InPage #Footer .Bg div h3,
				#InPage #Footer .Bg div p{ margin: 3px 0;}



/**=3
 * ================================================================================
 * 内部ページ
 * ================================================================================
 */
		
		
	/**=3-1
	 * --------------------------------------
	 * 共通設定
	 * --------------------------------------
	 */
	 	.SubTitleType01 {
			margin-top: 12px;
			clear: both;
		}
	 	.SubTitleType01 img{
			background: none;
		}
		
		#PDFDownload{
			width: 160px;
			height: 30px;
			float: right;
			text-indent: -9999px;
			margin-top: 12px;
		}
		#PDFDownload a{
			width: 160px;
			height: 30px;
			overflow: hidden;
			display: block;
			background: url(../Images/InPage/PDF.gif) no-repeat;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			position: relative;
		}
		#PDFDownload a:hover{ background-position: 0 -30px;}
		
	 	#PageTitle{
			position: relative;
			overflow: hidden;
			width: 1000px;
			height: 56px;
			clear: both;
		}
		 	#PageTitle img{
				position: absolute;
				top: 0;
				left: 0;
			}
				
		.PageBack{
			text-align: center;
			margin-top: 20px;
			padding-top: 19px;
			border-top: solid 1px #CCCCCC;
		}
			.PageBack a{
				color: #449900;
				text-decoration: underline;
			}
				.PageBack a:hover{ color: #ff3333;}
		
	
.About-Title{
	width: 444px;
	height: 22px;
	float: left;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
	background: url(../Images/InPage/About/Title.png) no-repeat;
}	
.About-SubTitle{
	width: 406px;
	height: 40px;
	float: left;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
	background: url(../Images/InPage/About/SubTitle.png) no-repeat;
	clear: both;
	margin-top: 10px;
}
.About-Flow{
	clear: both;
	padding-top: 70px;
	margin-top: 30px;
	background: url(../Images/InPage/About/Next.png) no-repeat top center;
}

/*  */
.Use--Title01{
	width: 998px;
	height: 22px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
	background: url(../Images/InPage/Use/Title01.png) no-repeat;
	margin-top: 30px;
}
.Use--Title02{
	width: 388px;
	height: 22px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
	background: url(../Images/InPage/Use/Title02.png) no-repeat;
	margin-top: 50px;
	margin-bottom: 20px;
}

.Use--Block01{
	width: 300px;
	float: left;
}
.Use--Block01.Margin{
	margin:0 50px;
}
.Use--Block01 .Title{
	background: url(../Images/InPage/Bg.gif);
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 20px;
}
.Use--Block01 .Title span{
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    margin: auto;
    display: block;
}

.Use--Block01 .Title1 span{
	width: 224px;
	height: 19px;
	background: url(../Images/InPage/Use/BlockTitle01.png) no-repeat;
}
.Use--Block01 .Title2 span{
	width: 223px;
	height: 19px;
	background: url(../Images/InPage/Use/BlockTitle02.png) no-repeat;
}
.Use--Block01 .Title3 span{
	width: 173px;
	height: 19px;
	background: url(../Images/InPage/Use/BlockTitle03.png) no-repeat;
}

.Use--Block01 .Photo{
	background: url(../Images/InPage/Bg.gif);
	padding: 30px 15px 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: relative;
}
.Use--Block01 .Photo:before{
	content: ' ';
	width: 40px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -20px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
	background: url(../Images/InPage/Next.png) no-repeat;
}


.Use--Block02{
	width: 475px;
	float: left;
}
.Use--Block02.Margin{
	margin-right: 50px;
}
.Use--Block02 .Title{
	background: url(../Images/InPage/Bg.gif);
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 20px;
}
.Use--Block02 .Title span{
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    margin: auto;
    display: block;
}

.Use--Block02 .Title1 span{
	width: 262px;
	height: 19px;
	background: url(../Images/InPage/Use/BlockTitle04.png) no-repeat;
}
.Use--Block02 .Title2 span{
	width: 264px;
	height: 19px;
	background: url(../Images/InPage/Use/BlockTitle05.png) no-repeat;
}

.Use--Block02 .Photos{
	background: url(../Images/InPage/Bg.gif);
	padding: 30px 15px 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: relative;
}
.Use--Block02 .Photos:before{
	content: ' ';
	width: 40px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -20px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
	background: url(../Images/InPage/Next.png) no-repeat;
}
.Use--Block02 .Photos .Block{
	background: #ffffff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 15px;
	text-align: center;
}
.Use--Block02 .Photos .Block .Photo{
	width: 150px;
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	text-align: left;
}
.Use--Block02 .Photos .Block .Photo img{
	margin-bottom: 10px;
}
.Use--Block02 .Photos .Block .Icon{
	padding-right: 35px;
	margin-right: 15px;
	background: url(../Images/InPage/Use/Icon.png) no-repeat right 75px;
}

/*  */
.Handling--Title01{
	width: 998px;
	height: 22px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
	background: url(../Images/InPage/Handling/Title01.png) no-repeat;
	margin-top: 30px;
}
.Handling--Title02{
	width: 388px;
	height: 22px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
	background: url(../Images/InPage/Handling/Title02.png) no-repeat;
	margin-top: 50px;
}

.Handling--Block01{
	width: 300px;
	float: left;
}
.Handling--Block01.Margin{
	margin:0 50px;
}
.Handling--Block01 .Title{
	background: url(../Images/InPage/Bg.gif);
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 20px;
}
.Handling--Block01 .Title span{
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    margin: auto;
    display: block;
}

.Handling--Block01 .Title1 span{
	width: 62px;
	height: 19px;
	background: url(../Images/InPage/Handling/BlockTitle01.png) no-repeat;
}
.Handling--Block01 .Title2 span{
	width: 61px;
	height: 19px;
	background: url(../Images/InPage/Handling/BlockTitle02.png) no-repeat;
}
.Handling--Block01 .Title3 span{
	width: 103px;
	height: 19px;
	background: url(../Images/InPage/Handling/BlockTitle03.png) no-repeat;
}

.Handling--Block01 .Text{
	background: url(../Images/InPage/Bg.gif);
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 20px;
	position: relative;
	padding: 30px 15px 15px;
}
.Handling--Block01 .Text:before{
	content: ' ';
	width: 40px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -20px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
	background: url(../Images/InPage/Next.png) no-repeat;
}
.Handling--Block01 .Text li{
	margin-top: 10px;
	background: url(../Images/InPage/Handling/Icon.png) no-repeat left top;
	text-align: left;
	padding-left: 20px;
}

.Handling--Block02{
	width: 205px;
	float: left;
	margin-right: 60px;
}
.Handling--Block02:last-child{
	margin-right: 0;
}
.Handling--Block02 .Title{
	background: url(../Images/InPage/Bg.gif);
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 20px;
}
.Handling--Block02 .Title span{
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    margin: auto;
    display: block;
}

.Handling--Block02 .Title1 span{
	width: 141px;
	height: 19px;
	background: url(../Images/InPage/Handling/BlockTitle04.png) no-repeat;
}
.Handling--Block02 .Title2 span{
	width: 123px;
	height: 19px;
	background: url(../Images/InPage/Handling/BlockTitle05.png) no-repeat;
}
.Handling--Block02 .Title3 span{
	width: 148px;
	height: 19px;
	background: url(../Images/InPage/Handling/BlockTitle06.png) no-repeat;
}
.Handling--Block02 .Title4 span{
	width: 168px;
	height: 19px;
	background: url(../Images/InPage/Handling/BlockTitle07.png) no-repeat;
}

.Handling--Block02 .Text{
	background: url(../Images/InPage/Bg.gif);
	text-align: center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 20px;
	text-align: left;
	position: relative;
	padding: 30px 15px 15px;
}
.Handling--Block02 .Text:before{
	content: ' ';
	width: 40px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -20px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
	background: url(../Images/InPage/Next.png) no-repeat;
}