@charset "UTF-8";


/*
	-------------------- top Layouts --------------------

	top Layouts.

	-------------------- top Layouts --------------------
*/

/** #mv */
/**************************************/

#mv {
	width:           100%;
	height:          870px;
	position:        absolute;
	top:             0;
	z-index:         0;
}

#mv .slides {
	height:          870px;
}

#mv .slide .bg {
	width:           100%;
	height:          870px;
	position:        absolute;
	top:             0;
	left:            0;
}

#mv .slide .copy {
	width:           1000px;
	height:          870px;
	margin:          auto;
	position:        relative;
}

#mv .slide .copy .inner {
	width:           100%;
	position:        absolute;
	top:             0;
	left:            0;
}

#mv .slide .copy h2 {
	margin:          0 0 20px;
  -moz-transition: all .8s;
  -o-transition: all .8s;
  -webkit-transition: all .8s;
  transition: all .8s;


	-moz-transition-delay: .4s;
	-o-transition-delay: .4s;
	-webkit-transition-delay: .4s;
	transition-delay: .4s;

  opacity: 0;
}

#mv .slide.active .copy h2 {
  opacity: 1;
}

#mv .slide .copy p {
  margin-top:50px;
  -moz-transition: all .8s;
  -o-transition: all .8s;
  -webkit-transition: all .8s;
  transition: all .8s;
	-moz-transition-delay: .8s;
	-o-transition-delay: .8s;
	-webkit-transition-delay: .8s;
	transition-delay: .8s;

  opacity: 0;
}

#mv .slide.active .copy p {
  opacity: 1;
}

#mv .slide .bg {
  -moz-transition: all 12s;
  -o-transition: all 12s;
  -webkit-transition: all 12s;
  transition: all 12s;
  -moz-transform: scale(1.06);
  -ms-transform: scale(1.06);
  -webkit-transform: scale(1.06);
  transform: scale(1.06);

}

#mv .slide.active .bg {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

#mv .slide_1 .bg {
	background:      url('/images/bg_mv_1.jpg') no-repeat left top;
	background-size: cover;
}

#mv .slide_2 .bg {
	background:      url('/images/bg_mv_2.jpg') no-repeat left top;
	background-size: cover;
}

#mv .slide_3 .bg {
	background:      url('/images/bg_mv_3.jpg') no-repeat left top;
	background-size: cover;
}

#mv .slide_4 .bg {
	background:      url('/images/bg_mv_4.jpg') no-repeat left top;
	background-size: cover;
}

#mv .slide_1 .copy .inner {
	top:             300px;
	text-align:      center;
}

#mv .slide_2 .copy .inner {
	top:             300px;
	text-align:      center;
}

#mv .slide_3 .copy .inner {
	top:             300px;
	text-align:      center;
}

#mv .slide_4 .copy .inner {
	top:             300px;
	text-align:      center;
}



/** .top_blocks */
/**************************************/
.top_blocks {
	width:           1000px;
	margin:          740px auto 40px;
	overflow:        hidden;
}

.top_blocks h3 {
	margin:          0 0 14px;
	position:        relative;
}

.top_blocks .sns {
	width:           128px;
	float:           left;
	margin:          0 30px 0 0;
}

.top_blocks .sns ul li {
	margin:          0 0 12px 0;
}

.top_blocks .blog {
	width:           810px;
	float:           right;
	margin:          0 30px 0 0;
}

.top_blocks .blog h3 span {
	position:        absolute;
	top:             0;
	right:           0;
}

.top_blocks .blog .post {
	height:          205px;
	border:          1px solid #e5e5e5;
	padding:         14px;
	font-size:       12px;
}

.top_blocks .blog .post_head {
	color:           #6589b3;
	font-size:       15px;
margin: 0 0 10px 10px;
    padding: 0 0 10px 0;
    border-bottom: 1px dotted #ddd;
}

.top_blocks .blog .post_head h4 {
	display:         inline-block;
	font-weight:     normal;
	margin:          0 0 0 10px;
}

.top_blocks .link {
	float:           left;
}

.top_blocks .link ul {
	overflow:        hidden;
	margin:          0 -8px 0 0;
}

.top_blocks .link li {
	float:           left;
	margin:          0 8px 0 0;
}

.top_blocks .link .group {
	margin:          0 0 25px 0;
}

/** .strong */
/**************************************/

.strong {
	background:      #f9f9f9;
	padding:         30px 0;
	margin:          0 0 40px;
}

.strong h2 {
	margin:          0 0 20px;
}

.strong .inner {
	width:           1000px;
	margin:          0 auto;
	overflow:        hidden;
}

.strong ul {
	overflow:        hidden;
	margin:          0 -21px 0 0;
}

.strong ul li {
	float:           left;
	margin:          0 21px 15px 0;
}

.strong ul li a:hover {
	opacity:         0.7;
	filter:          alpha(opacity=80);
}

#jbd { float:none; text-align:center; }


/** .top_foot_blocks */
/**************************************/

.top_foot_blocks {
	width:           1000px;
	margin:          0 auto;
	overflow:        hidden;
}

.top_foot_blocks .block {
/*	width:           310px; */
	width:           360px;
	float:           left;
	margin:          0 20px 0 0;
	font-size:       12px;
}

.top_foot_blocks .block.re h4 { color: #ae9164; }
.top_foot_blocks .block.re p  { color: #9b8f7e; }
.top_foot_blocks .block.rb h4 { color: #5e71ac; }
.top_foot_blocks .block.rb p  { color: #9da3b4; }

.top_foot_blocks .block .logo {
	float:           left;
	margin:          0 10px 0 0;
}

.top_foot_blocks .block h4 {
	font-size:       15px;
	line-height:     1;
	margin:          0 0 5px;
}