@charset "UTF-8";
/*\*/

/*------------------------------
サイト名：ほりきたコレクション
作成日：2011.03.16
修正日：2014.01.09
ガイドライン：Ver.01
製作者：株式会社エムアップ
------------------------------*/


/* ------------------------------------
 * 共通設定・デフォルト値の再定義
 * ------------------------------------ */

html, body {
	height: 100%;
}

body {
	position: relative;
	min-width: 960px;
	min-height: 600px;
	color: #727171;
	background: #fff;
	font: 12px/1.5 "Osaka", "メイリオ", "ＭＳ Ｐゴシック", Arial, sans-serif;
	text-align: center;
}

hr {
	display: none;
}

/* Clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    font-size: 0.1em;
    line-height: 0;
}

.clearfix {
    display: inline-block;
    min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* End hide from IE-Mac */
		

/* ------------------------------------
 * リンク
 * ------------------------------------ */
 
a {
	cursor: pointer;
	outline: none;
}

a img {
	border: 0;
}

a:link {
	color: #624c9a;
	text-decoration: underline;
}

a:visited {
	color: #727171;
	text-decoration: underline;
}

a:hover {
	color: #8471b4;
	text-decoration: underline;
}

a:active {
	color: #8471b4;
	text-decoration: underline;
}


/* ------------------------------------
 * ベーシックレイアウト
 * ------------------------------------ */
 
#container {
	margin: -300px 0 0 -480px;
	border: solid 1px #666;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 960px;
	height: 600px;
	background: #bc96c5;
	text-align: left;
}

#main {
	float: right;
	width: 695px;
	height: 600px;
}

#header h1 {
	height: 120px;
	background: url(../img/common/headerLogo.gif) no-repeat;
	text-indent: -9999px;
}

#header h1 a {
	display: block;
	height: 120px;
}

#side {
	padding: 15px 0 20px 25px;
	float: left;
	width: 240px;
	height: 565px;
}

#footer {
	position: absolute;
	bottom: 8px;
	left: 10px;
	width: 86px;
	height: 6px;
	line-height: 0;
}

#footer address {
	width: 86px;
	height: 6px;
	line-height: 6px;
	background: url(../img/common/copyrights.gif) no-repeat;
	text-indent: -9999px;
}

.wrap {
	width: 100%;
}


/* ------------------------------------
 * ブロックごとの設定
 * ------------------------------------ */


/*--- グローバルナビ ------------------*/

#globalNav {
	position: relative;
	margin-bottom: 10px;
	width: 226px;
	height: 176px;
}

#globalNav li {
	height: 22px;
	line-height: 0;
}


#globalNav li a {
	display: block;
	height: 22px;
	line-height: 22px;
	background: url(../img/common/globalNavigation.gif) left top no-repeat;
	text-indent: -9999px;
	zoom: 1;
}

#globalNav li.monthly {
	position: absolute;
	top: 0;
	left: 123px;
	width: 103px;
	height: 75px;
}
#globalNav li.monthly a {
	margin-bottom: 0;
	width: 103px;
	height: 75px;
	background-position: -123px 0;
}
#globalNav li.monthly a:hover {
	background-position: -123px -225px;
}

#globalNav li.top a {
	width: 63px;
	background-position: 0 0;
}
#globalNav li.top a:hover {
	background-position: 0 -220px;
}

#globalNav li.news a {
	width: 41px;
	background-position: 0 -22px;
}
#globalNav li.news a:hover {
	background-position: 0 -242px;
}

#globalNav li.profile a {
	width: 62px;
	background-position: 0 -44px;
}
#globalNav li.profile a:hover {
	background-position: 0 -264px;
}

#globalNav li.works a {
	width: 53px;
	background-position: 0 -66px;
}
#globalNav li.works a:hover {
	background-position: 0 -286px;
}

#globalNav li.fanclub a {
	width: 69px;
	background-position: 0 -88px;
}
#globalNav li.fanclub a:hover {
	background-position: 0 -308px;
}

#globalNav li.message a {
	width: 70px;
	background-position: 0 -110px;
}
#globalNav li.message a:hover {
	background-position: 0 -330px;
}

#globalNav li.staffblog a {
	width: 97px;
	background-position: 0 -132px;
}
#globalNav li.staffblog a:hover {
	background-position: 0 -352px;
}

#globalNav li.goods a {
	width: 52px;
	background-position: 0 -154px;
}
#globalNav li.goods a:hover {
	background-position: 0 -374px;
}

#globalNav li.movie a {
	width: 48px;
	background-position: 0 -176px;
}
#globalNav li.movie a:hover {
	background-position: 0 -396px;
}

#globalNav li.mailmagazine a {
	width: 117px;
	background-position: 0 -198px;
}
#globalNav li.mailmagazine a:hover {
	background-position: 0 -418px;
}

#locator {
	position: absolute;
	left: 0;
	background-image: url(../img/common/globalNavigation.gif);
	text-indent: -9999px;
}


/*--- その他のサイド ------------------*/

#side ul.bnr {
	margin: 0 0 0 -12px;
	position: relative;
	width: 240px;
	height: 376px;
	overflow: hidden;
}

#side ul.bnr:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#side ul.bnr li {
	display: inline;
	float: left;
}


/*--- サイトトップ ------------------*/

#siteTop {
	position: absolute;
	bottom: -25px;
	right: 0;
	width: 64px;
	height: 12px;
	line-height: 0;
}

#siteTop a {
	display: block;
	width: 64px;
	height: 12px;
	background: url(../img/common/siteTop.gif) no-repeat;
	text-indent: -9999px;
	zoom: 1;
}

#siteTop a:hover {
	background-position: 0 -12px;
}


/*--- フッタ ------------------*/

ul.footNav {
	line-height: 1;
	color: #fff;
	font-size: 93%;
    text-align: center;
}

ul.footNav li {
	margin: 0 5px;
    display: -moz-inline-box; /*for FF2*/
    display: inline-block; /*Modern Browser & FF3*/
}
    /* Windows IE6 only */
    * html ul.footNav li
    {
        display: inline;  
        zoom: 1;
    }
    /* Windows IE7 only */
    *+html ul.footNav li
    {
        display: inline;
        zoom: 1;
    }

#content address {
	margin-top: 15px;
	padding-bottom: 25px;
	line-height: 1.3;
	text-align: center;
	font-size: 93%;
}

#content address span {
	padding-bottom: 5px;
	display: block;
}




/* ------------------------------------
 * その他共通
 * ------------------------------------ */

.clear {
	clear: both;
}



/*--- フォントサイズ ------------------*/

.text9 {
	font-size: 77%;
}

.text10 {
	font-size: 85%;
}

.text11 {
	font-size: 93%;
}

.text12 {
	font-size: 100%;
}

.text13 {
	font-size: 108%;
}

.text14 {
	font-size: 116%;
}

.text15 {
	font-size: 123.1%;
}

.text16 {
	font-size: 131%;
}

.text17 {
	font-size: 138.5%;
}

.text18 {
	font-size: 146.5%;
}

.text19 {
	font-size: 153.9%;
}

.text20 {
	font-size: 161.6%;
}

.text21 {
	font-size: 167%;
}

.text22 {
	font-size: 174%;
}

.text23 {
	font-size: 182%;
}

.text24 {
	font-size: 189%;
}

.text25 {
	font-size: 197%;
}