@charset "utf-8";
/* @import url(http://fonts.googleapis.com/css?family=Averia+Serif+Libre:700); */
/* font-family: 'Averia Serif Libre', cursive; */
@import url(http://fonts.googleapis.com/css?family=Racing+Sans+One);

/*---clearFix ------------------*/
.clearfix:before, .clearfix:after {
	content:"\0020";
	display:block;
	height:0;
	overflow:hidden;
}
.clearfix:after{clear: both;}
.clearfix{zoom: 1;}

.inline_block {  
	display: inline-block;  
	*display: inline;  
	*zoom: 1;  
}


/*---img ------------------*/
.imgover{}
.photo{
	border:solid 1px #CCC;
	margin:0 20px 10px 0;
}

/*---float ------------------*/
.left{float:left;}
.right{float:right;}


/*---Display or Not ------------------*/
.hide{display:none;}
.nodisp{text-indent:-9999px;height:0;}


/*---FONTS ------------------*/
.blktxt{color:black;}
.redtxt{color:red;}
.dredtxt{color:#C00;}
.browntxt{color:#300;}
.purpletxt{color:#990099;}
.bluetxt{color:#003399;}

.blueunder{border-bottom:2px #0038A5 dashed; display:inline;}

.bold{font-weight:bold;}
.bolder{font-weight:bolder;}

.smaller{font-size:smaller;}
.small{font-size:small;}
.xs{font-size:x-small;}
.xxs{font-size:xx-small;}

.center{text-align:center;}

/* スクロールバーの有無によるズレ対策 */
html {overflow-y: scroll;}

/*---ForFireFoxLink------------------*/
a:focus{outline:none;}


/* link
----------------------------------------------------------- */
a:link {
	color:#F90;
	text-decoration:none;
}
a:visited {
	color:#C90;
	text-decoration:none;
}
a:hover {
	color:#F60;
	text-decoration:underline;
}
a:active{
	color:#F60;
	text-decoration:none;
}


/*---defaultStyle ------------------*/
body{
	color: /* #333 *//* #67584E */#675034;
	font-size:14px;
	/* background-color:#300; */
	/* background:#300 url(../img/grey.png) repeat 0 0; */
	background:#300 url(../img/bg_boke.jpg) repeat 0 0;
	/* line-height: 1.4em; */
	line-height: 150%;
}

input,
textarea,
#header,
.nav,
#page-top,
#container,
#footer{
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

strong{	font-weight:bold;}


/* CONTAINER 
----------------------------------------------------------- */
#container{
	width:/* 850px */830px; 
	padding:10px;
	background-color:white;
	margin:0 auto;
	margin-top:15px;
	/* margin-top:-17px;
	margin-top:-26px; 
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	*/
	
	-moz-border-radius: 19px;
	-webkit-border-radius: 19px;
	border-radius: 19px;
	-moz-box-shadow: 0px 3px 12px #ad9e7b;
	-webkit-box-shadow: 0px 3px 12px #ad9e7b;
	box-shadow: 0px 3px 12px #ad9e7b;
	filter: progid:DXImageTransform.Microsoft.Shadow(strength = 3, direction = 180, color = '#ad9e7b');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 3, Direction = 180, Color = '#ad9e7b')";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#fffeeb');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#fffeeb')";
	
	/* background-image: -moz-linear-gradient(top, #ffffff, #D9E8DF);
	background-image: -ms-linear-gradient(top, #ffffff, #D9E8DF);#fffeeb
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#D9E8DF));
	background-image: -webkit-linear-gradient(top, #ffffff, #D9E8DF);
	background-image: linear-gradient(top, #ffffff, #D9E8DF);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; */
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 1%, #ffffff 73%, #EFF7F2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(73%,#ffffff), color-stop(100%,#d9e8df)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 1%,#ffffff 73%,#EFF7F2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 1%,#ffffff 73%,#EFF7F2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 1%,#ffffff 73%,#EFF7F2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 1%,#ffffff 73%,#EFF7F2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#EFF7F2',GradientType=0 ); /* IE6-9 */
	
	position:relative;
	behavior:url(js/PIE.htc); /* IE対応 */
}
.inner{
	border:2px solid #E5DFC8;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	padding:35px 45px 25px;
	padding-bottom:45px;
}


/* Header
----------------------------------------------------------- */
#header div.left{width:130px;}
#header div.right{width:590px;}
	#header h1{
		/* margin:25px 0 15px 0;
		display:block;
		color:#300;
		font-size: 37px;
		font-weight: 500; */
		margin:0px 0 5px 0;
		width:563px; height:44px;
		background:url(../img/tit_b.gif) no-repeat 0 0;
		text-indent:-9999px;
	}
	/* #header p {padding-right:10px;} */


/* NAKA
----------------------------------------------------------- */
.headbt{
	margin-top:20px;
	text-align:center;
}

#howto{
	width:719px;
	margin:30px auto;
}
	#howto h2{
		font-size: 18px;
		font-weight: bold;
		color: #C90;
		margin-bottom: 7px;
	}
	#howto ul li{
	list-style: none;
	float: left;
	display: block;
	width: /* 305px */270px; min-height:340px;
	/* padding: 15px 15px 12px 25px; */
	padding: 15px 35px 15px 40px;
	margin-right: 25px;
	border: 1px solid #C90;
	background-color: white;
	position:relative;
	}
	#howto ul li h3{
		font-family: 'Racing Sans One', cursive;
		font-size:82px;
		color:#E5DFC8 /* #FC0 */;
		margin:10px 0 40px -25px;
	}
	#howto ul li p{
		margin-bottom:10px;
		line-height:150%;
	}
	#howto ul li h4{
		margin-top:35px; font-size:18px;
	}


#attn{
	width:719px;
	margin:30px auto 45px;
}
	#attn h2{
		border: 1px solid #D3B781;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		padding: 15px 25px;
		background-color: #D3B781;
		font-size: 18px;
		font-weight: bold;
		color: white;
		margin-bottom: 7px;
	}
	#attn ul li{
		list-style:disc outside;
		margin:15px 15px 15px 40px;
	}
	#attn p{
		/* padding:20px; */
	}

.inner .center p.thanks{
	font-size:22px;
	color:black;
	line-height:150%;
}



/* Footer
----------------------------------------------------------- */
#footer{
	margin:20px;
	/* color:#CFD5E2; */
	text-align:center;
	font-size:85%;
	text-shadow: 0px 1px 1px #445271;
	filter: dropshadow(color=#445271, offx=0, offy=1);
}
html.ie #footer{filter:none;}