@charset "UTF-8";

/*::::::::::::::::::::::::::::::::::::::::::::::::

index.css

::hexaproject co., ltd.

::::::::::::::::::::::::::::::::::::::::::::::::*/

/*	1.body color
:::::::::::::::::::::::::::::::::::::::::::::::::::::*/

h2 {
	overflow: hidden;
	height: 0;
	width: 960px;
	display: block;
	padding-top: 60px;
	margin-top: 50px;
	background: url('../../images/h2_index.gif') no-repeat 0 0;	
	}
h3 {
	overflow: hidden;
	height: 0;
	width: 850px;
	display: block;
	padding-top: 110px;
	margin: 28px auto 30px;
	background: url('../images/h3.gif') no-repeat 0 0;		
	}
p.att {
	overflow: hidden;
	height: 0;
	width: 50px;
	display: block;
	padding-top: 11px;
	margin: 10px 0 10px 910px;
	background: url('../images/common.gif') no-repeat -400px -200px;
	}
p.description {
	font-size: 123.1%;
	text-align: center;
	margin: 30px auto 40px;
	}
.profile {
	width: 960px;
	margin: auto;
	padding: 30px 0;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	}
	.profile .kaji,
	.profile .takeda {
		width: 410px;
		}
		.profile .kaji {
			margin-left: 50px;
			}
		.profile .takeda {
			margin-right: 50px;
			}
	.profile p {
		font-size: 108%;
		}
	.profile p.name {
		color: #34B2BE;
		font-size: 123.1%;
		margin-bottom: 0.4em;
		}
.btn {
	text-align: center;
	margin: 43px auto 90px;
	}
	.btn a:hover {
		opacity: 0.8;
		}
#movieBlock {
	width: 100%;
	margin-bottom: 60px;
	padding: 60px 0 70px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	background: #fafafa;
	}
	#movieBlock .wrapper {
		width: 960px;
		margin: auto;
		}
		#movieBlock h3 {
			width: 401px;
			padding-top: 69px;
			margin: 0 auto;
			background-position: 0 -110px;
			}
	#movieBlock .conversation {
		width: 960px;
		margin: 45px auto 0;
		padding-bottom: 70px;
		border-bottom: 1px solid #e6e6e6;
		}
		#movieBlock .conversation .left,
		#movieBlock .conversation .center {
			float: left;
			width: 305px;
			margin-right: 22px;
			}
		#movieBlock .conversation .right {
			float: right;
			width: 305px;
			}
			#movieBlock .conversation p {
				margin: 0.5em auto 0;
				text-align: center;
				font-size: 123.1%
				}
	#movieBlock .message {
		margin-top: 70px;
		}
		#movieBlock .message h3 {
			float: left;
			overflow: hidden;
			height: 0;
			width: 532px;
			display: block;
			padding-top: 86px;
			margin: 45px auto 0;
			background: url('../images/h3.gif') no-repeat 0 -180px;	
			}
		#movieBlock .message img {
			float: right;
			}
		#movieBlock .conversation img:hover,
		#movieBlock .message img:hover {
			opacity: 0.7;
			}