@charset "utf-8";

/* Set all elements to zero padding and zero margins */
* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
/* CENTER IN IE > 7 */
	text-align: center;
	background-color: #fff;
}
/*----------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'Lucida Grande', Verdana, Arial, 'ヒラギノ丸ゴ Pro W4', Sans-Serif;
	font-size: 10px;
	color: #000;
	background-color: #fff;
	height:100%;
	line-height: 17px;	
	}

p {margin-top: 8px;	margin-bottom: 10px;	}

img {border: none; }


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

div#Wrap {
	margin: 0px auto;
	width: 700px;
	background-color: #FFF;
	text-align: center;

	}

div#Page {
	width: 700px;
	background-color: #FFF;
	margin:0;
	padding:0;
	
	}

div#Header { 
	padding-top: 30px;
	background-color: #fff;

	}

	

	
div#Content {
	margin:40px 20px 12px 20px;
	padding: 0;

	}
	

div.threeCol {
	margin-top: 12px;

}

div.sns {margin-top: 12px; border:1px solid #e9e9e9;}

/*----------------------------------------------------------------------*/
/* FOOTER
/*----------------------------------------------------------------------*/

div#Footer {
	margin:0px 20px;
	padding-top:5px;
	padding-bottom: 5px;
	font-size: 10px;
	line-height: 14px;
	background-color: #fff;
	border:1px solid #e9e9e9;
	color: #999;
	}
	

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



a:link, a:visited, a:active {text-decoration: none; color:#666;}
a:hover {text-decoration: underline; color:#666;}

.clear {
	clear: both;
	visibility: hidden;
	height:0;
	content: ".";
	}	
	


/*--------------------------------------------------------------------
/ IMAGES
----------------------------------------------------------------------*/
/* Style for Images */
p img {padding: 0; max-width: 100%;	}

/*	Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */
	
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline; border: 1px solid #046e7b;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left;}

/*
#SubContent img {padding: 4px; margin: 5px 0px 5px 0px; display: inline; border: 1px solid #046e7b;}; */