html,body{
	font: 12px/18px 'メイリオ', 'Meiryo', sans-serif;
    -webkit-text-size-adjust: 100%;
}

body{
	background: #288cc8;
}

ul,
ul li,
ol,
ol li{
	position: static;
	left: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.clearfix {zoom:1;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}

/* ****************************** container ****************************** */

div#container{
	width: 940px;
	margin: 0 auto;
}

div#container div.wrapLeft{
	width: 240px;
	float: left;
}

div#container div.wrapRight{
	width: 690px;
	float: right;
}

div#container div.wrapRight div.template{
	width: 640px;
	min-height: 1000px;
	padding: 25px;
	padding-top: 0;
	background: #fff;
	box-shadow: 0 0 5px #333;
	border-radius: 0 0 5px 5px;
	margin-bottom: 20px;
	z-index: 10;
	position: relative;
}

/* ****************************** sideMenu *******************************/

div#sideMenu{
	width: 230px;
	height: 550px;
	margin: 0 auto;
	background: #fff;
	position: absolute;
	box-shadow: 0 0 5px #333;
	border-radius: 0 0 5px 5px;
	z-index: 100;
	top: 0;
}

div#sideMenu div.title{
	width: 226px;
	margin: 0 auto;
}

div#sideMenu div.title p{
	width: 226px;
	height: 60px;
	background: url('../images/common/sideMenu_title.png');
	text-indent: -9999em;
}

div#sideMenu div.button{
	width: 226px;
	margin: 0 auto;
	margin-bottom: 15px;
}

div#sideMenu div.button ul li a{
	display: block;
	width: 226px;
	height: 60px;
	background: url('../images/common/sideMenu_button.png');
	text-indent: -9999em;
}

div#sideMenu div.button ul li a.index{background-position: 0 0;}
div#sideMenu div.button ul li a.message{background-position: 0 -60px;}
div#sideMenu div.button ul li a.supporters{background-position: 0 -120px;}
div#sideMenu div.button ul li a.index:hover{background-position: -226px 0;}
div#sideMenu div.button ul li a.message:hover{background-position: -226px -60px;}
div#sideMenu div.button ul li a.supporters:hover{background-position: -226px -120px;}

div#sideMenu div.sns{
	width: 200px;
	height: 20px;
	margin: 0 auto;
	margin-bottom: 20px;
}

div#sideMenu div.sns p{
	float: left;
	width: 100px;
}

div#sideMenu div.contact{
	width: 226px;
	margin: 0 auto;
}

div#sideMenu div.contact p.title{
	width: 72px;
	height: 13px;
	margin: 0 auto;
	margin-bottom: 10px;
	background: url('../images/common/sideMenu_contact_title.png');
	text-indent: -9999em;
}

div#sideMenu div.contact p.name{
	width: 102px;
	height: 16px;
	margin: 0 auto;
	margin-bottom: 10px;
	background: url('../images/common/sideMenu_contact_name.png');
	text-indent: -9999em;
}

div#sideMenu div.contact p.address{
	width: 188px;
	height: 44px;
	margin: 0 auto;
	margin-bottom: 10px;
	background: url('../images/common/sideMenu_contact_address.png');
	text-indent: -9999em;
}

div#sideMenu div.contact p.googleMap a{
	display: block;
	width: 96px;
	height: 26px;
	margin: 0 auto;
	margin-bottom: 10px;
	background: url('../images/common/sideMenu_googleMap.png');
	text-indent: -9999em;
}

div#sideMenu div.contact p.googleMap a:hover{
	background-position: -96px 0;
}

/* ****************************** footer ****************************** */

div#footer{
	width: 100%;
	margin-top: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 1px solid #66c5ff;
	box-shadow: 0 0 5px #333;
	background: url('../images/common/background_gradient.png') repeat-x;
}

div#footer div.inner{
	width: 690px;
	padding-left: 250px;
	margin: 0 auto;
}

div#footer div.inner div.navigation{
	margin-bottom: 10px;
}

div#footer div.inner div.navigation ul li{
	display: inline;
	color: #fff;
}

div#footer div.inner div.navigation ul li a{
	font-size: 1.2em;
	font-weight: 900;
	color: #fff;
}

div#footer div.inner div.navigation ul li a:hover{
	color: #ffc864;
}

div#footer div.inner div.contact{
	margin-bottom: 10px;
}

div#footer div.inner div.contact p{
	color: #fff;
}

div#footer div.inner div.contact p a{
	color: #fff;
}

div#footer div.inner div.contact p a:hover{
	color: #ffc864;
}

div#footer div.inner address{
	color: #fff;
	font-size: 0.85em;
	font-style: normal;
}