@charset "utf-8";
/* CSS Document */

#atklist_wrap {
	width: 917px;
	margin: 5px 0 0 16px;
}


#atklist_hnavi {
	width: 917px;
	height: 50px;
}

#atklist_hnavi ul li {
	float: left;
}

#atklist_procedure {
	margin: 15px 0 15px 14px;
}

#atklist_procedure ol li {
	line-height: 0;
}

#atklist_wrap h3 {
	margin: 0 0 0 4px;
}

#sh_data {
	border-left: 1px solid #c74ba3;
	border-right: 1px solid #c74ba3;
	border-bottom: 1px solid #c74ba3;
}

#ik_data {
	border-left: 1px solid #fd9800;
	border-right: 1px solid #fd9800;
	border-bottom: 1px solid #fd9800;
}

#sa_data {
	border-left: 1px solid #5bcb5b;
	border-right: 1px solid #5bcb5b;
	border-bottom: 1px solid #5bcb5b;
}

#ni_data {
	border-left: 1px solid #33baf1;
	border-right: 1px solid #33baf1;
	border-bottom: 1px solid #33baf1;
}


.atklist_data {
	width: 895px;
	padding: 6px;
	margin: 0 0 0 4px;
	background: url(../images/data_bg.gif);
}

.atklist_data table {
	width: 891px;
	background: white;
	border-top: 1px dashed #231815;
	border-left: 1px dashed #231815;
}

.atklist_data table td {
	vertical-align: top;
	border-right: 1px dashed #231815;
	border-bottom: 1px dashed #231815;
}

.atklist {
	width: 220px;
	min-height: 121px;
	_height: 121px;
	padding: 1px;
	/*overflow: hidden;*/
	position: relative;
}

.atklist p {
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	text-align: left;
}

/* 開催期間 */
.atklist p.per {
	padding-left: 4px;
	font-size: xx-small;
	background: #c6c6c6;
	margin-bottom: 5px;
}

/* ショップロゴ */
.atklist p.logo {
	float: left;
	width: 74px;
	margin: 0 0 0 5px;
	_display: inline;
}

.atklist p.logo img {
	border: 1px dashed #c6c6c6;
}

/* ショップ名と内容のくくり */
.shop_data {
	float: right;
	width: 131px;
	margin-right: 4px;
	_display: inline;
	padding-top: 1px;
}

/* ショップ名 */
.atklist p.shop {
	font-size: x-small;
	font-weight: bold;
	line-height: 1.1;
	margin-bottom: 6px;
}

/* 内容 */
.atklist p.text {
	line-height: 1.1;
	font-size: x-small;
	color: #e4007f;
}

/* ショップ名が長い場合 */
.atklist p.text2 {
	line-height: 1.1;
	font-size: x-small;
	color: #e4007f;
}

/* ボタン */
.atklist p.btn {
	clear: both;
	text-align: center;
	padding-top: 5px;
	_padding-top: 0;
	margin-bottom: 2px;
}


#atklist_fnavi {
	width: 917px;
	height: 53px;
	margin: 23px 0 15px;
}

#atklist_fnavi ul li {
	float: left;
}

.annotation {
	width: 888px;
	padding: 0 0 12px;
	margin: 15px 0 15px 14px;
	background: url(../images/anno_bg.gif);
}

.annotation p {
	color: white;
	margin: 0 15px;
}

/*============================================
メインイメージ
==============================================*/

#altokuImage2{
	margin:0 0 14px 27px;
	width:615px;
	height:194px;
	line-height:0;
	font-size:0;
}


/*============================================
アルトク！とは？
==============================================*/

#whatsAltoku2{
	width:615px;
	margin:0 0 21px 27px;
	padding-bottom: 21px;
	background:url(../images/about_bg.gif) ;
}

#whatsAltoku2 p{
	font-size:1.2em;
	margin:0 30px 12px 30px;
}

#whatsAltoku2 em{
	font-style:normal;
	font-weight:bold;
	color:#0099FF;
}

#whatsAltoku2 ul{
	list-style:none;
	background:#FFCC00;
	width:542px;
	padding:10px;
	margin:0 30px;
	font-size:100%;
}

#whatsAltoku2 ul li{
	line-height:1.8;
}

/*============================================
アルトク！の使い方
==============================================*/

#stepFlow2{
	margin:0 0 0 27px;
	width:615px;
	background:url(../images/about_bg.gif) ;
}

#stepFlow2 .stepBox{
	clear:both;
}

#stepFlow2 .stepBox .stepArrow{
	float:left;
	width: 121px;
}
#stepFlow2 .stepBox .txtSet{
	float:right;
	width: 494px;
}


#stepFlow2 .step1 .mobile{
	background:#FFF;
	width:432px;
	overflow:hidden;
	border:1px solid #CCC;
	padding:10px;
	margin:0 0 0 23px;
}

#stepFlow2 .step1 .mobile img.qr_img{
	float:left;
	width: 58px;
	padding-right:10px;
}

#stepFlow2 .step1 .mobile p{
	float:right;
	width: 350px;
	padding-right:10px;
}

#stepFlow2 .step2 p,
#stepFlow2 .step5 p{
	margin:10px 0 0 23px;
}

#stepFlow2 .step2 p strong {
	font-size:120%;
}

#stepFlow2 .step2 p a{
	font-weight:bold;
}

#stepFlow2 .step5 p{
	font-weight:bold;
}





p#toListLink {
	margin-left: 47px;	
}



.mitei {
	background: #CF0 !important;
}