@charset "utf-8";

/* chottoGu */


/* ------------------------------------------------------------ */
#chottoGu {
	margin: 0 auto;
	width: 950px;
}

#chottoGu h1 img {
	float: left;
	margin-bottom:10px;
}

/* main */
/* ------------------------------------------------------------ */
#chottoGu #main {
	float: right;
	width: 770px;
}

/* topBtnArea */
#chottoGu #main div.topBtnArea {
	background: url("../img/top_btnarea_bg01.gif") no-repeat 0 0;
	width: 770px;
}

#chottoGu #main div.topBtnArea p {
	color: #CB0000;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.5;
	padding: 12px 0 0 0;
	text-align: center;
}

#chottoGu #main div.topBtnArea ul.btn {
	margin: 10px 0 0 0;
	text-align: center;
	vertical-align: middle;
}

#chottoGu #main div.topBtnArea ul.btn li {
	display: inline;
	margin: 0 5px;
}

#chottoGu #main div.topBtnArea ul.btn li input {
	font-size: 100%;
	line-height: 1.3;
	width: 9em;
}

#chottoGu #main div.topBtnArea div.bottom {
	background: url("../img/top_btnarea_bg02.gif") no-repeat 0 bottom;
	height: 32px;
}

/* searchBtnArea */
#chottoGu #main div.searchBtnArea {
	width: 770px;
	padding: 0 0 0px 0;
}

#chottoGu #main div.searchBtnArea a.btnOn {
	background: url("../img/search_btn_bg_on.jpg") no-repeat 0 0;
	float: left;
	height: 37px;
	width: 255px;
}

#chottoGu #main div.searchBtnArea a.btnOff {
	background: url("../img/search_btn_bg_off.jpg") no-repeat 0 0;
	float: left;
	height: 29px;
	width: 160px;
}

#chottoGu #main div.searchBtnArea a.btnOn span,
#chottoGu #main div.searchBtnArea a.btnOff span {
	display: block;
	line-height: 1.0;
	padding: 10px 0 0 30px;
}

#chottoGu #main div.searchBtnArea p.guestTxt {
	float: right;
	line-height: 1.2;
	margin: 3px 0 0 0;
	width: 400px;
}

/* search */
#chottoGu #main #search {
	color: #444;
	width: 770px;
}

#chottoGu #main div.search-more {
	background: url("../../img/common/backgrounds.png") -3850px 0 no-repeat;
	padding-bottom: 5px;
	padding-top: 6px;
}

#chottoGu #main dl.search-more-detail {
	background: url("../../img/common/backgrounds.png") repeat-y;
	width: 770px; /*ie6*/
}

#chottoGu #main dl.search-more-detail dt {
	font-weight: bold;
	float: left;
	display: inline; /*ie6*/
	padding: 10px 0 0 16px;
	width: 76px;
}
#chottoGu #main dl.search-more-detail dd {
	background: #F6F3F3;/* change 20100524 for gnv */
	border-bottom: 1px solid #D1C1C2;/* change 20100524 for gnv */
	margin: 0 6px;
	padding: 10px 0 10px 86px;
}

#chottoGu #main dl.search-more-detail dd.bottom {
	border-bottom: none;
}

#chottoGu #main span.search-more-detail-nowselected {
	background: #e18c8c;
	color: #fff;
	padding: 2px;
}

#chottoGu #main span.search-more-detail-play {
	background: url("../../img/common/materials.png") -160px -76px;
	cursor: default;
	padding: 0 8px;
}

#chottoGu #main span.search-more-detail-skip {
	background: url("../../img/common/materials.png") -191px -76px;
	cursor: default;
	padding: 0 10px;
}

#chottoGu #main span.search-more-detail-distance-pipe {
	background: url("../../img/common/materials.png") -105px -76px;
	cursor: default;
	padding: 0 8px;
}

#chottoGu #main a:link.search-more-detail-moredetails,
#chottoGu #main a:active.search-more-detail-moredetails,
#chottoGu #main a:hover.search-more-detail-moredetails,
#chottoGu #main a:visited.search-more-detail-moredetails {
	color: #07519a;
	font-weight: bold;
}

#chottoGu #main dl.search-more-detail dd ul {
	position: relative;
}

#chottoGu #main dl.search-more-detail dd ul li {
	display: inline;
}

/* お気に入りチェック */
#chottoGu #main #okiniiriCheck input {
	vertical-align: middle;
	/zoom: 1;
}

#chottoGu #main #okiniiriCheck label {
	margin: 0 0 0 5px;
	vertical-align: middle;
	/zoom: 1;
}

#chottoGu #main #okiniiriCheck label img {
	vertical-align: text-bottom;
}

#chottoGu #main #okiniiriCheck label span {
	margin: 0 0 0 2px;
	padding: 2px;
	/zoom: 1;
}

#chottoGu #main input.search-more-detail-morekeyword-text {
	border: 1px solid #7e9db9;
	height: 17px;
	margin: 0 10px 0 0;
	padding: 1px 0 0 2px;
	vertical-align: 12%;
	width: 261px;
}

#chottoGu #main input.search-more-detail-morekeyword-submit {
	background: url("../../img/common/materials.png") -75px 0;
	border: none;
	cursor: pointer;
	height: 21px;
	text-indent: -9999px;
	width: 70px;
}

#chottoGu #main input.search-more-detail-morekeyword-submit:hover {
	background-position: -75px -30px;
}

/* もっと詳しく */
#chottoGu #main div.search-more-detail-showall {
	background: #fff;
	border: 3px solid #888;
	display: none;
	left: -60px;
	position: absolute;
	top: 1.6em;
	width: 724px;
	z-index: 100;
}

#chottoGu #main div.search-more-detail-showall-show {
	display: block;
}

#chottoGu #main div.search-more-detail-showall-show ul {
	border-right: 1px solid #dbdbdb;
	margin-right: 23px;
	padding: 10px 10px 5px 10px;
}

#chottoGu #main dd ul li div.search-more-detail-showall-show ul li {
	display: block;
	float: left;
	padding-bottom: 5px;
	width: 225px;
}

#chottoGu #main a.search-more-detail-showall-close {
	background: url("../../img/common/materials.png") 0 -105px no-repeat;
	display: block;
	float: right;
	height: 17px;
	margin: 3px;
	text-indent: -9999px;
	width: 17px;
	display: inline;
}

/* リセット */
#chottoGu #main .search-more-searchagain {
	background: url("../../img/common/backgrounds.png") -2310px -24px;
	clear: both;
	height: 26px;
	padding: 6px 14px 0 0;
	text-align: right;
}

/* loginTxt */
#chottoGu p.loginTxt {
	font-size: 108%;
	font-weight: bold;
	line-height: 1.5;
	text-align: right;
}

#chottoGu p.loginTxt a {
	background: url("../img/arw01.gif") no-repeat 0 center;
	padding: 0 0 0 12px;
}

/* guestTxt */
#chottoGu p.guestTxt {
	line-height: 1.5;
	margin: 0 0 8px 0;
	text-align: right;
}

#chottoGu p.guestTxt a {
	background: url("../img/icon_lightup.gif") no-repeat 0 center;
	padding: 2px 0 2px 20px;
}





/* lineupHead */
#chottoGu #main div.lineupHead {
	width: 770px;
}

/*
#chottoGu #main div.lineupHead p.hitTxt {
	line-height: 1.5;
	width: 770px;
}

#chottoGu #main div.lineupHead p.hitTxt span.red {
	color: #CB0000;
	font-weight: bold;
}

#chottoGu #main div.lineupHead p.hitTxt span.big {
	font-size: 138%;
}
*/
#chottoGu #main div.lineupHead div.hitTxt {
	line-height: 1.5;
	float: left;
	padding: 0 12px 2px 0;
}

#chottoGu #main div.lineupHead div.hitTxt span.red {
	color: #cb0000;
	font-weight: bold;
}

#chottoGu #main div.lineupHead div.hitTxt span.big {
	font-size: 138%;
}

#chottoGu #main div.lineupHead ol.narabikae,
#chottoGu #main div.lineupHead ol.kazu {
	float: left;
	font-size: 93%;
	margin: 5px 15px 0 0;
}

#chottoGu #main div.lineupHead ol.narabikae li,
#chottoGu #main div.lineupHead ol.kazu li {
	color: #999;
	float: left;
	line-height: 1.5;
	margin: 0 1px 0 0;
}

#chottoGu #main div.lineupHead ol.narabikae li.ttl,
#chottoGu #main div.lineupHead ol.kazu li.ttl {
	background: #dbdbdb;
	color: #333;
	float: left;
	font-weight: bold;
	margin: 0 5px 0 0;
	padding: 0 2px;
}

#chottoGu #main div.lineupHead ol.narabikae li span,
#chottoGu #main div.lineupHead ol.kazu li span {
	color: #333;
	font-weight: bold;
}

#chottoGu #main div.lineupHead ul.pageNav01 {
	float: right;
	font-size: 93%;
	margin: 5px 0 0 0;
}

#chottoGu #main div.lineupHead ul.pageNav01 li {
	color: #999;
	float: left;
	line-height: 1.5;
	margin: 0 0 0 1px;
}

#chottoGu #main div.lineupHead ul.pageNav01 li span {
	color: #333;
}

#chottoGu #main div.lineupHead ul.pageNav01 li.before a {
	background: url("../img/arw02.gif") no-repeat 0 center;
	padding: 0 0 0 12px;
}

#chottoGu #main div.lineupHead ul.pageNav01 li.before span {
	background: url("../img/arw03.gif") no-repeat 0 center;
	color: #999;
	padding: 0 0 0 12px;
}

#chottoGu #main div.lineupHead ul.pageNav01 li.next a {
	background: url("../img/arw04.gif") no-repeat right center;
	padding: 0 12px 0 0;
}

#chottoGu #main div.lineupHead ul.pageNav01 li.next span {
	background: url("../img/arw05.gif") no-repeat right center;
	color: #999;
	padding: 0 12px 0 0;
}

/* lineup */
#chottoGu #main dl.lineup {
	margin: 3px 0 0 0;
	width: 770px;
}

/* lineup-dt */
#chottoGu #main dl.lineup dt {
	background: url("../img/lineup_top_bg01.gif") no-repeat 0 0;
}

#chottoGu #main dl.lineup dt span.table {
	display: table;
	padding: 3px 0 0 0;
	width: 770px;
}

#chottoGu #main dl.lineup dt span.table span {
	color: #fff;
	display: table-cell;
	line-height: 1.4;
	margin: 0 0 1px 0;
	vertical-align: middle;
	/display: inline;
	/zoom: 1;
}

#chottoGu #main dl.lineup dt span.table span.checkbox {
	text-align: center;
	width: 35px;
}

#chottoGu #main dl.lineup dt span.table span.txt01 {
	padding: 0 3px 0 0;
	text-align: left;
	width: 90px;
}

#chottoGu #main dl.lineup dt span.table span.txt02 {
/*	background: url("../img/common/lineup_top_bg03.gif") no-repeat 0 0;*/
	padding: 0 3px;
	text-align: center;
	width: 120px;
}

#chottoGu #main dl.lineup dt span.table span.btn01 {
	text-align: left;
	width: 127px;
}

#chottoGu #main dl.lineup dt span.table span.btn02 {
	text-align: left;
	width: 127px;
}

#chottoGu #main dl.lineup dt span.table span.btn03 {
	text-align: left;
	width: 57px;
}

#chottoGu #main dl.lineup dt span.table span.btn04 {
	text-align: left;
	width: 127px;
}

#chottoGu #main dl.lineup dt span.table span.btn05 {
	text-align: left;
	width:  ;
}

#chottoGu #main dl.lineup span.topBottomArw {
	background: url("../img/lineup_top_bg02.gif") no-repeat 0 bottom;
	display: block;
	height: 14px;
	margin: 0 0 -14px 0;
	position: relative;
}

/* lineup-dd */
#chottoGu #main dl.lineup dd {
	background-color: #fff;
	background-image: url("../img/lineup_bg.gif");
	background-position: 0 0;
	background-repeat: repeat-y;
	border-bottom: solid 1px #fff;
	width: 770px;
}

#chottoGu #main dl.lineup dd:nth-child(even) {
	background-color: #eee;
}

#chottoGu #main dl.lineup dd ul {
	display: table;
	padding: 12px 0 10px 0;
	width: 760px;
}

#chottoGu #main dl.lineup dd ul li.checkbox {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 35px;
	/display: inline;
	/zoom: 1;
}

#chottoGu #main dl.lineup dd ul li.content {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	width: 725px;
	/display: inline;
	/zoom: 1;
}

#chottoGu #main dl.lineup dd ul li.content div.img {
	float: left;
	text-align: right;
	width: 90px;
}

#chottoGu #main dl.lineup dd ul li.content div.info01 {
	float: right;
	width: 620px;
}

#chottoGu #main dl.lineup dd ul li.content div.info01 h2 {
	color: #777;
	float: left;
	font-size: 123%;
	font-weight: bold;
	line-height: 1.4;
	width: 420px;
}

#chottoGu #main dl.lineup dd ul li.content div.info01 h2 a {
	color: #05529a;
	float: left;
	font-weight: bold;
	line-height: 1.4;
	margin: 0 5px 0 0;
}

#chottoGu #main dl.lineup dd ul li.content div.info01 h2 a.shopName {
	margin: 5px 0 0 0;
}

#chottoGu #main dl.lineup dd ul li.content div.info01 p.ichioshi {
	float: right;
	margin: 8px 0 0 0;
}

#chottoGu #main dl.lineup dd ul li.content div.info01 p.ichioshi a {
	background: url("../img/arw01.gif") no-repeat 0 center;
	font-size: 85%;
	line-height: 1.4;
	padding: 0 0 0 8px;
}

#chottoGu #main dl.lineup dd ul li.content div.info01 p.date {
	float: right;
	font-size: 85%;
	line-height: 1.4;
	margin: 8px 0 0 8px;
}

#chottoGu #main dl.lineup dd ul li.content div.info02 {
	float: right;
	padding: 0 0 10px 0;
	width: 620px;
}

#chottoGu #main dl.lineup dd ul li.content div.info02 p {
	float: left;
	margin: 4px 0 0 0;
	width: 495px;
}

#chottoGu #main dl.lineup dd ul li.content div.info02 p span.txt01 {
	font-size: 85%;
	line-height: 1.4;
	margin: 0 5px 0 0;
}

#chottoGu #main dl.lineup dd ul li.content div.info02 p span.txt02 {
	color: #009933;
	line-height: 1.4;
}

#chottoGu #main dl.lineup dd ul li.content div.info02 ul {
	float: right;
	padding: 0;
	width: 125px;
}

#chottoGu #main dl.lineup dd ul li.content div.info02 ul li {
	float: right;
	margin: 0 0 0 5px;
}

#chottoGu #main dl.lineup dd ul li.content div.category {
	background: url("../img/lineup_tensen.gif") repeat-x 0 0;
	float: right;
	padding: 10px 0 0 0;
	width: 620px;
}

#chottoGu #main dl.lineup dd ul li.content div.category div.ttlImg {
	float: left;
	width: 60px;
	padding: 0 0 5px 0;
}

#chottoGu #main dl.lineup dd ul li.content div.category div.txtArea {
	display: table;
	float: right;
	line-height: 1.5;
	width: 550px;
}

#chottoGu #main dl.lineup dd ul li.content div.category div.txtArea span {
	margin: 0 3px 0 0;
}

#chottoGu #main dl.lineup dd ul li.content div.category div.txtArea span.bar {
	color: #aaa;
	margin: 0;
}

#chottoGu #main dl.lineup dd ul li.content div.category div.txtArea span img {
	vertical-align: middle;
}

#chottoGu #main dl.lineup dd ul li.content div.category div.large {
	background: url("../img/lineup_tensen.gif") repeat-x 0 bottom;
	padding: 0 0 5px 0;
}
#chottoGu #main dl.lineup dd ul li.content div.category div.small {
	padding: 0 0 5px 0;
}

#chottoGu #main dl.lineup dd ul li.content div.category div.small div.txt {
	display: table-cell;
	text-align: left;
	vertical-align: top;
	width: 530px;
	/display: inline;
	/zoom: 1;
}

#chottoGu #main dl.lineup dd ul li.content div.category div.small div.arw {
	display: table-cell;
	padding: 3px 0 0 0;
	text-align: right;
	vertical-align: top;
	width: 20px;
	/display: inline;
	/zoom: 1;
}

#chottoGu #main dl.lineup dd ul li.content div.category div.large div.txt {
	display: table-cell;
	text-align: left;
	vertical-align: bottom;
	width: 530px;
	/display: inline;
	/zoom: 1;
}

#chottoGu #main dl.lineup dd ul li.content div.category div.large div.arw {
	display: table-cell;
	padding: 0 0 3px 0;
	text-align: right;
	vertical-align: bottom;
	width: 20px;
	/display: inline;
	/zoom: 1;
}

#chottoGu #main dl.lineup dd ul li.content div.memo {
	float: right;
	padding: 2px 0 0 0;
	width: 620px;
}

#chottoGu #main dl.lineup dd ul li.content div.memo div.ttlImg {
	float: left;
	width: 60px;
}

#chottoGu #main dl.lineup dd ul li.content div.memo div.txtArea {
	display: table;
	float: right;
	line-height: 1.5;
	width: 550px;
}

#chottoGu #main dl.lineup dd ul li.content div.memo div.small div.txt {
	display: table-cell;
	text-align: left;
	vertical-align: top;
	width: 530px;
	/display: inline;
	/zoom: 1;
}

#chottoGu #main dl.lineup dd ul li.content div.memo div.small div.arw {
	display: table-cell;
	padding: 3px 0 0 0;
	text-align: right;
	vertical-align: top;
	width: 20px;
	/display: inline;
	/zoom: 1;
}

#chottoGu #main dl.lineup dd ul li.content div.memo div.large div.txt {
	display: table-cell;
	text-align: left;
	vertical-align: bottom;
	width: 530px;
	/display: inline;
	/zoom: 1;
}

#chottoGu #main dl.lineup dd ul li.content div.memo div.large div.arw {
	display: table-cell;
	padding: 0 0 3px 0;
	text-align: right;
	vertical-align: bottom;
	width: 20px;
	/display: inline;
	/zoom: 1;
}

/* tooltip */
#chottoGu #main p.tooltip {
	background: url("../img/tooltip_bottom.gif") no-repeat 0 bottom;
	float: left;
	padding: 0 0 6px 0;
	z-index: 1;
}

#chottoGu #main p.tooltip span.waku {
	background: #ffdbd5;
	border: solid 1px #848484;
	border-bottom: none;
	display: block;
	float: left;
	font-size: 85%;
	line-height: 1.5;
	padding: 0 4px;
}

#chottoGu #main p.tooltip span.waku span.bold {
	color: #c00;
	font-size: 120%;
	font-weight: bold;
	margin: 0 0.5em 0 0;
}




/* lineupBottom */
#chottoGu #main div.lineupBottom {
	border-top: 1px solid #dbdbdb;
	margin: 35px 0 0 0;
	padding-top: 10px;
	text-align: center;
	width: 770px;
}

#chottoGu #main div.lineupBottom ol.page {
	font-size: 93%;
}

#chottoGu #main div.lineupBottom ol.page li {
	color: #999;
	display: inline;
	line-height: 1.5;
	margin: 0 1px 0 0;
}

#chottoGu #main div.lineupBottom ol.page li.ttl {
	background: #f5f5f5;
	color: #333;
	font-weight: bold;
	margin: 0 10px 0 0;
	padding: 0 2px;
}

#chottoGu #main div.lineupBottom ol.page li span {
	color: #333;
	font-weight: bold;
}

#chottoGu #main div.lineupBottom ul.pageNav02 {
	font-size: 93%;
	margin: 8px 0 0 0;
}

#chottoGu #main div.lineupBottom ul.pageNav02 li {
	color: #999;
	display: inline;
	line-height: 1.5;
	margin: 0 0 0 1px;
}

#chottoGu #main div.lineupBottom ul.pageNav02 li span {
	color: #333;
}

#chottoGu #main div.lineupBottom ul.pageNav02 li.before a {
	background: url("../img/arw02.gif") no-repeat 0 center;
	padding: 0 0 0 12px;
}

#chottoGu #main div.lineupBottom ul.pageNav02 li.before span {
	background: url("../img/arw03.gif") no-repeat 0 center;
	color: #999;
	padding: 0 0 0 12px;
}

#chottoGu #main div.lineupBottom ul.pageNav02 li.next a {
	background: url("../img/arw04.gif") no-repeat right center;
	padding: 0 12px 0 0;
}

#chottoGu #main div.lineupBottom ul.pageNav02 li.next span {
	background: url("../img/arw05.gif") no-repeat right center;
	color: #999;
	padding: 0 12px 0 0;
}

/* myCategory */
#chottoGu #main div.myCategory {
	width: 770px;
}

#chottoGu #main div.myCategory h2 {
	background: url("../img/mycate_ttl_bg.gif") repeat-x 0 0 #7B6060;
	color: #fff;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.2;
	margin: 0 0 12px 0;
	padding: 8px 6px 6px 12px;
}

#chottoGu #main div.myCategory ul.exTxt {
	margin: 0 0 0 10px;
}

#chottoGu #main div.myCategory ul.exTxt li {
	background: url("../img/icon_ex_mark.gif") no-repeat 0 center;
	color: #c00;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.7;
	margin: 0 0 4px 0;
	padding: 0 0 0 20px;
}

#chottoGu #main div.myCategory ul.myCateList {
	margin: 15px 0 0 0;
	padding: 10px 0 0 0;
}

#chottoGu #main div.myCategory ul.myCateList li {
	padding: 8px 0 6px 5px;
}

#chottoGu #main div.myCategory ul.myCateList li span.txt {
	float: left;
	width: 600px;
}

#chottoGu #main div.myCategory ul.myCateList li span.txt input {
	font-size: 100%;
	line-height: 1.2;
	margin: 0 0 2px 0;
	width: 570px;
}

#chottoGu #main div.myCategory ul.myCateList li span.txt span.caption {
	color: #666;
	line-height: 1.7;
}

#chottoGu #main div.myCategory ul.myCateList li span.txt span.categoryOn {
	font-size: 108%;
	line-height: 1.7;
	margin: 0 0 0 10px;
}

#chottoGu #main div.myCategory ul.myCateList li span.txt span.exTxt {
	background: url("../img/icon_ex_mark.gif") no-repeat 0 center;
	color: #c00;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 0 10px;
	padding: 0 0 0 20px;
}

#chottoGu #main div.myCategory ul.myCateList li span.btn {
	float: right;
	width: 125px;
}

#chottoGu #main div.myCategory ul.myCateList li span.btn input,
#chottoGu #main div.myCategory ul.myCateList li span.btn img {
	cursor: pointer;
	display: inline;
	float: left;
	margin: 0 5px 0 0;
}

#chottoGu #main div.myCategory ul.myCateList li span.btn img.edit {
	cursor: pointer;
}



/* sideBar */
/* ------------------------------------------------------------ */
#chottoGu #sideBar {
	float: left;
	width: 170px;
}

/* loginArea */
#chottoGu #sideBar div.loginArea {
	background: url("../img/side_loginarea_bg02.gif") repeat-y 0 0;
}

#chottoGu #sideBar div.loginArea p.topTxt {
	background: url("../img/side_loginarea_bg01.gif") no-repeat 0 0;
	color: #c00;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.2em;
	padding: 10px 10px 0 10px;
}

#chottoGu #sideBar div.loginArea ul {
	margin: 10px 10px 0 10px;
}

#chottoGu #sideBar div.loginArea ul li {
	font-size: 85%;
	line-height: 1.4;
	margin: 0 0 0 0.5em;
	text-indent: -0.5em;
}

#chottoGu #sideBar div.loginArea p.link {
	font-size: 85%;
	line-height: 1.5;
	margin: 12px 10px 0 10px;
	text-align: right;
}

#chottoGu #sideBar div.loginArea p.link a {
	background: url("../img/arw01.gif") no-repeat 0 center;
	padding: 0 0 0 8px;
}

#chottoGu #sideBar div.loginArea p.btn {
	background: url("../img/side_loginarea_bg03.gif") no-repeat 0 bottom;
	margin: 0 0 10px 0;
	padding: 4px 0 12px 0;
	text-align: center;
}

/* category */
#chottoGu #sideBar dl.category {
	background: url("../img/side_category_bg07.gif") repeat-y 0 0;
}

#chottoGu #sideBar dl.category dt {
	background: url("../img/side_category_bg01.gif") no-repeat 0 0;
	margin: 0 0 5px 0;
}

#chottoGu #sideBar dl.category dt span {
	background: url("../img/side_category_bg02.gif") no-repeat 0 bottom;
	display: block;
	font-weight: bold;
	line-height: 1.2;
	padding: 9px 10px 5px 10px;
}

#chottoGu #sideBar dl.category dd ul li.choice {
	background: url("../img/side_category_bg03.gif") no-repeat 0 0;
}

#chottoGu #sideBar dl.category dd ul li.choice span.choiceWaku {
	background: url("../img/side_category_bg04.gif") no-repeat 0 bottom;
	color: #fff;
	display: block;
	padding: 3px 10px 0px 15px;
/*	padding: 1px 10px 1px 15px;*/
}

#chottoGu #sideBar dl.category dd ul li a {
	display: block;
	margin: 0 10px 0 15px;
}

#chottoGu #sideBar dl.category span.noIcon {
	display: block;
	font-size: 85%;
	line-height: 1.3;
	padding: 5px 0 4px 0;
}

#chottoGu #sideBar dl.category span.okiniiri01 {
	background: url("../img/icon_okiniiri01.gif") no-repeat 0 3px;
	display: block;
	font-size: 85%;
	line-height: 1.3;
	padding: 5px 0 4px 20px;
}

#chottoGu #sideBar dl.category span.okiniiri02 {
	background: url("../img/icon_okiniiri02.gif") no-repeat 0 3px;
	display: block;
	font-size: 85%;
	line-height: 1.3;
	padding: 5px 0 4px 20px;
}

#chottoGu #sideBar dl.category span.tsuide {
	background: url("../img/071.gif") no-repeat 0 3px;
	display: block;
	font-size: 85%;
	line-height: 1.3;
	padding: 5px 0 4px 20px;
}

#chottoGu #sideBar dl.category span.osusume {
	background: url("../img/icon_osusume.gif") no-repeat 0 3px;
	display: block;
	font-size: 85%;
	line-height: 1.3;
	padding: 5px 0 4px 20px;
}

#chottoGu #sideBar dl.category span.kako {
	background: url("../img/icon_kako.gif") no-repeat 0 3px;
	display: block;
	font-size: 85%;
	line-height: 1.3;
	padding: 5px 0 4px 20px;
}

#chottoGu #sideBar dl.category span.touch {
	background: url("../img/icon_touch.gif") no-repeat 0 3px;
	display: block;
	font-size: 85%;
	line-height: 1.3;
	padding: 5px 0 4px 20px;
}

#chottoGu #sideBar dl.category span.tv {
	background: url("../img/icon_tv.gif") no-repeat 0 3px;
	display: block;
	font-size: 85%;
	line-height: 1.3;
	padding: 5px 0 4px 20px;
}

#chottoGu #sideBar dl.category span.line01 {
	background: url("../img/side_line01.gif") no-repeat 0 center;
	display: block;
	font-size: 85%;
	line-height: 1.3;
	padding: 5px 0 4px 20px;
}

#chottoGu #sideBar dl.category span.line02 {
	background: url("../img/side_line02.gif") no-repeat 0 center;
	display: block;
	font-size: 85%;
	line-height: 1.3;
	padding: 5px 0 4px 20px;
}

#chottoGu #sideBar dl.category dd.myCategory {
	border-top: solid 1px #D1C1C2;
	margin: 4px 4px 0 4px;
	padding: 7px 5px 2px 6px;
}

#chottoGu #sideBar dl.category dd.myCategory span {
	float: left;
	font-weight: bold;
	line-height: 1.4;
	width: 100px;
}

#chottoGu #sideBar dl.category dd.myCategory a {
	float: right;
	font-size: 85%;
	line-height: 1.4;
	margin: 2px 0 0 0;
	text-align: right;
	width: 4em;
}

#chottoGu #sideBar dl.category dd.bottom {
	background: url("../img/side_category_bg08.gif") no-repeat 0 bottom;
	height: 18px;
}

/* mailCheck */
#chottoGu #sideBar dl.mailCheck {
	background: url("../img/side_mailcheck_bg03.gif") repeat-y 0 0;
}

#chottoGu #sideBar dl.mailCheck dt {
	background: url("../img/side_mailcheck_bg01.gif") no-repeat 0 0;
}

#chottoGu #sideBar dl.mailCheck dt span {
	background: url("../img/side_mailcheck_bg02.gif") no-repeat 0 bottom;
	display: block;
	font-weight: bold;
	line-height: 1.2;
	padding: 9px 10px 5px 10px;
}

#chottoGu #sideBar dl.mailCheck dd {
	padding: 0 8px 0 10px;
}

#chottoGu #sideBar dl.mailCheck dd p.hosoku{ /*add 20100524 gnv*/
	color: #666;
	line-height: 1.2;
	padding-top: 5px;
}

#chottoGu #sideBar dl.mailCheck dd ul li {
	background: url("../img/side_tensen.gif") no-repeat 0 bottom;
	padding: 10px 0 8px 0;
}

#chottoGu #sideBar dl.mailCheck dd ul li p.img {
	float: left;
	text-align: right;
	width: 65px;
}

#chottoGu #sideBar dl.mailCheck dd ul li p.txt {
	float: right;
	font-size: 85%;
	line-height: 1.3;
	width: 80px;
}

#chottoGu #sideBar dl.mailCheck dd ul.btn {
	clear: both;
	margin: 0 0 0 8px;
}

#chottoGu #sideBar dl.mailCheck dd ul.btn li {
	background: none;
	float: left;
	margin: 7px 5px 0 0;
	padding: 0;
}

#chottoGu #sideBar dl.mailCheck dd ul.btn li img.tourokuOff,
#chottoGu #sideBar dl.mailCheck dd ul.btn li img.tourokuOff {
	display: block;
	height: 17px;
	overflow: hidden;
	width: 91px;
}

#chottoGu #sideBar dl.mailCheck dd ul.btn li img.tourokuOff,
#chottoGu #sideBar dl.mailCheck dd ul.btn li img.tourokuOff {
	display: block;
	height: 17px;
	overflow: hidden;
	width: 91px;
}
#chottoGu #sideBar dl.mailCheck dd ul.btn li a:link.tourokuOn,
#chottoGu #sideBar dl.mailCheck dd ul.btn li a:visited.tourokuOn {
	background: url("../img/side_btn_touroku1.gif") no-repeat 0 0;
	display: block;
	height: 18px;
	overflow: hidden;
	text-indent: -9999px;
	width: 92px;
}

#chottoGu #sideBar dl.mailCheck dd ul.btn li a:hover.tourokuOn,
#chottoGu #sideBar dl.mailCheck dd ul.btn li a:active.tourokuOn {
	background: url("../img/side_btn_touroku1.gif") no-repeat 1px 1px;
	display: block;
	height: 18px;
	overflow: hidden;
	text-indent: -9999px;
	width: 92px;
}

#chottoGu #sideBar dl.mailCheck dd ul.btn li a:link.sakujyo,
#chottoGu #sideBar dl.mailCheck dd ul.btn li a:visited.sakujyo {
	background: url("../img/side_btn_sakujyo.gif") no-repeat 0 0;
	display: block;
	height: 18px;
	overflow: hidden;
	text-indent: -9999px;
	width: 38px;
}

#chottoGu #sideBar dl.mailCheck dd ul.btn li a:hover.sakujyo,
#chottoGu #sideBar dl.mailCheck dd ul.btn li a:active.sakujyo {
	background: url("../img/side_btn_sakujyo.gif") no-repeat 1px 1px;
	display: block;
	height: 18px;
	overflow: hidden;
	text-indent: -9999px;
	width: 38px;
}

#chottoGu #sideBar dl.mailCheck dd.more {
	background: url("../img/side_mailcheck_bg04.gif") no-repeat 0 0;
	margin: -1px 0 0 0;
	padding: 5px 0 0 0;
	text-align: center;
	width: 170px;
}

#chottoGu #sideBar dl.mailCheck dd.more a {
	background: url("../img/icon_more.gif") no-repeat 0 center;
	line-height: 1.5;
	padding: 0 0 0 18px;
}

#chottoGu #sideBar dl.mailCheck dd.bottom {
	background: url("../img/side_mailcheck_bg05.gif") no-repeat 0 bottom;
	height: 18px;
}

/* thickbox */
/* ------------------------------------------------------------ */
/* 600px */
#chottoGuTBoxL {
	margin: 0 auto;
	padding: 0 0 15px 0;
	text-align: center;
	width: 598px;
}

#chottoGuTBoxL .message {
	text-align: right;
	width: 550px;
	margin: 15px auto 15px;
}

#chottoGuTBoxL .message p {
	font-size: 123%;
	font-weight: bold;
	text-align: center;
}

#chottoGuTBoxL .message p span {
	margin-right: 0.2em;
}

/* ↓add 20100914 gnavi-MI */
#chottoGuTBoxL .point-chance-box {
	background-color: #ffffe6;
	border: 2px solid #ccc;
	font-weight: bold;
	text-align: center;
	padding: 10px 10px 12px 10px;
	margin: 0 auto 20px auto;
	width: 536px;
}
#chottoGuTBoxL .point-chance-box p.frw-txt {
	margin-bottom: 10px;
}

#chottoGuTBoxL p.cont-link-cg {
	margin-bottom: 20px;
}

#chottoGuTBoxL .point-chance-box span {
	color: #c00;
}

#chottoGuTBoxL .point-chance-box p.click-link {
	width: 220px;
	height: 25px;
	margin: 0 auto;
}

#chottoGuTBoxL .point-chance-box p.click-link a {
	background: url("../img/btn-1clickpoint.png") no-repeat 0 0 scroll transparent;
	color: #000;
	text-decoration: none;
	overflow: hidden;
	display: block;
	padding: 10px 0 0 10px;
	width: 210px;
	height: 20px;
}

#chottoGuTBoxL .point-chance-box p.click-link a:hover {
	background: url("../img/btn-1clickpointOn.png") no-repeat 0 0 scroll transparent;
	color: #C00;
	text-decoration: none;
}

.point-chance-box p.link-cont {
	font-weight: normal;
	margin-bottom: 10px;
}

.point-chance-box p.right-txt {
	font-weight: normal;
}

.point-chance-box p.right-txt span {
	margin-left: 20px;
}

div.point-guestver {
	margin: 20px 0 10px 0;
	text-align: left;
	background-color: #FFFFFF;
	padding: 8px;
}

div.point-guestver p.point-guestver-ttl {
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}

div.point-guestver ul.point-guest-merit {
	text-align: left;
	list-style: outside disc;
	line-height: 1.4;
	padding-left: 40px;
}

#chottoGuTBoxL .campaing-banner {
	margin: 0 auto 20px auto;
}


/* ↑add 20100914 gnavi-MI */

#chottoGuTBoxL .box h2 {
	margin: 0 10px 5px;
	padding: 5px;
	background: #ddd;
	font-weight: bold;
	text-align: left;
}

#chottoGuTBoxL .box .lead {
	color: #666;
	font-size: 86%;
	margin: 0 10px;
	text-align: left;
}

#chottoGuTBoxL .login {
	width: 500px;
	border: 1px solid #999;
	background: #eee;
	padding: 10px;
	padding-top: 20px;
	margin: 0 auto 20px;
}

#chottoGuTBoxL .login p.atend {
	line-height: 1.4;
	font-weight: bold;
}

#chottoGuTBoxL .login p.atend em {
	color: #F00;
	font-weight: bold;
}

#chottoGuTBoxL .login a {
	display: block;
	margin: 20px auto 10px auto;
	overflow: hidden;
	text-indent: -9999px;
	width: 150px;
	height: 41px;
	background: url("../img/side_loginarea_btn_d.jpg") no-repeat;
}

#chottoGuTBoxL .login a:hover {
	background-image: url("../img/side_loginarea_btn_x.jpg");
}

#chottoGuTBoxL img {
	vertical-align: bottom;
}

#chottoGuTBoxL span.red {
	color: #CC0000;
}

#chottoGuTBoxL span.small {
	font-size: 85%;
	font-weight: normal;
}

#chottoGuTBoxL div.ttl {
	border-bottom: solid 2px #bfbfbf;
	margin: 0 9px;
	padding: 10px 0 5px 2px;
	text-align: left;
}

#chottoGuTBoxL div.ttl h1 {
	float: left;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.2;
	margin: 2px 0 0 0;
	width: 480px;
}

#chottoGuTBoxL div.ttl p {
	float: right;
	margin-top: 2px;
}

#chottoGuTBoxL div.ttl div.btn {
	cursor: pointer;
	float: right;
	width: 18px;
}

#chottoGuTBoxL dl {
	margin: 0 19px 0 19px;
	text-align: left;
}

#chottoGuTBoxL dl dt {
	font-weight: bold;
	line-height: 1.5;
	margin: 20px 0 2px 0;
}


#chottoGuTBoxL dl dd.okiniiri ul {
	background: #f6f3f3;
	margin: 0 30px;
	padding: 5px;
	/zoom: 1;
}

#chottoGuTBoxL dl dd.okiniiri ul li {
	float: left;
	margin: 0 20px 0 0;
	/zoom: 1;
}

#chottoGuTBoxL dl dd.okiniiri input {
	vertical-align: middle;
}

#chottoGuTBoxL dl dd.okiniiri img {
	vertical-align: middle;
	margin: 0 0 1px 5px;
}

#chottoGuTBoxL dl dd.okiniiri label {
	font-weight: bold;
	line-height: 1.5;
	vertical-align: middle;
}

#chottoGuTBoxL dl dd.category {
	margin: 0 30px;
}

#chottoGuTBoxL dl dd.category ul li {
	background-color: #fff;
	line-height: 1.5;
	padding: 5px;
}

#chottoGuTBoxL dl dd.category ul li.bg {
	background-color: #f6f3f3;
}

#chottoGuTBoxL dl dd.category ul li input {
	vertical-align: middle;
}

#chottoGuTBoxL dl dd.category ul li img.icon {
	margin: 0 3px 0 0;
	vertical-align: text-bottom;
}

#chottoGuTBoxL dl dd.category ul li label {
	margin: 0 0 0 5px;
	vertical-align: middle;
}

#chottoGuTBoxL dl dd.category ul li input.txt {
	font-size: 100%;
	line-height: 1.5;
	margin: 0 0 0 5px;
	width: 450px;
}

#chottoGuTBoxL dl dd.category img.tsuideIcon {
	vertical-align: middle;
	margin: 0 0 1x 0;
	padding-right: 3px;
}


#chottoGuTBoxL dl dd.moreLink {
	line-height: 1.5;
	margin: 8px 30px 0 30px;
	text-align: right;
}

#chottoGuTBoxL dl dd.moreLink a {
	background: url("../img/arw01.gif") no-repeat 0 center;
	padding: 0 0 0 12px;
}

#chottoGuTBoxL dl dd.bottomTxt {
	color: #666;
	font-size: 85%;
	line-height: 1.5;
	margin: 8px 30px 0 30px;
}

#chottoGuTBoxL dl dd.memo {
	background-color: #f6f3f3;
	margin: 0 30px;
	padding: 5px 0 5px 5px;
}

#chottoGuTBoxL dl dd.edmPms {
	margin: 10px 0px 0;
	padding: 5px 0 5px 5px;
}

#chottoGuTBoxL dl dd.edmPms label {
	margin: 0 0 0 7px;
}

#chottoGuTBoxL dl dd.edmPms div.hsk {
	margin: 5px 0 0 0;
	color: #666;
	line-height: 1.3;
}

#chottoGuTBoxL dl dd.memo textarea {
	font-size: 100%;
	height: 60px;
	line-height: 1.5;
	width: 485px;
}

#chottoGuTBoxL dl dd.btn {
	margin: 10px 0 0 0;
	text-align: center;
}

#chottoGuTBoxL div.error {
	background-color: #fff;
	border: 1px solid #f00;
	margin: 5px 10px 10px 10px;
	padding: 10px;
	width: auto;
}
#chottoGuTBoxL div.error p {
	background: url("../img/220.gif") no-repeat scroll 0 0 transparent;
	color: #c00;
	font-weight: bold;
	height: 18px;
	padding-left: 20px;
	text-align:left;
}

#chottoGuTBoxL div.edmPms-gst {
	background: #FF9;
	padding: 10px;
	margin: 20px 0 0 0;
	border: 2px solid #FC0;
}

#chottoGuTBoxL div.edmPms-gst p {
	font-weight: bold;
}

#chottoGuTBoxL div.edmPms-gst em {
	color: #e00;
	font-weight: bold;
}

/* 500px */
#chottoGuTBoxS {
	margin: 0 auto;
	padding: 0 0 15px 0;
	text-align: center;
	width: 498px;
}

#chottoGuTBoxS img {
	vertical-align: bottom;
}

#chottoGuTBoxS span.red {
	color: #c00;
}

#chottoGuTBoxS span.small {
	font-size: 85%;
	font-weight: normal;
}

#chottoGuTBoxS div.ttl {
	border-bottom: solid 2px #bfbfbf;
	margin: 0 9px;
	padding: 10px 0 5px 2px;
	text-align: left;
}

#chottoGuTBoxS div.ttl h1 {
	float: left;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.2;
	margin: 2px 0 0 0;
	width: 430px;
}

#chottoGuTBoxS div.ttl div.btn {
	cursor: pointer;
	float: right;
	width: 18px;
}

#chottoGuTBoxS p.sakujyoTxt {
	font-size: 123%;
	font-weight: bold;
	line-height: 1.5;
	margin: 40px 10px 0 10px;
}

#chottoGuTBoxS p.sakujyoTxt02 {
	line-height: 1.5;
	margin: 20px 10px 35px 10px;
}

#chottoGuTBoxS p.sakujyoTxt03 {
	font-size: 123%;
	font-weight: bold;
	line-height: 1.5;
	margin: 45px 10px 45px 10px;
}

#chottoGuTBoxS p span.ex {
	background: url("../img/icon_ex_mark.gif") no-repeat 0 center;
	color: #CC0000;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.7;
	padding: 0 0 0 20px;
}

#chottoGuTBoxS ul.btn {
	margin: 35px 0 0 0;
}

#chottoGuTBoxS ul.btn li {
	display: inline;
	margin: 0 15px;
}

/* sendmail thickbox------------------------*/

div#chottoGuTBoxML {
	margin: 0 auto;
	margin-bottom:15px;
	padding: 0;
	text-align: left;
	width: 520px;
}

div#chottoGuTBoxML div#Header {
	background: #fff;
	padding: 4px 0;
	position: relative;
	text-align: right;
}

div#chottoGuTBoxML * html div#Header {
	padding: 6px 0 3px 0;
}

div#chottoGuTBoxML *:first-child+html div#Header {
	padding: 6px 0 3px 0;
}

div#chottoGuTBoxML div#Header div.logoarea {
	float: left;
	text-align: left;
}

div#chottoGuTBoxML div.ttl {
	border-bottom: solid 2px #bfbfbf;
	margin-bottom: 5px;
	padding: 10px 0 5px 2px;
	text-align: left;
}


div#chottoGuTBoxML div.ttl h1 {
	float: left;
	font-weight: bold;
	line-height: 1.2;
	margin: 2px 0 0 0;
}

div#chottoGuTBoxML div.ttl div.btn {
	cursor: pointer;
	float: right;
	width: 18px;
}


div#chottoGuTBoxML h1 {
	margin-top: 10px;
}

div#chottoGuTBoxML .shop {
	background-color: #ffdca8;
	margin: 10px 0;
	padding: 10px;
	text-align: center;
}

div#chottoGuTBoxML .shop p {
	font-weight: bold;
	line-height: 1.3;
}

div#chottoGuTBoxML p {
	line-height: 1.5;
}

div#chottoGuTBoxML h2 {
	color: #333;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: left;
}

div#chottoGuTBoxML h2.mail {
	background: url("../img/icon_mail.gif") left top no-repeat;
	padding: 0 0 0 25px;
	height: 20px;
}

div#chottoGuTBoxML h2.spsrct {
	background: url("../img/icon_shop.gif") 1% 60% no-repeat;
	padding: 10px 0 0 25px;
	height:20px;
}

div#chottoGuTBoxML p.txt {
	margin-top: 5px;
}

div#chottoGuTBoxML p.txt2 {
	margin-bottom: 8px;
}

div#chottoGuTBoxML div.formArea {
	background-color: #ffffe6;
	border: #ccc 2px solid;
	margin: 15px 18px 10px 18px;
	padding: 15px;
	width: 450px;
}

div#chottoGuTBoxML div.formArea p {
}

div#chottoGuTBoxML div.formArea p.txtMsg {
	margin-bottom:8px;
}

div#chottoGuTBoxML div.formArea input.txt {
	width: 150px;
}

div#chottoGuTBoxML div.formArea input.pc_txt {
	width: 250px;
}

div#chottoGuTBoxML div.formArea input.otherMail {
	width: 250px;
}

div#chottoGuTBoxML div.formArea p.bt {
	margin-top: 10px;
	text-align: center;
}

div#chottoGuTBoxML div.formArea p.mail {
	margin-top: 5px;
}

div#chottoGuTBoxML div.formArea input.send {
	background: url("../img/bt.gif") no-repeat;
	border: none;
	cursor: pointer;
	font-weight: bold;
	height: 25px;
	margin-left: 5px;
	width: 81px;
}

div#chottoGuTBoxML div.formArea input.m5{
	margin-right: 5px;
}

div#chottoGuTBoxML div.formArea p.error {
	color: #f00;
	font-weight: bold;
	margin-top: 10px;
}

div#chottoGuTBoxML div.formArea ul{
	color: #333;
	padding: 15px 0 0 15px;
}

div#chottoGuTBoxML div.formArea ul li{
	list-style-type: disc;
	line-height:1.3;
}

div#chottoGuTBoxML .none {
	display: none;
}

div#chottoGuTBoxML div.comment {
	color: #333;
	float: left;
	line-height: 1.5;
}

div#chottoGuTBoxML div.etcArea{
	padding: auto 0;
}

div#chottoGuTBoxML div#qrFull {
	background-color: #f6f6f6;
	margin: 0 auto;
	padding: 10px;
	width: 280px;
}

div#chottoGuTBoxML div#qrFull dl{
}

div#chottoGuTBoxML div#qrFull dl dt.qrImg{
	float: left;
	width: 100px;
}

div#chottoGuTBoxML div#qrFull dl dd.qrTxt {
	float: left;
	line-height: 1.2;
	width: 180px;
}

div#chottoGuTBoxML div#qrFull dl dd.qrTxt p{
	font-weight: bold;
	margin-bottom:5px;
}

div#chottoGuTBoxML div#qrFull dl dd.qrTxt span{
	font-weight:normal;
}

div#chottoGuTBoxML div.felicaArea {
	margin: 0 auto;
	padding: 10px 10px 0 10px;
	text-align: center;
	width: 280px;
}

div#chottoGuTBoxML div.felicaArea .felicaTxt {
	line-height: 1.1;
	text-align:left;
}

div#chottoGuTBoxML div.felicaArea .imgKaza {
	margin: 8px auto;
}

div#chottoGuTBoxML p.end {
	margin: 30px;
	text-align: center;
}

div#chottoGuTBoxML #winClose {
	margin: 20px 0;
	text-align: center;
}

div#chottoGuTBoxML #winClose a {
	background: url("../img/close.gif") no-repeat 0 50%;
	padding-left: 16px;
}

/* forcusShop */
div#chottoGuTBoxML div.forcusShop {
	background: url("../img/bg_h2_sentaku.gif") left top no-repeat #e4e4e4;
	border-bottom: #fff 2px solid;
	border-left: #fff 2px solid;
	border-right: #fff 2px solid;
	margin: 0 18px 0 18px;
	padding: 10px 15px;
	width: 450px;
}

div#chottoGuTBoxML div.forcusShop textarea.shopname{
	background-color: #f3f3f3;
	border: 1px solid #f6f6f6;
	margin: auto 10px;
	width: 400px;
}
/* ------------------ */


#chottoGu span {
	/zoom: 1;
}

#chottoGu a {
	/zoom: 1;
}



/* enkaiMail */
/* ------------------------------------------------------------ */
#chottoGu #main ul.enkaiMail {
	border-top: solid 1px #eee;
	margin: 5px 0 0 0;
	padding: 1px 0 0 0;
	width: 770px;
}

#chottoGu #main ul.enkaiMail li.content {
	background-color: #eee;
	background-repeat: repeat-y;
	border-bottom: solid 1px #fff;
	display: table;
	padding: 10px 0 8px 0;
	width: 770px;
}

#chottoGu #main ul.enkaiMail li.content:nth-child(even) {
	background-color: #fff;
}

#chottoGu #main ul.enkaiMail li.content div.info {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	width: 650px;
	/display: inline;
	/zoom: 1;
}

#chottoGu #main ul.enkaiMail li.content div.info h2 {
	color: #05529a;
	font-size: 123%;
	font-weight: bold;
	line-height: 1.4;
	margin: 0 0 0 15px;
	width: 625px;
}

#chottoGu #main ul.enkaiMail li.content div.info h2 a {
	font-weight: bold;
	line-height: 1.4;
}

#chottoGu #main ul.enkaiMail li.content div.info p {
	margin: 2px 0 0 15px;
	width: 625px;
}

#chottoGu #main ul.enkaiMail li.content div.info p span.txt01 {
	font-size: 85%;
	line-height: 1.4;
	margin: 0 5px 0 0;
}

#chottoGu #main ul.enkaiMail li.content div.info p span.txt02 {
	color: #009933;
	line-height: 1.4;
}

#chottoGu #main ul.enkaiMail li.content div.btn {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	width: 120px;
	/display: inline;
	/zoom: 1;
}



/* wideWrap */
/* ------------------------------------------------------------ */
#chottoGu #wideWrap {
	width: 950px;
}

/* kakunin01 */
#chottoGu #wideWrap div.kakunin01 {
	background: #f2f2f2;
	border: solid 1px #d1c1c2;
	margin: 80px 100px 180px 100px;
	padding: 15px;
	text-align: center;
}

#chottoGu #wideWrap div.kakunin01 p {
	font-size: 108%;
	font-weight: bold;
	line-height: 1.7;
}

#chottoGu #wideWrap div.kakunin01 p span.red {
	font-size: 114%;
	color: #c00;
}

#chottoGu #wideWrap div.kakunin01 ul.btn {
	margin: 18px 0 0 0;
}

#chottoGu #wideWrap div.kakunin01 ul.btn li {
	display: inline;
	margin: 0 15px;
}

/* kakunin02 */
#chottoGu #wideWrap div.kakunin02 {
	margin: 80px 150px 180px 150px;
	text-align: left;
}

#chottoGu #wideWrap div.kakunin02 p.txt01 {
	color: #c00;
	font-size: 123%;
	font-weight: bold;
	line-height: 1.7;
}

#chottoGu #wideWrap div.kakunin02 p.txt02 {
	font-size: 108%;
	line-height: 1.7;
	margin: 8px 0 0 0;
}

#chottoGu #wideWrap div.kakunin02 p.link {
	line-height: 1.7;
	margin: 8px 0 0 0;
	text-align: right;
}

#chottoGu #wideWrap div.kakunin02 p.link a {
	background: url("../img/arw01.gif") no-repeat 0 center;
	font-size: 108%;
	font-weight: bold;
	padding: 0 0 0 12px;
}

#chottoGu div.infoArt {
	border: 2px solid #f00;
	padding: 8px;
	text-align: center;
	margin-bottom: 10px;
}

#chottoGu #dataZero {
	margin: 0 auto;
	width: 746px;
}

#chottoGu #dataZero h2{
	margin: 0;
}

#chottoGu #dataZero dl{
}

#chottoGu #dataZero dl dt{
	float: left;
	width: 265px;
}

#chottoGu #dataZero dl dd{
	float: left;
	width: 481px;
}

#chottoGu #dataZero dl dd p{
	text-align: center;
	padding-top: 10px;
}

#chottoGu #dataZero dl dd p span{
	padding-top: 10px;
	width: auto;
}

#chottoGu p.txtStatusMsg {
	color: #c00;
	padding: 0 0 6px 10px;
}

/* 2012.07.20 */
#sideBar .bannerType {
	padding-bottom: 10px;
}

#chottoGu #sideBar dl.category dd.bestThree span {
	background: url(../img/campaign/allparts_campaign.png) -545px 0 no-repeat;
	padding-left: 20px;
    width: auto !important;
}

#main h2.osusumeBest {
	background: url("../img/campaign/allparts_campaign.png") -545px 0 no-repeat;
	font-weight: bold;
	font-size: 16px;
    padding: 3px 0 6px 22px;
}

#osusumePublic {
	border: 1px #999 solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #eee;
	text-align: center;
	position: relative;
	margin-bottom: 20px;
}

#osusumePublic p {
	padding: 20px 0;
}

#osusumePublic p span {
	color: #f00;
	font-weight:bold;
	font-size: 14px;
}

#osusumePublic #closeA {
	position: absolute;
	padding: 0;
    right: 10px;
    top: 10px;
}

.closeB {
	display: none !important;
}

/* 4-1-2 */
#shopBestList {
	border: 1px #bbb solid;
}

#shopBestList .publicBox {
	border-top: 1px #bbb solid;
	padding: 30px 10px;
	text-align: center;
}

#shopBestList .publicBox h3 {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}

#shopBestList .publicBox p {
	line-height: 1.5;
	margin-bottom: 20px;
}

#shopBestList .publicBox p.checkError {
	color: #c00;
	font-weight: bold;
	padding: 5px 0 10px;
}

#shopBestList .publicBox ul {
	overflow: hidden;
}

#shopBestList .publicBox ul li {
	float: left;
	padding: 0 5px;
	width: 220px !important;
}

#shopBestList .publicBox ul li a {
	background: url(../img/campaign/allparts_campaign.png) 0 0 no-repeat;
	display: block;
	height: 60px;
	text-indent: -9999px;
	width: 221px;
}

#shopBestList .publicBox ul li.publish {
	padding-left: 10px;
}

#shopBestList .publicBox ul li.publish a {
	background-position: 0 -272px;
}

#shopBestList .publicBox ul li.publish a:hover {
	background-position: -221px -272px;
}

#shopBestList .publicBox ul li.private {
	padding-left: 150px;
}

#shopBestList .publicBox ul li.private a {
	background-position: 0 -205px;
}

#shopBestList .publicBox ul li.private a:hover {
	background-position: -221px -205px;
}

#shopBestList .publicBox ul.CooperationSet {
	margin-bottom: 15px;
}

#shopBestList .publicBox ul.CooperationSet li {
	width: 230px !important;
}

#shopBestList .publicBox ul.CooperationSet li.facebook {
	padding-left: 120px;
}

#shopBestList .publicBox ul.CooperationSet li label img {
	padding-left: 5px;
}

#shopBestList .publicBox .publicBoxSubmit {
	clear: both;
	margin: 0 auto 10px;
	width: 221px;
}

#shopBestList .publicBox .publicBoxSubmit input {
	cursor: pointer;
	border: 0;
	background: url(../img/campaign/allparts_campaign.png) 0 -135px no-repeat;
	display: block;
	height: 60px;
	width: 221px;
}

#shopBestList .publicBox .publicBoxSubmit input:hover {
	background-position: -221px -135px;
}

#shopBestList .publicBox .text {
	padding: 0;
	margin: 0;
}

.publicList {
	margin: 5px;
}

.publicList .content {
	overflow: hidden;
}

.odd {
	background:  #eee;
}

.publicList .content .info01 {
	float: right;
	padding: 15px 0 10px;
	width: 650px;
}

.publicList .content .info01 h2 {
	font-weight: bold;
	font-size: 16px;
}

.publicList .content .info02 {
	float: right;
	width: 650px;
}

.publicList .content .info02 p .txt01 {
	font-size: 10px;
	margin-right: 5px;
}

.publicList .content .info02 p .txt02 {
	color: #093;
}

.publicList .content .info02 p {
	float: left;
}


.publicList .content .info02 p.unclasp {
	float: right;
	padding: 0 10px;
}

.publicList .content .info02 p.publicListError {
	color: #c00;
	font-size: 12px;
	padding: 3px 0;
}

.publicList .content .img {
	float: left;
	padding: 10px;
    text-align: center;
    width: 80px;
}

/* PC5-1 */
#public #chottoGu #main {
	float: none;
	width: 950px;
}

#public .publicList .content .info01,
#public .publicList .content .info02 {
	overflow: hidden;
    width: 820px;
}

#public .publicList .content .info01 h2 {
	float: left;
}

#public .publicList .content .info01 p {
	float: right;
	padding-right: 10px;
}

#public .publicList .content .info01 .chottogu a {
	background: url("../img/campaign/chottogu.png") 0 0 no-repeat;
	display: block;
	height: 26px;
	text-indent: -9999px;
	width: 124px;
}

#public .publicList .content .info01 .chottogu a:hover {
	background-position: 2px 2px;
}

#public #chottoGu h1 img {
	float: none;
    margin-bottom: 20px;
}

#public #main h2.osusumeBest {
	background: none;
	padding-bottom: 5px;
	padding: 0;
}

#public #main h2.osusumeBest span {
	background: url("../img/campaign/allparts_campaign.png") -545px 0 no-repeat;
    padding: 3px 0 6px 20px;
	margin-left: 3px;
}


#public #main h2.osusumeBest span {
	color: #c00;
}

#public #shopBestList {
	clear: both;
}

#public #socialmedia {
	float: right;
	margin-bottom: 10px;
}

#public .bannerBox {
	text-align: center;
}

#public .bannerBox ul li {
    padding: 10px 0;
}

#public .osusumePrivate {
    font-size: 16px;
    font-weight: bold;
	padding: 30px 0 20px;
	text-align: center;
}

/* socialCooperation */
.socialCooperation {
	border: 1px #fac220 solid;
	margin-bottom: 15px;
}

.socialCooperation p {
	background: #fffde5;
	border-bottom: 1px #fac220 solid;
	padding: 5px;
}

.socialCooperation p span.question {
	padding: 0 5px 0 10px;
}

.socialCooperation .socialArea {
	background: #fff;
	padding: 5px;
}

.socialCooperation .socialArea p {
	border: none;
	background: #fff;
	padding: 10px 0 10px 40px;
}

.socialCooperation .socialArea p.not {
	color: #999;
}

.socialCooperation .socialArea p.not span {
	background: none;
}

.socialCooperation .socialArea p.facebookCooperation {
	background: url("../img/allparts.png") -20px -120px no-repeat;
	border-bottom: 1px #fac220 dashed;
}

.socialCooperation .socialArea p.twitterCooperation {
	background: url("../img/allparts.png") -20px -54px no-repeat;
}

.socialCooperation .socialArea p span {
	background: url("../img/allparts.png") 62px -183px no-repeat;
	padding: 5px 25px 5px 0;
}

/* 2012.08.21 */
.facebook {
	margin: 0 auto;
	width: 247px;
}

.facebook a {
	background: url("../img/facebook_bottom.png") 0 0 no-repeat;
	display: block;
	height: 33px;
	text-indent: -9999px;
	width: 247px;
}

.facebook a:hover {
	background-position: 0 -33px;
}

/* 2012.11.20 */
.twitter {
	margin: 0 auto;
	width: 247px;
}

.twitter a {
	background: url("../img/twitter_bottom.png") 0 0 no-repeat;
	display: block;
	height: 33px;
	text-indent: -9999px;
	width: 247px;
}

.twitter a:hover {
	background-position: 0 -33px;
}

/* 2013.02.13 icon_parts */
.info03 {
	float: right;
    padding: 0;
    width: 620px;
}

.info03 ul {
	display: block !important;
	overflow: hidden;
    padding: 5px 0 !important;
	width: auto !important;
}

.info03 ul li {
	float: right;
	padding: 0 5px;
}

/* rest_btn 2013.04.04 */
.box_rest {
	border: 1px solid #c6c6c6;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.textC {
	text-align: center;
}

.pd10a {
    padding: 10px !important;
}

.mt10 {
	margin-top: 10px;
}

.mg10b {
    margin-bottom: 10px !important;
}

.mg20b {
    margin-bottom: 20px !important;
}

.rest_btn a {
	background: url(../img/my_rest_btn.png) 0 0 no-repeat;
	display: block;
	margin: 0 auto;
	height: 45px;
	text-indent: -9999px;
	width: 227px;
}

.rest_btn a:hover {
	background-position: 0 -45px;
}

/* 2013.07.17 */
.mt3 {
	margin-top: 3px !important;
}

.mt5 {
	margin-top: 5px !important;
}

.detailedInformation {
	color: #999;
	font-size: 10px;
    float: right;
    width: 130px;
}

.detailedInformation p {
    margin-bottom: 6px;
}

.detailedInformation dl {
	background: #fff;
	border: 1px solid #eee;
	color: #333;
	height: 22px;
    position: relative;
}

.detailedInformation dl dd {
	background: none !important;
	border: none !important;
	width: 60px !important;
}

.detailedInformation dl dd ul {
	width: 56px !important;
}

* html .detailedInformation dl {
    padding-top: 1px;
}

.detailedInformation dl.coupon .pc span,
.detailedInformation dl.coupon .mobile span,
.detailedInformation dl.coupon .secret span,
.detailedInformation dl.coupon .wakeari span,
.detailedInformation dl.coupon .pc .disabled,
.detailedInformation dl.coupon .mobile .disabled,
.detailedInformation dl.coupon .secret .disabled,
.detailedInformation dl.coupon .wakeari .disabled,
#chottoGu #main .content .detailedInformation dt {
    background: url(../img/s.png) 0 0 no-repeat;
}

#chottoGu #main .content .info03 .detailedInformation dt {
    background-position: -820px -80px !important;
    font-size: 10px;
    height: 13px;
    left: 3px;
    padding: 2px 0;
    position: absolute;
    text-align: center;
    top: 4px;
    width: 55px;
}

.detailedInformation dd {
    font-size: 11px;
    line-height: 1.3;
    /*padding: 0 0 0 62px;*/
	top: 0;
	right: 0;
	position: absolute;
}

:first-child + html .detailedInformation .roomsAvailable dd {
    display: inline-block;
}

.detailedInformation dl.coupon li {
    float: left;
    height: 14px;
    padding: 0 4px 0 0;
    width: 14px !important;
}

.detailedInformation dl.coupon li span {
    display: block;
    height: 14px;
    text-indent: -4000px;
    width: 14px !important;
}

.detailedInformation dl.coupon .pc span {
    background-position: 0 0;
}

.detailedInformation dl.coupon .mobile span {
    background-position: -40px 0;
}

.detailedInformation dl.coupon .secret span {
    background-position: -80px 0;
}

.detailedInformation dl.coupon .wakeari span {
    background-position: -120px 0;
}

.detailedInformation dl.coupon .pc .disabled {
    background-position: -200px 0;
}

.detailedInformation dl.coupon .mobile .disabled {
    background-position: -240px 0;
}

.detailedInformation dl.coupon .secret .disabled {
    background-position: -280px 0;
}

.detailedInformation dl.coupon .wakeari .disabled {
    background-position: -320px 0;
}

.searchBox_detail .detailedInformation {
	float: none;
	overflow: hidden;
	width: auto;
}

.searchBox_detail .detailedInformation dl {
	float: left;
	margin-bottom: 7px;
	margin-right: 5px;
	min-height: 17px;
}

#couponBaloon {
	position: absolute;
	width: 129px;
}
#couponBaloon #couponBaloonText {
	background: #fff;
	border: 1px solid #c2c2c2;
	padding: 2px;
}
#couponBaloon #couponBaloonText p {
	border: 5px solid #ececec;
	display: none;
	font-size: 11px;
	line-height: 1.3;
	padding: 6px 8px;
}
#couponBaloon .pc p.pc,
#couponBaloon .mobile p.mobile,
#couponBaloon .secret p.secret,
#couponBaloon .wakeari p.wakeari {
	display: block !important;
}
#couponBaloon .pc p.pc {
	border-color: #fcd7d6 !important;
}
#couponBaloon .mobile p.mobile {
	border-color: #d9f2f9 !important;
}
#couponBaloon .secret p.secret {
	border-color: #ffedb7 !important;
}
#couponBaloon .wakeari p.wakeari {
	border-color: #ccedd6 !important;
}
.couponBaloonTick {
	display: block;
	overflow: hidden;
	position: relative;
	height: 10px;
	margin-top: -1px;
	zoom: 1;
	width: 100px;
}
* html .couponBaloonTick {
	float: left;
}
*:first-child+html .couponBaloonTick {
	float: left;
}
.couponBaloonTick .couponBaloonLeft,
.couponBaloonTick .couponBaloonLeft2 {
	border-right: 10px solid #c2c2c2;
	border-bottom: 10px solid transparent;
	display: block;
	height: 10px;
	left: 45px;
	margin-top: -16px;
	position: absolute;
	top: 1px;
	width: 10px;
}
* html .couponBaloonTick .couponBaloonLeft {
	border-bottom-color: fuchsia;
	filter: chroma(color=fuchsia);
}
.couponBaloonTick .couponBaloonLeft2 {
	border-right: 9px solid #fff;
	border-bottom: 9px solid transparent;
	left: 46px;
	top: 1px;
}
* html .couponBaloonTick .couponBaloonLeft2 {
	border-bottom-color: fuchsia;
	filter: chroma(color=fuchsia);
}
.couponBaloonTick .couponBaloonRight,
.couponBaloonTick .couponBaloonRight2 {
	border-left: 10px solid #c2c2c2;
	border-bottom: 10px solid transparent;
	display: block;
	height: 11px;
	left: 65px;
	margin-top: -16px;
	position: absolute;
	top: 1px;
	width: 10px;
}
* html .couponBaloonTick .couponBaloonRight {
	border-bottom-color: fuchsia;
	filter: chroma(color=fuchsia);
}
.couponBaloonTick .couponBaloonRight2 {
	border-left: 9px solid #fff;
	border-bottom: 9px solid transparent;
	left: 65px;
	top: 1px;
}
* html .couponBaloonTick .couponBaloonRight2 {
	border-bottom-color: fuchsia;
	filter: chroma(color=fuchsia);
}

/* 2014.06.16 */

#guide {
	text-align: center;
}

#guide h1 {
	margin: 80px auto;
	width: 903px;
}

#guide h1 img {
	float: none;
}

#guide .text {
	float: left;
	text-align: left;
	padding-top: 100px;
	width: 320px;
}

#guide .text h2 {
	font-weight: bold;
	padding-bottom: 15px;
}

#guide .text p {
	line-height: 1.8;
	padding-bottom: 15px;
}