/*! bootstrap.custom.css */

/* ==========================================================================
  Bootstrap Custom Style Seet

	1.	tag
	2.	header
	3.	content
	4.	footer
   ========================================================================== */

/* ==========================================================================
   1. tags
   ========================================================================== */

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-color:#F6E8A9;
	background-image:url(../images/header/background.gif);
	background-repeat:repeat;
	padding-top:100px;
}



/* ==========================================================================
   2. header
   ========================================================================== */

div#header-container {
	width:100%;
	position:fixed;
	top:0px;
	z-index:1000;
}

header#header {
	border-top:8px solid #f08600;
	background-color:#FFFFFF;
	padding-top:5px;
	padding-bottom:10px;
}

	header#header div#header-inner {
		width:850px;
		margin-left:auto;
		margin-right:auto;
	}

		header#header div#header-inner h1#header-product-logo {
			margin:0px;
			width:125px;
			height:65px;
		}

		header#header div#header-inner nav#header-menu ul {
			margin-top:44px;
			margin-bottom:0px;
			margin-left:20px;
		}

			header#header div#header-inner nav#header-menu ul li {
				padding-left:10px;
				padding-right:10px;
				border-right:1px solid #000000;
			}

				header#header div#header-inner nav#header-menu ul li:last-child {
					border-right:none;
				}

		header#header div#header-inner div#header-maker-logo {
			width:170px;
			height:58px;
			margin-top:4px;
		}

div#header-shadow {
	height:5px;
	background-color:transparent;
	background-image:url(../images/header/shadow.png);
	background-repeat:repeat-x;
}



/* ==========================================================================
   3. content
   ========================================================================== */

/* 3-1. container */
div#container {
	position:relative;
}

/* 3-2. sns */
div#sns {
	width:810px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

	div#sns ul {
		/* width:360px; */
		height:30px;
		position:absolute;
		top:455px;
		right:0px;
		z-index:100;
	}

		div#sns ul li#twitter,
		div#sns ul li#fb {
			width: 85px;
      min-width:105px;
		}

/* 3-3. content-01 */
div#content-01 {
	width:890px;
	height:445px;
	margin-left:auto;
	margin-right:auto;
	background-color:transparent;
	background-image:url(../images/content-01/background.png);
	background-repeat:no-repeat;
}

	div#content-01 h1#logo {
		width:380px;
		height:200px;
		margin:0px;
		/*
		margin-left:10px;
		margin-top:60px;
		*/
		top:50px;
		left:10px;
		position:relative;
	}

		div#content-01 h1#logo span#move img {
			width:380px;
			height:200px;
			display:block;
			position:absolute;
			z-index:500;
			/*
			left:190px;
			height:100px;
			*/
		}

	div#content-01 h2 {
		/*
		margin:0px;
		margin-left:10px;
		*/
		top:30px;
		left:10px;
		position:relative;
	}


	div#content-01 p#date {
		margin:0px;
		/*
		margin-left:20px;
		margin-top:45px;
		*/
		top:50px;
		left:20px;
		position:relative;
	}

	div#content-01 p#content-01-button {
		margin:0px;
		/*
		margin-left:20px;
		margin-top:45px;
		*/
		top:45px;
		left:20px;
		position:relative;
	}

	div#content-01 p#content-01-date {
		text-align:center;
		font-weight:bold;
		display:block;
		color:#FFFFFF;
		width:220px;
		height:32px;
		padding:5px;
		border:1px solid #FFF;
		margin:0px;
		top:25px;
		left:30px;
		position:relative;
	}

/* 3-4. content-02 */
div#content-02 {
	width:850px;
	margin-left:auto;
	margin-right:auto;
}

	div#content-02 h1 {
		margin:0px;
	}

	div#content-02 div#content-02-background {
		width:830px;
		height:785px;
		background-color:transparent;
		background-image:url(../images/content-02/background.png);
		background-repeat:no-repeat;
		position:relative;
	}

		div#content-02 div#content-02-background div#content-02-text {
			padding-top:50px;
			padding-left:50px;
			padding-right:50px;
		}

		div#content-02 div#content-02-background div#content-02-image {
			width:265px;
			height:290px;
			background-color:transparent;
			background-image:url(../images/content-02/image.png);
			background-repeat:no-repeat;
			position:absolute;
			top:-25px;
			right:17px;
			z-index:100;
		}

		div#content-02 div#content-02-background div#content-02-casestudy {
			width:710px;
			height:550px;
			background-color:#755024;
			background-image:url(../images/content-02/casestudy-background.gif);
			background-repeat:no-repeat;
			background-position:15px 10px;
			position:absolute;
			left:55px;
			top:200px;
			z-index:200;
		}

			div#content-02 div#content-02-background div#content-02-casestudy div#casestudy-list {
				padding-top:15px;
				padding-left:50px;
				padding-right:50px;
			}

				div#content-02 div#content-02-background div#content-02-casestudy div#casestudy-list div.casestudy-list-item {
					width:290px;
					height:175px;
				}
				
					div#content-02 div#content-02-background div#content-02-casestudy div#casestudy-list div.casestudy-list-item ul {
						width:290px;
						height:150px;
						display:block;
						overflow:hidden;
						position:relative;
					}

						div#content-02 div#content-02-background div#content-02-casestudy div#casestudy-list div.casestudy-list-item ul li {
							width:290px;
							height:150px;
							display:block;
							position:absolute;
							top:0px;
						}

					div#content-02 div#content-02-background div#content-02-casestudy div#casestudy-list div#casestudy-list-01 {
						position:relative;
					}

					div#content-02 div#content-02-background div#content-02-casestudy div#casestudy-list div#casestudy-list-01 div#casestudy-list-01-pop {
						position:absolute;
						top:70px;
						left:70px;
						z-index:200;
					}

/* 3-5. content-03 */
div#content-03 {
	width:850px;
	margin-left:auto;
	margin-right:auto;
}

	div#content-03 h1 {
		margin:0px;
	}

	div#content-03 div#content-03-background {
		width:830px;
		/* height:630px; */
		/* サイズ640px時 */
		height:780px;
		background-color:transparent;
		/* background-image:url(../images/content-03/background.png); */
		/* サイズ640px時 */
		background-image:url(../images/content-03/background-02.png);
		background-repeat:no-repeat;
		position:relative;
	}

		div#content-03 div#content-03-background div#content-03-text {
			padding-top:30px;
			padding-left:45px;
			padding-right:45px;
		}

		div#content-03 div#content-03-background div#content-03-table {
			padding-left:45px;
			padding-right:45px;
		}

/* 3-6. content-04 */
div#content-04 {
	width:850px;
	margin-left:auto;
	margin-right:auto;
}

	div#content-04 h1 {
		margin:0px;
	}

	div#content-04 div#content-04-background {
		width:830px;
		height:610px;
		background-color:transparent;
		background-image:url(../images/content-04/background.png);
		background-repeat:no-repeat;
		position:relative;
	}

		div#content-04 div#content-04-background div#content-04-text {
			padding-top:30px;
			padding-left:45px;
			padding-right:45px;
		}

		div#content-04 div#content-04-background div#content-04-table {
			padding-left:45px;
			padding-right:45px;
		}

/* 3-7. content-05 */
div#content-05 {
	width:830px;
	margin-left:auto;
	margin-right:auto;
}

	div#content-05 h1 {
		margin:0px;
	}

	div#content-05 table#content-05-table {
		width:800px;
		border-spacing:0px;
		border:none;
		border-top:1px solid #E86417;
	}

		div#content-05 table#content-05-table tr {
			border-bottom:1px solid #E86417;
		}

			div#content-05 table#content-05-table tr td,
			div#content-05 table#content-05-table tr th {
				padding:10px;
				padding-left:20px;
				padding-right:20px;
			}

				div#content-05 table#content-05-table tr td {
					color:#404040;
					background-color:#FFFFFF;
				}

				div#content-05 table#content-05-table tr th {
					color:#FFFFFF;
					background-color:#ED9207;
				}



/* ==========================================================================
   4. footer
   ========================================================================== */

/* 4-1. pagetop-button */
div#pagetop-button {
	width:830px;
	margin-left:auto;
	margin-right:auto;
}

div#footer {
	padding-top:20px;
	padding-bottom:20px;
	background-color:#F18D00;
}