@charset "utf-8";
/* リセットCSS */
@import "reset.css";


/* ハックCSS */
@import "hack.css";

/** 
 * ================================================================================
 * 産業博　ホームページ
 * ================================================================================
 * 制作日: 2015-06-05
 * 変更日:
 *  2015-06-05 : yuki-kokubun
 *	Copyright  : エヌケー・テック株式会社
 */


/**
 * ベースCSS　目次
 * ================================================================================
 * =1	 	: 共通スタイル
 * 	=1-1   	: 初期設定
 * 	=1-2   	: ヘッダー
 * 	=1-3   	: メインメニュー
 * 	=1-4   	: メインコンテンツ
 *	=1-5   	: メインイメージ
 *	=1-6   	: トピックス
 * 	=1-7   	: フッター
 
 * =2	 	: 内部ページテンプレート
 * 	=2-1   	: タイトル
 * 	=2-2   	: 下部メニュー
 * 	=2-3   	: メイン
 * 	=2-4   	: サイドメニュー
 * 	=2-5   	: ライトコンテンツ
 * 	=2-6   	: テーブル
 
 * =3	 	: 個別ページ
 * 	=3-1   	: お問い合わせ

 * ================================================================================
 */





/**=1
 * ================================================================================
 * 共通スタイル
 * ================================================================================
 */
	
	/**=1-1
	 * --------------------------------------
	 * 初期設定
	 * --------------------------------------
	 */
			
		/*　クラス
		--------------------------------------*/
			.Posi{position:relative;}
			.Posii {position:absolute; top:0; left:0;}
			.Left{float:left}
			.Right{float:right;}
			.Clear{clear:both;}
			.Center{text-align:center;}
		
		
		/*　写真
		--------------------------------------*/
			.Img01{
				float: right;
				margin-bottom: 12px;
				margin-left: 12px;
			}
			
			.Img02{
				float: right;
				margin-left: 12px;
			}
			
		
		/*　テキスト
		--------------------------------------*/
			.F-Bold{font-weight:bold;}
			.F-Red{color:#FF0000;}
			.F-Blue{color:#0080ff;}
			.F-Orange{color:#ff9900;}
			.F-Brown{color:#633;}
			.F-Green{color:#1bb84f;}
			.F-LightGray{color:#666666;}
			.F-SizeS{font-size:77%;}
			.F-SizeM{font-size:124%;}
			.F-SizeL{font-size:156%;}
			.F-Indent {text-indent:-1.7em; margin-left:1.7em;}
			.F-Indent02 {text-indent:-1.5em; margin-left:1.5em;}
			.L-Height100{line-height:100%;}
			.L-Height125{line-height:125%;}
		
		
		/*　背景
		--------------------------------------*/
			.Bg01{ background:#fff top left repeat-x;}
			.Bg02{ background:url(../Images/All/Background/bg-tamp.png) top left repeat-x;}
		
		
		/*　余白
		--------------------------------------*/
			.Mg05Bottom{margin-bottom:5px;}
			.Mg10Bottom{margin-bottom:10px;}
			.Mg20Bottom{margin-bottom:20px;}
			.Mg30Bottom{margin-bottom:30px;}
			.Mg05Top{margin-top:5px;}
			.Mg10Top{margin-top:10px;}
			.Mg20Top{margin-top:20px;}
			.Mg30Top{margin-top:30px;}
			
		
		/*　リンク
		--------------------------------------*/
			a, a:link, a:visited{color:#0000FF;}
			a:hover, a:focus, a:active {color: #6699cc;}
		
		
		/*　ボックス
		--------------------------------------*/
			.Box01{
				border:solid 1px #CCC;
				padding:12px;
				margin-left:12px;
				margin-right:12px;
			}
			
		
		/*　テーブル
		--------------------------------------*/
			.Table01{
				border-top:1px solid #767676;
				border-left:1px solid #767676;
				border-collapse:collapse;
			}
			.Table01 td{
				border-bottom:1px solid #767676;
				border-right:1px solid #767676;
				padding:5px;
			}
		
		
		/*　リスト
		--------------------------------------*/
			.List01{}
		
		
		/*　ライン
		--------------------------------------*/
			.Line01{}
		
	
	/**=1-2
	 * --------------------------------------
	 * ヘッダー
	 * --------------------------------------
	 */
		#Header {
			min-width: 1100px;
			height:100px;
			text-align: left;
			background:url(../Images/All/Background/bg.png) top left repeat-x; 
		}
		
		
		
	
		#Header-top-txt {
			width:960px;
			height:100px;
			margin: 0 auto;
		}
		
		#Header-title {
			width:310px;
			height:auto;
			float:left;
		}
		
		#Header-nave {
			height: 100px;
			width: 300px;
			float:right;
			
		}
		
			#Header-nave a{
				height: 100px;
				display:block;
				overflow:hidden;
			}
			#Header-nave ul{
				float: left;
				width: 300px;
			}
			
			#Header-nave ul li{
				float: left;
				text-indent: -9999px;
			}
		
			#Header-nave-01,#Header-nave-01 a{width: 300px;}
			
			#Header-nave ul li a{background: url(../Images/All/Background/event.png) no-repeat left;}
			
		
			#Header-nave ul li#Header-nave-01 a{ background-position: 0 0;}
			#Header-nave ul li a:hover{ background: none;}

			#Header-nave ul li#Header-nave-01 a:hover{ background-position: 0 0;}
			#Header-nave ul li a:hover{background: url(../Images/All/Background/event-r.png) no-repeat left;}
		
				
		
	/**=1-6
	 * --------------------------------------
	 * メインメニュー
	 * --------------------------------------
	 */	
	 
	 	#manu-area{
			clear: both;
			min-width: 1060px;
			height:89px;
		}
		
		#manu-area-box{
			width:960px;
			height:89px;
			margin:0 auto;
			text-align:left;
			color:#FFF;
			font-size:90%;
		}
		
		
		
	
	/**=1-6
	 * --------------------------------------
	 * ボトムエリア
	 * --------------------------------------
	 */
	 
	 	#bottom-area{
			clear: both;
			min-width: 960px;
			height:235px;
		}
		
		#bottom-area-box{
			width:960px;
			height:auto;
			padding-top:30px;
			margin:0 auto;
			text-align:left;
			color:#FFF;
			font-size:90%;
		}
		
	
	#Top-left {
			width: 220px;
			height:auto;
			float:left;
			margin-bottom:20px;
	}
	
	.left-nave {
		width:220px;
		height:auto;
		float:left;
	}
	
	a li.leftnave {
		width:168px;
		height:auto;
		float:left;
		margin-bottom:10px;
		border:1px solid #7030a0;
		background:url(../Images/All/Background/left-nave.png) left center no-repeat;
		padding:5px 5px 5px 45px;
		color:#000000;
		font-size:90%;
	}
	
	a:hover li.leftnave {
		width:168px;
		height:auto;
		float:left;
		margin-bottom:10px;
		border:1px solid #7030a0;
		background:url(../Images/All/Background/left-nave02.png) left center no-repeat;
		padding:5px 5px 5px 45px;
		color:#FFFFFF;
	}
	
	
	#left-banner {
			height: 60px;
			width: 220px;
			float:right;
			margin-bottom:10px;
			
		}
		
			#left-banner a{
				height: 60px;
				display:block;
				overflow:hidden;
			}
			#left-banner ul{
				float: left;
				width: 220px;
			}
			
			#left-banner ul li{
				float: left;
				text-indent: -9999px;
			}
		
			#left-banner-01,#left-banner-01 a{width: 220px;}
			
			#left-banner ul li a{background: url(../Images/All/Background/movie.png) no-repeat left;}
			
		
			#left-banner ul li#left-banner-01 a{ background-position: 0 0;}
			#left-banner ul li a:hover{ background: none;}

			#left-banner ul li#left-banner-01 a:hover{ background-position: 0 0;}
			#left-banner ul li a:hover{background: url(../Images/All/Background/movie02.png) no-repeat left;}
			
			
	#left-banner02 {
			height: 60px;
			width: 220px;
			float:right;
			margin-bottom:10px;
			
		}
		
			#left-banner02 a{
				height: 60px;
				display:block;
				overflow:hidden;
			}
			#left-banner02 ul{
				float: left;
				width: 220px;
			}
			
			#left-banner02 ul li{
				float: left;
				text-indent: -9999px;
			}
		
			#left-banner-02,#left-banner-02 a{width: 220px;}
			
			#left-banner02 ul li a{background: url(../Images/All/Background/ondo.png) no-repeat left;}
			
		
			#left-banner02 ul li#left-banner-02 a{ background-position: 0 0;}
			#left-banner02 ul li a:hover{ background: none;}

			#left-banner02 ul li#left-banner-02 a:hover{ background-position: 0 0;}
			#left-banner02 ul li a:hover{background: url(../Images/All/Background/ondo02.png) no-repeat left;}
	
	
	
	
	
	#Top-right {
			width: 720px;
			height:auto;
			float:right;
			margin-bottom:20px;
	}
	
	
	 
	/**=1-6
	 * --------------------------------------
	 * フッター
	 * --------------------------------------
	 */
	 
	 
		
		#Footer{
			clear: both;
			min-width: 960px;
			height:50px;
			background:#7030a0;
			color:#FFF;
		}
	
		
		
		#Footer-end{
			width:960px;
			height:32px;
			padding-top:15px;
			margin:0 auto;
			text-align:center;
			color:#FFF;
			font-size:80%;
		}
		
	
	
	
	/**=1-4
	 * --------------------------------------
	 * メインコンテンツ
	 * --------------------------------------
	 */
	 
	 
	 #Main{
			width: 960px;
			height:auto;
			margin:0 auto;
			text-align:left;
		}
		
	#all{
			width: 960px;
			height:auto;
			float:left;
			margin-top:35px;
			margin-bottom:30px;
		}
	 
		
		
	.tamp-h1-title {
			width:694px;
			height:auto;
			float:left;
			padding:5px 10px;
			border-left:5px solid #7030a0;
			border-right:1px solid #CCC;
			border-bottom:1px solid #CCC;
			border-top:1px solid #CCC;
			margin-bottom:20px;
			color:#7030a0;
			font-size:130%;
			font-weight:bold;
			-moz-border-radius: 0;
				-webkit-border-radius: 0;
				border-radius: 0;
				/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
				-moz-box-shadow: 0px 0px 6px #aaaaaa;
				-webkit-box-shadow: 0px 0px 6px #aaaaaa;
				box-shadow: 0px 0px 6px #aaaaaa;
				/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
		}
		
		
	.tamp-h2-title {
		width:700px;
		height:auto;
		float:left;
		background:#7030a0;
		color:#FFFFFF;
		font-size:110%;
		font-weight:bold;
		padding:5px 10px;
		margin-bottom:20px;
		-moz-border-radius: 5px;
				-webkit-border-radius:5px;
				border-radius: 5px;
		}
		
	.tamp-h3-title {
		width:700px;
		height:auto;
		float:left;
		padding:0 10px;
		color:#7030a0;
		border-bottom:1px dotted #7030a0;
		margin-bottom:20px;
		font-size:100%;
		font-weight:bold;
	}
	
	.tamp-h3-title-ex {
		width:420px;
		height:auto;
		float:left;
		padding:0 10px;
		color:#7030a0;
		border-bottom:1px dotted #7030a0;
		margin-bottom:20px;
		font-size:100%;
		font-weight:bold;
		box-sizing:border-box;
	}
	
	.eating-box {
		width:420px;
		height:auto;
		float:left;
		padding:0 10px;
		margin-bottom:10px;
	}
	
	
	.tamp-list-title {
		width:700px;
		height:auto;
		float:left;
		padding:0 10px;
		color:#7030a0;
		border-bottom:1px dotted #7030a0;
		margin-bottom:5px;
		font-size:100%;
		font-weight:bold;
	}
	
	.tamp-list-box {
		width:700px;
		height:auto;
		float:left;
		padding:0 10px;
		margin-bottom:20px;
	}
	
	
		
		
	.tamp-box {
			width:720px;
			height:auto;
			float:left;
			margin-bottom:30px;
		}
		
	.tamp-txt {
			width:940px;
			height:auto;
			float:left;
			padding:0 10px;
			margin-bottom:30px;
		}
		
	.tamp-left {
		width:480px;
		height:auto;
		float:left;
	}
	
	.tamp-right {
		width:480px;
		height:auto;
		float:right;
	}
	
	.tamp-right03 {
		width:370px;
		height:auto;
		float:right;
		padding:0 55px;
	}
		
	.tamp-table td {
		padding:10px;
	}
	
	.tamp-table td.title {
		font-weight:bold;
		color:#fead90;
		background:url(../Images/InPage/table-bg02.jpg) bottom left repeat-x;
	}
	
	.tamp-table td.txt {
		border-bottom:1px dotted #ffad90;
	}
	
	.tamp-table02 {
		border-left:1px solid #999;
		border-top:1px solid #999;
	}
	
	.tamp-table02 td {
		border-bottom:1px solid #999;
		border-right:1px solid #999;
		padding:3px 10px;
	}
	
	.tamp-table02 td.title {
		font-weight:bold;
		color:#fff;
		background:#7030a0;
	}
	
	.tamp-table02 td.title02 {
		background:#EDEDED;
	}
	
	.tamp-table02 td.title03 {
		font-weight:bold;
		color:#fff;
		background:#7030a0;
	}
	
	.tamp-table02 td.title04 {
		color:#ff0000;
		background:#ffe0e0;
		text-align:center;
		font-size:90%;
	}
	
	.tamp-table02 td.title05 {
		color:#F93;
		background:#fffae0;
		text-align:center;
		font-size:90%;
	}
	
	.tamp-table03 {
		border-left:1px solid #999;
		border-top:1px solid #999;
	}
	
	.tamp-table03 td {
		border-bottom:1px solid #999;
		border-right:1px solid #999;
		padding:3px 10px;
		font-size:70%;
	}
	
	.tamp-table03 td.title {
		font-weight:bold;
		color:#fff;
		background:#7030a0;
	}
	
	
	.outline-img {
		padding:0 55px;
	}
	
	
	
	
	.tamp-h3-title02 {
		width:480px;
		height:auto;
		float:left;
		border-bottom:1px dotted #93e1ff;
		margin-bottom:15px;
	}
	
	.tamp-h3-title02 h3 {
		background:url(../Images/InPage/table-bg01.jpg) bottom left repeat-x;
		color:#72bcf1;
		padding:10px;
		width:auto;
		max-width:940px;
		height:auto;
		float:left;
	}
	
	.tamp-left-box {
		width:460px;
		height:auto;
		float:left;
		padding:0 10px;
		margin-bottom:15px;
	}
	
	
	.tamp-left-box02 {
		width:420px;
		height:auto;
		float:right;
		padding:0 30px;
		margin-bottom:15px;
	}
	
	.tamp-list01 {
		width:440px;
		height:auto;
		float:left;
		padding-left:20px;
		background:url(../Images/InPage/icon.png) left center no-repeat;
		margin-bottom:5px;
	}
	
	.tamp-left02 {
		width:220px;
		height:auto;
		float:left;
	}
	
	.tamp-right02 {
		width:220px;
		height:auto;
		float:right;
	}
	
	
	.tamp-list02 {
		width:200px;
		height:auto;
		float:left;
		padding-left:20px;
		background:url(../Images/InPage/icon.png) left top no-repeat;
		margin-bottom:15px;
	}
	
	.tamp-list03 {
		width:210px;
		height:auto;
		float:left;
		padding-left:10px;
		margin-bottom:15px;
	}
	
	.Calendar-box {
		width:376px;
		min-height:200px;
		height:auto;
		margin:0 auto;
		
	}
	
	.Tamp-info-time {
		width:960px;
		height:auto;
		float:left;
		text-align:right;
		margin-bottom:30px;
		}
		
		.Tamp-info-time p.time {
			width:auto;
			height:auto;
			float:right;
			padding-right:10px;
		}
		
		.Tamp-info-time p.cut {
			width:auto;
			height:auto;
			float:right;
			padding-top:3px;
		}
		
		.Tamp-info-box04 {
		width:960px;
		height:auto;
		float:right;
		margin-bottom:30px;
		}
		
		.Tamp-info-box04 p {
			margin-bottom:15px;
		}
	
		
		.Tamp-info-box04 div { margin-bottom:15px;}
		
		.Tamp-info-box04 strong {font-weight:bold;}
		
		.Tamp-info-box04 em {font-style:italic;}
		
		.Tamp-info-box04 p em {font-style:italic;}
		
		.Tamp-info-box04 p em span {font-style:italic;}
		
		.Tamp-info-box04 del {text-decoration:line-through;}
		
		.Tamp-info-box04 ul {
			width:960px;
			height:auto;
			float:left;
			margin-bottom:5px;
			}
		
		.Tamp-info-box04 ol {
			width:960px;
			height:auto;
			float:left;
			margin-bottom:5px;
			}
		
		.Tamp-info-box04 ul li { list-style:inside disc; margin-left:0.95em; text-indent:-0.95em; padding-bottom:10px;}
		
		.Tamp-info-box04 ol li { list-style:inside decimal; margin-left:1.25em; text-indent:-1.25em; padding-bottom:10px;}
		
		.Tamp-info-box04 ul li p { width:auto; height:auto; display:inline;}
		
		.Tamp-info-box04 ol li p { width:auto; height:auto; display:inline;}
		
		.Tamp-info-box04 blockquote { margin-left:20px;}
		
		.Tamp-info-box04 a { color:#1bb84f;}
		
		.Tamp-info-box04 a:hover { color:#6699cc;}
		
		.Tamp-info-box04 h3 {
			width:938px;
			height:auto;
			float:left;
			padding:7px 10px;
			margin-bottom:15px;
			border:1px solid #4fc3f7;
			color:#4fc3f7;
			font-size:110%;
			background:#FFFFFF;
			font-weight:bold;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
				-moz-box-shadow: 0px 0px 5px #cccccc;
			-webkit-box-shadow: 0px 0px 5px #cccccc;
			box-shadow: 0px 0px 5px #cccccc;
			/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
			}
			
		.tamp-info-doc {
			background:url(../Images/All/Navi/icons/doc.gif) center left no-repeat;
			float:left;
			padding:2px 0 2px 20px;
			margin:0 20px 10px 20px;
			width:900px;
			height:auto;
		}
		
		.tamp-info-xls {
			background: url(../Images/All/Navi/icons/xls.gif)center left no-repeat;
			float:left;
			padding:2px 0 2px 20px;
			margin:0 20px 10px 20px;
			width:900px;
			height:auto;
		}
		
		.tamp-info-ppt {
			background: url(../Images/All/Navi/icons/ppt.gif) center left no-repeat;
			float:left;
			padding:2px 0 2px 20px;
			margin:0 20px 10px 20px;
			width:900px;
			height:auto;
		}
		
		.tamp-info-pdf {
			background: url(../Images/All/Navi/icons/pdf.gif) center left no-repeat;
			float:left;
			padding:2px 0 2px 20px;
			margin:0 20px 10px 20px;
			width:900px;
			height:auto;
		}
		
		.Tamp-info-box02 {
		width:910px;
		height:auto;
		float:left;
		padding:10px 25px;
		background:#4fc3f7;
		margin:20px 0 40px 0;
		-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
		}
		
		.Tamp-info-img {
			 width:205px;
			 height:auto;
			 float:left;
			 padding:5px;
			 background:#FFFFFF;
			 margin:10px 6px;
			 -moz-border-radius: 0;
				-webkit-border-radius: 0;
				border-radius: 0;
				/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
				-moz-box-shadow: 0px 0px 6px #aaaaaa;
				-webkit-box-shadow: 0px 0px 6px #aaaaaa;
				box-shadow: 0px 0px 6px #aaaaaa;
				/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
		 }
		 
		 
		.Tamp-info-list-end {
			width: 960;
			height:auto;
			float:left;
			margin-top:20px;
			margin-bottom:30px;
			text-align:center;
		}
		
		.Tamp-info-list-end a {
			border:1px dotted #FF99FF;
			padding:5px;
		}
		
		.Tamp-left-box {
			width:470px;
			height:auto;
			float:left;
		}
		
		.Tamp-right-box {
			width:470px;
			height:auto;
			float:right;
		}
		
		.tamp-h3-title03 {
		width:470px;
		height:auto;
		float:left;
		border-bottom:1px dotted #93e1ff;
		margin-bottom:15px;
	}
	
	.tamp-h3-title03 h3 {
		background:url(../Images/InPage/table-bg01.jpg) bottom left repeat-x;
		color:#72bcf1;
		padding:10px;
		width:auto;
		max-width:470px;
		height:auto;
		float:left;
	}
	
	.tamp-txt02 {
			width:450px;
			height:auto;
			float:left;
			padding:0 10px;
		}
		
	.tamp-txt02-2 {
			width:450px;
			height:auto;
			float:left;
			padding:0 10px;
			margin-bottom:20px;
		}
		
	.Tamp-img {
		width:auto;
		height:auto;
		float:left;
		margin-right:20px;
	}
	
	.form-txt {
		width:730px;
	}
	
	.form-bg {
		background:#edf7ff;
		font-weight:bold;
		color:#0bacf5;
	}
	
	.form-bg02 {
		background:#FBFBFB;
	}
	
	.info-h2-title-top {
		width:960px;
		height:10px;
		float:left;
		background:url(../Images/InPage/info-title-top.png) top left no-repeat;
	}
	
	.info-h2-title-bottom {
		width:960px;
		height:10px;
		float:left;
		background:url(../Images/InPage/info-title-bottom.png) top left no-repeat;
		margin-bottom:30px;
	}
	
	
	.info-h2-title {
			width:900px;
			height:auto;
			float:left;
			background:url(../Images/InPage/info-title-cen.png) top left repeat-y;
			color:#FFF;
			font-size:120%;
			font-weight:bold;
			padding:2px 30px 0 30px;
			
		}
		
		
	a span.link-b {
		width:auto;
		height:auto;
		background:#deedff;
		color:#7030a0;
		display:block;
		font-weight:bold;
		text-decoration:none;
		text-align:center;
		padding:15px 10px;
		-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius: 5px;
				/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
				-moz-box-shadow: 0px 0px 6px #aaaaaa;
				-webkit-box-shadow: 0px 0px 6px #aaaaaa;
				box-shadow: 0px 0px 6px #aaaaaa;
				/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	}
	
	a:hover span.link-b {
		width:auto;
		height:auto;
		background:#999;
		color:#FFFFFF;
		display:block;
		font-weight:bold;
		text-align:center;
		text-decoration:none;
		padding:15px 10px;
		-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius: 5px;
				/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
				-moz-box-shadow: 0px 0px 6px #aaaaaa;
				-webkit-box-shadow: 0px 0px 6px #aaaaaa;
				box-shadow: 0px 0px 6px #aaaaaa;
				/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	}
	
	
	.event-img {
		width:218px;
		height:auto;
		float:left;
		border:1px dotted #999999;
		padding:5px;
		margin-right:15px;
	}
	
	.event-img02 {
		width:218px;
		height:auto;
		float:right;
		border:1px dotted #999999;
		padding:5px;
	}
	
	
	.event-txt {
		width:230px;
		height:auto;
		float:left;
		margin-right:15px;
		text-align:center;
	}
	
	.event-txt02 {
		width:230px;
		height:auto;
		float:right;
		text-align:center;
	}
	
	#Top-info-box {
			width: 700px;
			height:auto;
			float:left;
			padding:0 10px;
	}
	
	#Top-info-box ul {
		width:700px;
		height:auto;
		float:left;
		margin-bottom:20px;
	}
	
	
	#Top-info-box ul li.time {
		width:95px;
		padding-left:25px;
		float:left;
		background:url(../Images/All/Background/icon.png) left center no-repeat;
	}
	
	#Top-info-box ul li.txt {
		width:580px;
		float:left;
	}
	
	.Top-img-box {
		width:220px;
		height:auto;
		float:left;
		padding:2px;
		border:1px dotted #999999;
		margin-right:21px;
	}
	
	.Top-img-box02 {
		width:220px;
		height:auto;
		float:right;
		padding:2px;
		border:1px dotted #999999;
	}
	
	.Top-img-txt {
		width:216px;
		height:auto;
		float:left;
		padding:5px;
		margin-right:21px;
		text-align:center;
		font-size:85%;
	}
	
	.Top-img-txt02 {
		width:216px;
		height:auto;
		float:left;
		padding:5px;
		text-align:center;
		font-size:85%;
	}
	
	
	
	.Tamp-form {
	 width:460px;
	 border:0;
padding:0　10px;
font-size:1.3em;
font-family:Arial, sans-serif;
color:#000;
border:solid 1px #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
 }
 
.Tamp-form02 {
	 width:80px;
	 border:0;
padding:0　10px;
font-size:1.3em;
font-family:Arial, sans-serif;
color:#000;
border:solid 1px #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
 }
 

 
input,textarea {
	margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: normal;
  font-family: "Ryumin Regular KL";
  /* 字間調整 */
  line-break: strict;
  word-break: normal;
  /*letter-spacing: 0.15em;*/
}
 
input:focus {
    border:solid 1px #EEA34A;
}

textarea:focus {
    border:solid 1px #EEA34A;
}

.bottan {
	margin:10px 0;
	padding:5px 10px;
}

.txt-h {
	text-align:center;
}

.mgtop {
	margin-top:5px;
	line-height:1.4em;
	font-size:85%;
}

.tamp-box .maintitle {
			width:700px;
			height:auto;
			float:left;
			background:#2cb0ec;
			color:#FFFFFF;
			padding:5px 10px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			margin-bottom:10px;
		}
		
.tamp-box .listbox {
	width:700px;
	height:auto;
	float:left;
	padding:0 10px;
	margin-bottom:20px;
}

.tamp-box .listbox li {
	background:url(../Images/InPage/icon.png) center left no-repeat;
	padding-left:20px;
	width:680px;
	height:auto;
	float:left;
}

.tamp-facebookbox {
	width:500px;
	height:auto;
	float:left;
}

.tamp-linkbanner {
	width:200px;
	height:auto;
	float:right;
}

.tamp-linkbanner a {opacity:1;}
.tamp-linkbanner a:hover {opacity:0.5;}

.tamp-leftbox {
	width:350px;
	height:auto;
	float:left;
}

.tamp-rightbox {
	width:350px;
	height:auto;
	float:right;
}

.mgleft-10 {
	margin-left:-10px;
	margin-top:-10px;
}


#lean_overlay{
  position: fixed; z-index:100; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
.modal-box{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 30px;
  width: 780px;
 }
.modal_close{ 
  position: absolute;
  top: 12px;
  right: 12px;
  display: block; 
  width: 14px;
  height: 14px; 
  background: url(../img/modal_close.png);
  z-index: 2;
}

.modal-title {
	width:96%;
	height:auto;
	float:left;
	background:#000099;
	color:#FFFFFF;
	padding:5px 2%;
	margin-bottom:20px;
}

.modal-SUBtitle {
	width:96%;
	height:auto;
	float:left;
	font-weight:bold;
	padding:5px 2%;
	margin-bottom:10px;
	border-bottom:1px dotted #999999;
}

.modal-txt {
	width:96%;
	height:auto;
	float:left;
	padding:0 2%;
	margin-bottom:20px;
}


.top-left-box-ex {
	width:251px;
	height:auto;
	float:left;
}

.top-left-box-ex img {
	width:100%;
}

.top-left-box-ex a {
	opacity:1;
}

.top-left-box-ex a:hover {
	opacity:0.5;
}


.top-right-box-ex {
	width:450px;
	height:auto;
	float:right;
}

.top-right-box-ex img {
	width:100%;
}

.top-right-box-ex a {
	opacity:1;
}

.top-right-box-ex a:hover {
	opacity:0.5;
}






.top-left-box {
	width:219px;
	height:auto;
	float:left;
}

.top-left-box img {
	width:100%;
}

.top-left-box a {
	opacity:1;
}

.top-left-box a:hover {
	opacity:0.5;
}


.top-right-box {
	width:487px;
	height:auto;
	float:right;
}

.top-right-box a {
	opacity:1;
}

.top-right-box a:hover {
	opacity:0.5;
}


.top-right-box .hbox {
	width:487px;
	height:auto;
	float:right;
	margin-bottom:15px;
}

.top-right-box .txtbox {
	width:155px;
	height:auto;
	float:left;
	margin-right:10px;
}

.top-right-box .txtbox02 {
	width:155px;
	height:auto;
	float:right;
}

.tamp-box02 {
			width:700px;
			height:auto;
			float:left;Footer
			padding:0 10px;
			margin-bottom:30px;
		}
		
		
.modal-box02 {
	width:720px;
	height:auto;
	min-height:20px;
	margin:0 auto;
}

#Top-left a:hover img {
	opacity:0.5;
}

.tamp-box03 {
			width:720px;
			height:auto;
			float:left;
			margin-bottom:20px;
		}
		
		
.left-title {
	width:340px;
	height:auto;
	float:left;
	color:#7030a0;
	font-weight:bold;
	margin-bottom:10px;
}

.right-title {
	width:340px;
	height:auto;
	float:right;
	color:#7030a0;
	font-weight:bold;
	margin-bottom:10px;
}

.syuten_bg {
	background:#E9FBFF;
		color:#7030a0;
	padding:10px;
	text-align:center;
	line-height:1.3em;
	font-size:0.8em;
}

.syuten_txt {
	font-size:1.8em;
	font-weight:bold;
	padding:10px 20px;
	color:#FF6600;
}

.syuten_txt span {
	font-weight:normal;
	font-size:0.6em;
	padding-left:5px;
	color:#999;
}

.syuten_txt02 {
	font-size:1.8em;
	font-weight:bold;
	padding:10px 40px 10px 0;
	color:#FF6600;
}

.syuten_txt02 span {
	font-weight:normal;
	font-size:0.6em;
	padding-left:5px;
	color:#999;
}

.syuten_icon {
	padding:0 0 0 20px;
}

.kaisai-box {
			width:720px;
			height:auto;
			float:left;
			margin-bottom:30px;
		}
		
.kaisai-box .Top-img-box {
	height:130px !important;
	overflow:hidden;
	padding:0 !important;
}

.kaisai-box .Top-img-box02 {
	height:130px !important;
	overflow:hidden;
	padding:0 !important;
}

.business-box {
			width:720px;
			height:auto;
			float:left;
			margin-bottom:30px;
		}
		

.application_box {
	width:100%;
	height:auto;
	float:left;
	font-weight:bold;
}

.application_box02 {
	width:100%;
	height:auto;
	float:left;
	margin-bottom:20px;
}

.F-Size-1 {
	font-size:0.75em;
	width:100%;
	height:auto;
	float:left;
	padding:5px;
	box-sizing:border-box;
	background:#eee;
	margin-top:10px;
	margin-bottom:5px;
}

.F-Size-2 {
	width:100%;
	height:auto;
	float:left;
	padding:0 5px;
	font-size:0.8em;
}

.Tamp-form03 {
	 width:200px;
	 border:0;
padding:0　10px;
font-size:1.3em;
font-family:Arial, sans-serif;
color:#000;
border:solid 1px #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
 }
 
 .F-Size-3 {
	width:100%;
	height:auto;
	float:left;
	padding:0 5px 5px 5px;
	font-size:0.7em;
}

 .F-Size-4 {
	 font-size:0.7em;
 }