@charset "utf-8";

/*------------------------------------------------------------------------------

	[ファイル名]	base.css
	
	[概要]	div#header,
			div#globalNav,
			div#breadcrumbs,
			div#contentWrapper,
			div#mainContent,
			div#subContent,
			div#contentFooter レイアウト用 及び汎用クラスの指定
	
------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------

								clearFix
								
------------------------------------------------------------------------------*/
div#contentWrapper:after,
div#globalNav ul:after,
div#anchorTop p:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: ".";
}

/* Win IE7 */
*:first-child + html div#contentWrapper,
*:first-child + html div#globalNav ul,
*:first-child + html div#anchorTop p
{
	min-height: 1%;
}
/* End Win IE7 */

/* Win IE6 \*/
* html div#contentWrapper,
* html div#globalNav ul,
* html div#anchorTop p
{
	height: 1%;
}
/* End Win IE6 */

/* Mac IE\*//*/
div#contentWrapper,
div#globalNav ul
{
	display: inline-table;
}
/* End Mac IE */



/*------------------------------------------------------------------------------

							テキスト画像代替
							
------------------------------------------------------------------------------*/
#siteID,#siteID span,#siteID a,
div#globalNav li,div#globalNav li a,
div#anchorTop p,div#anchorTop p a
{
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	text-decoration: none;
	text-align: left;
/*\*/
	overflow: hidden;
/* */
}



/*------------------------------------------------------------------------------

								非表示部
								
------------------------------------------------------------------------------*/
#hoge
{
	position: absolute;
	top: -9999px;
	left: -9999px;
	z-index: -9999;
	width: 0;
	height: 0;
	overflow: hidden;
}



/*------------------------------------------------------------------------------

								body
								
------------------------------------------------------------------------------*/
body{
	text-align: center;
}

* html body{
}

/*------------------------------------------------------------------------------

								div#sqexHeader-black
								
------------------------------------------------------------------------------*/
div#sqexHeader-black{
	text-align: left;
}

/*------------------------------------------------------------------------------

								div#footerArea
								
------------------------------------------------------------------------------*/
div#footerArea{
	/*text-align: left;*/
}

/*------------------------------------------------------------------------------

								div#blogContainer
								
------------------------------------------------------------------------------*/
div#blogContainer{
	background: #000000 url(../../images/common/bg_repeat_middle.jpg) repeat scroll 0px 762px;
	/*overflow-x: hidden;*/
	color: #333333;
	font-family: verdana, "ＭＳ ゴシック","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	font-size: 100%;
	text-align: center;
}

* html body div#blogContainer{
	font-family: verdana, "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	letter-spacing: 1px;
}

/*------------------------------------------------------------------------------
							div#blogContainerInner1
------------------------------------------------------------------------------*/
div#blogContainerInner1{
	width: 100%;
	background: url(../../images/common/bg_center_middle.jpg) repeat-y scroll center 762px;
}

/*------------------------------------------------------------------------------
							div#blogContainerInner2
------------------------------------------------------------------------------*/
div#blogContainerInner2{
	width: 100%;
	background: url(../../images/common/bg_repeat_top.jpg) repeat-x scroll center top;
}

/*------------------------------------------------------------------------------
							div#blogContainerInner3
------------------------------------------------------------------------------*/
div#blogContainerInner3{
	width: 100%;
	background: url(../../images/common/bg_center_top.jpg) no-repeat scroll center top;
}


/*------------------------------------------------------------------------------

								div#blogWrapper
								
------------------------------------------------------------------------------*/
div#blogWrapper{
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

/*------------------------------------------------------------------------------

								blogHeader
								
------------------------------------------------------------------------------*/
div#blogHeader{
	position: relative;
	width: 900px; height: 208px;
	overflow: hidden;
}

/*------------------------------------------------------------------------------
								#siteID
------------------------------------------------------------------------------*/
#siteID{
	position: absolute;
	top: 39px; left: 0px;
	width: 673px; height: 132px;
}

#siteID a{
	display: block;
	width: 100%; height: 100%;
}

#siteID a:hover,
#siteID a:active{
	background: url(../../images/common/site_id_ov.jpg) no-repeat scroll 0px 0px;
}

/*------------------------------------------------------------------------------
								#globalNav
------------------------------------------------------------------------------*/
div#globalNav{
	position: absolute;
	top: 171px; left: 0px;
	width: 900px; height: 37px;
}

div#globalNav ul{
	width: 900px; height: 37px;
	background: url(../../images/common/global_nav.jpg) no-repeat scroll left top;
}

div#globalNav ul li{
	float: left;
	height: 37px;
}

div#globalNav ul li.current{
	background-image: url(../../images/common/global_nav.jpg) ;
}

div#globalNav ul li a{
	display: block;
	width: 100%; height: 100% !important;
}

div#globalNav ul li a:hover,
div#globalNav ul li a:active{
	background-image: url(../../images/common/global_nav.jpg) ;
}

div#globalNav ul li#globalNavOfficialSite{
	width: 168px;
}

div#globalNav ul li#globalNavMessage{
	width: 168px;
}

div#globalNav ul li#globalNavInfo{
	width: 105px;
}

div#globalNav ul li#globalNavDiary{
	width: 94px;
}

div#globalNav ul li#globalNavGoods{
	width: 138px;
}

div#globalNav ul li#globalNavOfficialSite.current,
div#globalNav ul li#globalNavOfficialSite a:hover,
div#globalNav ul li#globalNavOfficialSite a:active{
	background-position: 0px -37px;
}

div#globalNav ul li#globalNavMessage.current,
div#globalNav ul li#globalNavMessage a:hover,
div#globalNav ul li#globalNavMessage a:active{
	background-position: -168px -37px;
}

div#globalNav ul li#globalNavInfo.current,
div#globalNav ul li#globalNavInfo a:hover,
div#globalNav ul li#globalNavInfo a:active{
	background-position: -336px -37px;
}

div#globalNav ul li#globalNavDiary.current,
div#globalNav ul li#globalNavDiary a:hover,
div#globalNav ul li#globalNavDiary a:active{
	background-position: -441px -37px;
}

div#globalNav ul li#globalNavGoods.current,
div#globalNav ul li#globalNavGoods a:hover,
div#globalNav ul li#globalNavGoods a:active{
	background-position: -535px -37px;
}

/*------------------------------------------------------------------------------

								contentWrapper
								
------------------------------------------------------------------------------*/
div#contentWrapper{
	width: 830px;
	padding-right: 70px;
}

/* Win IE6 \*/
* html div#contentWrapper{
	width: 900px;
}
/* End Win IE6 */

/*------------------------------------------------------------------------------

								mainContent
								
------------------------------------------------------------------------------*/
div#mainContent{
	float: right;
	width: 507px;
	padding-top: 77px;
	font-size: 75%;
}

/*------------------------------------------------------------------------------

								subContent
								
------------------------------------------------------------------------------*/
div#subContent{
	float: left;
	width: 239px;
	font-size: 75%;
}

/*------------------------------------------------------------------------------

								anhorTop
								
------------------------------------------------------------------------------*/
div#anchorTop{
	width: 100%;
}

div#anchorTop p{
	padding: 20px 65px;
}

div#anchorTop p a{
	float: right;
	width: 80px; height: 26px;
	background: url(../../images/common/anchor_top.png) no-repeat scroll left top;
}

div#anchorTop p a:hover,
div#anchorTop p a:active{
	background: url(../../images/common/anchor_top.png) no-repeat scroll left bottom;
}

/*------------------------------------------------------------------------------

								blogFooter
								
------------------------------------------------------------------------------*/
div#blogFooter{
	
}