@charset "euc-jp";

/* ---------------------------------------------------------------------
CSS

 File name:      color.css
 Create:         2014.08.04
 Update:         2014.11.27
 */
 
 /*タイトル見出し用サンプル集*/
 
 .under {
text-decoration:underline;
text-decoration-style:wavy;
}
  
 
 .menuRibbon {
	margin:0 0 10px 0;
	padding:2px 8px;
	background:#7EBA03;
	color:#F3F9E8;
	line-height:140%;
	font-weight:bold;
}

.menuRibbonLight {
	margin:0 0 10px 0;
	padding:2px 8px;
	background:#BEDC81;
	color:#5B8602;
	line-height:140%;
	font-weight:bold;
}

.menuTab {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 0 5px;
	border-color: #BEDC81;
	border-style:solid;
	background:#7EBA03;
	color:#F3F9E8;
	line-height:140%;
	font-weight:bold;
}

.menuTabLight {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 0 5px;
	border-color:#7EBA03;
	border-style:solid;
	background:#BEDC81;
	color:#5B8602;
	line-height:140%;
	font-weight:bold;
}

.menuTabDouble {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 5px;
	border-color: #BEDC81;
	border-style:solid;
	background:#7EBA03;
	color:#F3F9E8;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}

.menuTabDoubleLight {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 5px;
	border-color:#7EBA03;
	border-style:solid;
	background:#BEDC81;
	color:#5B8602;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}

.menuLine {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 5px 0;
	border-color: #BEDC81;
	border-style:solid;
	background:#7EBA03;
	color:#F3F9E8;
	line-height:140%;
	font-weight:bold;
}

.menuLineLight {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 5px 0 ;
	border-color:#7EBA03;
	border-style:solid;
	background:#BEDC81;
	color:#5B8602;
	line-height:140%;
	font-weight:bold;
}

.menuLineDouble {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:5px 0;
	border-color: #BEDC81;
	border-style:solid;
	background:#7EBA03;
	color:#F3F9E8;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}

.menuLineDoubleLightW {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:5px 0;
	border-color:#7EBA03;
	border-style:solid;
	background:#fff;
	color:#5B8602;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}

.menuLineDoubleLight {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:5px 0;
	border-color:#7EBA03;
	border-style:solid;
	background:#BEDC81;
	color:#5B8602;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}

.menuLineLightW {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 5px 0 ;
	border-color:#7EBA03;
	border-style:solid;
	background:#fff;
	color:#5B8602;
	line-height:140%;
	font-weight:bold;
}

 
 
 
 

 
 
 /*テーブル用*/
 .tate1 {
height: 62px;
}
 
  .tate2 {
height: 62px;
width:  18px;
}
 
 .tate3 {
height: 62px;
width:  22px;
}

.col {
border-collapse: collapse; 
}

 /*セルサイズ*/
 /*ヨコ*/
.tdw22 {
width: 22px;
}

.tdw23 {
width: 23px;
}

.tdw24 {
width: 24px;
}

.tdw120 {
width:120px;
}

 /*タテ*/
.tdh22 {
height: 22px;
}

.tdh23 {
height: 23px;
}

.tdh24 {
height: 24px;
}

.tdh25 {
height: 25px;
}

.tdh26 {
height: 26px;
}

.tdh27 {
height: 27px;
}

.td2267 {
width: 22px;
height: 67px;
}

.td2367 {
width: 23px;
height: 67px;
}

.td2275 {
width: 22px;
height: 75px;
}

.td2280 {
width: 22px;
height: 80px;
}

.td2375 {
width: 23px;
height: 75px;
}

.td2475 {
width: 24px;
height: 75px;
}

.td2575 {
width: 25px;
height: 75px;
}


.td2675 {
width: 26px;
height: 75px;
}

.td2775 {
width: 27px;
height: 75px;
}



.td2875 {
width: 28px;
height: 75px;
}

.td2975 {
width: 29px;
height: 75px;
}

.td3075 {
width: 30px;
height: 75px;
}

.td3075 {
width: 30px;
height: 75px;
}

.td3175 {
width: 31px;
height: 75px;
}

.td3275 {
width: 32px;
height: 75px;
}

.td3375 {
width: 33px;
height: 75px;
}

.td3475 {
width: 34px;
height: 75px;
}

.td3575 {
width: 35px;
height: 75px;
}

.td3675 {
width: 36px;
height: 75px;
}

/*余白*/

.pad48{
padding: 4px 9px;
}

.pad410{
padding: 4px 10px
}

.padt{
padding: 50px 50px
}

/*フォントサイズ*/
.small {
font-size: 10px;
}

.size3 {
font-size:1px;
}
.red{
color:red;
}

.blue{
color:blue;
}

/*009811*/
.capt{
color:#009811;
text-decoration: underline;
font-weight: bold;
}


.font3 {
font-size: 3px; 
}

.font5 {
font-size: 5px; 
}

.font10 {
font-size: 10px; 
}

.font11 {
font-size: 11px; 
}

.font12 {
font-size: 12px; 
}

.font13 {
font-size: 12px; 
}

.font13 {
font-size: 13px; 
}

.font14 {
font-size: 14px; 
}

.font15 {
font-size: 15px; 
}
/*赤*/

.red { 
font-color:red;
}

.red14 {
font-size: 14px; 
font-color:red;
}


.red15 {
font-size: 15px; 
font-color:red;
}

.red16 {
font-size: 16px; 
font-color:red;
}

.font16 {
font-size: 16px; 
}

.font17 {
font-size: 17px; 
}

.font18 {
font-size: 18px; 
}

.font19 {
font-size: 19px; 
}

.font20 {
font-size: 20px; 
}

.font21 {
font-size: 21px; 
}

.font22 {
font-size: 22px; 
}

.font23 {
font-size: 23px; 
}

.font24 {
font-size: 24px; 
}

.font25 {
font-size: 25px; 
}

.font26 {
font-size: 26px; 
}

/*アライン*/

.hidari {
text-align: left;
}

.cent {
text-align: center;
}


/*テスト用*/
.test1 {
font-size: 30px; 
}

.test2 {
font-size: 30px; 
}

.test3 {
font-size: 30px; 
}

.test4 {
font-size: 30px; 
}
/*スクロール用*/
thead.scrollHead,tbody.scrollBody{
  display:block;
}
tbody.scrollBody{
  overflow-y:scroll;
  height:100px;
}

/*マージンレフト*/
.L3{
position:relative;left:3px;
}

.L5{
position:relative;left:5px;
}

.L8{
position:relative;left:8px;
}

.L10{
position:relative;left:10px;
}

.L15{
position:relative;left:15px;
}

.L20{
position:relative;left:20px;
}

.L25{
position:relative;left:25px;
}
.L30{
position:relative;left:30px;
}
.L50{
position:relative;left:50px;
}
.L70{
position:relative;left:70px;
}
.L90{
position:relative;left:90px;
}
.L100{
position:relative;left:100px;
}

.L200{
position:relative;left:200px;
}

.L250{
position:relative;left:250px;
}

.L300{
position:relative;left:300px;
}

.L350{
position:relative;left:350px;
}

/*マージンライト*/
.R3{
position:relative;right:3px;
}

.R5{
position:relative;right:5px;
}

.R8{
position:relative;right:8px;
}

.R10{
position:relative;right:10px;
}

.R15{
position:relative;right:15px;
}

.R20{
position:relative;right:20px;
}

.R25{
position:relative;right:25px;
}

.R35{
position:relative;right:35px;
}

.R50{
position:relative;right:50px;
}

.R100{
position:relative;right:100px;
}

/*マージントップ*/
.T3{
position:relative;top:3px;
}

.T5{
position:relative;top:5px;
}

.T8{
position:relative;top:8px;
}

.T10{
position:relative;top:10px;
}

.T15{
position:relative;top:15px;
}

.T20{
position:relative;top:20px;
}

.T25{
position:relative;top:25px;
}

.T35{
position:relative;top:35px;
}

.T50{
position:relative;top:50px;
}

.T100{
position:relative;top:100px;
}


.B30{
position:relative;bottom:30px;
}


.spc03{
letter-spacing: 0.3em;
}

.spc05{
letter-spacing: 0.5em;
}

.spc08{
letter-spacing: 0.8em;
}

.spc10{
letter-spacing: 1.0em;
}


.margecent {
 text-align: center;
 font-weight: bold;
}




		/*mr2017*/
		
table.mr2017 {
    width: 600px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 3px 8px;
    font-size: 18px;
}
table.mr2017 th {
    background: #E7FFE5;
    vertical-align: middle;
    text-align: left;
    width: 80px;
    overflow: visible;
    position: relative;
    color: #234545;
    font-weight: normal;
    font-size: 20px;
    padding:10px;
}
@media screen and (min-width:640px)   {		
	table.mr2017 {
	    width: 600px;
	    margin: 0 auto;
	    border-collapse: separate;
	    border-spacing: 3px 8px;
	    font-size: 12px;
	}
	table.mr2017 th {
	    background: #E7FFE5;
	    vertical-align: middle;
	    text-align: left;
	    width: 90px;
	    overflow: visible;
	    position: relative;
	    color: #234545;
	    font-weight: normal;
	    font-size: 15px;
	    padding:10px;
	}
}
 

table.mr2017 td {
    padding: 10px;
}


table.mr2017 th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(135, 183, 213, 0);
    /*(Aの値は0か1)*/
    border-left-color: #295890;
    /*紺*/
    border-width: 10px;
    margin-top: -10px;
}

/* firefox */
{ 

    table.mr2017 th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #E7FFE5 10px solid;
        margin-top: -10px;
    }
}

@-moz-document url-prefix() { 

    table.mr2017 th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #E7FFE5 10px solid;
        margin-top: -10px;
    }
}





table.mr2017 td {
    background: #f8f8f8;
    width: 360px;
    padding-left: 20px;
    border-collapse: separate;
}



.recruit-list2017 {
 background-color: #CCA;
}
   .recruit-list2017 td {
    background-color: #f8f8f8;
    }
   .recruit-list2017 .left-item {
    background-color: #E7FFE5;
    text-align: center;
    font-weight: bold;
}



		/*rs2017*/
		
table.rs2017 {
    width: 600px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 3px 8px;
    font-size: 12px;
}

 
table.rs2017 th,
table.rs2017 td {
    padding: 10px;
}

 
table.rs2017 th {
    background: #E7FFE5;
    vertical-align: middle;
    text-align: left;
    width: 85px;
    overflow: visible;
    position: relative;
    color: #234545;
    font-weight: normal;
    font-size: 15px;
}


table.rs2017 th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(135, 183, 213, 0);
    /*(A⇒0or1を指定)*/
    border-left-color: #295890;
    /*紺*/
    border-width: 10px;
    margin-top: -10px;
}

/* firefox */
/*
{ 

    table.rs2017 th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #E7FFE5 10px solid;
        margin-top: -10px;
    }
}

@-moz-document url-prefix() { 

    table.rs2017 th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #E7FFE5 10px solid;
        margin-top: -10px;
    }
}*/





table.rs2017 td {
    background: #f8f8f8;
    width: 360px;
    padding-left: 20px;
    border-collapse: separate;
}



.recruit-rs2017 {
 background-color: #CCA;
}
   .recruit-rs2017 td {
    background-color: #f8f8f8;
    }
   .recruit-rs2017 .left-item {
    background-color: #E7FFE5;
    text-align: center;
    font-weight: bold;
}





		/*st2016*/
		
table.st2016 {
    width: 770px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 3px 8px;
    font-size: 12px;
}

 
table.st2016 th,
table.st2016 td {
    padding: 10px;
}

 
table.st2016 th {
    background: #E7FFE5;
    vertical-align: middle;
    text-align: left;
    width: 75px;
    overflow: visible;
    position: relative;
    color: #234545;
    font-weight: normal;
    font-size: 15px;
}


table.st2016 th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(135, 183, 213, 0);
    /*(Aの値は0か1)*/
    border-left-color: #295890;
    /*紺*/
    border-width: 10px;
    margin-top: -10px;
}

/* firefox */
{ 

    table.st2016 th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #E7FFE5 10px solid;
        margin-top: -10px;
    }
}

@-moz-document url-prefix() { 

    table.st2016 th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #E7FFE5 10px solid;
        margin-top: -10px;
    }
}





table.st2016 td {
    background: #FFFFED;
    width: 600px;
    padding-left: 20px;
    border-collapse: separate;
}



/*------------------------------------------------------------------------------------------------------*/




table.st20162 {
    width: 800px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 3px 8px;
    font-size: 22px;
}

 
table.st20162 th,
table.st20162 td {
    padding: 20px;
    text-align: center;
    font-size: 22px;
}

 
table.st20162 th {
    background: #E7FFE5;
    vertical-align: middle;
    text-align: left;
    width: 75px;
    overflow: visible;
    position: relative;
    color: #234545;
    font-weight: normal;
    font-size: 25px;
}


table.st20162 th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(135, 183, 213, 0);
    /*(Aの値は0か1)*/
    border-left-color: #295890;
    /*紺*/
    border-width: 10px;
    margin-top: -10px;
}

/* firefox */
{ 

    table.st20162 th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #E7FFE5 10px solid;
        margin-top: -10px;
    }
}

@-moz-document url-prefix() { 

    table.st20162 th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #E7FFE5 10px solid;
        margin-top: -10px;
    }
}

table.st20162 td {
    background: #FFFFED;
    width: 600px;
    padding-left: 20px;
    border-collapse: separate;
}

.recruit-list2017 {
 background-color: #CCA;
}
   .recruit-list2017 td {
    background-color: #f8f8f8;
    }
   .recruit-list2017 .left-item {
    background-color: #E7FFE5;
    text-align: center;
    font-weight: bold;
}

button01 {
	background-image: url(../img/bt_product-dokkatsu_2_off.gif);
}
button01 :hover{
	background-image: url(../img/bt_product-dokkatsu_2_on.gif);
}

























#button1{
 	background: #EEE;
    border-top: 2px solid #DDD;
    border-left: 2px solid #DDD;
    border-right: 2px solid #BBB;
    border-bottom: 2px solid #BBB;
    color:#111;
    width: 85px;
    padding: 2px 0;
}
    
#button2{
    background: #EEE;
    border-top: 2px solid #DDD;
    border-left: 2px solid #DDD;
    border-right: 2px solid #BBB;
    border-bottom: 2px solid #BBB;
    color:#111;
    width: 50px;
    padding: 2px 0;
}

.img {
  float: right;
  margin-left: 0em;
  margin-bottom: 1em;
}
#panelist1{
	float:left;
	width: 400px;
}
#panelist2{
	float:right;
}

/*ボタン用*/
.btn {
    background: #0B8;
    border: 2px solid #DDD;
    color: #FFF;
    text-shadow:1px 1px 3px rgba(0,0,0,0.2);
    width: 100px;
    padding: 7px 17px;
}

/*婦人宝商品ページ環境依存文字対応*/
#ue { 
position: relative; 
bottom:5px;
font-size:small;
}

#ue2 { 
position: relative; 
BOTTOM:1px;
}




/*メディアクエリ*/
/*
@media screen and ( max-width:479px ) {
*/

/*
h3{
color: #f00 ;
}

/*.clearfix{
display: none;
}*/
/*
#globalmenu,#breadcrumbs,#left{
display: none;
}
*/

/*altより転記。不要なら削除*/
.move {
/* 2018.07.12 T.Handa
	position: relative;
	top: 6px; 
	left: 6px;
	*/
	padding-top: 6px;
	padding-left: 6px;
/* 2018.07.12 T.Handa */
	z-index: 1;
	
}

.move2 {
		position: relative;
	top: 7px; 
	left: 5px;
	z-index: 2;
	
}

.hanten{
	
}

.test {
	background-position : 5px 5px;
	}
	
.centerring {
	width: 100%;
	border: 1px solid #000;
	}
	
	
	
.clr{
display: none;
}