@charset "utf-8";

/*
-----------------------------------------------------------------
 コールドストーンクリーマリージャパン　Cold Stone Creamery Japan
 contents.css
 created : 2010.05.18
 last modified : 2012.06.08
 各カテゴリーの設定
-----------------------------------------------------------------
*/

/*
==============================================================

	トップ

==============================================================
*/
#sitetop {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
/*#sitetop opject {
	width: 100%;
	height: 100%;
}*/
#sitetop .msg_noscript {
	width: 960px;
	margin: 30px auto;
	color: #ffffff;
}
#sitetop .msg_noscript a {
	color: #ffffff;
}

/*
==============================================================

	About Us

==============================================================
*/

.category-about {}

.category-about .mainColumn .section .mod_itemBox-item {
	padding-right: 20px;
}

/* Our Story
----------------------------------*/
.about-OurStory {}

/* 会社概要
----------------------------------*/
.about-CompanyProf {}

.about-CompanyProf #sect01 {
}
.about-CompanyProf #sect01 .leftPart {
	float: left;
	width: 460px;
}
.about-CompanyProf #sect01 dl.rightPart {
	float: right;
	width: 230px;
}
.about-CompanyProf #sect01 dl.rightPart dt {}
.about-CompanyProf #sect01 dl.rightPart dd {
	font-size: 84%;
	margin: 0 0 8px 0;
}


/*
==============================================================

	News

==============================================================
*/
.category-news {}

/* 一覧 */
.category-news dl.newsList {
	position: relative;
	width: 100%;
	padding: 0 0 1em 0;
}
.category-news dl.newsList dt {
	position: absolute;
	width: 5em;
	padding: 8px 1.5em;
	color: #aa0002;
}
.category-news dl.newsList dd {
	margin: 0;
	padding: 8px 15px 8px 10em;
	border-bottom: 1px solid #cebfa8;
}
.category-news dl.newsList dd a {
	color: #535353 !important;
	text-decoration: none !important;
}
.category-news dl.newsList dd a:hover {
	color: #aa0002 !important;
	text-decoration: underline !important;
}
/* 年ごとページ内リンク */
.category-news ol.yearNav {
	width: 722px;
	margin: 0 auto 20px auto;
	text-align: right;
}
.category-news ol.yearNav li {
	display: inline;
	padding: 0 4px;
	border-right: 1px solid #b3aea1;
	line-height: 11px;
}
.category-news ol.yearNav li.lastChild {
	padding-right: 0;
	border-right: 0;
}
.category-news ol.yearNav li a {
	display: inline-block;
	padding: 0 4px 0 15px;
	background: url(../img/content/icon_arrow_red_tre.gif) no-repeat left center;
	text-decoration: none;
}
.category-news ol.yearNav li a:hover {
	text-decoration: underline;
}
.category-news ol.yearNav li a.current {
	font-weight: bold;
}

/*.category-news ol.yearNav li {
	display: inline;
	padding: 0 4px;
	border-right: 1px solid #b3aea1;
	line-height: 11px;
}
.category-news ol.yearNav li.lastChild {
	padding-right: 0;
	border-right: 0;
}
.category-news ol.yearNav li a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}*/
/* for IE6 */
.news-list .pagetop {
	_visibility: hidden;
}
.news-list .mainColumn .pagetop {
	_visibility: visible;
}


/* ニュース詳細画面
-------------------------------------------------------------- */
.news-detail {}

.category-news .entryHead {
	border-bottom: 1px solid #cebfa8;
}
.category-news .entryBody {
	padding: 0 0 30px 0;
	border-bottom: 1px solid #cebfa8;
}

/* entry_photo */
.category-news .entry_photo {
	margin: 0 0 20px 0;
}
.category-news .entry_photo img {
	padding: 1px;
	border: 1px solid #CEBFA8;
	background: #ffffff;
}

/* entry_infoBox */
.category-news .entry_infoBox {
	margin: 0 0 20px 0;
	padding: 10px 13px;
	border: 2px solid #E8D4B3;
	background: #ffffff;
}
.category-news .entry_infoBox .empty {
	line-height: 1.2;
}
.category-news .entry_infoBox h4 {
	margin: 0;
	padding: 0;
	color: #B71E20;
	font-size: 100%;
	line-height: 1.4;
}
.category-news .entry_infoBox p {
	line-height: 1.4;
}
/* entry_infoDetail */
.category-news .entry_infoDetail {
	margin: 0 0 20px 0;
}
.category-news .entry_infoDetail dl {
	zoom: 1;
}
.category-news .entry_infoDetail dl:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.category-news .entry_infoDetail dl dt {
	clear: both;
	float: left;
	margin: 0 0.75em 0 0;
}
.category-news .entry_infoDetail dl dd {
	overflow: hidden;
	_overflow: visible;
	display: block;
	/zoom: 1;
	min-height: 1.4em;
	height: auto !important;
	height: 1.4em;
}

.category-news .entry_infoBox .entry_infoDetail {
	width: auto;
	margin-top: 10px;
	margin-bottom: 12px;
	padding: 8px;
	background: #FAF7EF;
}



/*
==============================================================

	Gift Card

==============================================================
*/

.category-giftcard {}

/* sect02・sect03 */
.category-giftcard .mainColumn #sect02,
.category-giftcard .mainColumn #sect03 {
	margin-bottom: 20px;
	padding-bottom: 20px;
	zoom: 1;
}
.category-giftcard .mainColumn #sect02:after,
.category-giftcard .mainColumn #sect03:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
/*  */
.category-giftcard .mainColumn #sect02 dl.box01 {
	float: left;
	width: 290px;
	margin: 0 90px 0 10px;
	_margin-left: 5px;
}
.category-giftcard .mainColumn #sect02 dl.box02 {
	float: left;
	width: 290px;
}
.category-giftcard .mainColumn #sect02 dl dt {
	margin: 0 0 10px 0;
	color: #aa0002;
	text-align: center;
}
/*  */
.category-giftcard .mainColumn #sect03 dl.floatLeft {
	width: 408px;
	background: #ffffff;
	border: 1px solid #cebfa8;
}
.category-giftcard .mainColumn #sect03 dl.floatLeft dt {
	padding: 6px 9px;
	background: #ffffff;
	border-bottom: 1px solid #cebfa8;
}
.category-giftcard .mainColumn #sect03 dl.floatLeft dd ul li {
	padding: 4px 9px;
	background: #ffffff;
	line-height: 1.4;
}
.category-giftcard .mainColumn #sect03 dl.floatLeft dd ul li.even {
	background: #faf7ef;
}

.category-giftcard .mainColumn #sect03 .floatRight {
	width: 280px;
}
.category-giftcard .mainColumn #sect03 .floatRight ul {
}
.category-giftcard .mainColumn #sect03 .floatRight ul li {
	margin: 10px 0 15px 0;
}
.category-giftcard .mainColumn #sect03 .floatRight ul li span {
	display: -moz-inline-box;
	display: inline-block;
	width: 135px;
}
.category-giftcard .mainColumn #sect03 .floatRight ul li img {
	vertical-align: middle;
}

/* ご利用約款 */
.category-giftcard .mainColumn #clauses {
}
.category-giftcard .mainColumn #clauses h4 {
	font-size: 107%;
	margin-top: 20px;
	margin-bottom: 5px;
}
.category-giftcard .mainColumn #clauses h5 {	font-size: 100%;}
.category-giftcard .mainColumn #clauses h6 {	font-weight: normal;}
.category-giftcard .mainColumn #clauses p {	margin-bottom: 1em;}
.category-giftcard .mainColumn #clauses ol.mod_ol ul li {
	list-style: none;
	margin-left: 0;
}
.category-giftcard .mainColumn #clauses dl.contact {
	margin: 20px 0 0 0;
	color: #aa0002;
}
.category-giftcard .mainColumn #clauses dl.contact dd {
	margin: 0 0 15px 0;
}


/*
==============================================================

	Store

==============================================================
*/
.category-store {}

/* トップ地図
----------------------------------------------------- */
.category-store .storeMap {
	position: relative;
	width: 654px;
	margin: 0 auto;
}
.category-store .storeMap h4 {
	position: absolute;
	top: 25px;
	left: 0;
	width: 356px;
}
/* ナビゲーション */
.storeMap ul.nav_storeMap {
	position: absolute;
}
.storeMap ul.nav_storeMap li {
	margin-bottom: 6px;
}
.storeMap ul.nav_storeMap li a:hover img {
	opacity: 0.65;
	filter: alpha(opacity=65);
}
/* 各地方ごとのナビ位置 */
.storeMap ul#hokkaido { top: 135px; left: 495px;}
.storeMap ul#tohyoku { top: 212px; left: 495px;}
.storeMap ul#kanto { top: 278px; left: 495px;}
.storeMap ul#tokai { top: 372px; left: 355px;}
.storeMap ul#kansai { top: 250px; left: 260px;}
.storeMap ul#chugoku { top: 290px; left: 150px;}
.storeMap ul#kyushu { top: 395px; left: 62px;}




/* サイドバー */
.category-store .subColumn ul.areaNav {
	padding: 30px 0 15px 18px;
}
.category-store .subColumn ul.areaNav li {
	margin: 0 0 0.75em 0;
	padding: 0 0 0 14px;
	background: url(../img/content/icon_arrow_red_tp.gif) no-repeat left center;
}

/* Storeトップへボタン */
.category-store .mainColumn p.storetop {
	position: relative;
	width: 722px;
	height: 0;
}
.category-store .mainColumn p.storetop a {
	position: absolute;
	top: -50px;
	right: 0;
}


/* 一覧ページ各店舗
--------------------------------------------------------------- */
.category-store .storePiece {
	overflow: hidden;
	width: 722px;
	margin: 0 0 35px 0;
	zoom: 1;
}
.category-store .storePiece:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
/* 店舗情報 */
.category-store .storePiece .storeInfo {
	float: left;
	width: 300px;
	margin: 0 15px 0 0;
}
.category-store .storePiece .storeInfo h4 {
	position: relative;
	margin-bottom: 0;
	padding-bottom: 3px;
	padding-top: 4px;
	border-bottom: 1px solid #cebfa8;
}
.category-store .storePiece .storeInfo h4 .newMark {
	position: absolute;
	top: 0;
	right: -7px;
	padding: 2px 3px 2px 4px;
	border: 2px solid #AD0002;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #fff;
	color: #AD0002;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.1;
}
.category-store .storePiece .storeInfo dl {
	position: relative;
	margin: 0 0 5px 0;
	line-height: 1.3;
}
.category-store .storePiece .storeInfo dl dt {
	position: absolute;
	width: 4.2em;
	padding: 5px 0 0 0;
}
.category-store .storePiece .storeInfo dl dd {
	padding: 5px 0 5px 5em;
	border-bottom: 1px solid #cebfa8;
	_zoom: 1;
}

/* 店舗写真 */
.category-store .storePiece .storePhoto {
	float: left;
}

/* 店舗地図 */
.category-store .section .storePiece .storeMap {
	float: right;
	width: 205px;
}
.category-store .section .storePiece .storeMap .mapArea {
	width: 205px;
	height: 140px;
	margin: 0 0 5px 0;
}
.category-store .section .storePiece .storeMap .print { 
	text-align: right;
}


/* 各店舗ポップアップ
	★会社概要の本社所在地ポップアップにも使用
--------------------------------------------------------------- */
body#shopmap {
	background: #ffffff;
}
body#shopmap #container {
	width: 600px !important;
	margin: 0 auto;
	padding: 15px 0 8px 0;
	background: none;
	text-align: left;
}
body#shopmap #content {
	width: 503px;
	margin: 0 auto;
	padding: 18px;
	border: 1px solid #d47f80;
	background: #ffffff;
	line-height: 1.4;
}
body#shopmap #header {
	display: block;
	position: static;
	width: 541px;
	height: auto;
	margin: 0 auto 8px auto;
	background: none;
	line-height: 1;
}
body#shopmap #header h1 {
	float: left;
	width: 181px;
	margin: 0;
}
body#shopmap #header p.close {
	float: right;
	width: 50px;
	margin-top: 24px;
}
body#shopmap p.copyright {
	width: 539px;
	margin: 4px auto;
	text-align: right;
}

/* 店舗情報 */
#shopmap #content .storePiece {
	overflow: hidden;
	width: 503px !important;
	margin: 0 auto 20px auto;
}
#shopmap #content .storePiece .storeInfo {
	float: left;
	width: 305px;
	margin: 0 10px 0 0;
}
#shopmap #content .storePiece .storeInfo h4 {
	margin-bottom: 0;
	padding-bottom: 3px;
	border-bottom: 1px solid #cebfa8;
	color: #3e3a39;
	font-size: 122%;
}
#shopmap #content .storePiece .storeInfo dl {
	position: relative;
	margin: 0 0 5px 0;
	line-height: 1.3;
}
#shopmap #content .storePiece .storeInfo dl dt {
	position: absolute;
	width: 4.2em;
	padding: 4px 0 0 0;
}
#shopmap #content .storePiece .storeInfo dl dd {
	padding: 4px 0 4px 5em;
	border-bottom: 1px solid #cebfa8;
	_zoom: 1;
}

/* 店舗写真 */
#shopmap #content .storePiece .storePhoto {
	float: right;
}

/* 店舗地図 */
#shopmap #content .storeMap {
	width: 503px;
}
#shopmap #content .storeMap .mapArea {
	width: 500px;
	height: 400px;
	margin: 0 auto 20px auto;
}
#shopmap #content .storeMap .print { 
	float: right;
	margin: 34px 0 0 0;
}
#shopmap #content .storeMap .qr-code span { 
	margin: 0 0 0 8px;
}

/* ★本社所在地 */
#shopmap .about-CompanyProf #content .storeMap .mapArea {
	width: 500px;
	height: 400px;
	margin: 0 auto 20px auto;
}
#shopmap .about-CompanyProf #content .storeMap .print {
 	float: none;
	margin: 0 0 1em 0;
	text-align: right;
}
#shopmap .about-CompanyProf #content h5 {
	color: #aa0002;
}



/*
==============================================================
	よくあるご質問
==============================================================
*/
.category-faq {}

.category-faq .mainColumn ul.faqNav {}
.category-faq .mainColumn ul.faqNav li {
	padding: 0 0 0 15px;
	background: url(../img/content/icon_arrow_bl_tre.gif) no-repeat left center;
}
.category-faq .mainColumn .txt_notice {
	width: 722px;
	margin: -25px auto 20px auto;
	text-align: right;
}

.category-faq .mainColumn dl.answerBox {
	border: 1px solid #c24a49;
}
.category-faq .mainColumn dl.answerBox dt {
	border-top: 1px solid #cebfa8;
}
.category-faq .mainColumn dl.answerBox dt.firstChild,
.category-faq .mainColumn dl.answerBox dt.noBdr {
	border-top: 0;
}
.category-faq .mainColumn dl.answerBox dt.sub_caption {
	padding: 18px 8px 0 8px;
}
.category-faq .mainColumn dl.answerBox dt.question {
	padding: 9px 10px 8px 36px;
	background: url(/faq/img/icon_question.gif) no-repeat 12px 8px;
}
.category-faq .mainColumn dl.answerBox dd.answer {
	/*display: none;*/
	padding: 9px 10px 10px 60px;
	background: #ffffff url(/faq/img/icon_answer.gif) no-repeat 32px 8px;
}


/*
==============================================================
	お問い合わせ
==============================================================
*/
.category-contact {}

.category-contact table.contactList {
	width: 550px;
	margin-bottom: 30px;
}
.category-contact table.contactList th {
	width: 45%;
	padding-left: 12px;
	vertical-align: middle;
	color: #aa0002;
}
.category-contact table.contactList td {
	padding-left: 12px;
}
.category-contact table.contactList td ul li {
	margin: 3px 0;
	padding: 0 0 0 27px;
}
.category-contact table.contactList td ul li.tel {
	background: url(/contact/img/icon_tel.gif) no-repeat left center;
}
.category-contact table.contactList td ul li.mail {
	background: url(/contact/img/icon_mail.gif) no-repeat left center;
}

/*
==============================================================
	サイトマップ
==============================================================
*/
.category-sitemap {}

.category-sitemap .section dl {
	width: 358px;
	padding: 0 0 0 2px;
}
.category-sitemap .section dl.leftPart {
	float: left;
}
.category-sitemap .section dl.rightPart {
	float: right;
}
.category-sitemap .section dl dt {
	
}
.category-sitemap .section dl dd {
	width: 356px;
	margin: 0 0 30px 0;
	padding: 0 0 0 2px;
}
.category-sitemap .section dl dd ul li a {
	color: #535353;
	text-decoration: none;
}
.category-sitemap .section dl dd ul li a:hover {
	color: #aa0002 !important;
	text-decoration: underline;
}

/*
==============================================================
	プライバシーポリシー
==============================================================
*/
.category-privacy {}

.category-privacy .section dl.terms {
}
.category-privacy .section dl.terms dt {
	color: #a70002;
}
.category-privacy .section dl.terms dd {
	margin: 0 1px 20px 1px;
}

/*
==============================================================
	海外のコールドストーン
==============================================================
*/
.category-international {}
.category-international table.eachCountry {
	width: 500px !important;
}


/*
==============================================================
	404
==============================================================
*/
#page404 {
	color: #ffffff !important;
	font-size: 108%;
	line-height: 1.5;
	text-align: center;
}
#page404 a {
	color: #ffffff !important;
}
#page404 .logo {
	padding: 100px 0 50px 0;
}
#page404 h1 {
	margin: 0 0 1.25em 0;
	font-size: 138%;
}

/*
==============================================================

	Cold Stone Club【20120608】

==============================================================
*/

.category-csClub {}

.category-csClub .mainColumn {
	min-height: 480px;
/*	background: url(/csclub/img/bg_top.gif) no-repeat left top;*/
}
.category-csClub .mainColumn .localHeader {
	min-height: 480px;
}
.category-csClub .mainColumn .block {
	padding-bottom: 40px;
	font-family: Osaka, "ヒラギノ角ゴ Pro W3";
}
.category-csClub .mainColumn .block h3 {
	margin: 0 0 15px 0;
	text-align: center;
}
.category-csClub .mainColumn .block ul.coupons {
	margin: 0 0 35px 0;
}
.category-csClub .mainColumn .block ul.coupons li {
	margin: 0 0 15px 0;
	text-align: center;
}

.category-csClub .mainColumn .block ul.points {
	list-style: disc outside;
	width: 625px;
	margin: 0 auto 15px auto;
	padding: 0 0 0 2em;
	font-size: 123%;
}
.category-csClub .mainColumn .block ul.points li {
	margin: 0 0 0.4em 0;
	line-height: 1.3;
}
.category-csClub .mainColumn .block .attention {
	width: 625px;
	margin: 0 auto;
	color: #b51a17;
	font-size: 123%;
	font-weight: bold;
	line-height: 1.3;
}
.category-csClub .mainColumn .block strong {
	font-size: 145%;
}