@charset "utf-8";
/* ---------------------------------------------------------------------------------
HYSTERIA　
copyright(C)2010 HYSTERIA All Rights Reserved.

XHTML CSS Selectors common 

$Revision: 1.0 $
--------------------------------------------------------------------------------- */

/*---------------------------------------------------------------------------------
初期設定
--------------------------------------------------------------------------------- */
* {
	 font-family: 'Lucida Grande',Verdana,sans-serif;
}
/*フォント初期化設定*/
h1,h2,h3,h4,h5,h6 {
    font-size: 100%; /* hタグの文字サイズを全体のフォントサイズに合わせる */
}
body {
    font-size: 62.5%; /* 全体のフォントサイズを1em=10pxにする */
}
table {
    font-size: 100%; /* テーブルのフォントサイズを1em=10pxにする */
}
p,li,dt,dd,th,td {
	font-size: 100%; /* フォントサイズを1em=12pxにする */
	font-weight: normal;
}
input,textarea,select,option {
	font-size: 100%; /* フォントサイズを1em=12pxにする(継承) */
}

/*初期設定*/
body,div,pre,p,
form,fieldset,input,textarea,select,option, 
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, 
table,th,td,embed,object { 
	margin: 0px; 
	padding: 0px; 
}
body {
	color: #251E1C;
	line-height: 150%;
	background-image: url(../img/common/background.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #FFFFFF;
}
div#wrapper {
	background-image: url(../img/common/contents_background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color: #A992E0;
}
a:active {
	text-decoration: underline;
	color: #A992E0;
}

div.clear {
	clear: both;
}
div#preloadImage {
	display: none;
	visibility: hidden;
}


/*---------------------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------------------- */
div#headerArea {
	width: 985px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 120px;
}
/*ロゴ*/
div#headerArea h1 {
	height: 46px;
	width: 230px;
}
div#headerArea h1 a {
	display: block;
	height: 46px;
	width: 230px;
	text-indent: -9999px;
	background-image: url(../img/common/logo.jpg);
	background-repeat: no-repeat;
	background-position: -10px top;
}


/*ナビゲーション*/
div#headerArea div#naviBlock {
/*	width: 850px;*/
	padding-top: 15px;
	height: 30px;
}
div#headerArea div#naviBlock ul {
	list-style-type: none;
}
div#headerArea div#naviBlock ul li {
	display: block;
	font-size: 10px;
	line-height: 10px;
	height: 17px;
	float: left;
}
div#headerArea div#naviBlock ul li a {
	display: block;
	height: 17px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
}
div#headerArea div#naviBlock ul li a:hover {
	background-position: bottom;
}

/*ナビゲーションボタン*/
li#navi01 {
	width: 159px;
}
li#navi01 a {
	width: 159px;
	background-image: url(../img/common/navi_01.jpg);
}
li#navi02 {
	width: 65px;
}
li#navi02 a {
	width: 65px;
	background-image: url(../img/common/navi_02.jpg);
}
li#navi03 {
	width: 108px;
}
li#navi03 a {
	width: 108px;
	background-image: url(../img/common/navi_03.jpg);
}
li#navi04 {
	width: 68px;
}
li#navi04 a {
	width: 68px;
	background-image: url(../img/common/navi_04.jpg);
}
li#navi05 {
	width: 63px;
}
li#navi05 a {
	width: 63px;
	background-image: url(../img/common/navi_05.jpg);
}
li#navi06 {
	width: 73px;
}
li#navi06 a {
	width: 73px;
	background-image: url(../img/common/navi_06.jpg);
}
li#navi07 {
	width: 71px;
}
li#navi07 a {
	width: 71px;
	background-image: url(../img/common/navi_07.jpg);
}
li#navi08 {
	width: 84px;
}
li#navi08 a {
	width: 84px;
	background-image: url(../img/common/navi_08.jpg);
}

li#navi09 {
	width: 109px;
}
li#navi09 a {
	width: 109px;
	background-image: url(../img/common/navi_09.jpg);
}

li#navi10 {
	width: 102px;
}
li#navi10 a {
	width: 102px;
	background-image: url(../img/common/navi_10.jpg);
}


li#naviTop {
	width: 40px;
}
li#naviTop a {
	width: 40px;
	background-image: url(../img/common/navi_top.jpg);
}


/*---------------------------------------------------------------------------------
コンテンツ
--------------------------------------------------------------------------------- */
div#contentsArea {
	width: 845px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 15px;
	padding-right: 140px;
}

div#facebook_like,
div#facebook_share,
div#mixi_check,
div#twitter {
	padding-top: 0px;
	padding-left: 5px;
	margin: 0px;
}

/*---------------------------------------------------------------------------------
インフォメーション
--------------------------------------------------------------------------------- */
div#informationArea {
	width: 985px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
	padding-top: 15px;
}
div#informationArea h2 {
	float: left;
	height: 15px;
	width: 100px;
	font-size: 10px;
	line-height: 10px;
	background-image: url(../img/common/info_title.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;
}
div#informationArea h2 a {
	display: block;
	height: 15px;
	width: 100px;
	text-indent: -9999px;
}
div#informationArea div#informationBox {
	float: left;
	width: 545px;
}
div#informationArea div#informationBox div {
	font-size: 100%;
}
div#informationArea div#informationBox div p {
	color: #C7C7C7;
	font-size: 100%;
	text-align: center;
}
div#informationArea div#informationBox table {
}
div#informationArea div#informationBox table th {
	font-weight: normal;
	width: 85px;
	vertical-align: top;
	text-align: left;
}
div#informationArea div#informationBox table td {
	vertical-align: top;
	width: 510px;
}
div#informationArea p#ancBackNumber {
	padding-top: 5px;
}

div#informationArea div#bannerCatalog {
	height: 15px;
	width: 200px;
	float: right;
}


/*---------------------------------------------------------------------------------
フッター
--------------------------------------------------------------------------------- */
div#footerArea {
	height: 30px;
	width: 985px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/common/copyright.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#footerArea p {
	width: 845px;
	font-size: 10px;
	line-height: 10px;
	text-indent: -9999px;
}