@charset "utf-8";

/*
-----------------------------------------------------------------
 コールドストーンクリーマリージャパン　Cold Stone Creamery Japan
 common.css
 created : 2010.05.12
 last modified : 2010.11.10
-----------------------------------------------------------------
*/

html {
	overflow-y: scroll;
	height: 100%;
	font-size: 82%;
}
body {
	height: 100%;
	background: #ad0002 url(../img/common/bg_body.gif) repeat-x left top;
	color: #535353;
	line-height: 1;
	text-align: center;
	font-family:
		"ＭＳ Ｐゴシック", 
		"MS PGothic",
		"メイリオ", 
		"Meiryo", 
		Sans-Serif, 
		"ヒラギノ角ゴ Pro W3", 
		"Hiragino Kaku Gothic Pro",
		"HiraKakuPro-W3",
		Osaka;
	/*font-family:
		"ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro",
		"HiraKakuPro-W3",
		"メイリオ", 
		"Meiryo",
		Osaka,
		"ＭＳ Ｐゴシック",
		"MS PGothic",
		Sans-Serif;*/
}
/*
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

*:first-child + html body {
	font-family: "メイリオ","Meiryo",verdana;
}
*/

/* link color */
a:link, a:visited {
	color: #aa0002;
	text-decoration: underline;
}
a:hover {
	color: #aa0002;
	text-decoration: none;
}

/* clear */
.clear {
	clear: both;
}
/* clearfix */
.clearfix {
	*zoom: 1;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
	font-size:0;
	line-height:0;
}
/* hr */
hr {
	display: none !important;
}


/*--------------------------------------------
 container
---------------------------------------------*/

#container {
	width: 950px;
	margin: 0 auto;
	padding: 0 7px;
	background: url(../img/common/bg_container.png) repeat-y center top;
	text-align: left;
}


/*--------------------------------------------
 header
---------------------------------------------*/

#header {
	position: relative;
	z-index: 100;
	width: 950px;
	height: 69px;
	margin: 0 0 -6px 0;
	padding: 0 0 6px 0;
	background: url(../img/common/bg_header.png) repeat-x left top;
	display: inline-block;
}
#header:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* h1
-------------------------------------------*/
#header h1 {
	float: left;
	width: 185px;
	height: 42px;
	margin: 13px 36px 0 10px;
}



/*--------------------------------------------
 globalNav
---------------------------------------------*/
#header ul.globalNav {
	float: right;
	margin: 18px 0 0 0;
	padding: 0 18px 0 0;
	/*zoom: 1;
}
#header ul#globalNav:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;*/
}

#header ul.globalNav li {
	float: left;
	height: 27px;
	margin: 0 0 0 6px;
	_margin: 0 0 0 4px;
	line-height: 1;
}
#header ul.globalNav li img {
	vertical-align: bottom;
}
#header ul.globalNav li a {
	color: #ffffff !important;
}
#header ul.globalNav li.onlineshop a:hover img {
	opacity: 0.85;
	filter: alpha(opacity=85);
}


/*--------------------------------------------
 content
---------------------------------------------*/
#content {
	width: 950px;
	padding: 0;
	line-height: 1.5;
}


/*--------------------------------------------
 pagetop
---------------------------------------------*/
.pagetop {
	clear: both;
	padding: 18px;
	font-size: 90%;
	text-align: right;
}
.pagetop a {
	position: relative;
	z-index: 10000;
	_top: -42px;
}
.mainColumn .section .pagetop {
	padding-right: 0;
}
.mainColumn .section .pagetop a {
	_top: 0;
}

/*--------------------------------------------
 footer
---------------------------------------------*/
#footer {
	_overflow: hidden;
	width: 950px;
	height: 33px;
	margin: -60px auto 5px auto;
	padding: 60px 7px 10px 7px;
	_padding-top: 80px;
	background: url(../img/common/bg_footer.png) no-repeat left top;
	text-align: left;
	display: inline-block;
}
#footer:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#footer a {
	color: #ffffff !important;
}

/* サイトナビ
-------------------------------------------*/
#footer ul.siteNav {
	float: left;
	padding: 10px 10px 0 120px;
}
#footer ul.siteNav li {
	float: left;
	margin-right: 6px;
	padding-left: 6px;
	border-left: 1px solid #ae292b;
	line-height: 11px;
}
#footer ul.siteNav li.firstChild {
	border-left: 0;
}
#footer ul.siteNav li a {
	text-decoration: none;
}
#footer ul.siteNav li a:hover {
	text-decoration: underline;
}


/* 他メディアロゴ
-------------------------------------------*/
#footer ul.mediaLogo {
	float: right;
	padding: 5px 0 0 0;
}
#footer ul.mediaLogo li {
	float: left;
	margin-right: 8px;
	font-size: 0;
	line-height: 1;
}
#footer ul.mediaLogo li img {
	vertical-align: bottom;
}
#footer ul.mediaLogo li a:hover img {
	opacity: 0.85;
	filter: alpha(opacity=85);
}

/* address
-------------------------------------------*/

#footer .copyright {
	float: right;
	margin: 9px 16px 0 0;
	color: #ffffff;
}