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

@import url(import.css);

#leftArea h2{
font-size:18px;
text-indent:0px;
font-weight:bold;
display:block;
color:#000000;
padding:5px 0 5px 8px;
border-top: 1px #000000 solid;
border-bottom: 1px #000000 solid;
margin-bottom:5px;
}
#leftArea h3.subtitle{
font-size:16px;
text-indent:0px;
font-weight:bold;
color:#000000;
display:block;
padding:2px 0 2px 5px;
border-top: 1px #5A4F3A solid;
border-bottom: 1px #5A4F3A solid;
margin:15px 0 10px 0;
}

#leftArea #mainImg {
background-image:url(/images/support/mainImg.jpg);
}
#leftArea .movepages {
font-size:10px;
text-align:right;
margin:0 0 10px;
}
#leftArea .pagesAn {
font-size:10px;
text-align:right;
margin:0 0 5px;
}
#leftArea .pagesAn A {
color:#2A4B3F;
}

#leftArea .content {
margin:0 0 30px 0;
}
#leftArea .content p{
margin-bottom:10px;
}
#leftArea .content h3{
background-image:url(/images/support/info_title_bg.gif);
background-repeat: no-repeat;
color:#000000;
font-size:14px;
font-weight:bold;
text-indent:0px;
height:32px;
padding:5px 0 0 5px;
}

#leftArea .content h5{
font-size:14px;
font-weight:bold;
text-indent:0px;
height:32px;
}

#leftArea .content .Info{
margin-top:20px;
}
#leftArea .content .Info .imgR{
float:right;
width:180px;
text-align:right;
margin:0 5px 10px 5px;
}

#leftArea .content .Info p.infoTitle{
color:#006699;
font-weight:bold;
font-size:14px;
margin-bottom:10px;
}

#leftArea .content .leftxt{
float:left;
width:500px;
}

#leftArea .content .Info p.infoRead{
font-size:12px;
margin-bottom:15px;
}
p.img_hm{
float:left;
width:118px;
margin: 15px 30px 0px 30px;
_margin: 15px 0px 0px 15px;
}

.aisatsu{
font-size:12px;
margin: 15px 0px 15px 0px;
}

.hmText{
font-size:12px;
font-weight:bold;
margin:15px 0 0 0;
}

#leftArea .content .event{
margin-top:20px;
padding-bottom:20px;
background:url(/images/dress/TArea_dot_horizontal.gif) repeat-x bottom;
}
#leftArea .content .event .eveImgR{
float:right;
width:300px;
text-align:center;
}
#leftArea .content .event p{
width:380px;
font-size:12px;
margin-bottom:30px;
}

.event .eveImgL{
float:left;
width:280px;
text-align:center;
}
.event p.left{
float:left;
width:405px;
font-size:12px;
margin-bottom:30px;
}

#leftArea .content .part{
text-align:center;
margin:20px 0 0 0;
}
#leftArea .content .part p{
color:#332A2A;
font-size:12px;
letter-spacing:0.5px;
text-align:center;
margin:10px 0 0 0 ;
}

#leftArea .content .supportco{
border: 1px #477280 solid;
margin:15px;
width: 350px;
float:left;
}
#leftArea .content .supportco p{
padding:15px;
font-weight:bold;
}

/* T|[g */

#leftArea #mainImg_support{
background-image:url(/images/support/mainImg_support.jpg);
}

	ul.privacy {
	padding: 10px 0 0 30px;
	font-size: 12px;
	}
	ul.privacy li {
	margin: 0 0 5px 0;
	width: 288px;
	float: left;
	}
	ul.privacy li a{
	text-indent:0px;
	font-size:12px;
	}

/* VK */

	ul.member {
	padding: 10px 0 0 30px;
	font-size: 10px;
	}
	ul.member li {
	margin: 0 0 5px 0;
	float: left;
	}
	ul.member li a{
	text-indent:0px;
	font-size:12px;
	}
	ul.member li.left{
	width: 185px;
	}
	ul.member li.centre{
	width: 375px;
	}
	ul.member li.right{
	width: 65px;
	}

/* cX */

	table.joinmember {
	margin: 10px 0 0 25px;
	font-size: 10px;
	}
	table.joinmember th,
	table.joinmember td{
	padding: 0 0 8px 0;
	}

	table.joinmember td a{
	text-indent:0px;
	font-size:12px;
	}
	table.joinmember th.imgmark{
	width: 65px;
	}
	table.joinmember td.left{
	width: 160px;
	}
	table.joinmember td.centre{
	width: 350px;
	}
	table.joinmember td.right{
	width: 54px;
	}


/* ^EubNf?\ */

#leftArea #mainImg_townbook{
background-image:url(/images/support/mainImg_townbook.jpg);
}

.content .Info p.infoRead_book{
font-size:12px;
margin-bottom:30px;
}

.content .Info p.infoRead_book .lbtxt{
font-size: 14px;
font-weight: bold;
color:#E9546B;
}


	ul.bookinfo {
	padding: 10px 0 0 30px;
	font-size: 12px;
	}
	ul.bookinfo li {
	margin: 0 0 15px 0;
	float: left;
	}
	ul.bookinfo li.bookleft{
	width: 120px;
	font-weight:bold;
	color:#135266;
	}
	ul.bookinfo li.bookright{
	width: 480px;
	}
	
	Table.bookRL td{
	padding:0 25px 0 0;
	}


/* ^EubNf?\ */

#leftArea #mainImg_web{
background-image:url(/images/support/mainImg_web.jpg);
}


/* ^EubNf?\ */

.Area_01{
background-image:url(/images/support/area_01.jpg);
background-repeat: no-repeat;
height:380px;
}
.Area_01 p.AreaRead{
position: relative;
font-size:12px;
width:272px;
left:405px;
top:25px;
color:#164070;
}

.Area_02{
background-image:url(/images/support/area_02.jpg);
background-repeat: no-repeat;
background-position: right 20px;
height:380px;
}
.Area_02 p.AreaRead{
position: relative;
font-size:12px;
width:300px;
top:30px;
left:10px;
color:#164070;
}

.Area_03{
background-image:url(/images/support/area_03.jpg);
background-repeat: no-repeat;
background-position: left 20px;
height:395px;
}
.Area_03 p.AreaRead{
position: relative;
font-size:12px;
width:278px;
top:30px;
left:405px;
color:#164070;
}

.Area_04{
background-image:url(/images/support/area_04.jpg);
background-repeat: no-repeat;
background-position: right 10px;
height:470px;
}
.Area_04 p.AreaRead{
position: relative;
font-size:12px;
width:300px;
top:350px;
left:8px;
color:#164070;
}

.correct{
font-size:10px;
margin:15px 0 0 0;
}

.content .Info .support_btn{
margin:30px 0 15px 0;
text-align:center;
}

.Info .book_btn{
width:495px;
margin:30px 0 30px 0;
text-align:right;
}


.contact_btn{
margin:15px;
text-align:left;
}
.web_contact{
margin:85px 15px 15px 15px;
float:right;
width:271px;
}

/* 上段各ページリンク */

#leftArea #for-pagelink-block {
	width: 700px;
	background: url(../images/support/bg_for_supportlink.gif) repeat-y left top;
}

#for-pagelink-block .for-pagelink-inside{
	width: 675px;
	padding: 12px 0px 10px 25px;
}

.for-pagelink-inside ul.pagelink{
	color:#666666;
}

.for-pagelink-inside ul.pagelink li{
	float:left;
	font-size:10px;
	text-indent:0px;
	padding-bottom: 5px;
}
.for-pagelink-inside ul.pagelink li.linkleft {
	width: 230px;
	font-size:10px;
	text-indent:0px;
}
.for-pagelink-inside ul.pagelink li.linkcnt {
	width: 230px;
	font-size:10px;
	text-indent:0px;
}
.for-pagelink-inside ul.pagelink li.linkright {
	font-size:10px;
	text-indent:0px;
}

#for-pagelink-block .for-pagelink-inside li a{
	text-indent:0px;
	font-size:10px;
	text-decoration: none;
	color: #666666;
	background: url(../images/common/arrow_for_company.gif) no-repeat left 2px;
	padding: 0px 0px 0px 13px;
}

#for-pagelink-block .for-pagelink-inside ul li a:active {
	text-decoration: underline;
	color: #999999;
}

#for-pagelink-block .for-pagelink-inside ul li a:hover {
	text-decoration: underline;
	color: #666666;
}



/* mobile */


	/* 2010年タウンブック特典 */
	
	.mainImage1,
	.mainImage2 {
		border:#dddddd solid 1px;
		padding:17px;
	}
	.mainImage1 .title,
	.mainImage2 .title {
		margin-bottom:20px;
	}
	
	.mainImage1 {
	width:661px;
	margin:0 0 50px;
	}
		.mainImage1 table {
		width:600px;
		margin:0 0 20px 30px;
		}
			.mainImage1 table th,
			.mainImage1 table td {
			vertical-align:top;
			padding-bottom:5px;
			text-align:left;
			}
			.mainImage1 table th {
			width:90px;
			}
			.mainImage1 table td {
			font-size:10px;
			}
				.mainImage1 table td p.margin {
				margin:0 0 12px;
				}
				.mainImage1 table td p.list {
				background:url(/images/mobile/tokuten2_ss1_oubosaki_list.gif) no-repeat 0 0;
				padding:0 0 0 15px;
				display:block;
				}
				.mainImage1 table td p.left {
				float:left;
				display:block;
				width:220px;
				height:57px;
				}
	
	.mainImage2 {
	width:661px;
	margin:0 0 70px;
	}
		.mainImage2 .box {
		width:600px;
		margin:0 0 20px 30px;
		}
		.mainImage2 p.margin {
		margin:0 0 12px;
		}
		.mainImage2 ul {
		list-style:none;
		}
			.mainImage2 ul li {
			list-style:none;
			background:url(/images/mobile/tokuten2_ss2_list.gif) no-repeat 0 2px;
			padding:0 0 0 15px;
			margin:0 0 5px;
			font-size:10px;
			}
			.mainImage2 ul li a {
				text-indent:0 !important;
				line-height:150% !important;
				height:auto !important;
				font-size:10px !important;
				color:#e50065;
			}
		.mainImage2 p.fromhere {
		text-align:center;
		margin:0 0 12px;
		}
	


#leftArea .main_image_2 {
margin:0 0 30px;
}

#leftArea .main_imege_bg{
	background: url(../images/mobile/mainImg_mobile.jpg) no-repeat left top;
	width: 700px;
	height:470px;	
}

#leftArea .main_imege_bg ul{
	font-size:10px;
	color:#595757;
	font-weight:normal;
	padding:200px 0 0 38px;
	line-height: 18px;
	width:440px;
	letter-spacing: 0.2em;
}
	#leftArea .main_imege_bg li{
	list-style-type:disc;
	}
.category_btn{
margin:0 auto;
text-align:center;
width:640px !important;
}
.category_btn p{
	float:left;
	width:207px;
	margin: 0 3px;
}

#leftArea h3.title_dress{
	margin: 0 0 8px 20px;
	text-indent:-9999px;
	font-size:1px;
	background: url(../images/mobile/h3_title_dress.gif) no-repeat left top;
	height:43px;
}
#leftArea h3.title_place{
	margin: 0 0 8px 20px;
	text-indent:-9999px;
	font-size:1px;
	background: url(../images/mobile/h3_title_place.gif) no-repeat left top;
	height:43px;
}
#leftArea h3.title_etc{
	margin: 15px 0 8px 20px;
	text-indent:-9999px;
	font-size:1px;
	background: url(../images/mobile/h3_title_etc.gif) no-repeat left top;
	height:43px;
}

.tokuten_contents{
	margin: 0 0 40px 20px;
}
.tokuten_contents table{
	width:660px;
	font-size:12px;
	color:#3C3C3C;
	border-spacing:0;
	border-collapse:collapse;
}
.tokuten_contents th,
.tokuten_contents td {
	padding:6px 3px;
	vertical-align:top;
}
.tokuten_contents td.shop-name {
	width:183px;
}

.tokuten_contents td.small{
	font-size:10px;
	width:104px;
}
.tokuten_contents td.tel{
	font-size:12px;
	width:75px;
	text-align:center;
}
.tokuten_contents td .rstxt{
	font-size:10px;
	color:red;
}
.tokuten_contents td .list {
padding:0 0 0 12px;
background:url(/images/mobile/tokuten_listdot.gif) no-repeat 3px 5px;
}
.tokuten_contents th{
	vertical-align:top;
	width:14px;	
}

	.tokuten_contents table tr.gr {
		background:#eee;
	}

