@charset "utf-8";
/***************リセット***************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    /*font-size:100%;*/
    vertical-align:baseline;
    background:transparent;
}
/*body {
    line-height:140%;
}*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
   /* font-size:100%;*/
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
/***************リセット***************/
html {

    width:100%;
    height:100%;

}
body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    width:100%;
    height:100%;
	font-size:100%;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
  /*letter-spacing:1px;*/
    color:#333;

}
img {}

.clear{clear:both;}
.header_basic {
    width:100%;
    height:auto;
    border-top:3px solid #85B200;
    background-color: #FFF;
}
/*右にメニュー追加で若干修正20150206*/
.header_basic h1 {
    font-size:8px;
    padding:5px 0px 0px 10px;
    width:50%;
}
.header_basic img {
    width:100px;
}
.header_basic .header_logo {
    display:block;
    width:100px;
    margin:0px 5px 5px 5px;
    float:left;

}
.footer_back {
    width:80px;
    height:30px;
    display:block;
    border:none;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    background: #ffa64d;
    background: -moz-linear-gradient(top,  #ffa64d 0%, #ffa64d 50%, #ff9224 51%, #ff9224 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa64d), color-stop(50%,#ffa64d), color-stop(51%,#ff9224), color-stop(100%,#ff9224));
    background: -webkit-linear-gradient(top,  #ffa64d 0%,#ffa64d 50%,#ff9224 51%,#ff9224 100%);
    text-align:center;
    color:#FFF;
    font-weight:bold;
    font-size:14px;
    text-decoration:none;
    line-height:30px;
    text-shadow:1px 1px 1px #DD7F20;
    margin:5px;
    }
.footer_contents {
    width:100%;
    height:auto;
    margin:0;
    padding:0;
    background-color:#FFF;
}

.footer_campany {
    text-align:center;
    line-height:200%;
    padding:10px 0px 10px 0px;
    font-size:12px;
    letter-spacing:0px;
  background: #ffffff;
}
.footer_campany img {
    width: 16px;
    vertical-align: text-bottom;
    margin-right:2px;
}
.footer_campany a {
    text-decoration:none;
    color:#333;
}
.footer_bottom02 {/*フッタメニュー有の場合こちらのクラス使用*/
    position:absolute;
    bottom:47px;
}
.footer_bottom {/*フッタメニュー無しの場合こちらのクラス使用*/
    position:absolute;
    bottom:0px;
}
#footer_footer {
    width:100%;
    height:30px;
    text-align:center;
    line-height:30px;
    color:#FFF;
    font-size:8px;
    font-weight:bold;
    background-color:#85B200;
    letter-spacing:0px;
}

/*検索まわり*/
.header_area_search {
    width:100%;
    height:auto;
    margin:0px;
    padding:0px;
    background-color:#F9F9F5;
}
/*gpsエラー*/
.header_gps_error {
    width:100%;
    height:auto;
    padding:15px;
    font-size:10px;
    font-weight:bold;
    background-color:#666;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    text-align:center;
    color:#FFF;
    line-height:160%;
}
.header_gps_error img {
    width:16px;
    vertical-align:middle;
}
/*20150302トップアコーディオン検索*/
.header_line {
    border-bottom:1px solid #CCC;
    width:100%;
    height:1px;
}
.header_line_hidden {
    display:none;
}
.header_openmenu {
    cursor: pointer;
}
#header_ac_search {
    display:none;
}


.header_basic .header_mypage {
    display:block;
    display:table;
    width:45px;
    height:40px;
    margin:0px 10px 5px 0px;
    float:right;
    margin-top:-16px;
    padding-top:16px;
    text-decoration:none;
}
.header_basic .header_mypage span {
    display:block;
    display:table-cell;
    vertical-align:middle;
    width:31px;
    height:31px;
    padding:2px;
    background: #85b200;
    background: -moz-linear-gradient(top,  #85b200 0%, #85b200 50%, #80aa00 51%, #80aa00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#85b200), color-stop(50%,#85b200), color-stop(51%,#80aa00), color-stop(100%,#80aa00));
    background: -webkit-linear-gradient(top,  #85b200 0%,#85b200 50%,#80aa00 51%,#80aa00 100%);
    text-align:center;
    line-height:90%;
    font-size:9px;
    font-weight:bold;
    letter-spacing:-1px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    color:#FFF;
    box-shadow:1px 1px 1px #CCC;
    -webkit-box-shadow:1px 1px 1px #CCC;
    -moz-box-shadow:1px 1px 1px #CCC;

}

.header_basic .header_mypage img {
    width:15px;
    height:15px;
    margin:2px 0px 4px 0px;
}

/*20150225ヘッダからのサイドメニューとアコーディオン検索*/
.footer_footer_button {
    width: 100%;
    height: auto;
    position: fixed;
    bottom: 0px;
    margin: 0px;
    padding: 0px;
    left: 0px;
    z-index: 9999;
    background-color: #000;
}
.footer_footer_button ul {
    margin: auto;
    padding: 0px;
    height: auto;
    width: 320px;
}
#footer_lean_overlay {
    position: fixed;
    z-index:2;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
#footer_signup {
    width: 290px;
    padding-bottom: 2px;
    display: none;
    bottom: 52px;
    height: auto;
    padding: 5px;
    position: absolute;
    z-index: 3;
    margin-right: auto;
    margin-left: auto;
}

#footer_signup2 {
    width: 290px;
    display: none;
    bottom: 58px;
    height: auto;
    position: absolute;
    z-index: 3;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFF;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    text-align: center;
}
#footer_signup-header {
    padding: 0px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    position: relative;
}
#footer_signup-header  h2 {
    margin: 0px;
    padding: 0px;
    color: #444;
    font-size: 90%;
    font-weight: bold;
    margin-bottom: 3px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
    line-height: 20px;
}
.footer_modal_close {
    position: absolute;
    display: block;
    width: 20px;
    height:20px;
    z-index: 5;

}
@media screen and (max-width: 359px){
.footer_menu_p {
    top: -14px;
    right: 8px;
    background-image: url(/images/portal_sp/sp/mytop/box/modal_close02.png);
    -webkit-background-size:100% auto;
}
.footer_search_p {
    top: -18px;
    right: 0px;
    background-image: url(/images/portal_sp/sp/mytop/box/modal_close02.png);
    -webkit-background-size:100% auto;
}
}
@media screen and (min-width: 360px){
.footer_menu_p {
    top: 6px;
    right: -12px;
    background-image: url(/images/portal_sp/sp/mytop/box/modal_close02_2.png);
    -webkit-background-size:100% auto;

}
.footer_search_p {
    top: 0px;
    right: -18px;
    background-image: url(/images/portal_sp/sp/mytop/box/modal_close02_2.png);
    -webkit-background-size:100% auto;
}
}
#footer_signup ul{
    width: 290px;
    height: auto;
    margin: auto;
    padding: 0px;
    }
#footer_signup ul li{
    width: 70px;
    height: 65px;
    margin: 1px;
    display: inline;
    float: left;
    background-color: #fff;
    text-align: center;
    font-size: 70%;
    font-weight: bold;
    line-height: 100%;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#footer_signup ul li a {
    color: #666;
    text-decoration: none;
    display: block;
    height: 23px;
    width: 70px;
    padding-top: 42px;
    }
#footer_signup ul li img {
    width: 38px;
    }
.footer_r_top_left {
    -webkit-border-radius:5px 0px 0px 0px;
    }
.footer_r_top_right {
    -webkit-border-radius:0px 5px 0px 0px;
    }
.footer_r_bottom_left {
    -webkit-border-radius:0px 0px 0px 5px;
    }
.footer_r_bottom_right {
    -webkit-border-radius:0px 0px 5px 0px;
    }
#footer_signup #footer_signup-ct ul .footer_mysyop {
    background-image: url(/images/portal_sp/sp/mytop/box/manu_icon_03.gif);
    background-size:40px 40px;
    -webkit-background-size: 60% auto;
    background-repeat: no-repeat;
    background-position: center 3px;
}
#footer_signup #footer_signup-ct ul .footer_card  {background-image: url(/images/portal_sp/sp/mytop/box/manu_icon_05.gif);
    background-size:40px 40px;
    -webkit-background-size: 60% auto;
    background-repeat: no-repeat;
    background-position: center 3px;
}
#footer_signup #footer_signup-ct ul .footer_info {background-image: url(/images/portal_sp/sp/mytop/box/manu_icon_07.gif);
    background-size:40px 40px;
    -webkit-background-size: 60% auto;
    background-repeat: no-repeat;
    background-position: center 3px;
}
#footer_signup #footer_signup-ct ul .footer_sp {background-image: url(/images/portal_sp/sp/mytop/box/manu_icon_09.gif);
    background-size:40px 40px;
    -webkit-background-size: 60% auto;
    background-repeat: no-repeat;
    background-position: center 3px;
}
#footer_signup #footer_signup-ct ul .footer_pre {background-image: url(/images/portal_sp/sp/mytop/box/manu_icon_15.gif);
    background-size:40px 40px;
    -webkit-background-size: 60% auto;
    background-repeat: no-repeat;
    background-position: center 3px;
}
#footer_signup #footer_signup-ct ul .footer_pre2 {background-image: url(/images/portal_sp/sp/mytop/box/manu_icon_16.gif);
    background-size:40px 40px;
    -webkit-background-size: 60% auto;
    background-repeat: no-repeat;
    background-position: center 3px;
}
#footer_signup #footer_signup-ct ul .footer_reg {background-image: url(/images/portal_sp/sp/mytop/box/manu_icon_17.gif);
    background-size:40px 40px;
    -webkit-background-size: 60% auto;
    background-repeat: no-repeat;
    background-position: center 3px;
}
#footer_signup #footer_signup-ct ul .footer_coupon {background-image: url(/images/portal_sp/sp/mytop/box/manu_icon_18.gif);
    background-size:40px 40px;
    -webkit-background-size: 60% auto;
    background-repeat: no-repeat;
    background-position: center 3px;
}
#footer_signup #footer_signup-ct ul .footer_m_info {background-image: url(/images/portal_sp/sp/mytop/box/manu_icon_23.gif);
    background-size:40px 40px;
    -webkit-background-size: 60% auto;
    background-repeat: no-repeat;
    background-position: center 3px;
}
#footer_signup #footer_signup-ct ul .footer_fukumen {background-image: url(/images/portal_sp/sp/mytop/box/fukumen.png);
    background-size:40px 40px;
    -webkit-background-size: 60% auto;
    background-repeat: no-repeat;
    background-position: center 3px;
}
#footer_signup #footer_signup-ct ul .footer_request_corner {background-image: url(/images/portal_sp/sp/mytop/box/request_icon.png);
    background-size:36px 36px;
    -webkit-background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center 5px;
}
/* 【共有する】 */
#footer_signup #footer_signup-ct ul .footer_r_bottom_right {background-image: url(/images/portal_sp/sp/mytop/box/manu_icon_share.png);
	background-size:36px 36px;
	-webkit-background-size: 50% auto;
	background-repeat: no-repeat;
	background-position: center 5px;
}

.footer_footer_og {
    color: #ed6c00;
}
.footer_search_radius {
    -webkit-border-radius: 5px 0px 5px 5px;
}

.footer_footer_button ul li {
    margin: 0px;
    padding: 0px;
    height: 47px;
    width: 63px;
    display: inline;
    float: left;
    background-color: #000;
    font-size: 65%;
    text-align: center;
    font-weight: bold;

}
.footer_footer_button ul li a {
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    display: block;
    height: 15px;
    width: 63px;
    padding-top: 32px;
}
.footer_footer_button ul .footer_toppage {
    background-image: url(/images/portal_sp/sp/mytop/box/TOPPAGE.gif);
    background-repeat: no-repeat;
    background-position: center 8px;
    -webkit-background-size: 50% auto;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #666;
    border-right-color: #666;
    border-bottom-color: #666;
    border-left-color: #666;
}
.footer_footer_button ul .footer_search {
    background-image: url(/images/portal_sp/sp/mytop/box/KENSAKU.gif);
    background-repeat: no-repeat;
    background-position: center 8px;
    -webkit-background-size: 50% auto;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #666;
    border-right-color: #666;
    border-bottom-color: #666;
    border-left-color: #666;
}
.footer_footer_button ul .footer_card {
  background-image: url(/images/portal_sp/sp/mytop/box/card.png);
    background-repeat: no-repeat;
    background-position: center 8px;
    -webkit-background-size: 50% auto;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #666;
    border-right-color: #666;
    border-bottom-color: #666;
    border-left-color: #666;
}
.footer_footer_button ul .footer_guide {
    background-image: url(/images/portal_sp/sp/mytop/box/GUIDE.gif);
    background-repeat: no-repeat;
    background-position: center 8px;
    -webkit-background-size: 50% auto;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #666;
    border-right-color: #666;
    border-bottom-color: #666;
    border-left-color: #666;
}
.footer_footer_button ul .footer_menu {
    background-image: url(/images/portal_sp/sp/mytop/box/MENU.gif);
    background-repeat: no-repeat;
    background-position: center 8px;
    -webkit-background-size: 50% auto;
}
#footer_signup3 {
    width: 290px;
    display: none;
    bottom: 58px;
    height: auto;
    position: absolute;
    z-index: 3;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFF;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    text-align: center;
}

/* SNSページ */
#footer_signup4,
#searchSuccess {
	width: 250px;
	display: none;
	bottom: 58px;
	height: 180px;
	position: absolute;
	z-index: 3;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
  padding: 10px 20px;
	text-align: center;
}
#footer_signup4 #footer_title4,
#searchSuccess #footer_title4 {
  /*background: #85b200;*/
  border-bottom: 1px solid #888888;
  /*color: #ffffff;*/
  font-size: 18px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  margin: 0 auto 12px;
  text-align: center;
}
#footer_signup4 ul,
#searchSuccess ul  {
  height: 140px;
  margin: 0 auto;
  width: 164px;
}
#footer_signup4 li,
#searchSuccess li {
  float: left;
  height: 70px;
  list-style-type: none;
  width: 82px;
}
#footer_signup4 li img,
#searchSuccess li img {
  display: block;
  height: 58px;
  margin: 0 auto;
  width: 58px;
}
/* SNSページ（上部ポップアップ） */
#searchSuccess.sns_top {
  top: 80px;
}
#searchSuccess.sns_bottom {
	bottom: 58px;
}

/*検索*/
#header_search_box {
    width:100%;
    height:auto;
    margin:0px;
    padding:0px;
}
.header_free_text {
    width:95%;
    margin: 10px auto 5px auto;
}


.header_free_text .header_textarea {/*リンク用*/
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    width:73%;
    height:40px;
    border:1px solid #BFBCB0;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    float:left;
    padding:0px 0px 0px 45px;
    vertical-align:middle;
    font-size:16px;
    margin:0px;
    background-image:url(/images/portal_sp/sp/mytop/search_icon.png);
    background-repeat:no-repeat;
    background-position:left center;
    background-size:auto 100%;
    -webkit-background-size:auto 100%;
    -moz-background-size:auto 100%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}

.header_free_text .header_search_button {
    display:block;
    width:20%;
    height:38px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border:1px solid #BFBCB0;
    background: #fbfbf9;
    background: -moz-linear-gradient(top,  #fbfbf9 0%, #e5e3d8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbf9), color-stop(100%,#e5e3d8));
    background: -webkit-linear-gradient(top,  #fbfbf9 0%,#e5e3d8 100%);
    color:#999;
    font-family: "HiraKakuProN-W6","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size:16px;
    font-weigth:bold;
    text-align:center;
    float:left;
    margin-left:5px;
    margin-top:-1px;
    text-decoration:none;
    line-height:38px;
position:relative;
}

.header_area {
    width:100%;
    height:auto;
    margin:0px;
    padding:0px;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.header_area ul{
    width:100%;
    height:auto;
    margin:0 auto 0 auto;
    padding:0px;
    background-color:#F2F2F2;
}
.header_area ul li{
    width:33.05%;
    height:91px;
    margin:0px;
    padding:0px;
    float:left;
    list-style:none;
    border-right:1px solid #CCC;
    position:relative;
}
.header_area ul li:last-child{border:none;}
.header_area ul li p {
    width:100%;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    position:absolute;
    bottom:3px;
}
.header_area ul li a {
    display:block;
/*  width:99.05;*/
    height:89px;
    background-color:#F2F2F2;
    margin:1px 0px 0px 1px;
    color:#333;
    text-decoration:none;
}
.header_sub_text {font-size:12px;}
.header_area_icon {
    background-image:url(/images/portal_sp/top/area_icon.png);
    background-repeat:no-repeat;
    background-position:center 10px;
    background-size:auto 40px;
    -webkit-background-size:auto 40px;
    -moz-background-size:auto 40px;
}
.header_gps_icon {
    background-image:url(/images/portal_sp/top/gps_icon.png);
    background-repeat:no-repeat;
    background-position:center 10px;
    background-size:auto 40px;
    -webkit-background-size:auto 40px;
    -moz-background-size:auto 40px;
}
.header_brand_icon {
    background-image:url(/images/portal_sp/top/brand_icon.png);
    background-repeat:no-repeat;
    background-position:center 10px;
    background-size:auto 40px;
    -webkit-background-size:auto 40px;
    -moz-background-size:auto 40px;
}
/*検索*/
/***********ポップアップ内コンテンツ用***********/
.header_popup {
    background-color:#FFF;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    box-shadow:2px 2px 1px #333;
    position:relative;
    }
.header_popup p {
    padding:20px;
    font-size:12px;
    text-align:center;
}
.header_popup .header_p_body {
    padding:20px 0px 20px 0px;
    font-size:12px;
    font-weight:bold;
    text-align:center;
}
.header_popup .header_textlink {
    color:#333;
    text-decoration:underline;
}
.header_popup h2.header_category {
    background-color:#85B200;
    width:100%;
    height:30px;
    line-height:30px;
    color:#FFF;
    font-weight:bold;
    font-size:14px;
    border-radius:3px 3px 0px 0px;
    -webkit-border-radius:3px 3px 0px 0px;
    -moz-border-radius:3px 3px 0px 0px;
    text-indent:50px;

}
.header_popup .header_area {
    position:absolute;
    top:3px;
    left:5px;
    width:38px;
    height:38px;
    background-image:url(/images/portal_sp/top/popup_area_icon.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:100% auto;
    -webkit-background-size:100% auto;
    -moz-background-size:100% auto;
    border:none;
    }
.header_popup .header_word {
    position:absolute;
    top:3px;
    left:5px;
    width:38px;
    height:38px;
    background-image:url(/images/portal_sp/top/popup_word_icon.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:100% auto;
    -webkit-background-size:100% auto;
    -moz-background-size:100% auto;
    border:none;
    }
.header_popup .header_gps {
    position:absolute;
    top:5px;
    left:3px;
    width:38px;
    height:38px;
    background-image:url(/images/portal_sp/top/popup_gps_icon.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:100% auto;
    -webkit-background-size:100% auto;
    -moz-background-size:100% auto;
    border:none;
    }
.header_popup .header_brand {
    position:absolute;
    top:3px;
    left:3px;
    width:38px;
    height:29px;
    background-image:url(/images/portal_sp/top/popup_brand_icon.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:100% auto;
    -webkit-background-size:100% auto;
    -moz-background-size:100% auto;
    border:none;
}
.header_popup ul{
    width:300px;
    height:auto;
    margin:20px auto 0 auto;
    padding:0px;
    background-color:#F2F2F2;
}
.header_popup ul li{
    width:100px;
    height:91px;
    margin:0px;
    padding:0px;
    float:left;
    list-style:none;
}
.header_popup ul li a.header_gru{
    display:block;
    width:90px;
    height:90px;
    background: #ffcc33;
    background: -moz-linear-gradient(top,  #ffcc33 0%, #ffcc33 50%, #ffbf00 51%, #ffbf00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcc33), color-stop(50%,#ffcc33), color-stop(51%,#ffbf00), color-stop(100%,#ffbf00));
    background: -webkit-linear-gradient(top,  #ffcc33 0%,#ffcc33 50%,#ffbf00 51%,#ffbf00 100%);
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    box-shadow:2px 2px 2px #CCC;
    -webkit-box-shadow:2px 2px 2px #CCC;
    -moz-box-shadow:2px 2px 2px #CCC;
    color:#FFF;
    text-decoration:none;
    font-weight:bold;
    margin:0px auto 0px auto;
}
.header_popup ul li a.header_medi{
    display:block;
    width:90px;
    height:90px;
    background: #8fabff;
    background: -moz-linear-gradient(top,  #8fabff 0%, #8fabff 50%, #7396ff 51%, #7396ff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fabff), color-stop(50%,#8fabff), color-stop(51%,#7396ff), color-stop(100%,#7396ff));
    background: -webkit-linear-gradient(top,  #8fabff 0%,#8fabff 50%,#7396ff 51%,#7396ff 100%);
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    box-shadow:2px 2px 2px #CCC;
    color:#FFF;
    text-decoration:none;
    font-weight:bold;
    margin:0px auto 0px auto;
}
.header_popup ul li a.header_life{
    display:block;
    width:90px;
    height:90px;
    background: #a5cf4c;
    background: -moz-linear-gradient(top,  #a5cf4c 0%, #a5cf4c 50%, #8fc31f 51%, #8fc31f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cf4c), color-stop(50%,#a5cf4c), color-stop(51%,#8fc31f), color-stop(100%,#8fc31f));
    background: -webkit-linear-gradient(top,  #a5cf4c 0%,#a5cf4c 50%,#8fc31f 51%,#8fc31f 100%);
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    box-shadow:2px 2px 2px #CCC;
    color:#FFF;
    text-decoration:none;
    font-weight:bold;
    margin:0px auto 0px auto;
}
.header_popup ul li span {
    width:100%;
    text-align:center;
    font-size:10px;
    font-weight:bold;
    position:absolute;
    bottom:10px;
    left:0px;
    letter-spacing:0px;
    text-shadow:1px 1px 1px #666;
}
.header_popup ul li div {
    width:90px;
    height:90px;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:100% 100%;
    -webkit-background-size:100% 100%;
    -moz-background-size:100% 100%;
    position:relative;
}
.header_popup ul li div.header_g {
    background-image:url(../images/popup_gru.png);
}
.header_popup ul li div.header_m {
    background-image:url(../images/popup_medi.png);
}
.header_popup ul li div.header_k {
    background-image:url(../images/popup_life.png);
}
/*20150608詳細検索*/
.top_widebutton {
    width:100%;
    height:44px;
    border:0px;
    margin:0px;
    padding:0px;
    background:#f2f2f2;
    border-top:1px solid #ccc;
}
.top_widebutton a {
    width:100%;
    height:44px;
    display:block;
    line-height:44px;
    text-align:right;
    padding-right:30px;
    box-sizing:border-box;
    font-size:12px;
    color:#333;
    text-decoration:none;
    background:#f2f2f2;
    background-image:url(/images/portal_sp/top/s3_green.png);
    background-repeat:no-repeat;
    background-position:98% center;
    background-size:auto 14px;
    -webkit-background-size:auto 14px;
    -moz-background-size:auto 14px;
    font-weight:bold;
}