@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////

	W/Cミータ - HOME

	/home/css/home.css

	contents:
		1. header
		2. content
			3-1. pickup
			3-2. main

//////////////////////////////////////////////////////////////////////////////*/


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

	1. header

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

header.site p,
header.site .point,
header.site figure {
	position: absolute;
}


/*	2-1. logo
------------------------------------------------------------------------------*/

header.site {
	float: none;
	width: auto;
	height: inherit;
	background-color: transparent;
}

header.site .site_column {
	padding: 100px 0 0; 
}

header.site h1 {
	left: 123px;
	top: 18px;
	width: 203px;
	height: 65px;
	background: url(../../home/img/title_wcmeta.png) no-repeat;
}

header.site .logo {
	left: 0;
}

header.site .patent {
	left: 341px;
	top: 53px;
	width: 130px;
	height: 22px;
	background: url(../../home/img/text_patent.png) no-repeat;
}

header.site .contact {
	width: 205px;
	height: 24px;
	right: 0;
	top: 33px;
}


/*	2-2. menu
------------------------------------------------------------------------------*/

header.site .menu {
	left: inherit;
	right: 0;
	top: 165px;
	z-index: 10;
}


/*	2-3. promotion
------------------------------------------------------------------------------*/

header.site .promotion {
	position: relative;
	margin: 0 0 40px;
	width: 960px;
	height: 353px;
	background-color: #000;
}

header.site .promotion h2,
header.site .promotion .point,
header.site .promotion figure {
	position: absolute;
}

header.site .promotion h2 {
	left: 98px;
	top: 33px;
	width: 352px;
	height: 57px;
	background: url(../img/titile_mt400.png) no-repeat;
}

header.site .promotion .point {
	left: 82px;
	top: 112px;
}

header.site .promotion .point li {
	margin: 0;
}

header.site .promotion .point a {
	width: 380px;
	height: 44px;
	background: url(../img/nav_point.png) no-repeat;
}

header.site .point .nav1 a { background-position: 0       0;}
header.site .point .nav2 a { background-position: 0   -44px;}
header.site .point .nav3 a { background-position: 0   -88px;}
header.site .point .nav4 a { background-position: 0  -132px;}

header.site .promotion figure {
	left: 525px;
	top: 31px;
}



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

	2. content

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

#content {
	float: none;
	width: auto;
}

#content #point1,
#content #point2,
#content #point3,
#content #point4 {
	position: relative;
	margin: 0 0 60px;
	padding: 30px 0 0;
	min-height: 323px;
}

#content #point1 h2,
#content #point2 h2,
#content #point3 h2,
#content #point4 h2 {
	width: 424px;
	height: 44px;
	margin: 0 0 30px;
	padding: 0;
	border: none;
	font-weight: normal;
	font-size: inherit;
}

#content #point1 p,
#content #point2 p,
#content #point3 p,
#content #point4 p {
	width: 480px;
	margin: 0 0 30px;
}

#content #point2 figure,
#content #point3 figure,
#content #point4 figure {
	position: absolute;
	right: 30px;
}


/*	2-1. point1
------------------------------------------------------------------------------*/

#content #point1 {
	background: url(../img/point1_bg.jpg) no-repeat;
}

#content #point1 h2 {
	background: url(../img/point1_title.png) no-repeat;
}


/*	2-2. point2
------------------------------------------------------------------------------*/

#content #point2 {
	min-height: 181px;
}

#content #point2 h2 {
	background: url(../img/point2_title.png) no-repeat;
}

#content #point2 figure {
	top: 0;
}


/*	2-3. point3
------------------------------------------------------------------------------*/

#content #point3 {
	background: url(../img/point3_bg.jpg) no-repeat;
}

#content #point3 h2 {
	background: url(../img/point3_title.png) no-repeat;
}

#content #point3 figure {
	bottom: 0;
}


/*	2-4. point4
------------------------------------------------------------------------------*/

#content #point4 {
	margin: 0 0 100px;
	min-height: inherit;
}

#content #point4 h2 {
	background: url(../img/point4_title.png) no-repeat;
}

#content #point4 figure {
	top: 50px;
}


/*	2-5. contact
------------------------------------------------------------------------------*/

#content .contact {
	width: 537px;
	margin: 0 auto;
}

#content .contact p {
	padding: 10px;
	background-color: #DDD;
	/**/
	border-radius: 10px;
}

#content .contact a {
	width: 517px;
	height: 50px;
	background: url(../img/contact_button.jpg) no-repeat;
}