/*PC用*/

body{
    font-family: "メイリオ","MS PGothic","Hiragino Kaku Gothic Pro","Lucida Grande",sans-serif,Helvetica,Verdana;
	font-size:13px;
}

.gaiyou{
	overflow:hidden;
	padding:3% 0%;
}

ol, ul{
    list-style: outside none none;
}


div.contentTtl{
    background: rgba(0, 0, 0, 0) url("http://www.able.co.jp/common2/images/frame/bg_h2_03.gif") no-repeat scroll left center;
    line-height: 35px;
    margin: 0;
    min-height: 35px;
    padding-left: 25px;
    padding-right: 10px;
	max-width:900px;
	margin:0 auto;
}


h2 {
    color: #333333;
	font-size:100%;
	text-shadow:none;
	border:none;
	padding:0;
	margin:0;
	text-align:left;
	padding-left: 10px!important;
}

.area_wrapper{
	max-width:926px;
	width:84.2%;
	margin:0 auto;
}

h3.h3Ttl {
    background-image: url("http://www.able.co.jp/common2/images/frame/bg_h3_02.gif");
background-repeat:no-repeat;
    clear: both;
    color: #00764e;
    line-height: 32px;
    margin-top: 16px;
    min-height: 32px;
	text-align:left;
	padding:0 10px 0 14px;
}


div.smShopBox{
    padding-top: 20px;
}


div.smMainBox{
    border-left: 1px solid #e0dece;
    border-right: 1px solid #e0dece;
    padding-top: 15px;
    width: 100%;
	margin:0 auto;
}


div.smMainBox ul{
    width: 100%;
	margin-left: 20px;
	overflow:hidden;
}

div.smShopBox ul li{
    background: rgba(0, 0, 0, 0) url("http://www.able.co.jp/common2/css/images/arr_n.gif") no-repeat scroll 0 3px;
    display: block;
    float: left;
    /*height: 2.4em;*/
    padding: 0 0 6px 16px;
    width: 168px;
	font-size:120%;
}


.innerImg {
    clear: both;
    font-size: 3px;
    height: 5px;
}

.innerImg img{
	width:100%;
}



/*アコーディオン制御*/
.menu{
	max-width:926px;
	width:84.2%;
	margin:0 auto;
	clear:both;
}

label{
    background: green;
    color: #333;
    display: block;
	background: rgba(0, 0, 0, 0) url("http://www.able.co.jp/common2/images/frame/bg_h4_03.gif") no-repeat scroll left center;
    border: medium none;
    clear: both;
    line-height: 30px;
    margin-bottom: 0;
    min-height: 30px;
    padding: 0 10px 0 20px;
	font-weight:bold;
	font-size:100%;
	margin-top:16px;
}

input[type="checkbox"].on-off{
    display: none;
}

.menu ul{
	width: 96%;
	margin:12px auto 20px auto;
	overflow:hidden;
}

.menu ul li{
	width: 296px;
	height: 2.5em;
    display: block;
    float: left;
    margin-top: 10px;
    white-space: nowrap;
}

.menu ul li a{
	background-image:url("http://www.able.co.jp/common2/images/icon_shop.gif");
	background-repeat:no-repeat;
	background-position:right;
	padding-right:25px;
}


.menu ul li a:link{
    color: #073e6b;
    text-decoration: underline;
}


.top_link{
	clear:both;
	display:none;
}

/*スマートフォン用*/
@media only screen and (max-width: 480px) { 

body{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",ArialMT,sans-serif;
}

div.contentTtl {
	background:none;
	background-color:#006844;
    line-height:inherit;
    min-height:inherit;

    /*border-bottom: 1px solid #ededed;*/
    color: #ffffff;
    font-size: 140.6%;
    line-height: 0.5;
    margin: 0;
    padding:0;
    text-align: center;
    width: 100%;
}

h2 {
    color: #fff;
	padding: 17px 0;
	margin:0;
	border:none;
	text-shadow:none;
}


.gaiyou{
	overflow:hidden;
	margin:0 auto;
	padding-top:0px;
}


.area_wrapper{
	display:none;
}



.top{
}




.top h3.h3Ttl {
	background:none;
	background-color:#006844;

    /*border-bottom: 1px solid #ededed;*/
    color: #ffffff;
    font-size: 100%;
    margin: 0;
    padding:0;
    text-align: center;
    width: 100%;
}


/*都道府県選択アコーディオン制御*/

.top .area_wrapper{
	display:block;
	width:100%;
}

.top div.smShopBox{
    padding-top: 0px;
}


.top div.smMainBox{
    width: 100%;
}


.top div.smMainBox ul{
	width:100%;
	padding:0;
	margin:0;
	overflow:hidden;
	border-style:solid;
	border-color:#CCC;
	border-width:0 1px 0 1px;
}

.top div.smShopBox ul li{
	clear:both;
	background:none;
	width:100%;
	padding: 0;
	margin:0;
	border-style:solid;
	border-color:#CCC;
	border-width:0 0 1px 0;
}

.top div.smShopBox ul li a{
	background: #f5f5f5 url("http://www.m1.able.co.jp/sp/ab/renew_2013/images/dd_link.png") no-repeat scroll right center / 29px 16px;
    color: #000;
    display: block;
    font-size: 120%;
    line-height: 0.45;
    margin: 0;
    padding: 20px 2%;
    width: 100%;
	text-decoration:none;
}



/*店舗アコーディオン制御*/
label{
	/* background-image:none; */
	/* background: #ffffff url("http://www.m1.able.co.jp/sp/ab/renew_2013/images/dt_open.png") no-repeat scroll right center / 32px 19px; */
    background-color: #ffffff;
    background-image: url("http://www.m1.able.co.jp/sp/ab/renew_2013/images/dt_open.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 32px 19px;
    border-bottom: 1px solid #ededed;
    cursor: pointer;
    font-size: 150%;
    font-weight: normal;
    line-height: 0.409;
    margin: 0;
    padding: 20px 3%;

	color:#333;
}


.menu{
	width:99%;
	border-style:solid;
	border-color:#dcdcdc;
	border-width:0 1px 0 1px;
}

input[type="checkbox"].on-off{
    display: none;
}

.menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    list-style: none;
    border: medium none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.menu ul li {
	float:inherit;
	border-bottom: 1px solid #ededed;
	width:100%;
	padding:0;
	margin:0;
	height:auto;
}

.menu ul li a,
.menu ul li a:link{
	background: #f5f5f5 url("http://www.m1.able.co.jp/sp/ab/renew_2013/images/dd_link.png") no-repeat scroll right center / 29px 16px;
    color: #000;
    display: block;
    font-size: 100%;
    line-height: 0.45;
    margin: 0;
    padding: 20px 2%;
    width: 100%;
	text-decoration:none;
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: auto;
}



.top_link{
	clear:both;
	display:block;
	text-align:center;
	font-weight:bold;
	padding-top:12px;
}


}