@charset "UTF-8";

/* Reset Css */
body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,input,button,blockquote,th,td{color:#333;margin:0;padding:0;font-size:12px;line-height:1.3;font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;-webkit-text-size-adjust:none;}
body{text-align:center;}

table{border-collapse:collapse;border-spacing:0;}
em,cite,address,dfn,var{font-style:normal;}
dl,ul,ol{list-style:none;}
img{border:0;vertical-align:middle;}
a{color:#004D8E;text-decoration:none;}
a:hover{color:#e66b01 !important;text-decoration:underline;}
fieldset{border:0;}
hr{display:none;}
legend, .hidden, caption{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;visibility:hidden;}
.cfx{clear:both;zoom:1;}
.cfx:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.png24{tmp:expression(setPng24(this));}
button{border:none;background-color:transparent;cursor:pointer;}

.pr_area{margin:0 10px;text-align:left;}
.pr li{margin-left:1px;margin-bottom:4px;padding-left:10px;background:url(https://images.joins.com/ui_joins/japan11/common/u_common.png) 0 7px no-repeat;color:#666;font-size:14px;}
.pr li a{margin-right:4px;}
.pr li:hover,.pr li.on{background-color:#fffbcc;cursor:pointer;}
.pr li:hover a,.pr li.on a{color:#e66c00;}


.shopping{position:relative;margin:0 0 20px 0;text-align:left;}
.shopping .hd h2{color:#000;font-size:14px;}
.shopping .bd{position:relative;padding:15px 0 11px;border:1px solid #dedede;}
.shopping li{float:left;width:24.5%;text-align:center;}
.shopping li dd{display:block;width:98px;height:98px;margin:0 auto 10px;}
.shopping li dd em{float:left;display:table;table-layout:fixed;position:relative;width:98px;height:98px;border:1px solid #dedede;overflow:hidden;}
.shopping li dd em a{display:table-cell;*float:left;width:98px;height:98px;margin-bottom:6px;line-height:98px;*font-size:98px;text-align:center;overflow:hidden;vertical-align:middle;}
.shopping li dt{width:140px;margin:0 auto;line-height:1.5;}
.shopping li dt strong,.shopping dt em{display:block;}
.shopping li dt strong{margin-bottom:3px;}
.shopping li dt em{margin-top:3px;color:#666;}
.shopping li img{max-width:98px;max-height:98px;width:expression(this.clientWidth>97?"98px":"auto");}
.shopping .ft{position:absolute;top:3px;right:0;margin:0;}

.circle{margin-bottom:9px !important;padding-left:17px;background:url(https://images.joins.com/ui_joins/japan11/common/u_common.png) 0 -64px no-repeat;}

.line{border-bottom:1px solid #dfdfdf;}

.photo_area{position:relative;text-align:left;}
.photo_area .hd h2{margin-bottom:12px !important;font-size:14px;}
.photo_area .bd ul{position:relative;zoom:1;padding-bottom:12px;}
.photo_area .bd li{float:left;text-align:center;}
.photo_area .bd li span{display:block;position:relative;margin:0 auto;}
.photo_area .bd li em{float:left;display:table;table-layout:fixed;position:relative;background-color:#e9e9e9;overflow:hidden;}
.photo_area .bd li em a{display:table-cell;*float:left;margin-bottom:6px;text-align:center;overflow:hidden;cursor:pointer;vertical-align:middle;}
.photo_area .bd li .line{display:none;}
.photo_area .bd li.on .line{display:block;position:absolute;top:0;left:0;width:131px;height:131px;border:2px solid #e66c00;}
.photo_area .bd li a{display:block;margin:0 auto;}

.photo_num4{margin-bottom:18px;}
.photo_num4 .bd li{width:24.5%;}
.photo_num4 .bd li span{width:135px;height:135px;margin-bottom:8px;}
.photo_num4 .bd li em{width:135px;height:135px;}
.photo_num4 .bd li em a{width:135px;height:135px;line-height:135px;*font-size:135px;}
.photo_num4 .bd li img{max-width:135px;max-height:135px;width:expression(this.clientWidth>134?"135px":"auto");}
.photo_num4 .bd li a{width:135px;}

.photo_num5{margin-bottom:8px;}
.photo_num5 .bd li{width:19.5%;}
.photo_num5 .bd li span{width:100px;height:100px;margin-bottom:0;}
.photo_num5 .bd li em{width:100px;height:100px;}
.photo_num5 .bd li em a{width:100px;height:100px;line-height:100px;*font-size:100px;}
.photo_num5 .bd li img{max-width:100px;max-height:100px;width:expression(this.clientWidth>99?"100px":"auto");}
.photo_num5 .bd li a{width:100px;}

.category{position:absolute;top:0;right:0;margin-right:10px;}
.category ul,.category li,.category span{float:left;color:#adadad;}
.category li strong{color:#666;}
.category li{margin:0 5px 0 4px;padding-left:10px;background:url(https://images.joins.com/ui_joins/japan11/common/k_navi.png) 0 -279px no-repeat;}

.photo_area .ft{margin:0 10px 17px 0;font-size:14px;text-align:right;}
.photo_area .ft .list_view{text-decoration:underline;}

.first{padding-left:0 !important;background:none !important;}

.temperature_graph{background-color:#f8efe1;}
.temperature .list{padding-top:10px;border-top:1px solid #dedede;}
.temperature .list li span{float:right;text-align:right;}
.tab{float:right;position:relative;margin:1px 0 -1px;border-right:1px solid #d2d2d2;}
.tab li{float:left;margin-right:-1px;}
.tab li a{display:block;width:63px;height:19px;padding-top:4px;background-color:#f6f6f6;border:1px solid #d2d2d2;color:#666;text-align:center;}
.tab li.on a{background-color:#fff;border-bottom-color:#fff;color:#333;}
.temperature .list{clear:both;zoom:1;}
.temperature .list:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.temperature .list li{clear:both;zoom:1;margin-bottom:10px;padding-left:0;background:none;line-height:20px;}
.temperature .list li:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.temperature .list li span{float:right;color:#7997c9;font-weight:bold;text-align:center;}
.temperature .list li a,.temperature .list li em{float:left;}
.temperature .list strong{float:left;width:16px;height:15px;margin-right:10px;margin-top:2px;background:url(https://images.joins.com/ui_joins/japan11/common/u_common.png) 0 -772px no-repeat;color:#fff;font-family:tahoma;font-size:11px;line-height:15px;text-align:center;}
.temperature .list .top strong{background-position:0 -742px;}
.temperature .ft{margin-right:0;color:#666;font-size:12px;text-align:left;}
.temperature .rank{width:37px;background:url(https://images.joins.com/ui_joins/japan11/common/u_common.png) 0 -820px no-repeat;text-align:center;}

.popup{width:auto !important;text-align:left;}
.operating{width:600px;}
.operating .hd{margin:0 15px;padding:15px 0 16px;border-bottom:1px solid #fb7d02;}
.operating .hd h2{font-size:23px;}
.operating .bd{margin:0 15px;padding:17px 10px 17px 16px;background-color:#f8f8f8;}
.operating .bd p,.operating .bd dt,.operating .bd dd{line-height:18px;}
.operating .bd p{color:#666;margin-bottom:23px;}
.operating .bd dt,.operating .bd dd{color:#666;}
.operating .bd dd{padding-left:5px;background:url(https://images.joins.com/ui_joins/japan11/common/u_common.png) 0 -861px no-repeat;}
.operating .bd li{margin-bottom:18px;line-height:18px;}
.operating .ft{position:relative;height:20px;margin-top:14px;padding-left:10px;background-color:#dcdcdc;}
.operating .ft input{vertical-align:middle;}
.operating .ft label{font-size:11px;cursor:pointer;}
.operating .ft span{position:absolute;top:2px;right:15px;}

.temperature .list li a{font-size:16px;text-decoration:underline;}
em.time{color:#999999;}
.temperature em.time{margin-left:5px;}
.description{display:block;margin:-6px 0 10px 17px;color:#a86749;font-size:12px;}

.yahoo_ad{padding-top:10px;text-align:left;}
.yahoo_ad li{margin-bottom:4px;padding:3px 0 3px 0;cursor:pointer;}
.yahoo_ad li.on{background-color: #fffbcc;cursor:pointer;}
.yahoo_ad dt{margin-bottom:4px;}
.yahoo_ad dt a.title{font-size:16px;text-decoration:underline;}
.yahoo_ad li.on a.title{color:#e66c00;}
.yahoo_ad dt a.url{color:#999 !important;text-decoration:none;}
.yahoo_ad dd a{color:#333 !important;text-decoration:none;}
.yahoo_ad .ft{margin-top:-2px;text-align:right;}
.yahoo_ad .ft span{border-bottom:1px solid #004d8e;}
.yahoo_ad .ft a{color:#004d8e !important;text-decoration:none;}
.yahoo_ad .bd li:hover,.yahoo_ad .bd li.on{background-color:#FFFBCC;}
.yahoo_ad li.on a.title,.yahoo_ad li:hover a.title{color:#E66C00;}

.textad_area{margin:0 10px;text-align:left;}
.textad_area .circle{font-size:14px;background-position:0 -65px;}
.textad_area .pr{padding-left:4px;}
.textad_area .pr li{margin-left:1px;margin-bottom:6px;padding-left:10px;background:url(https://images.joins.com/ui_joins/japan11/common/u_common.png) 0 7px no-repeat;color:#666;font-size:14px;}
.textad_area .pr li a{margin-right:4px;font-size:16px;text-decoration:underline;}