@charset "UTF-8";



/*-------------------------------------------------

	layout

-------------------------------------------------*/

#layout {
	width: 100%;
	margin:0 auto;
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}



/*-------------------------------------------------

	header

-------------------------------------------------*/
#descript{
	background:#4ab4bb;
	width:100%;
	min-width:1200px;
	padding:0.3em 0 0.2em;
}
#descript p{
	max-width:1200px;
	margin:0 auto;
	color:#FFFFFF;
	font-size:0.9em;
	text-align:right;
}


#header{
	height:60px;
	width:100%;
	padding:20px 0;
}


#header p{
	max-width:1200px;
	min-width: 750px;
	height:60px;
	margin:0 auto;
	padding-top: 10px;
	background-image:url(../img/logo.png);
	background-position:left top;
	background-repeat:no-repeat;
	text-align:right;
	position: relative;
	display: block;
}



/*-------------------------------------------------

	navigation

-------------------------------------------------*/

#gnav { padding:1em 0; text-align:center; box-shadow:0px 9px 15px -3px rgba(0,0,0,0.1) inset; min-width:1200px;}
#fnav{width:1200px; margin:2em auto 4em;}
#fnav * { color:#ffffff; text-decoration:none;}

/*-------------------------------------------------

	contents

-------------------------------------------------*/
#topcontents{ margin:0 auto; position:relative;}
#subcontents{ width:1200px; margin:0 auto; position:relative; padding:30px 0;}

/*-------------------------------------------------

	toppage

-------------------------------------------------*/
#topcontents .top_contents{width:50%; min-width:750px; height:400px;  background-repeat:no-repeat; position:relative;}
#topcontents #blue_area{background-color:#4ab4bb;background-image:url(../img/blue_photo.jpg);}
#topcontents #orange_area{background-color:#ee7800;background-image:url(../img/orange_photo.jpg);}
#topcontents #green_area{background-color:#a7c720;background-image:url(../img/green_photo.jpg); }
#topcontents #pink_area{background-color:#e73173;background-image:url(../img/pink_photo.jpg);}
#topcontents .right_area{ background-position:left; float:right;}
#topcontents .left_area{background-position:right; float:left;}
#topcontents .inner{ width:300px; height:100px;padding:150px 0 150px 0; position:relative; color:#ffffff; font-size:1.6em;}
#topcontents .right_inner{padding-left:450px; margin:0 auto 0 0; text-align:left; }
#topcontents .left_inner{padding-right:450px; margin:0 0 0 auto; text-align:right; }
#topcontents .special_inner{height:100px;padding-top:130px; line-height:1.5em;}

/*-------------------------------------------------

	floatcontents

-------------------------------------------------*/
#left_contents{ width:270px; float:left;}
#right_contents{ width:900px; float:right; padding-left:30px;}
/*-------------------------------------------------

	pagetopbutton

-------------------------------------------------*/
#pagetopbutton{
	position:absolute;
    right:50px;
	top:-43px;
    cursor:pointer;
	z-index:100;
}


/*-------------------------------------------------

	privasymark

-------------------------------------------------*/
#privasymark{
	position:absolute;
    right:-90px;
	top:-10px;
	z-index:100;
	display: block;
}


/*-------------------------------------------------

	footer

-------------------------------------------------*/
#foot_nav{width:1200px; margin: 2em auto -20px; text-align: right;position:relative;}
#foot_nav a{display: inline-block; color:#333333; padding:0 0 0 1em; margin:0 0.5em; border-left:#666666 solid 1px; text-decoration: none; line-height: 1em; }
#foot_nav a:last-child{border-right:#666666 solid 1px; padding-right: 1em}
#footer {
	height: auto;
	width: 100%;
	min-width:1200px;
	text-align: center;
	padding:40px 0 30px;
	margin-top:50px;
	background-color:#a7c720;
	color:#ffffff;
	position:relative;
}