@charset "UTF-8";

/****************************************************
 * top settings 
*****************************************************/
#top #t0{
	width:975px;
	margin:0 auto;
}
#top #t1{
	width:975px;
	height:390px;
	position:relative;
	margin:16px auto 0 auto;
}
#top #t2{
width:100%;
height:375px;
position:relative;
}
#top #t2:after,
#top #t1:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0;
overflow: hidden;
}
#top .wrapper > article,
#top #t2 > article,
#top #t1 > article{
display:block;
position:relative;
width:976px;
margin:2em 0;
float:none;
}
#top .wrapper > article{
display:block;
position:relative;
width:961px;
}
#top ul.l73 > li.left{
float:left;
width:651px;
}
#top ul.l73 > li.right{
float:left;
position:relative;
width:310px;
}
#top ul.l73:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0;
overflow: hidden;
}

/* タイトルライン */
#top section.info{
border-top:1px solid #c5c6c6;
padding-top:0px;
margin:35px 0 0;
width:auto;
}


/*-----2017.02.17-----*/
#top section.info > h2{
display:inline-block;
font-size:16px;
padding-top:12px;
padding-bottom:20px;
margin-top:-1px;
border-top:1px solid #0000ff;
border-bottom:none;
line-height:1.2;
margin-bottom:0px;
}
/*-----//2017.02.17-----*/


#top section.info > h3{
display:inline-block;
font-size:16px;
padding-top:12px;
padding-bottom:20px;
margin-top:-1px;
border-top:1px solid #0000ff;
margin-bottom:0px;
}
/* 一覧を見る */
#top .showlist{
display:inline-block;
padding-top:11px;
float:right;
padding-left:10px;
}
#top a.bluearrow{
background: url(../images/common/arrow_blue.png) no-repeat 0 1.3em;
font-size:12px;
}


/****************************************************
 * メインビジュアル
*****************************************************/
/*-----slider-----*/
#leftslideWrap{
width:130px;
height:319px;
position:absolute;
left:-130px;
top:3px;
}
#leftslide{
width:110px;
height:385px;
position:relative;
left:0px;
top:0px;
overflow: hidden;
}

#rightslideWrap{
width:130px;
height:319px;
position:absolute;
right:-130px;
top:3px;
}
#rightslide{
width:110px;
height:385px;
position:relative;
left:20px;
top:0px;
overflow: hidden;
}
#leftGraimg{
	z-index: 50;
	position: absolute;
	top:0px;
	left:0px;
}
#rightGraimg{
	z-index: 51;
	position: absolute;
	top:0px;
	left:0px;
}
#leftslidesimages {
position:relative;
left:-600px;
top:0px;
width:4260px;
}
#leftslidesimages li{
float:left;
margin:0;
padding:0;
overflow:visible;
}
#rightslidesimages {
position:relative;
left:0px;
top:0px;
width:4260px;
}
#rightslidesimages li{
float:left;
margin:0;
padding:0;
overflow:visible;
}

/* sitehead */
#top .sitehead > li.left{
float:left;
width:auto;
margin:0px 0px 0px 0px;
}
#top .sitehead > li.right{
float:left;
width:auto;
margin:2px 0px 0px 24px;
}
#top .sitehead >.left > div{
width:234px;
height:365px;
padding:0px 0px 0px 0px;
background: url(../images/top/top_left.png) no-repeat center top;
}
#top #mylinktitle{
display:block;
width:136px;
height:61px;
position:relative;
font-size:0px;
left:52px;
top:10px;
background: url(../images/top/mylink.png) no-repeat center top;
}
#top .mylink{
position:relative;
left:26px;
top:9px;
}
#top .mylink p{
width:180px;
font-size:12px;
}
#top #sitehead_s2{
margin: 8px 0 0 0;
}
#top #sitehead_s3{
margin: 6px 0 0 0;
}
#top .mylink ul#sitehead_s4{
	margin: 5px 0px 0px 12px;
	list-style: square url(../images/common/arrow_blue.png) outside;
	line-height: 1.3;
	font-size: 12px;
}
#top .mylink ul#sitehead_s4 li{
padding-top:5px;
}
#top #sitehead_s5{
position: absolute;
top:288px;left:8px;
}

/* screen */
#top .screen_frame{
position:relative;
left:0px;
top:0px;
width:710px;
height:360px;
overflow:visible;
}
#top .screen{
position:relative;
left:0px;
top:0px;
width:710px;
height:360px;
overflow:hidden;
}
#top .screen .screen_images {
position:relative;
left:0px;
top:0px;
width:4260px;
}
#top .screen .screen_images li{
float:left;
margin:0;
padding:0;
overflow:visible;
}
#top .screen .screen_images li a{
display: block;
}

/* toptab */
#top .toptab{
width:712px;
height:42px;
margin-top:-3px;
margin-left:1px;
position:relative;
z-index: 30000;
}
#top .toptab > li{
position:relative;
float:left;
font-size:11px;
text-align: center;
}
#top .toptab > li a{
display: block;
color:#1850d4;
padding-top:15px;
width:141px;
height:27px;
}
#top .toptab > li.left{
margin-left:0px;
width:143px;
height:42px;
background: url(../images/top/left_on.png) no-repeat left top;
width:141px;height:42px;
}
#top .toptab > li.left a:hover,
#top .toptab > li.mid a:hover,
#top .toptab > li.right a:hover{
	text-decoration: underline;
}
#top .toptab > li.left a{
color:#FFF;
}
#top .toptab > li.mid{
width:141px;
height:42px;
background: url(../images/top/mid.png) no-repeat left top;
}
#top .toptab > li.right{
width:144px;
height:42px;
background: url(../images/top/right.png) no-repeat left top;
}
#top .toptab > li > a{
position:relative;
overflow:visible;
z-index:400;
font-weight:bold;
}


/****************************************************
 * コンテンツへのリンク
*****************************************************/
/* .tables */
#top div.wrapper.tables > article#tablearticle{
width:962px;
}
#top div.wrapper.tables > article#tablearticle > section{
width:962px;
}
#top div.tables article:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0;
overflow: hidden;
}

/*-----2017.02.17-----*/

#top div.tables #table1 div{
display:table-cell;
vertical-align: middle;
padding-left:15px;
}

/*-----//2017.02.17-----*/

/*table1*/
#top div.tables #table1{
width:220px;
border:none;
float:left;
margin:0 10px 0 0px;
border-collapse:collapse;
}
#top div.tables #table1 tbody{
width:220px;
}
#top div.tables #table1 .head{
width:220px;
height:48px;
background: url(../images/top/head1.png) no-repeat top left;
border:none;
}

/*-----2017.02.17-----*/
#top div.tables #table1 tr.head h2{
color:#ffffff;
padding:0 0 0 51px;
margin:0;
font-weight:bold;
letter-spacing: -0.5px;
font-size:14px;
border:none;
}
/*-----//2017.02.17-----*/

#top div.tables #table1 .gold{
width:220px;
height:160px;
background: url(../images/top/cell_left_gold.png) no-repeat top left;
border:none;
}
#top div.tables #table1 .blue{
width:220px;
height:160px;
background: url(../images/top/cell_left_blue.png) no-repeat top left;
border:none;
}
#top div.tables #table1 tr.gold div{
height:140px;
padding-left:20px;
vertical-align: bottom;
padding-bottom:16px;
font-weight:bold;
letter-spacing: -0.5px;
}
#top div.tables #table1 tr.blue div{
height:140px;
padding-left:40px;
text-align: center;
vertical-align: bottom;
padding-bottom:2px;
font-weight:bold;
line-height: 1.2;
}

/*table2*/
/*-----2017.02.17-----*/
#top div.tables #table2{
width:730px;
border:none;
float:left;
line-height:1.2;
padding:0px;
border-collapse:collapse;
margin:0 0 0 0px;
}
#top div.tables #table2 .rightbox{
float:left;
width:244px;
}
#top div.tables #table2 .rightbox03{
float:left;
width:242px;
}
#top div.tables #table2 h2{
color:#ffffff;
padding:15px 0 0 51px;
margin:0;
height:48px;
font-weight:bold;
font-size: 15px;
line-height:18px;
box-sizing:border-box;
border:none;
}
#top div.tables #table2 .head2{
background: url(../images/top/head2.png)no-repeat top;
}
#top div.tables #table2 .head3{
background: url(../images/top/head3.png)no-repeat top;
}
#top div.tables #table2 .head4{
background: url(../images/top/head4.png)no-repeat top;
}
#top div.tables #table2 .c20{
width:244px;
height:80px;
background: url(../images/top/cell_20.png)no-repeat top;
border:none;
}
#top div.tables #table2 .c21{
width:244px;
height:80px;
background: url(../images/top/cell_21.png)no-repeat top;
border:none;
}
#top div.tables #table2 .c30{
width:244px;
height:80px;
background: url(../images/top/cell_30.png)no-repeat top;
border:none;
}
#top div.tables #table2 .c40{
width:242px;
height:80px;
background: url(../images/top/cell_40.png)no-repeat top;
border:none;
}
#top div.tables #table2 .c41{
width:242px;
height:80px;
background: url(../images/top/cell_41.png)no-repeat top;
border:none;
}
#top div.tables #table2 .tb span.BLT{
	color:#004db7;
}
#top div.tables #table2 .tb span.GLD{
	color:#946134;
}
#top div.tables #table2 .tb a{
	height:80px;
	font-weight:bold;
	display: table-cell;
	vertical-align: middle;
	padding-left:15px;
}

#top div.tables #table1 a,
#top div.tables #table2 a{
width:100%;
height:100%;
}
#top div.tables #table2 a {
text-decoration: none;
}
#top div.tables #table2 a:hover{
color:#333333;
text-decoration: underline;
}


/****************************************************
 * ピックアップインフォ
*****************************************************/
#top section.pickupinfo h3{
padding-bottom:15px;
}
/* pickupwindow */
#top #pickupwindow_frame{
position:relative;
width:973px;
height:232px;
background: url(../images/top/pickupbk.gif) no-repeat center top;
border:none;
margin-left:-6px;
}
#top #pickupwindow{
position:absolute;
top:10px;
left:41px;
width:891px;
height:212px;
overflow:hidden;
padding: 0px;
border:none;
}
#pickupRinfobar{
display:block;
position:absolute;
right:6px;
top:5px;
width:32px;
height:220px;
background: green;
background: url(../images/top/pickupRightButton.gif) no-repeat right top;
z-index:201;
}
#pickupLinfobar{
display:block;
position:absolute;
left:6px;
top:5px;
width:32px;
height:220px;
background: url(../images/top/pickupLeftButton.gif) no-repeat left top;
z-index:201;
}
#top #pudata {
position:relative;
width:1512px;
height:212px;
border:none;
left:-253px;
}
#top #pudata li{
background-color:#ffffff;
width:251px;
height:212px;
border-right:1px solid #c5c6c6;
float:left;
}
#top #pudata li:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0;
overflow: hidden;
}
#top #pudata li a{
display: block;
padding:0;
color: #1850d4;
font-weight: bold;
}
#top #pudata li img{
margin:10px 0 0 20px;
padding:0;
}
#top #pudata li .ttl{
width:210px;
margin:5px 0 0 20px;
}
#top #pudata li p{
width:208px;
margin:2px 0 0 20px;
padding:0;
}


/****************************************************
 * お知らせ
*****************************************************/
#top section.news{
margin-right:35px;
}

/*-----2017.02.17-----*/

#top section.news h2{
padding-bottom:10px;
}

/*-----//2017.02.17-----*/


#top ul#news_index{
width:616px;
}

/*-----2017.02.17-----*/

#top section.info table.dataList{
border-collapse: collapse;
width: 960px;
}
#top section.info table.dataList tr{
height:38px;
}
#top section.info table.dataList th{
width:96px;
text-align: left;
border-bottom: 1px dotted #9e9f9f;
}
#top section.info table.dataList td{
width:478px;
border-bottom: 1px dotted #9e9f9f;
}
#top section.info table.dataList td.newMark{
width:42px;
}
#top section.info table.dataList td.newMarkImg{
background: url(../images/top/icon_new.gif) no-repeat left center;
}


/*
#top section.info .dataList{
border-collapse: collapse;
display:table;
}
#top section.info .dataList li{
height:38px;
display:table-row;
box-sizing:border-box;
}
#top section.info .dataList .date{
width:96px;
text-align: left;
border-bottom: 1px dotted #9e9f9f;
display:table-cell;
font-weight:bold;
padding-top:10px;
}
#top section.info .dataList h3{
display:table-cell;
width:478px;
border-bottom: 1px dotted #9e9f9f;
font-weight:100;
font-size:14px;
padding-top:10px;
}
#top section.info .dataList .newMark{
display:table-cell;
border-bottom: 1px dotted #9e9f9f;
position:relative;
top:5px;
}
#top section.info .dataList .newMark img{
display:none;
}
#top section.info .dataList .newMarkImg img{
display:block;
vertical-align:middle;
}
*/

/****************************************************
 * よくあるご質問
*****************************************************/
#top section.faq{
margin-bottom:20px;
}
#top .faq ul{
display:block;
border-top:1px solid #c5c6c6;
width:309px;
}
#top .faq li.bsbutton{
width:307px;
height:58px;
background: url(../images/top/bs_button.png) no-repeat center top;
border:1px solid #c5c6c6;
border-top:none;
}
#top .faq li.bsbutton div{
display:table-cell;
vertical-align: middle;
width:307px;
height:58px;
padding-left:1em;
font-weight: bold;
}


/****************************************************
 * ご注意ください
*****************************************************/
#top section.attention{
margin-right:35px;
}
#top .attention ul{
display:block;
border-top:1px solid #c5c6c6;
width:616px;
}
#top .attention li.atbutton{
width:614px;
height:58px;
background: url(../images/top/at_button.png) no-repeat center top;
border:1px solid #c5c6c6;
border-top:none;
}
#top .attention li.atbutton div{
display:table-cell;
vertical-align: middle;
width:614px;
height:58px;
padding-left:1em;
font-weight: bold;
}


/****************************************************************
 * テキストinfo　（2014/12/02 Naoko Suzuki）
*****************************************************************/

.info_area
{
	width				: 960px;
	height				: 37px;
	background-image: url(../images/top/pickup_info/info_back.gif);
	margin: 15px 0 0 0;
}
.info_area .info_textarea
{
	width				: 960px;
	height				: 37px;
	vertical-align: middle;
}
.info_area .info_textarea .text{float:left; margin:10px 0 5px 20px; color: #900;}
.info_area .info_textarea .imgLeft{float:left; margin:0px 0 0px 10px;}
.info_area .info_textarea .textRight{float:right; margin:12px 20px 3px 0; font-size: 90%;}
.info_area .info_textarea .text2{float:left; margin:10px 0 5px 10px;}



/****************************************************************
 * slideshow下4つバナーエリア　（2014/05/08 Naoko Suzuki）
                                (2014/12/02 追加修正 Naoko Suzuki)
*****************************************************************/
ul.bana4{
background: url(../images/common/bg_line_bana4.gif) repeat-y left top;
}
ul.bana4 li{
float:left;
width:249px;
}
ul.bana4 li div{
width:208px;
margin:0 24px;
}
ul.bana4 li.first{
float:left;
width:228px;
}
ul.bana4 li.first div{
width:208px;
margin:0 25px 0 0;
}
ul.bana4 li.fourth{
float:left;
width:228px;
border-right:none;
}
ul.bana4 li.fourth div{
width:208px;
margin:0 0 0 25px;
}
ul.bana4 li div h4{
margin:8px 0 0;
padding:0;
}
ul.bana4 li div h4 a{
color:#1850d4;
}
ul.bana4 li div p{
margin:8px 0 0;
padding:0;
font-size:13px;
}
ul.bana4:after{
content: " ";
display: block;
clear: both;
visibility: hidden;
height: 0;
overflow: hidden;
}




/****************************************************
 * 会員のみなさまへおすすめ
*****************************************************/
#top .blueback{
width:961px;
background: url(../images/top/blueback_t.gif) repeat-y left top;
margin:40px 0 50px;
}
#top .blueback > div.top{
padding:20px 0px 25px 33px;
background: url(../images/top/blueback_b.gif) no-repeat left bottom;
}

/*-----2017.02.17-----*/

#top .blueback h2{
padding:0px 0px 15px 2px ;
font-size:16px;
border:none;
margin:0;
line-height:1.2;
}

/*-----//2017.02.17-----*/

#top .blueback ul.banner2{
margin-top:20px;
}
#top .blueback li{
float:left;
}
#top .blueback .top li{
margin-right:20px;
}
#top .blueback ul:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0;
overflow: hidden;
}



/*-----2017.03.24-----*/
.slide-block{width:710px; margin:0 auto; position:relative;}
.slide-block .control-box{position:absolute; left:0; bottom:0; width:100%;}
.slide-block .control-btn{float:left;}
.slide-block .control-btn button{padding:0; margin:0; background:none; border:none;}
.slide-block .control-btn button:focus,
.slide-block .control-btn button:hover{opacity:.7;}
.slide-block .control-btn button:hover{cursor:pointer;}
.slide-block .control-box ul{float:right;}
.slide-block .control-box ul li{float:left; margin-left:10px;}

.slide-block ul li a{display:block; opacity:.7; width:10px; height:10px; overflow:hidden; text-indent:-9999px; border-radius:50%; background-color:#000;}
.slide-block ul li a:hover{cursor:pointer;}
.slide-block [aria-selected=true]{
	opacity:1;
}
/*-----//2017.03.24-----*/

/* マウスホバー時 */
a:hover{
	opacity: .8;
}

/* 0123クロージング対応時のトップ左カラムバナーエリア */
ul.left-bans{
	margin-top:8px;
}
li.left-bans-01{
	position: absolute; 
	left: -11px;
}
li.left-bans-02{
	position: absolute; 
	top: 290px; 
	left: -15px;
	z-index:1;
}

/* 0123クロージング対応時のh2追加デコレ */
h2.h2-square{
	background:#184fd8; 
	color:#fff; 
	padding:8px;
	height:20px;
	margin-bottom:18px !important;
	padding-bottom: 10px !important;
}

/* 230801版 */
#top .sitehead >.left > div{
    width: 210px;
    padding: 1em;
}
#top .sitehead >.left > div > h2{
    display: none;
}
#top .mylink{
    position: static;
    padding: 1em;
}
#top #sitehead_s2{
    margin:  0 auto;
}
#sitehead_s2 a{
    display: block;
    box-shadow: 2px 2px 4px #999;
}
#sitehead_s2 a:hover{
    box-shadow: 0px 0px 0px #fff;
    transition: .3s;
}
.side-mylink img{
    display: block;
    margin: 0 auto;
}
#top .mylink p{
    width: auto;
    margin: 1em 0;
}
p.side-mylink-loginbutton-caption{
    font-weight: bold;
    color: #F00;
    background: #ffeaea;
    border: 1px solid #F00;
    padding: 1em;
}
a.side-trace-ban-link{
    display: block;
    box-shadow: 2px 2px 4px #999;
}
img.side-trace-ban{
    width: 180px;
}
a:hover.side-trace-ban-link{
    box-shadow: 0px 0px 0px #fff;
    transition: .3s;
}

nav.menu ul{
    float: none;
    display: flex;
    justify-content: center;
}

nav.menu ul li.m1 .submenu{
    left: -97px;
}

nav.menu ul li.m3 .submenu{
    left: -289px;
}

nav.menu ul li .submenu ul li{
    display: flex;  /* 先に指定してあるdisplay:block;→削除 */
    align-items: center;
}

nav.menu ul li.m1:hover .submenu:before{
    background: url(/images/common/T0.png);  /* T1aをもとに、▼を削除した画像をT0として保存する */
}

nav.menu ul li.m3:hover .submenu:before{
    background: url(/images/common/T0.png);  /* T1aをもとに、▼を削除した画像をT0として保存する */
}

/* images/common/menu_baloon_on.pngの▼部分を削除して上書き保存する */

nav.menu ul li .submenu{
    box-shadow: 2px 2px 4px #999;
    z-index: 1;
}

.slide-block .control-box{
    display: none;
}
ul#sitehead_s4 img{
	display: initial;
}
#top .mylink ul#sitehead_s4{
	font-size: 0.8em;
}
.side-mylink-loginbutton-caption img {
	margin: 0.5em auto;
}

#top dl.feed-oshirase{
	display: block;
	width: 90%;
	font-weight: bold;
	font-size: 1em;
    color: #F00;
    background: #ffeaea;
    border: 1px solid #F00;
	margin: 0 auto;
    padding: 1.5em 2em;
}
#top dl.feed-oshirase dd{
	margin: 0.5em 2em;
	line-height: normal;
}