@charset "UTF-8";
/* Media standard variable
    Note: The variable media, you will need to remove the height and width attributes of the media from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/*Because the maximum width is not supported, the width is set to 100% by default in IE 6.*/
.ie6 img {
	width:100%;
}

/*
	Dreamweaver grid variable properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
*/

/* Mobile : 480 px ≧ */
body {
	background: #FFF;
	background-image:none;
}
.gridContainer, .gridContainerFooter {
	margin: 0 auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
header {
	display: block;
	margin: 10px 0px 0px 0px;
	width: 100%;
	height: 100%;
}
nav {
	display: block;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	border-top: 1px solid #ccc8c4;
	border-bottom: 1px solid #ccc8c4;
	clear: both;
	overflow: auto;
}
article {
	display: block;
	margin: 0px;
	width: 100%;
	clear: both;
	overflow:hidden;
}
footer {
	display: block;
	margin: 10px 0px 0px 0px;
	width: 100%;
	clear: both;
}

/* Tablet : 481 px ~ 949 px */

@media only screen and (min-width: 481px) {
body {
	background: #FFF;
	background-image:none;
}
.gridContainer, .gridContainerFooter {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
header {
	display: block;
	margin: 10px 0px 0px 0px;
	width: 100%;
}
nav {
	display: block;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	clear: both;
	overflow: auto;
}
article {
	display: block;
	margin: 0px;
	width: 100%;
	clear: both;
}
footer {
	display: block;
	margin: 40px 0px 0px 0px;
	width: 100%;
	clear: both;
}
}


/* Desktop : 950 px ~ */

@media only screen and (min-width: 950px) {
body {
	background: #FFF url(../icons/bg_pc_body.png) repeat-x 0px 0px;
}
.gridContainer {
	width: 950px;
	margin: 0 auto;
	padding: 0px;
}
.gridContainerFooter {
	width: 100%;
	margin: 0 auto;
	padding: 0px;
}
header {
	display: block;
	margin: 0 auto;
	padding: 0px 15px 0px 15px;
	width: 950px;
	overflow: auto;
}
nav {
	display: block;
	margin: 0 auto;
	padding: 0px;
	width: 950px;
	max-width: 950px;
	border-top: none;
	border-bottom: none;
	clear: both;
	overflow: auto;
}
article {
	display: block;
	margin: 0 auto;
	padding: 5px 0px 0px 0px;
	width: 950px;
	max-width: 950px;
	min-height: 500px;
	clear: both;
	overflow: auto;
}
footer {
	display: block;
	margin: 40px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	clear: both;
}
}