@charset "utf-8";


/*---------------------------------------
Uniersal Selector
----------------------------------------*/
* {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}

/*---------------------------------------
Common
----------------------------------------*/
body {
	line-height:1.3;
	font-family:Hiragino Kaku Gothic Pro, Osaka, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	font-size:12px;
	*font-size:small;
	*font:x-small;
}

html {
	overflow-y:scroll;
}

img {
	border:0;
}

h2 { 
	font-weight:bold;
}

/*--------------------------------------------------------
#wrapper
--------------------------------------------------------*/
#wrapper { 
	margin:0 auto;
	width:980px;
}

/*--------------------------------------------------------
#header
--------------------------------------------------------*/
#header {
	width:980px;
	height:227px;
	float:left;
	background: url(/img/head.jpg) no-repeat left top;
}

#header .twitter {
	margin:15px 20px 0 0;
	float:right;
	text-align:right;
}

iframe.twitter-share-button {
	width: 100px!important;
}

#header h1 {
	margin:46px 0 0 20px;
}


/*--------------------------------------------------------
#header .dvd
--------------------------------------------------------*/
#header .dvd{
	width:200px;
	height:180px;
	background-image:url(/img/dvd_on.gif);
	background-repeat: no-repeat;
	background-position:20px 0;
}

#header .dvd a { 
	display:block;
	width:180px;
	height:180px;
	font-size:1px;
	line-height:1px;
	outline:none;
}

#header .dvd a:hover { 
	text-indent:-9999px;
} 

/*--------------------------------------------------------
#mainWrapper
--------------------------------------------------------*/
#mainWrapper {
	float:left;
	width:980px;
	height:509px;
	background:url(/img/main.jpg) no-repeat left top;
}

#mainWrapper .book{
	float:right;
	margin:345px 18px 0 0;
}

/*--------------------------------------------------------
#creditTitles
--------------------------------------------------------*/
#creditTitles {
	padding:5px 0 4px 0;
	background-color:#0099FF;
	color:#FFF;
	text-align:center;
	clear:both;
}

/*--------------------------------------------------------
#introduction
--------------------------------------------------------*/
#introduction {
	padding:8px 5px;
	line-height:1.4;
}

/*--------------------------------------------------------
#footer
--------------------------------------------------------*/
#footer {
	width:100%;
	clear:both;
}

#footer .banner{
	padding:5px 15px 35px 0;
	text-align:center;
	float:left;
}

#footer .banner a{
	font-size:85%;
}

#footer #youtube{
	font-weight:bold;
	text-align:right;
}

#footer #youtube a{
	font-weight:bold;
	clear:both;
}


/*--------------------------------------------------------
#linkBanner
--------------------------------------------------------*/
#linkBanner {
	width:950px;
	margin-bottom:20px;
	padding:15px 15px 13px 15px;
	border: solid 1px #666;
	float:left;
	clear:both;
}

#linkBanner a{
	margin-right:10px;
}

#linkBanner p{
	text-align:right;
	float:right;
}