/*---------------------------------------*/
/*   　　　　　　メインCSS 　　　　 　   */
/*---------------------------------------*/

#top {
	width:693px;
	/*background:#fff;*/
	text-align:left;
	line-height:1.6em;
	/*margin:0 14px 10px 0;*/
	float:left;
}

#top a:link { color:#84b91c; }

#top a:hover { color:#36C; }

#date {
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}

#main {
	width:653px;
	float:left;
	background:#fff;
	text-align:left;
	line-height:1.6em;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-bottom: 10px;
}

#contents { width:650px; }

#contents a:hover {
	color:#36C;
	background:#d2e9ef;
}

#contents td { line-height:18px; }

.detail {
	margin:10px 0 10px 10px;
	color:#000;
}

.detail a:hover { background:#5ca0bc; }

#pankuzu {
	font-size:10px;
	color:#999;
}

/*/////////////　TOP　/////////////*/

#whatsnew {
	width:95%;
	height:96px;
	font-size:11px;
	line-height:16px;
	margin:0 auto 30px auto;
	overflow:auto;
}

#whatsnew a:hover {
	color:#000;
	background:#c1e2f1;
}

#whatsnew ul { margin-left:5px; }

#whatsnew li {
	border-bottom:1px solid #ddd;
	padding:3px 0;
}

#weekshop {
	background:#fff url(../img/tit/shop.gif) no-repeat;
	margin:10px 0;
	padding-top:5px;
	padding-left:2px;
}

.shop_box {
	width:160px;
	float:left;
	margin:20px 0 3px 6px;
}

.shop_box_first {
	width:160px;
	float:left;
	margin:20px 0 3px 12px;
}

.shop_box a img,
.shop_box_last a img,
.shop_box_first a img {
	width:150px;
	height:100px;
	margin-bottom:3px;
	padding:2px;
	border:1px solid #ccc;
}

.shop_box_last {
	width:160px;
	float:left;
	margin:20px 0 3px 6px;
}

.shop_info {
	font-size:11px;
	line-height:13px;
	margin:6px;
	text-align:left;
}

.shop_info a {
	font-size:10px;
	color:#ea5404;
	text-decoration:underline;
}

/*Pick up*/

.pickUp {
	width:663px;
	margin-left:15px;
}

.pickUp a {
	display:block;
	width:213px;
	height:202px;
	float:left;
	margin-right:8px;
}

.pickUp a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

.box_wrap {
	width:200px;
	margin-left:15px;
	font-size:11px;
	float:left;
}

.box_wrap2 {
	width:450px;
	margin:0 13px 30px 0;
	float:right;
}

.half_box a {
/*	width:141px;
	height:108px;*/
	float:left;
	display:block;
	border:2px solid #ccc;
	margin:6px 10px 5px 0;
}

.half_box2 a {
/*	width:141px;
	height:108px;*/
	float:left;
	display:block;
	margin:6px 0 5px 0;
	border:2px solid #ccc;
}

.half_box a:hover,
.half_box2 a:hover {
/*	width:141px;
	height:108px;*/
	display:block;
	border:2px solid #04a7e6;
}

/*Features*/
#feature { 
	margin-left: 10px;
}

#feature a {
	width:320px;
	height:130px;
	float:left;
	display:block;
	border:2px solid #ccc;
	margin:6px 0 5px 7px;
}

#feature a:hover {
	width:320px;
	height:130px;
	display:block;
	border:2px solid #04a7e6;
}

/* 今日・明日のイベント */
#event {
	width:692px;
	margin-top:2px;
	margin-bottom:20px;
}

#event img { vertical-align:bottom; }

#ev_today {
	width:378px;
	margin-left:1px;
	float:left;
}

#ev_today_box {
	width:377px;
	height:155px;
	border-right:1px dotted #ccc;
	background:#ccecf5;
}

#ev_tommorow {
	width:312px;
	float:right;
}

#ev_tommorow_box {
	width:312px;
	height:155px;
	background:#e1f2f7;
}

#ev_today li,
#ev_tommorow li {
	font-size:10px;
	padding:0 10px 3px 10px;
}

/*/////////////　ABOUT　/////////////*/
 
#archives img { margin-bottom:2px; }

.archives {
	width:170px;
	margin-right:15px;
	font-size:10px;
	line-height:12px;
}

#howto {
	font-size:11px;
	color:#555;
	line-height:14px;
}

#howto li {
	margin-top:10px;
	margin-left:5px;
}

/*/////////////　GUIDEBOOK　/////////////*/

#guidebook li {
	list-style-image:url(../img/ico/list_bg.gif);
	margin:0 0 0 20px;
}

/*/////////////　PERTNERS　/////////////*/
 
#pertners td {
	font-size:10px;
	padding-bottom:10px;
}

#pertners td a { color:#666; }

/*/////////////　EVENT　/////////////*/

#ev_caption {
	background:#ddd;
	color:#333;
	line-height:18px;
	padding:15px;
	margin-bottom:10px;
}

/* イベント一覧ページ */

.ev_list {
	width:630px;
	margin:10px;
	background:url(../img/line_dot.gif) bottom repeat-x;
	padding-bottom:10px;
}

.ev_list td {
	font-size:12px;
	color:#000;
	line-height:16px;
}

.ev_list td.ev_image { padding-right:8px; }

.ev_list td.ev_image a {
	display:block;
	width:114px;
	height:114px;
	border:3px solid #ccc;
	margin:0;
	padding:0;
}

.ev_list td.ev_image a:hover {
	display:block;
	width:114px;
	height:114px;
	border:3px solid #04a7e6;
}

.ev_day {
	width:500px;
	background:url(../img/shop/bg.jpg) bottom repeat-x;
	font-size:12px;
	font-weight:bold;
	font-family:sans-serif, Arial, Georgia, "Times New Roman", "ＭＳ Ｐゴシック";
	padding:3px 3px 3px 7px;
	margin:0 0 15px 0;
}

.ev_day a {
	font-size:12px;
	color:#04a7e6;
}

.ev_day a:hover {
	font-size:12px;
	color:#000;
	background:#c1e2f1;
}

.ev_day div {
	background:#fff;
	font-size:10px;
	color:#777;
	margin-bottom:3px;
	border-bottom:1px dotted #aadde8;
	padding:0 3px 2px 3px;
}

.ev_exp { margin-left:10px; }

#ev_cat {
	width:500px;
	font-size:11px;
	line-height:18px;
	font-family:Arial, Georgia, "Times New Roman", Times, serif;
	margin-top:10px;
	padding-left:10px;
}

#ev_cat img { vertical-align:middle; }

#ev_cat div {
	margin-right:30px;
	float:left;
}

#ev_cat a:hover { background:none; }

/*　詳細ページ　*/

.outline {
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	background: url(../img/bg_green.gif);
}

.outline img {
	border:1px solid #bbb;
	padding:2px;
	margin:1px;
}

.Summary {
	width:100%;
	margin-bottom:15px;
}

.Summary .mainImg {
	position:relative;
	margin-left:-20px;
	margin-bottom:15px;
}


.Summary a:hover {
	color:#000;
	background:#c1e2f1;
}

.Summary .image {
	width:240px;
	float:left;
	margin-right:10px;
	background: url(../img/bg_green.gif);
	word-wrap: break-word;
}

.Summary .image2 {
	width:300px;
	float:left;
	margin-right:10px;
	background: url(../img/bg_green.gif);
	word-wrap: break-word;
}

.Summary .txt {
	width:400px;
	float:right;
	margin-right:0px;
}

/*.Summary .txt {
	width:340px;
	float:right;
	margin-right:0px;
}
*/

/*/////////////　PRESENT　/////////////*/

div.present {
	border:#bbb solid 1px;
	padding:10px;
	margin-bottom:20px;
}

.presentimg {
	float:left;
	border:#ccc solid 2px;
	margin-right:10px;
}

div.present h3 {
	height:19px;
	margin:0 0 15px;
	padding:3px;
	vertical-align:bottom;
	font-size:13px;
	background:url(../img/line_dot.gif) bottom repeat-x;
}

div.present h3 img { vertical-align:bottom; }

div.present h3 .h3_left {
	float:left;
	color:#a71176;
}

div.present h3 .h3_right {
	float:right;
	color:#C00;
}

div.present div div {
	float:left;
	line-height:18px;
	width:330px;
}

p.btn {
	text-align:right;
	margin:10px auto 0;
}

.pre_box {
	padding:10px 0 10px 0;
	margin:0 0 10px 0;
	line-height:18px;
	background: url(../img/bg_green.gif);
}

.pre_box form { padding-left:15px; }

/*/////////////　WEEKSHOP　/////////////*/

.shops img {
	padding:3px;
	border:1px solid #ccc;
}

/*/////////////　WEEK MAP　/////////////*/

#map_box {
	width:650px;
	height:415px;
	background:url(../img/map/bg.gif) no-repeat;
	padding:10px 0 0 10px;
}

#map {
	width:510px;
	height:404px;/*border:1px solid #ccc;*/
}

/*/////////////　SNAP　/////////////*/
#snap img {
	border:1px solid #ccc;
	padding:1px;
}

#snap td a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

/*/////////////　REMAKE　/////////////*/

.re_left {
	width:319px;
	height:340px;
	border:1px solid #ccc;
	margin:0 0 10px 0;
	float:left;
}

.re_right {
	width:319px;
	height:340px;
	border:1px solid #ccc;
	margin:0 0 10px 0;
	float:right;
	text-align:left;
}

.re_left div.pad15,
.re_right div.pad15 { padding:10px 15px; }

/*/////////////　INTERVIEW　/////////////*/
.interview p {
	margin:0 1.5em 1.5em 1.5em;
	line-height:18px;
}

div.profile {
	margin:0;
	padding:10px;
	font-size:11px;
	width:220px;
}

div.profile h3 {
	font-size:14px;
	color:#04a7e6;
	margin:0 auto 0.7em;
}

div.profile h2 {
	font-size:12px;
	color:#e4007f;
	margin:0 auto 0.3em;
}

.q {
	background:url(../feature/images/interview/bg_q.gif) 0 0 no-repeat;
	padding:0 0 0 40px;
	margin:0 0 1em;
	font-size:13px;
	color:#00aeec;
}

.a {
	background:url(../feature/images/interview/bg_a.gif) 0 0 no-repeat;
	padding:0 0 20px 40px;
	margin:0 0 1em;
}

.interview .caption {
	font-size:14px;
	color:#04a7e6;
	font-weight:bold;
}

.shopdata {
	width:280px;
	background: url(../img/bg_green.gif);
	font-size:11px;
	padding:10px;
	word-wrap: break-word;
}

.step {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	background:#e4007f;
	padding:3px;
}

/*---------------------------------------*/
/*   　　　 　よく使うクラス 　　　 　   */
/*---------------------------------------*/

.optional { padding:10px; }

.tbl_l {
	background:#eee url(../img/line_tbl.gif) bottom repeat-x;
	padding:5px;
	line-height:17px;
}

.tbl_r {
	background:#fff url(../img/line_tbl.gif) bottom repeat-x;
	padding:5px;
	line-height:17px;
}

.pad5 { padding:5px; }

.dotline {
	width:650px;
	height:20px;
	background:url(../img/line_dot.gif) center repeat-x;
}

.attention {
	width:537px;
	padding:10px;
	background: url(../img/bg_green.gif);
}

.gotop {
	text-align:right;
	margin:5px 0 15px 0;
	padding:5px 10px 0 0;
	font-size:10px;
}

.gotop2 {
	text-align:right;
	margin-bottom:10px;
	padding:0 10px 0 0;
	font-size:10px;
}

.goback {
	width:650px;
	text-align:left;
	margin:20px 0 10px 0;
	padding-top:5px;
	font-size:10px;
	background:url(../img/line_dot.gif) top repeat-x;
}

.border { border:1px solid #ccc; }

.flo_l { float:left; }

.hr {
	height:10px;
	background:url(../img/line_tbl.gif) center repeat-x;
}

h3.title {
	background-image:url(../img/title.gif);
	background-repeat:no-repeat;
	width:650px;
	height:28px;
	margin:0 auto 10px;
	color:#04a7e6;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	text-indent:16px;
	line-height:28px;
}

/*/////////////　FONT　/////////////*/
 
.txt_s {
	font-size:10px;
	color:#555;
	line-height:12px;
}

.txt_xs {
	font-size:10px;
	color:#999;
	letter-spacing:-1px;
	line-height:12px;
}

.txt_l { font-size:16px; }

.col_00 { color:#000; }

.col_01 { color:#04a7e6; }

.col_02 { color:#CC0000; }

.col_03 { color:#e4007f; }

.col_04 { color:#444; }

.col_05 { color:#555; }

.col_06 { color:#fd6c85; }

.size_10 { font-size:10px; }

.size_11 { font-size:11px; }

.size_12 { font-size:12px; }

.size_13 { font-size:13px; }

.pict {
	margin-right:5px;
	margin-bottom:5px;
}

.pict2 { margin-bottom:5px; }

.pict3 { vertical-align:bottom; }

.clear { clear:both; }

#subfeat {
	background-image: url(../feature/images/remake/bg_h3.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin-left: auto;
	padding-left: 10px;
	font-size: 16px;
	width: 640px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0099FF;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin-right: auto;
	margin-top: 20px;
	font-weight: bold;
}

.pastsnap {
	font-size: 16px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
