@charset "Shift_JIS";
/* CSS Document */

body {
	-webkit-text-size-adjust: 100%;
}

#gwrapper {
	margin: 0 auto;
	max-width: 800px;
	width:expression(document.body.clientWidth > 802 ? "800px" : "auto");
	background-color: #FAEDD4;
}

.grid {
	letter-spacing:-0.4em;
    text-align:center;
} 
	.grid .center { text-align: center !important; }
	.grid .aright { text-align: right !important; }

	.grid .gbody img.fix, 
	.grid .gbody img.btn  {
		width: auto !important;
	}
	
	.grid .grid1of20, 
	.grid .grid2of20, 
	.grid .grid3of20, 
	.grid .grid4of20, 
	.grid .grid5of20, 
	.grid .grid6of20, 
	.grid .grid7of20, 
	.grid .grid8of20, 
	.grid .grid9of20, 
	.grid .grid10of20, 
	.grid .grid11of20, 
	.grid .grid12of20, 
	.grid .grid13of20, 
	.grid .grid14of20, 
	.grid .grid15of20,
	.grid .grid16of20,
	.grid .grid17of20,
	.grid .grid18of20,
	.grid .grid19of20,
	.grid .grid20of20,
	.grid .grid1of20fix, 
	.grid .grid2of20fix, 
	.grid .grid3of20fix, 
	.grid .grid4of20fix, 
	.grid .grid5of20fix, 
	.grid .grid6of20fix, 
	.grid .grid7of20fix, 
	.grid .grid8of20fix, 
	.grid .grid9of20fix, 
	.grid .grid10of20fix, 
	.grid .grid11of20fix, 
	.grid .grid12of20fix, 
	.grid .grid13of20fix, 
	.grid .grid14of20fix, 
	.grid .grid15of20fix, 
	.grid .grid16of20fix, 
	.grid .grid17of20fix, 
	.grid .grid18of20fix, 
	.grid .grid19of20fix, 
	.grid .grid20of20fix {
		letter-spacing: normal;
        display:-moz-inline-box;
        display:inline-block;
		text-align: left;
		vertical-align:top;
	}
	.grid .grid1of20 { width:5%; }
	.grid .grid2of20 { width:10%; }
	.grid .grid3of20 { width:15%; }
	.grid .grid4of20 { width:20%; }
	.grid .grid5of20 { width:25%; }
	.grid .grid6of20 { width:30%; }
	.grid .grid7of20 { width:35%; }
	.grid .grid8of20 { width:40%; }
	.grid .grid9of20 { width:45%; }
	.grid .grid10of20 { width:50%; }
	.grid .grid11of20 { width:55%; }
	.grid .grid12of20 { width:60%; }
	.grid .grid13of20 { width:65%; }
	.grid .grid14of20 { width:70%; }
	.grid .grid15of20 { width:75%; }
	.grid .grid16of20 { width:80%; }
	.grid .grid17of20 { width:85%; }
	.grid .grid18of20 { width:90%; }
	.grid .grid19of20 { width:95%; }
	.grid .grid20of20 { width:100%; }
	
	/* fix 800 */
	.grid .grid1of20fix { width:40px; }
	.grid .grid2of20fix { width:80px; }
	.grid .grid3of20fix { width:120px; }
	.grid .grid4of20fix { width:160px; }
	.grid .grid5of20fix { width:200px; }
	.grid .grid6of20fix { width:240px; }
	.grid .grid7of20fix { width:280px; }
	.grid .grid8of20fix { width:320px; }
	.grid .grid9of20fix { width:360px; }
	.grid .grid10of20fix { width:400px; }
	.grid .grid11of20fix { width:440px; }
	.grid .grid12of20fix { width:480px; }
	.grid .grid13of20fix { width:520px; }
	.grid .grid14of20fix { width:560px; }
	.grid .grid15of20fix { width:600px; }
	.grid .grid16of20fix { width:640px; }
	.grid .grid17of20fix { width:680px; }
	.grid .grid18of20fix { width:720px; }
	.grid .grid19of20fix { width:760px; }
	.grid .grid20of20fix { width:800px; }

		.grid .grid1of20 .gbody, 
		.grid .grid2of20 .gbody, 
		.grid .grid3of20 .gbody, 
		.grid .grid4of20 .gbody, 
		.grid .grid5of20 .gbody, 
		.grid .grid6of20 .gbody, 
		.grid .grid7of20 .gbody, 
		.grid .grid8of20 .gbody, 
		.grid .grid9of20 .gbody, 
		.grid .grid10of20 .gbody, 
		.grid .grid11of20 .gbody, 
		.grid .grid12of20 .gbody, 
		.grid .grid13of20 .gbody, 
		.grid .grid14of20 .gbody, 
		.grid .grid15of20 .gbody,
		.grid .grid16of20 .gbody,
		.grid .grid17of20 .gbody,
		.grid .grid18of20 .gbody,
		.grid .grid19of20 .gbody,
		.grid .grid20of20 .gbody,
		.grid .grid1of20fix .gbody, 
		.grid .grid2of20fix .gbody, 
		.grid .grid3of20fix .gbody, 
		.grid .grid4of20fix .gbody, 
		.grid .grid5of20fix .gbody, 
		.grid .grid6of20fix .gbody, 
		.grid .grid7of20fix .gbody, 
		.grid .grid8of20fix .gbody, 
		.grid .grid9of20fix .gbody, 
		.grid .grid10of20fix .gbody, 
		.grid .grid11of20fix .gbody, 
		.grid .grid12of20fix .gbody, 
		.grid .grid13of20fix .gbody, 
		.grid .grid14of20fix .gbody, 
		.grid .grid15of20fix .gbody, 
		.grid .grid16of20fix .gbody, 
		.grid .grid17of20fix .gbody, 
		.grid .grid18of20fix .gbody, 
		.grid .grid19of20fix .gbody, 
		.grid .grid20of20fix .gbody
		.grid .grid1of20 .gbody img, 
		.grid .grid2of20 .gbody img, 
		.grid .grid3of20 .gbody img, 
		.grid .grid4of20 .gbody img, 
		.grid .grid5of20 .gbody img, 
		.grid .grid6of20 .gbody img, 
		.grid .grid7of20 .gbody img, 
		.grid .grid8of20 .gbody img, 
		.grid .grid9of20 .gbody img, 
		.grid .grid10of20 .gbody img, 
		.grid .grid11of20 .gbody img, 
		.grid .grid12of20 .gbody img, 
		.grid .grid13of20 .gbody img, 
		.grid .grid14of20 .gbody img, 
		.grid .grid15of20 .gbody img,
		.grid .grid16of20 .gbody img,
		.grid .grid17of20 .gbody img,
		.grid .grid18of20 .gbody img,
		.grid .grid19of20 .gbody img,
		.grid .grid20of20 .gbody img,
		.grid .grid1of20fix .gbody img, 
		.grid .grid2of20fix .gbody img, 
		.grid .grid3of20fix .gbody img, 
		.grid .grid4of20fix .gbody img, 
		.grid .grid5of20fix .gbody img, 
		.grid .grid6of20fix .gbody img, 
		.grid .grid7of20fix .gbody img, 
		.grid .grid8of20fix .gbody img, 
		.grid .grid9of20fix .gbody img, 
		.grid .grid10of20fix .gbody img, 
		.grid .grid11of20fix .gbody img, 
		.grid .grid12of20fix .gbody img, 
		.grid .grid13of20fix .gbody img, 
		.grid .grid14of20fix .gbody img, 
		.grid .grid15of20fix .gbody img, 
		.grid .grid16of20fix .gbody img, 
		.grid .grid17of20fix .gbody img, 
		.grid .grid18of20fix .gbody img, 
		.grid .grid19of20fix .gbody img, 
		.grid .grid20of20fix .gbody img {
			max-width: 100%;
		}
		.grid .grid1of20 .gbody, 
		.grid .grid2of20 .gbody, 
		.grid .grid3of20 .gbody, 
		.grid .grid4of20 .gbody, 
		.grid .grid5of20 .gbody, 
		.grid .grid6of20 .gbody, 
		.grid .grid7of20 .gbody, 
		.grid .grid8of20 .gbody, 
		.grid .grid9of20 .gbody, 
		.grid .grid10of20 .gbody, 
		.grid .grid11of20 .gbody, 
		.grid .grid12of20 .gbody, 
		.grid .grid13of20 .gbody, 
		.grid .grid14of20 .gbody, 
		.grid .grid15of20 .gbody,
		.grid .grid16of20 .gbody,
		.grid .grid17of20 .gbody,
		.grid .grid18of20 .gbody,
		.grid .grid19of20 .gbody,
		.grid .grid20of20 .gbody,
		.grid .grid1of20fix .gbody, 
		.grid .grid2of20fix .gbody, 
		.grid .grid3of20fix .gbody, 
		.grid .grid4of20fix .gbody, 
		.grid .grid5of20fix .gbody, 
		.grid .grid6of20fix .gbody, 
		.grid .grid7of20fix .gbody, 
		.grid .grid8of20fix .gbody, 
		.grid .grid9of20fix .gbody, 
		.grid .grid10of20fix .gbody, 
		.grid .grid11of20fix .gbody, 
		.grid .grid12of20fix .gbody, 
		.grid .grid13of20fix .gbody, 
		.grid .grid14of20fix .gbody, 
		.grid .grid15of20fix .gbody, 
		.grid .grid16of20fix .gbody, 
		.grid .grid17of20fix .gbody, 
		.grid .grid18of20fix .gbody, 
		.grid .grid19of20fix .gbody, 
		.grid .grid20of20fix .gbody {
            display:-moz-inline-box;
            display:inline-block;
			/display:inline; /* IE6, IE7 */
            min-width:50px;
		}
		/* IE6 */
		* html .grid .grid1of20 .gbody, 
		* html .grid .grid2of20 .gbody, 
		* html .grid .grid3of20 .gbody, 
		* html .grid .grid4of20 .gbody, 
		* html .grid .grid5of20 .gbody, 
		* html .grid .grid6of20 .gbody, 
		* html .grid .grid7of20 .gbody, 
		* html .grid .grid8of20 .gbody, 
		* html .grid .grid9of20 .gbody, 
		* html .grid .grid10of20 .gbody, 
		* html .grid .grid11of20 .gbody, 
		* html .grid .grid12of20 .gbody, 
		* html .grid .grid13of20 .gbody, 
		* html .grid .grid14of20 .gbody, 
		* html .grid .grid15of20 .gbody,
		* html .grid .grid16of20 .gbody,
		* html .grid .grid17of20 .gbody,
		* html .grid .grid18of20 .gbody,
		* html .grid .grid19of20 .gbody,
		* html .grid .grid20of20 .gbody,
		* html .grid .grid1of20fix .gbody, 
		* html .grid .grid2of20fix .gbody, 
		* html .grid .grid3of20fix .gbody, 
		* html .grid .grid4of20fix .gbody, 
		* html .grid .grid5of20fix .gbody, 
		* html .grid .grid6of20fix .gbody, 
		* html .grid .grid7of20fix .gbody, 
		* html .grid .grid8of20fix .gbody, 
		* html .grid .grid9of20fix .gbody, 
		* html .grid .grid10of20fix .gbody, 
		* html .grid .grid11of20fix .gbody, 
		* html .grid .grid12of20fix .gbody, 
		* html .grid .grid13of20fix .gbody, 
		* html .grid .grid14of20fix .gbody, 
		* html .grid .grid15of20fix .gbody, 
		* html .grid .grid16of20fix .gbody, 
		* html .grid .grid17of20fix .gbody, 
		* html .grid .grid18of20fix .gbody, 
		* html .grid .grid19of20fix .gbody, 
		* html .grid .grid20of20fix .gbody {
            width:1.3em;
			white-space: nowrap;
		}





/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	#gwrapper {
		min-width: 768px;
		max-width: 800px;
		width:expression(document.body.clientWidth < 770 ? "768px" : document.body.clientWidth > 800 ? "800px" : "auto");
	}
}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
	
	#gwrapper {
		min-width: 320px;
		max-width: 768px;
		width:expression(document.body.clientWidth < 322 ? "320px" : document.body.clientWidth > 767 ? "767px" : "auto");
	}
	
	.grid .grid1of20, 
	.grid .grid2of20, 
	.grid .grid3of20, 
	.grid .grid4of20, 
	.grid .grid5of20, 
	.grid .grid6of20, 
	.grid .grid7of20, 
	.grid .grid8of20, 
	.grid .grid9of20, 
	.grid .grid10of20, 
	.grid .grid11of20, 
	.grid .grid12of20, 
	.grid .grid13of20, 
	.grid .grid14of20, 
	.grid .grid15of20,
	.grid .grid16of20,
	.grid .grid17of20,
	.grid .grid18of20,
	.grid .grid19of20,
	.grid .grid20of20,
	.grid .grid1of20fix, 
	.grid .grid2of20fix, 
	.grid .grid3of20fix, 
	.grid .grid4of20fix, 
	.grid .grid5of20fix, 
	.grid .grid6of20fix, 
	.grid .grid7of20fix, 
	.grid .grid8of20fix, 
	.grid .grid9of20fix, 
	.grid .grid10of20fix, 
	.grid .grid11of20fix, 
	.grid .grid12of20fix, 
	.grid .grid13of20fix, 
	.grid .grid14of20fix, 
	.grid .grid15of20fix, 
	.grid .grid16of20fix, 
	.grid .grid17of20fix, 
	.grid .grid18of20fix, 
	.grid .grid19of20fix, 
	.grid .grid20of20fix {
		max-width: 320px;
		width:expression(document.body.clientWidth > 320 ? "320px" : "auto");
	}
		.grid .grid1of20 img, 
		.grid .grid2of20 img, 
		.grid .grid3of20 img, 
		.grid .grid4of20 img, 
		.grid .grid5of20 img, 
		.grid .grid6of20 img, 
		.grid .grid7of20 img, 
		.grid .grid8of20 img, 
		.grid .grid9of20 img, 
		.grid .grid10of20 img, 
		.grid .grid11of20 img, 
		.grid .grid12of20 img, 
		.grid .grid13of20 img, 
		.grid .grid14of20 img, 
		.grid .grid15of20 img,
		.grid .grid16of20 img,
		.grid .grid17of20 img,
		.grid .grid18of20 img,
		.grid .grid19of20 img,
		.grid .grid20of20 img,
		.grid .grid1of20fix img,
		.grid .grid2of20fix img,
		.grid .grid3of20fix img, 
		.grid .grid4of20fix img, 
		.grid .grid5of20fix img, 
		.grid .grid6of20fix img, 
		.grid .grid7of20fix img, 
		.grid .grid8of20fix img, 
		.grid .grid9of20fix img, 
		.grid .grid10of20fix img, 
		.grid .grid11of20fix img, 
		.grid .grid12of20fix img, 
		.grid .grid13of20fix img, 
		.grid .grid14of20fix img, 
		.grid .grid15of20fix img, 
		.grid .grid16of20fix img, 
		.grid .grid17of20fix img, 
		.grid .grid18of20fix img, 
		.grid .grid19of20fix img, 
		.grid .grid20of20fix img {
			width: 100%;
		}
	
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	#gwrapper {
		min-width: 480px;
		max-width: 767px;
		width:expression(document.body.clientWidth < 322 ? "320px" : document.body.clientWidth > 767 ? "767px" : "auto");
	}
	
	.grid .grid1of20, 
	.grid .grid2of20, 
	.grid .grid3of20, 
	.grid .grid4of20, 
	.grid .grid5of20, 
	.grid .grid6of20, 
	.grid .grid7of20, 
	.grid .grid8of20, 
	.grid .grid9of20, 
	.grid .grid10of20, 
	.grid .grid11of20, 
	.grid .grid12of20, 
	.grid .grid13of20, 
	.grid .grid14of20, 
	.grid .grid15of20,
	.grid .grid16of20,
	.grid .grid17of20,
	.grid .grid18of20,
	.grid .grid19of20,
	.grid .grid20of20,
	.grid .grid1of20fix, 
	.grid .grid2of20fix, 
	.grid .grid3of20fix, 
	.grid .grid4of20fix, 
	.grid .grid5of20fix, 
	.grid .grid6of20fix, 
	.grid .grid7of20fix, 
	.grid .grid8of20fix, 
	.grid .grid9of20fix, 
	.grid .grid10of20fix, 
	.grid .grid11of20fix, 
	.grid .grid12of20fix, 
	.grid .grid13of20fix, 
	.grid .grid14of20fix, 
	.grid .grid15of20fix, 
	.grid .grid16of20fix, 
	.grid .grid17of20fix, 
	.grid .grid18of20fix, 
	.grid .grid19of20fix, 
	.grid .grid20of20fix {
		max-width: 480px;
	}
		.grid .grid1of20 img, 
		.grid .grid2of20 img, 
		.grid .grid3of20 img, 
		.grid .grid4of20 img, 
		.grid .grid5of20 img, 
		.grid .grid6of20 img, 
		.grid .grid7of20 img, 
		.grid .grid8of20 img, 
		.grid .grid9of20 img, 
		.grid .grid10of20 img, 
		.grid .grid11of20 img, 
		.grid .grid12of20 img, 
		.grid .grid13of20 img, 
		.grid .grid14of20 img, 
		.grid .grid15of20 img,
		.grid .grid16of20 img,
		.grid .grid17of20 img,
		.grid .grid18of20 img,
		.grid .grid19of20 img,
		.grid .grid20of20 img,
		.grid .grid1of20fix img,
		.grid .grid2of20fix img,
		.grid .grid3of20fix img, 
		.grid .grid4of20fix img, 
		.grid .grid5of20fix img, 
		.grid .grid6of20fix img, 
		.grid .grid7of20fix img, 
		.grid .grid8of20fix img, 
		.grid .grid9of20fix img, 
		.grid .grid10of20fix img, 
		.grid .grid11of20fix img, 
		.grid .grid12of20fix img, 
		.grid .grid13of20fix img, 
		.grid .grid14of20fix img, 
		.grid .grid15of20fix img, 
		.grid .grid16of20fix img, 
		.grid .grid17of20fix img, 
		.grid .grid18of20fix img, 
		.grid .grid19of20fix img, 
		.grid .grid20of20fix img {
			width: 100%;
		}
}


/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	body {
	
	}
	
}