@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */

body {
font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
}



div#headerArea {
position: fixed !important;
top: 0;
left: 0;
width: 100%;
height: 60px;
background-color: #FFF;
color: #FFF;
border-bottom:#00C 3px solid;
}

h1 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 20px;
text-align: center;
}

h2 {
margin: 0px 0px 10px 0px;
font-size: 14px;
font-weight: normal;
line-height: 18px;
}


#main {
  clear: left;
  margin: 0 auto;
padding: 5px 23px 5px 0px;
  width: 570px;
}

#bloc {
  margin: 0px auto 5px auto;
  width: 570px;
  padding: 10px;
  border: solid 1px #ccc;
}
#bloc div {
  margin-bottom: 20px;
  background: #fff;
  text-align: center;
}

.button{
	display: block;
	font-size: 14px;
	font-weight: bold;
	font-family: "Tenderness";
	text-transform: uppercase;
	border:1px solid #777;
/*	padding: .2em .2em .3em; */
	color: #404040;
	cursor: pointer;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, .4);
	background-color: #FFF;
	-webkit-border-radius: 2px;
	-moz-border-radius:  2px;
	border-radius: 2px;

}

#yt{ width:600px;
	margin: 0 auto;
	text-align:center;
	padding:10px 40px 10px 10px;
	}
	

#yt ul{
	margin:0;
	padding:0;
	list-style-type: none;
	}

#yt li{
	margin-right:4px;
	padding:0;
	width:78px;
	float:left;
	}