@charset "utf-8";


/* style reset & defaul setting
----------------------------------------------------------- */
@import url("default.css");
@import url("common.css");



html, body{	height:100%; padding:0 15px; color:#666;}

div.section{ margin-bottom:40px;}

h1{ border-bottom:2px #3FB15C dotted; margin-bottom:20px; line-height:1.75em; font-size:138.5%; font-weight:bold; color:#666;}
h1 span{ font-size:77%; margin-left:10px;}
h2{ background:url(../img/background_border-radius.png) no-repeat; font-size:123.1%; font-weight:bold; padding-left:0.75em; line-height:1.5em; margin-bottom:0.75em;}

p{ line-height:1.7em;}

ul.ul_std{ margin-left:2em;}
ul.ul_std li{ font-size:93%; line-height:1.5em; margin-bottom:0.5em; list-style-type:disc;}
ul.ul_inline{}
ul.ul_inline li{ display:inline; margin-right:1em;}

ol{ padding-left:2em; line-height:1.5em;}
ol li{ margin-bottom:1em;}

dl.dl_std{}
dl.dl_std dt{ font-weight:bold; margin-bottom:1em;}
dl.dl_std dd{ margin-bottom:2.5em;}

table{ border:3px #ECECEC solid; color:#666; line-height:1.5em; width:100%; font-size:93%;}
table a{ color:#666; font-weight:bold;}
table th,
table td{ border-right:1px #ECECEC solid; border-bottom:1px #ECECEC solid; padding:1.5em 1.75em; vertical-align:top;}
table th{ background-color:#F5FBF7; width:110px;}

.img_border img{ padding:10px; border:1px #D6D6D6 solid;}



/* ------------------------------------------------------ *
	icon detail setting
 * ------------------------------------------------------ */

body.water h1{ color:#39F; background:url(../img/list_shop_water.png) no-repeat right center;}
body.electro h1{ color:#6CF; background:url(../img/list_shop_electro.png) no-repeat right center;}
body.atm h1{ color:#60DC23; background:url(../img/list_shop_atm.png) no-repeat right center;}
body.local h1{ color:#3FB15C; background:url(../img/list_shop_local.png) no-repeat right center;}
body.senior h1{ color:#F93; background:url(../img/list_shop_senior.png) no-repeat right center;}

div.box{ width:500px; margin:25px auto 40px; border:1px #D6D6D6 solid; background-color:#F9F9F9;}
div.box h3{ background-color:#999; color:#FFF; font-weight:bold; text-align:center; line-height:2em;}


body.water div.box dl{ padding:1.5em 7em;}
body.water div.box dl dt{ float:left; clear:both;}
body.water div.box dl dd{ padding-left:15em; margin-bottom:0.5em;}

div.box_water_use{}
div.box_water_use h3{ text-align:center; color:#39F; font-weight:bold; margin-bottom:20px;}
div.box_water_use ul{}
div.box_water_use ul li{ display:block; width:26.5%; height:330px; float:left; border:1px #D6D6D6 solid; margin:0 1%; padding:15px;}
div.box_water_use ul li.s01{ background:url(../img/background_icon_water1.jpg) no-repeat center bottom;}
div.box_water_use ul li.s02{ background:url(../img/background_icon_water2.jpg) no-repeat center bottom;}
div.box_water_use ul li.s03{ background:url(../img/background_icon_water3.jpg) no-repeat center bottom;}
div.box_water_use ul li h4{ color:#39F; font-size:131%; font-weight:bold; margin-bottom:15px;}
div.box_water_use ul li p{}


body.electro div.box p{text-align:center; margin:1.25em 0;}
body.electro div.box ul{ width:250px; margin:0 auto 15px; font-size:77%;}
body.electro div.box ul li{ margin-bottom:0.5em;}


body.senior div.box h4{ text-align:center; color:#F00; font-size:138.5%; line-height:3.5em;}
body.senior div.box strong{ font-size:138.5%; margin-left:5px;}
body.senior div.box p{ text-align:center; font-size:77%; margin-bottom:15px;}

ul.ul_pointcard_senior{ width:420px; margin:20px auto 0;}
ul.ul_pointcard_senior li{ display:block;}
ul.ul_pointcard_senior li.s01{ float:left; width:253px;}
ul.ul_pointcard_senior li.s02{ float:right; width:131px;}
ul.ul_pointcard_senior li p{ font-size:85%; margin-top:0.3em;}