/*=====================================
『エコアクション』スタイルシート
=====================================*/

@import "../common/css/common.css";
@import "../common/css/cont_style.css";


/*-- #contents
--------------------*/
h1{}
h2{background-position:0 -100px;}
h3{}


/*-- トップページ --*/
.acttop h1{margin-bottom:0;}
.acttop h2{}
.left-cont{float:left;width:474px;padding:0;}
.right-cont{float:right;width:227px;}
.acbox{width:221px;border:3px solid #FFB9B9;text-align:center;}
*html .acbox{width:227px;}
.acbox dl{width:190px;margin:0 auto;text-align:left;}
.acbox dt{color:#FF6666;font-weight:bold;}
.acbox dd{margin:0;padding:0.5em 55px 20px 0;background:url('img/eco_ani_mini.gif') no-repeat right center;}
.acbox p{width:190px;margin:1em auto 0 auto;text-align:left;}
.acbox p.btn-report,#contents .acbox p.btn-mypage,#contents .acbox p.btn-entry{margin:0 auto;width:180px;height:44px;text-indent:-5555px;overflow:hidden;}
.acbox p.btn-report{margin:5px auto 0 auto;}
.acbox p.btn-report a{margin:0 auto;background:url('img/btn_report_off.gif') no-repeat;width:180px;height:44px;display:block;}
.acbox p.btn-report a:hover{background:url('img/btn_report_on.gif') no-repeat;}
.acbox p.btn-mypage{margin:5px auto;}
.acbox p.btn-mypage a{margin:0 auto;background:url('img/btn_mypage_off.gif') no-repeat;width:180px;height:44px;display:block;}
.acbox p.btn-mypage a:hover{background:url('img/btn_mypage_on.gif') no-repeat;}
.acbox p.btn-entry{margin:5px auto;}
.acbox p.btn-entry a{margin:0 auto;background:url('img/btn_entry_off.gif') no-repeat;width:180px;height:44px;display:block;}
.acbox p.btn-entry a:hover{background:url('img/btn_entry_on.gif') no-repeat;}
.right-cont .box{margin:10px auto;width:227px;padding:10px 0;background:#eee;}
.right-cont .box p{margin:0 10px !important;}

p#stamp-btn{width:195px;height:54px;}
p#stamp-btn a{height:54px;text-indent:-9000px;display:block;background:url('img/stamp_off.jpg') top no-repeat;overflow:hidden;}
p#stamp-btn a:hover{background:url('img/stamp_on.jpg') top no-repeat;}

p#report-btn{width:195px;height:54px;}
p#report-btn a{height:54px;text-indent:-9000px;display:block;background:url('img/report_off.jpg') top no-repeat;overflow:hidden;}
p#report-btn a:hover{background:url('img/report_on.jpg') top no-repeat;}


/*-- ご利用上の注意 --*/


/*-- 集計結果 --*/
.graph{float:right;margin:1em 0 1em 1em;}
.graph p{border:1px dotted #ccc;padding:1em;}

.calendar{border:1px solid #999;border-collapse:collapse;margin-top:2em;}
.calendar th{border:1px solid #999;padding:2px 7px;background:#D5EAFF;font-weight:bold;white-space:nowrap;text-align:center;}
.calendar td{border:1px solid #999;padding:2px 7px;text-align:right;}
.calendar .date{text-align:left;background:#FFC;white-space:nowrap;}
.calendar .month{background-color:#D5EAFF;text-align:center;}
.calendar .sp{background-color:#F4F9FF;}

.calendar-a{width:45%;border:1px solid #999;border-collapse:collapse;margin:2em 0.5em 0 0.5em;float:left;}
.calendar-a th{border:1px solid #999;padding:2px 7px;background:#FFC;font-weight:bold;white-space:nowrap;text-align:center;}
.calendar-a td{white-space:nowrap;height:3.5em;border:1px solid #999;padding:2px 7px;text-align:left;}
.calendar-a .month{background-color:#D5EAFF;text-align:center;}
.calendar-a .num{display:block;text-align:right;font-weight:bold;}


/*-- マイページ --*/
.infobox{background:#EFF8FF;border:dotted #9CF;margin:15px 15px 0 15px;padding-bottom:10px;}


/*-- リスト --*/
ol{margin:10px 0 0 3.5em;}
ol li{margin-bottom:0.5em;line-height:140%;}
/*-- list --*/
ul.list01 li{background:url('../img/icon-arr01.gif') no-repeat left 5px;padding:0 0 0 17px;list-style:none;}
ul.list02 li{background:url('../img/h3-bg.gif') no-repeat left 5px;padding:0 0 0 17px;list-style:none;}


dd{margin:0.5em 0 0.5em 1.5em;}
dd ul{margin-left:0;}
dd.box-d{background:#FFFFDF;padding:7px;border-top:1px solid #D5EAFF;border-bottom:1px solid #D5EAFF;width:35em;}
dd.box-d2{background:#FFFFDF;padding:7px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;width:35em;}

a.link-e1{background:url('img/icon_hp_1.gif') top left no-repeat;padding:2px 0 2px 22px;}
a.link-e2{background:url('img/icon_hp_2.gif') top left no-repeat;padding:2px 0 2px 22px;}
a.link-e1s{background:url('img/icon_hp_1s.gif') top left no-repeat;padding:0 0 2px 16px;}
a.link-e2s{background:url('img/icon_hp_2s.gif') top left no-repeat;padding:0 0 2px 16px;}

.ind{margin-left:1em;margin-top:1em;font-size:90%;}
.ind p{text-indent:-1em;margin-top:0;}


/*引継ぎ*/
.b{font-weight:bold;}
.clear-l{clear:left;}
.clear-r{clear:right;}
.clear{clear:both;}
.no-mark{list-style:none;margin:0;}
dl ul.no-mark li{margin:0}
.paging{margin:0 0 0 1em;}
.back{float:left;margin:0;}
.next{float:right;margin:0;}
.paging hr{clear:both;border:1px solid #fff;}
.box1{border:1px solid #ddd;padding:5px;}
hr.clear{border:1px solid #fff;height:0;}

/*-- フォーム --*/
.must{color:red;font-size:80%;}/*--必須マーク--*/
.caution{font-size:80%;color:#555;}
.form-mess{font-size:110%;font-weight:bold;color:#333;}
.ecoform{}

.ecoform .list-4 dd{margin-bottom:1.5em;}
.ecoform .list-7{margin-bottom:2em;}
.ecoform .list-7 dt{clear:left;background:url('../img/sq_7.gif') no-repeat left center;padding:0 0 0 17px;float:left;margin-right:1em;}
.ecoform .list-7 dd{margin-bottom:0.5em;}

.list-4 dt.fl{clear:left;background:url('../img/sq_5.gif') no-repeat left center;padding:0 0 0 17px;float:left;margin-right:0.5em;}

/*カード*/
#complete{width:700px;padding:1em;text-align:center;margin:0 auto;}
#complete h1{text-align:left;}
#card{margin:2em 0;}
/*--#card img{border-bottom:1px solid #999;border-right:1px solid #999;}--*/
#complete .box-com-b{border-collapse:collapse;margin:0;}
#complete .box-com-b td{padding:0;}
#complete .box-com-b .t-b{background:#9cf;height:5px;}
#complete .box-com-b .l-r{background:#9cf;width:5px;}
#complete .box-com-b .com{padding:5px 10px;}
.download{}

/*感想*/
#feedlist li{border-top:1px dotted #ccc;margin-bottom:0.5em;}
.feed-1{font-size:85%;color:#06c;}
.feed-2{font-size:85%;color:#666;}

/*プレゼント申し込み*/
#presentinfo{width:550px;padding:1em;text-align:center;margin:0 auto;}
#presentinfo h1{text-align:left;}
#presentinfo .box-com-b{border-collapse:collapse;margin:0;}
#presentinfo .box-com-b td{padding:0;}
#presentinfo .box-com-b .t-b{background:#9cf;height:5px;}
#presentinfo .box-com-b .l-r{background:#9cf;width:5px;}
#presentinfo .box-com-b .com{padding:5px 10px;}
.prebox{border:3px double #ccc;background:#FFFFDF;width:500px;text-align:left;padding:2em;margin:1.5em;}


/*===============================*/