/* ■■■■■■■■■■■■■■■■■ */
/* ■■■■ デフォルトの指定 ■■■■ */
/* ■■■■■■■■■■■■■■■■■ */


/* よく登場する要素のリセット */
html,body,div,
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	list-style-type: none;
}
textarea {
	font-size: 100%;
}
html,body {
	height: 100%;	/* height100%指定用 */
}
#bodyLayout {
	width:100%;
	height:100%;
	min-height:100%;	/* height100%指定用 */
	text-align:center;
}
body > #bodyLayout {
	height:auto;
}
#topLayout {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
body {
	font-size:12px;
}
#bodyLayout,
#header,
#contents {
	position:relative;
}
#footerLayout {
	width:100%;
}
#footer {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
img {
	vertical-align: top;
}
ul,dl {
	list-style: none;
}
.clearfix:after {
	content: url(/img/pixel.gif);
	display: block;
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }

.clearfix {
	display: inline-block;   
}
* html .iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}
.wordBreak {
	/*IE*/
	word-break:break-all;
	/*firefoxはjsにて指定済み（table or div）*/
}
/*** レイアウト設定 ***/
body {
	margin-bottom:-175px;
}
#contentsLayout {
	padding-bottom:185px;
}

/* ■■■■■■■■■■■■■■■■■ */
/* ■■■■ ページ全体の指定 ■■■■ */
/* ■■■■■■■■■■■■■■■■■ */

/* コンテンツ中央部の背景 */
#bodyLayout {
	background-image:url(/img/index/bodyLayoutBg.gif);
	background-repeat:repeat-y;
	background-position:center top;
}
/* ヘッダー横通しの画像と中央寄せ*/

#headerLayout {
	background-image:url(/img/index/mainColorBackground_alpha.png);
	text-align:center;
	background-repeat:repeat;
}


/* ヘッダー横幅 */
#header {
	width:870px;
	margin:0px auto;
	text-align:center;
}
/* コンテンツ全体と横通しの画像レイヤー位置の設定 */
#contentsLayout {
	width:100%;
	text-align:center;
	position:relative;
}
/* コンテンツの横幅と背景設定 */
#contentsLayout #contents {
	width:870px;
	margin:0px auto;
}
#contentsLayout #contentsMenu  {
	width:870px;
	margin:0px auto;
}
/* 横通しの画像レイヤー設定 */
#contentsLayout .contentsGradation {
	width:100%;
	height:117px;
	max-height:50px;
	background-image:url(/img/index/bodyBackground_alpha.png);
	background-repeat:repeat-x;
	position:absolute;
	top:-6px;
	left:0px;
	z-index:-10;
}
/* フッター各種設定 */
#footerLayout {
	height:175px;
	position:absolute;
	bottom:0px;
	left:0px;
	background-image:url(/img/index/mainColorBackground_alpha.png);
	text-align:center;
	z-index:0;
}
* html #footerLayout {
	position:absolute;
	bottom:-1px;
	left:0px;
}
#footerLayout .footerGradation {
	width:100%;
	height:38px;
	background-image:url(/img/index/footerBackground_alpha.png);
	background-repeat:repeat-x;
	position:absolute;
	top:-32px;
	left:0px;
	z-index:-10;
}
#footer {
	width:870px;
	margin:0px auto;
	position:relative;
}
#footer .shopData {
	width:400px;
	position:absolute;
	top:144px;
	left:0px;
	color:#FFFFFF;
}
#footer .shopData h4 {
	font-weight:bold;
}
#footer .shopMobileArea {
	width:500px;
	color:#FFFFFF;
	line-height:120%;
	position:absolute;
	top:47px;
	left:0px;
}
#footer .shopMobileArea .url {
	width:410px;
	float:right;
}
#footer .shopMobileArea .url h4 {
	font-size:14px;
	font-weight:bold;
	padding-bottom:4px;
}
#footer .shopMobileArea .url p {
	padding-bottom:14px;
}
#footer .shopMobileArea .url p a {
	text-decoration:none;
}
#footer .shopMobileArea .qr {
	width:80px;
	float:left;
}
#footer address {
	display: block;
	font-style: normal;
	font-size:12px;
	color:#FFFFFF;
	position:absolute;
	top:158px;
	right:0px;
}
#footer address a {
	font-size:12px;
	text-decoration: none;
	color:#FFFFFF;
}
#footer address a:hover {
	font-size:12px;
	text-decoration: underline;
	color:#FFFFFF;
}
/*無料お試し期間満了のアラートスタイル*/
.showAlertTitle {
	display:block;
	width:100%;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	line-height:120%;
	padding:30px 0px;
}
.showAlertTitle span {
	color:#FF0000;
}
.showAlertBody {
	display:block;
	width:100%;
	line-height:140%;
	text-align:center;
	padding-bottom:10px;
}
/* アクセス解析タグの設定 */
body .analyzeTagArea {
	width:100%;
	background-color:#FFFFCC;
}
body .analyzeTagArea .title {
	font-size:14px;
	color:#FF0000;
	padding:10px;
	border-bottom:1px dotted #999999;
}
body .analyzeTagArea .body pre {
	margin:0px;
	padding:0px;
}
body .analyzeTagArea .body {
	padding:10px;
}






.mainTitle,
.mainTitle2 {
	width:100%;
	height:38px;
	background-image:url(/img/main/siteTitleBg_alpha.png);
	background-repeat:repeat-x;
	background-position:right top;
	position:relative;
	z-index:0;
}
.mainTitle .title {
	width:176px;
	background-image:url(/img/main/siteTitleBgType2_alpha.png);
}
.mainTitle2 .title {
	width:275px;
	background-image:url(/img/main/siteTitleBgType1_alpha.png);
}
.mainTitle .title,
.mainTitle2 .title {
	display:block;
	height:26px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding-left:33px;
	padding-top:12px;
	background-repeat:no-repeat;
}
.mainTitle .icon,
.mainTitle2 .icon {
	display:block;
	width:16px;
	height:16px;
	background-image:url(/img/index/enterButtonIcon_alpha.png);
	background-repeat:no-repeat;
	position:absolute ;
	top:11px;
	left:11px;
	z-index:100;
}
.mainTitle .border,
.mainTitle2 .border {
	display:block;
	width:1px;
	height:38px;
	background-image:url(/img/main/siteTitleBorder_alpha.png);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	right:0px;
	z-index:100;
}
* html .mainTitle .icon,
* html .mainTitle2 .icon {
	position:absolute !important;
}
* html .mainTitle .border,
* html .mainTitle2 .border {
	position:absolute !important;
}










.freeSourceAreaDemo {
	width:828px;
	line-height:100%;
	padding-top:10px;
	padding-bottom:5px;
	background-color:#666666;
	border:1px dotted #999999;
	color:#FFFFFF;
	font-size:20px;
	font-family :'メイリオ', 'Verdana', 'Helvetica', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'Helvetica', 'Arial', 'Gothic', 'sans-serif';
	text-align:center;
}
.freeSourceAreaDemo2 {
	width:868px;
	line-height:100%;
	padding-top:10px;
	padding-bottom:5px;
	background-color:#666666;
	border:1px dotted #999999;
	color:#FFFFFF;
	font-size:20px;
	font-family :'メイリオ', 'Verdana', 'Helvetica', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'Helvetica', 'Arial', 'Gothic', 'sans-serif';
	text-align:center;
}