@charset "UTF-8";

/* 
CSS Document
Copyright (C) GLOBAL ASSET MOTIONS CO., LTD All Rights Reserved.
URL:www.glam.ne.jp
*/



@import url("common.css");



/* ----------------------------------------------------------------------------
  GENERAL
------------------------------------------------------------------------------- */

.com{  
    margin:0px 0px 0px 0px;
    padding:0px;
	line-height:1.8em;
}



/* --------------------------------------------------
  WRAPPER HEADER (HOME)
-------------------------------------------------- */

#wrapper_home_header_area {
	margin:0px;
    padding:0px;
    width:100%;
	height:150px;
	background-color:#FAEFDA;
}



/* --------------------------------------------------
  HEADER (HOME)
-------------------------------------------------- */

#wrapper_home_header {
    margin:0px auto 0px auto;
    padding:0px;
    width:1100px;
}

#wrapper_home_header h1{
    margin:0px auto 0px auto;
    padding:38px 0px 0px 0px;
    width:290px;
	height:74px;
 }


/* ----------------------------------------------------------------------------
  WRAPPER MAIN VISUAL
------------------------------------------------------------------------------- */

#main_visual_box_area{
	margin:0px 0px 0px 0px;
    padding:0px;
    width:100%;
	position:relative;
	z-index:0;
}

#main_visual{
    margin:0px auto 0px auto;
    padding:0px;
    width:100%;
	height:auto;
}

#main_visual img{
    max-width:100%;
	height:auto;
}


#main_visual_cover{
	margin:auto;
	width:30px;
	height:280px;
	top:0px;
	left:0;
	right:0;
	bottom:0;
	position:absolute;
	z-index:3;
    animation: catch 6s ease 0s 1 normal;
    -webkit-animation: catch 6s ease 0s 1 normal;
}


/* ----------------------------------------------------------------------------
  WRAPPER CONTENTS
------------------------------------------------------------------------------- */

#wrapper_contents_area {
	margin:0px 0px 0px 0px;
    padding:0px;
    width:100%;
	height:auto;
	background-color:#FFF;
	overflow:hidden;
}

#wrapper_contents {
    margin:0px auto 50px auto;
    padding:0px 0px 0px 0px;
    width:1100px;
	height:auto;
	overflow:hidden;
}



/* --------------------------------------------------
  GREETING 
-------------------------------------------------- */

h2 {
    margin:85px auto 0px auto;
	padding:0px;
	width:800px;
	height:70px;
	border:1px solid #33529F;
	text-align:center;
	font-size:22px;
	line-height:70px;
	color:#33529F;
}


/* --------------------------------------------------
  CT TITLE 
-------------------------------------------------- */

h3 {
    padding:0px 0px 0px 0px;
	width:50px;
	height:auto;
}

.ct_title {
    margin:0px 0px 0px 0px;
    padding:10px 0px 0px 0px;
	font-size:20px;
	line-height:22px;
	text-align:center;
	color:#33529F;
}


/* --------------------------------------------------
  BANNER
-------------------------------------------------- */

.banner_box{
    padding:0px 0px 0px 0px;
    width:1000px;
	overflow:hidden;
}

.banner_box ul {
    margin:0px 85px 0px 85px;
    padding:0px;
	list-style: none;
}

.banner_box li{
	float:left;
    margin:0px 70px 0px 0px;
    padding:0px 0px 0px 0px;
	width:230px;
}

.banner_box li:last-child {
    margin:0px 0px 0px 0px;
}


.egg_anime {
	position:relative;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-ms-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-timing-function: ease-in;
	-moz-animation-timing-function: ease-in;
	-o-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}

@-moz-keyframes egg_anime {
	0% { -moz-transform: skewX(9deg); }
	10% { -moz-transform: skewX(-8deg); }
	20% { -moz-transform: skewX(7deg); }
	30% { -moz-transform: skewX(-6deg); }
	40% { -moz-transform: skewX(5deg); }
	50% { -moz-transform: skewX(-4deg); }
	60% { -moz-transform: skewX(3deg); }
	70% { -moz-transform: skewX(-2deg); }
	80% { -moz-transform: skewX(1deg); }
	90% { -moz-transform: skewX(0deg); }
	100% { -moz-transform: skewX(0deg); }
}

@-o-keyframes egg_anime {
	0% { -o-transform: skewX(9deg); }
	10% { -o-transform: skewX(-8deg); }
	20% { -o-transform: skewX(7deg); }
	30% { -o-transform: skewX(-6deg); }
	40% { -o-transform: skewX(5deg); }
	50% { -o-transform: skewX(-4deg); }
	60% { -o-transform: skewX(3deg); }
	70% { -o-transform: skewX(-2deg); }
	80% { -o-transform: skewX(1deg); }
	90% { -o-transform: skewX(0deg); }
	100% { -o-transform: skewX(0deg); }
}

@-webkit-keyframes egg_anime {
	0% { -webkit-transform: skewX(9deg); }
	10% { -webkit-transform: skewX(-8deg); }
	20% { -webkit-transform: skewX(7deg); }
	30% { -webkit-transform: skewX(-6deg); }
	40% { -webkit-transform: skewX(5deg); }
	50% { -webkit-transform: skewX(-4deg); }
	60% { -webkit-transform: skewX(3deg); }
	70% { -webkit-transform: skewX(-2deg); }
	80% { -webkit-transform: skewX(1deg); }
	90% { -webkit-transform: skewX(0deg); }
	100% { -webkit-transform: skewX(0deg); }
}

@keyframes egg_anime {
	0% { transform: skewX(9deg); }
	10% { transform: skewX(-8deg); }
	20% { transform: skewX(7deg); }
	30% { transform: skewX(-6deg); }
	40% { transform: skewX(5deg); }
	50% { transform: skewX(-4deg); }
	60% { transform: skewX(3deg); }
	70% { transform: skewX(-2deg); }
	80% { transform: skewX(1deg); }
	90% { transform: skewX(0deg); }
	100% { transform: skewX(0deg); }
}

.egg_anime:hover {
	-webkit-animation-name: egg_anime;
	-moz-animation-name: egg_anime;
	-o-animation-name: egg_anime;
	animation-name: egg_anime;
}


/* --------------------------------------------------
  INFORMATION
-------------------------------------------------- */

#wrapper_info_area {
    margin:0px 0px 0px 0px;
    padding:0px;
	width:100%;
	height:auto;
	background-color:#FAEFDA;
}

#wrapper_info {
    margin:0px auto 0px auto;
    padding:0px;
	width:1000px;
	height:auto;
	overflow:hidden;
}

.info_box{
    padding:0px 0px 0px 0px;
    width:1000px;
	overflow:hidden;
}

.info_box ul {
    margin:0px 0px 80px 0px;
    padding:0px 0px 0px 0px;
	border-top:1px dotted #3452A0;
	list-style: none;
}

.info_box li {
    margin:20px 0px 0px 0px;
    padding:0px 0px 20px 40px;
	background:url(../home/icon_img01.png) no-repeat;
	border-bottom:1px dotted #3452A0;
	width:1000px;
	overflow:hidden;
}



/*** END ***/