@charset "utf-8";

/*--CSS Reset ------------------------------*/
*{margin:0; padding:0; font-family:"Hiragino Kaku Gothic Pro", 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS Gothic', sans-serif, 나눔바른고딕,나눔고딕,"Nanum Gothic","맑은 고딕","Malgun Gothic",돋움,dotum,Helvetica,AppleGothic,Sans-serif;}
body{font-size:12px; width:100%;position: relative;line-height: 1.7em;}
fieldset, img, iframe{border:0;}
ol, ul{list-style:none;}
li{list-style:none;}
caption, th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1em; font-weight:normal;}
abbr,acronym{border:0;}
hr{display:none;}
table{/*border-collapse:collapse;*/ border-spacing:0;}
img{vertical-align:middle; display:inline-block;}
a{text-decoration:none; color:#000;}
a:hover{/* color:#ffaa00; *//*text-decoration:underline;*/}
a:hover img{filter:alpha(opacity=80); opacity:0.6;}
textarea{overflow:auto;}
.wfix{width:auto;}
* html .wfix{width:100%;} /* IE6 hack */

/*-- Default setting ------------------------------*/
.bold{font-weight:bold;}
.redText{color:#ff0000;}
.clear{clear:both;}
.center{text-align:center !important;}
.right{text-align:right;}
.check{*margin:-4px -1px 0 -4px; vertical-align:top;}
.nospace{font-size:0px; height:0; line-height:0px;}
.png{tmp:expression(setPng24(this));}
.hidden_phrase{visibility:hidden; width:0; height:0; line-height:0; overflow:hidden; position:absolute; top:-10000px;}
.selectItem{font-weight:normal; color:#000;}
.TextPoint{color:#ff0000;}
.categoryNav{height:24px; line-height:24px; text-align:right; margin-bottom:7px;}
.dateNotice{font-weight: bold;margin: 10px 20px;}
.dateNotice p span{color:#d11b29;}
.marTop15{margin-top:15px;}
.marL5{margin-left:5px;}
.indent10{text-indent: 10px;}
.padding10{padding:10px;}
.margin10{padding:10px;}
.borderBox{border:2px solid #000;}
.bor_bottom{border-bottom:1px solid #000;}
h2.borderTitle{font-size: 20px;font-weight: bold;border-bottom: 2px solid #000;padding: 10px 0;text-indent: 15px;}
h3.borderTitle{font-size: 15px;font-weight: bold;border-bottom: 2px solid #000;padding-left: 15px;}
.eventPrice{position:absolute; background:url("../images/itemlist/eventPrice.png") no-repeat; width:54px; height:13px; left:-10px; top:3px;}

/* Progress */
DIV.ProgressBar
{
	width: 100px;
	border: 1px solid black;
	margin-right: 1em;
	height: .75em;
	margin-left: 1em;
	display: -moz-inline-stack;
	display: inline-block;
}
DIV.ProgressBar DIV
{
	background-color: Green;
	font-size: 1pt;
	height: 100%;
	float: left;
}
SPAN.asyncUploader OBJECT
{
	position: relative;
}

/*-- HTML 5 Reset Styles - article, aside, header, nav, section, footer, figure, hgroup ------------------------------*/
section, nav, aside, figure, hgroup, header, article, footer{display:block;}


/* 20200528 blink effect added */
.blinking{
    -webkit-animation:blink .9s ease-in-out infinite alternate;
    -moz-animation:blink .9s ease-in-out infinite alternate;
    animation:blink .9s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    50% {opacity:1;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    50% {opacity:1;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    50% {opacity:1;}
    100% {opacity:1;}
}

/*-- index ------------------------------*/
#Main_Header{margin: 0 auto 12px;}
.Positon_Center{width:1005px; margin:auto; clear: both; position: relative;}
#Main_Header .main_sub_tit{text-align:center;background: #f3f3f4}
#Main_Header .main_sub_tit h1, #Main_Header .main_sub_tit p{display:inline;}
#Main_Footer{clear:both;background: #555658;}
.indexTextBox{border:1px solid #b0b0b0; padding:5px; margin-bottom:10px; border-radius:5px; background-color:#f9f9f9; color:#7a7a7a;}

/**-- header line ------------------------------**/
/* 20190531 new header */
	.topMenuWrap{position: relative;width: 1005px;height: auto;margin: 10px auto 10px;}

		.tmLeftWrap{position: relative;float: left;padding: 0;width: 200px;}
			a.logoBtn{display: block;width: 140px;margin: 0 auto;padding: 20px 0 12px;}
			a.logoBtn:hover{opacity: 1;}
			a.logoBtn:hover img{opacity: 1;}
			a.logoBtn img{display: block;width: 100%;}

		.tmRightWrap{position: relative;float: right;width: 805px;}

			.topBanner{position: relative; float: left; width: 495px; padding-left: 10px; box-sizing:border-box;}
			.bannerWrap {border: 1px solid #c3c3c3; box-sizing:border-box; }
			.bannerWrap a{position: relative;}
			/*.bannerWrap a img{border-radius: .25rem;}*/
			.bannerWrap a:hover{opacity: 1;}
			.bannerWrap a:hover img{opacity: 1;}
			.bannerWrap img{width:100%;}

			.memberInfoWrap{position: relative;float: right;width: 300px;}

				.customerCenterWrap{position: relative;display: block;padding: 1px 10px;box-sizing:border-box;background: #fafafa;border-radius: .25rem;border: 1px solid #ccc;color: #595959;}
				.customerCenterWrap p{font-weight: bold;font-size: 11px;}
				.customerCenterWrap a{display: inline-block;}

				/* event register coupon */
				.eventPop{position: relative;display: block;background: #ee434d;color: #fff;font-size: 11px;letter-spacing: 1px;width: 300px;margin: 5px auto 0;text-align: center;}
				.eventPop .hereArrow{position: absolute;top: 13px;right: 142px;color: #ee434d;}


				.welcomePop{position: relative;display: block;background: #c4e8ef;color: #333;font-size: 11px;letter-spacing: 1px;width: 300px;margin: 5px auto 0;text-align: center;}
				.welcomePop .hereArrow{position: absolute;top: 13px;right: 142px;color: #c4e8ef;}


				.memberMenuWrap{position: relative;float: right;display: inline-block;padding-top: 7px;}
				.memberMenuWrap > a{position: relative;float: left;display: inline-block;text-align: center;font-size: 12px;width:100px;padding: 5px 0 1px;border: 1px solid #ccc;line-height: 1.6;border-right: none;background: #fff;box-sizing:border-box;background: linear-gradient(to bottom, #ffffff 10%, #dfdfdf 84%, #dfdfdf 95%, #cfcfcf 100%);transition:all 0.3s;color: #333;}
				.memberMenuWrap > a:hover{background: linear-gradient(to bottom,#ffffff 5%, #dfdfdf 30%, #dfdfdf 60%,#cfcfcf 100%);opacity: 1;color: #d11b29;transition:all 0.3s;}
				.memberMenuWrap > a:first-child{border-radius: .25rem 0 0 .25rem;}
				.memberMenuWrap > a:last-child{border-right: 1px solid #ccc;border-radius: 0 .25rem .25rem 0;}
				.memberMenuWrap > a > i{font-size: 14px;transition:all 0.3s;padding-bottom: 7px;}
				.memberMenuWrap > a:hover > i{color: #d11b29;transition:all 0.3s;}




	.topMenuNavWrap{position: relative;width: 1005px;height: auto;margin: 0 auto;}
		.topMenuNav{position: relative;padding: 0;margin: 0;}
		.topMenuNav > li{position: relative;float: left;width: 167.5px;text-align: center;}
		.topMenuNav > li > a{position: relative;display: block;padding: 10px 0;width: 100%;font-weight: normal;font-size: 15px;color: #595959;border-bottom: 1px solid #ddd;transition:all 0.3s;box-sizing:border-box;}
		.topMenuNav > li > a:hover{color: #d11b29;transition:all 0.3s;}
		.topMenuNav > li:last-child > a{border-right: none;}
		.topMenuNav > li > a > span.navActiveLine{position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background: #d11b29;transition:all 0.3s;}
		.topMenuNav > li > a:hover > span.navActiveLine{width: 100%;transition:all 0.3s;}

/*-- logoLine -----*/
div#logoLine{position: absolute; top: 0px;right:0;width: 78%; height: 60px;display: block; overflow: hidden; z-index: 1000;}
div#logoLine div.logoRightBox{float: right; text-align: right; width: 700px; font-size: 14px;}
div#logoLine div.logoRightBox div#myLink img{position: relative;top: 13px;left: 140px;display: block;}
div#logoLine div.logoRightBox div#myLink div.loginBtWrap{position: absolute;top: 33px;right: 0;}
div#logoLine div.logoRightBox div#myLink div.loginBtWrap a{padding: 0px 20px;}
/* div#logoLine div.logoRightBox div.loginBt img{ padding: 10px 20px;} */
div#logoLine div.logoRightBox div.loginBt{height: 60px;}
div#logoLine div.logoRightBox div.loginBt img{position: relative;top: 13px;left: 140px;display: block;}
div#logoLine div.logoRightBox div.loginBt div.loginBtWrap{position: absolute;top: 36px;right: 0;}
div#logoLine div.logoRightBox div.loginBt div.loginBtWrap a{display: inline-block;padding: 0px 20px;}
div#logoLine div.logoRightBox div.loginBt div.loginBtWrap a:nth-child(6){padding: 0 0;}
div#logoLine div.logoRightBox div.loginBt div.loginBtWrap a.loginbt_line {border-right: 1px solid #6D6E71;}

div#logoLine div.logoRightBox div.loginBt .sns{float:right; margin-left:5px;}
div#logoLine div.logoRightBox div.loginBt .sns li{float:left;}
div#logoLine div.logoRightBox div.loginBt .sns li img{padding:10px 0;}


/**-- TopNav line ------------------------------**/
nav.Nav{width: 100%; border-bottom:5px solid #B31521; margin-bottom: 10px;}
div.TopNav {width:1005px; margin: 0 auto;}
ul.NavUl {font-size: 16px; line-height: 16px; position: relative; margin: 0; padding-left: 40px;}

ul.NavUl > li {display: inline-block; text-align: center; height: 23px; padding: 10px 0px;}
ul.NavUl > li .main_top_menu {padding:5px 17px; display: block; border-right: 1px solid #6D6E71; font-weight: bold;}



ul.NavUl > li .left_margin {margin-left:23px; border-left: 1px solid #686868;}
ul.NavUl > li:hover > a{color: #ED0003;}
ul.NavUl > li:hover { }
ul.NavUl > li:hover > ul {opacity: 1; visibility: visible; margin-top: 0px;}
ul.NavUl li > ul li {font-size: 11px; position: relative; display: block; padding: 15px 10px;}
ul.NavUl > li > ul  li:hover {background-color: #006191;}
ul.NavUl ul  li:hover > a {color: #C90205;}
ul.NavUl > li > .fulldrop {opacity: 0; visibility: hidden; position: absolute; list-style: none; top:6.2em; left: 0px; background-color: #ffffff; width: 100%; text-align: left; z-index: 999; overflow: hidden; border-top:5px solid #B31521; padding-bottom: 20px;  }
ul.NavUl > li:hover .fulldrop {opacity: 1; visibility: visible; margin-top: 0px; border-bottom: 5px solid #b2131f; box-shadow: 0px 10px 6px -4px #a7a7a7;  transition: all 400ms 0s ease;}

/* ul.NavUl > li > .fulldrop .MenuLeft{float: left; width: 43%; display: inline-block;}
ul.NavUl > li > .fulldrop .MenuLeft h3{font-size: 14px; font-weight: bold; padding: 14px 0 0 2px; line-height: 14px; color: #83c441;}
ul.NavUl .MenuLeft .column {width: 130px;margin:0 9px;}
ul.NavUl .MenuLeft .column {width: 140px; margin: 0 4px 0 0; float: left; color:#6D6E71; text-align: center;}
ul.NavUl .MenuLeft .column ul {padding: 0; margin: 0;}
ul.NavUl .MenuLeft .column ul li {padding:2px 0; height: 16px; list-style: none; font-size: 11px; border-bottom: 1px solid #E6E6E5;}
ul.NavUl .MenuLeft .column h4 {font-size: 13px; padding: 5px 0; background-color: #83C441; font-weight: bold; margin: 5px 0 5px 0;}
ul.NavUl .MenuLeft .column h4 a{color: #ffffff;}
ul.NavUl .MenuLeft .column ul li a {display: block; padding: 0 0 15px 0;}
ul.NavUl > li > .fulldrop .MenuRight{float: right; width: 57%; display: inline-block;}
ul.NavUl > li > .fulldrop .MenuRight h3{font-size: 14px; font-weight: bold; padding: 14px 0 0 2px; line-height: 14px; color: #f69220;}
ul.NavUl .MenuRight .column {width: 130px;margin:0 9px;}
ul.NavUl .MenuRight .column {width: 140px; margin: 0 4px 0 0; float: left; color:#6D6E71; text-align: center;}
ul.NavUl .MenuRight .column ul {padding: 0; margin: 0;}
ul.NavUl .MenuRight .column ul li {padding:2px 0; height: 16px; list-style: none; font-size: 11px; border-bottom: 1px solid #E6E6E5;}
ul.NavUl .MenuRight .column h4 {font-size: 13px; padding: 5px 0; background-color: #F69220; font-weight: bold; margin: 5px 0 5px 0;}
ul.NavUl .MenuRight .column h4 a{color: #ffffff;}
ul.NavUl .MenuRight .column ul li a {display: block; padding: 0 0 15px 0;} */
ul.NavUl > li > .fulldrop .MenuSpeed{width: 100%; display: inline-block;}
ul.NavUl > li > .fulldrop .MenuSpeed h3{font-size: 16px; font-weight: bold; padding: 14px 0 0 12px; line-height: 14px; color: #092c71;}
ul.NavUl .MenuSpeed .column {width: 193px; margin: 0 8px 0 0; float: left; color:#6D6E71; text-align: center;}
ul.NavUl .MenuSpeed .column ul {padding: 0; margin: 0;text-align: left;}
ul.NavUl .MenuSpeed .column ul li {padding:4px 15px; height: 16px; list-style: none; font-size: 13px; border-bottom: 1px solid #E6E6E5;}
ul.NavUl .MenuSpeed .column ul li.li_img {border:none;padding:15px 0;}
ul.NavUl .MenuSpeed .column h4 {font-size: 15px; padding: 5px 0; background-color: #092c71; font-weight: bold; margin: 5px 0 5px 0;}
ul.NavUl .MenuSpeed .column h4 a{color: #ffffff;}
ul.NavUl .MenuSpeed .column ul li a {display: block;color: #000;}
ul.NavUl .MenuSpeed .column ul li a:hover {color: #ffaa00;}
ul.NavUl > li > .fulldrop .MenuOffset{width: 100%; display: inline-block;}
ul.NavUl > li > .fulldrop .MenuOffset h3{font-size: 16px; font-weight: bold; padding: 14px 0 0 12px; line-height: 14px; color: #d11b29;}
ul.NavUl .MenuOffset .column {width: 193px; margin: 0 8px 0 0; float: left; color:#6D6E71; text-align: center;}
ul.NavUl .MenuOffset .column ul {padding: 0; margin: 0;text-align: left;}
ul.NavUl .MenuOffset .column ul li {padding:4px 15px; height: 16px; list-style: none; font-size: 13px; border-bottom: 1px solid #E6E6E5;}
ul.NavUl .MenuOffset .column ul li.li_img {border:none;padding:15px 0;}
ul.NavUl .MenuOffset .column h4 {font-size: 15px; padding: 5px 0; background-color: #d11b29; font-weight: bold; margin: 5px 0 5px 0;}
ul.NavUl .MenuOffset .column h4 a{color: #ffffff;}
ul.NavUl .MenuOffset .column ul li a {display: block;color: #000; /*padding: 0 0 15px 0;*/}
ul.NavUl .MenuOffset .column ul li a:hover {color: #ffaa00;}

ul.NavUl > li > .fulldrop .Guide h3{font-size: 16px; font-weight: bold; padding: 14px 0 0 12px; line-height: 14px; color: #d11b29;}
ul.NavUl > li > .fulldrop .Guide .BorderRed h3{font-size: 16px; font-weight: bold; padding: 0 0 7px 12px; line-height: 14px; color: #24336d;}
ul.NavUl .PriceList{width: 100%;}
ul.NavUl .PriceList .BorderRed{margin: 20px 0px;}
ul.NavUl .PriceList h4{font-size: 14px; font-weight: bold;}
ul.NavUl .PriceList ul{ width: 1005px; padding: 0; margin: 0;}
ul.NavUl .PriceList ul li{ width: 300px; float: left; margin:5px 52px 0 0; text-align: center; }
ul.NavUl .PriceList ul li h4 a.ColorGreen{background-color: #82C341; font-size: 13px; font-weight: bold; padding: 5px 0px; color: #ffffff; display: block;}
ul.NavUl .PriceList ul li h4 a.ColorOrange{background-color: #F59120; font-size: 13px; font-weight: bold; padding: 5px 0px; color: #ffffff; display: block;}
ul.NavUl .PriceList ul li h4 a.ColorGray{background-color: #B2B2B2; font-size: 13px; font-weight: bold; padding: 5px 0px; color: #ffffff; display: block;}
ul.NavUl .PriceList ul li div{padding:5px 0; height: 16px; font-size: 11px; border-bottom: 1px solid #E6E6E5;}

ul.NavUl .Guide{width: 100%;}
ul.NavUl .Guide .BorderRed{margin: 20px 0px 0px;}
ul.NavUl .Guide ul{ width: 1005px; padding: 0; margin: 0;}
ul.NavUl .Guide ul li{ width: 228px; float: left; margin:7px 31px 0 0; text-align: center; }
ul.NavUl .Guide ul li h4 a{background-color: #EE2230; font-size: 13px; font-weight: bold; padding: 5px 0px; color: #ffffff; display: block;}
ul.NavUl .Guide ul li div{padding:2px 0; height: 16px; font-size: 11px; border-bottom: 1px solid #E6E6E5;}

ul.NavUl .Templt{width: 100%;}
ul.NavUl .Templt ul{ width: 1005px; padding: 0; margin: 0;}
ul.NavUl .Templt ul li{ width: 300px; float: left; margin:25px 52px 0 0; text-align: center; }
ul.NavUl .Templt ul li h4 a{background-color: #EE2230; font-size: 13px; font-weight: bold; padding: 5px 0px; color: #ffffff; display: block;}
ul.NavUl .Templt ul li div{padding:2px 0; height: 16px; font-size: 11px; border-bottom: 1px solid #E6E6E5;}

ul.NavUl .Customer{width: 100%;}
ul.NavUl .Customer ul{ width: 1005px; padding: 0; margin: 0;}
ul.NavUl .Customer ul li{ width: 300px; float: left; margin:25px 52px 0 0; text-align: center; }
ul.NavUl .Customer ul li h4 a{background-color: #EE2230; font-size: 13px; font-weight: bold; padding: 5px 0px; color: #ffffff; display: block;}
ul.NavUl .Customer ul li div{padding:2px 0; height: 16px; font-size: 11px; border-bottom: 1px solid #E6E6E5;}

/**-- side line ------------------------------**/
#leftNav{width:200px; margin-right:10px; float:left;}
#loginMemberBox{position: relative;}


/*--------------   right_banner_insta ---------------------*/
/*.right_banner_insta {display:inline-black; padding-left:30px; z-index:-1 !important;}
.side_slide_topdown li{float:left;}*/





/* side menu default set */
#verticalNav1, #verticalNav2{margin-bottom:15px; background-color:#f9f9f9;}
#verticalNav1 a:hover, #verticalNav2 a:hover{color:#ffcc00;}
#verticalNav1 li, #verticalNav2 li{height:32px; line-height:32px;}
#verticalNav1 li ul, #verticalNav2 li ul{border-top:1px solid #cdcdcd; padding:5px;}
#verticalNav1 li li, #verticalNav2 li li{position:relative; height:24px; line-height:24px; z-index:20;}
#verticalNav1 li li em.type1, #verticalNav2 li li em.type1, .objectBlock h4 em.type1{position:absolute; background:url("../images/NewItem.png") no-repeat; width:33px; height:28px; right:50px; bottom:10px; text-indent:-2000px; overflow:hidden;}
#verticalNav1 li li em.type2, #verticalNav2 li li em.type2, .objectBlock h4 em.type2{position:absolute; background:url("../images/NewItem2.png") no-repeat; width:33px; height:28px; left:-35px; bottom:10px; text-indent:-2000px; overflow:hidden;}
#verticalNav1 li li a, #verticalNav2 li li a{display:block; z-index:20;}
#verticalNav1 li li span, #verticalNav2 li li span{position:absolute; height:24px; line-height:24px; right:-10px; display:none;}
#verticalNav1 li li div, #verticalNav2 li li div{width:270px; position:absolute; top:-7px; right:-250px; background-color:rgba(64, 64, 64, 0.8); color:rgb(255, 255, 255); border-radius:5px; overflow:auto; display:none; padding:0 10px;}
#verticalNav1 li li:hover div, #verticalNav2 li li:hover div{display:block;}
#verticalNav1 li li div a, #verticalNav2 li li div a{display:inline-block; color:#ffffff;}
#verticalNav1 li li div span, #verticalNav2 li li div span{right:0px; display:inline-block;}
/* side menu special set */
#offsetTitle{height:30px; background:url("../images/offsetTitle.png") no-repeat; text-indent:-2000px;}
#on-demandTitle{height:30px; background:url("../images/ondemandTitle.png") no-repeat; text-indent:-2000px;}
.objectBlock{border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; padding:0 10px;}
.objectBlock h4{font-weight:bold; position:relative;}
.objectBlock h4 a{display:block;}
.v_subNav ul{border-top:none !important;}
.v_subNav span a{border:1px solid #ffffff; height:16px; line-height:16px; font-size:0.9em; padding:0 3px;}
.v_subNav span a:hover{color:#ffffff !important; background-color:#ffcc00;}
.v_subNav .quickBtn{border:1px solid #ffffff; height:16px; line-height:16px; font-size:0.9em; padding:0 3px; display:inline-block;}
.v_subNav .quicktext{font-size:0.8em; display:inline-block; color:#dcdcdc;}

.leftbnr{margin-bottom:10px;}
.leftbnr li{margin-bottom:5px;}

/**-- LeftMenu New ---------------------------------**/

h3.LeftMenuTitle{text-align:center; font-weight:bold; color:#ffffff; background-color:#F69220; font-size:16px; padding:5px 0px;}
#LeftMenu{margin-bottom:10px; border-bottom:1px solid #F69220; z-index:9999;}
#LeftMenu .FirstLine{position:relative;}
#LeftMenu .FirstLine h4.OdemandMenu{margin-bottom:5px; cursor:pointer;}
#LeftMenu .FirstLine h4.LeftMenu{font-size:14px; text-align: center; cursor:pointer; border-left:2px solid #F69220; border-bottom:1px solid #F69220; border-right:2px solid #F69220; padding:5px 0px;}
#LeftMenu .FirstLine h4 a{color:#000000;}
#LeftMenu .FirstLine a span.red_new{color:#ffffff;background-color:#ed2130;border-radius:10px;padding:0px 3px;font-size:11px;margin-left:3px;}
#LeftMenu .FirstLine .LmItemBlock{display:none; position:absolute; left:210px; top:-15px; z-index:15;}
#LeftMenu .FirstLine .LmItemBlock .OdMenu{background-color:#ffa739; padding:5px 3px 5px 5px; overflow:hidden; width:544px;}
#LeftMenu .FirstLine .LmItemBlock .LmItemOutline{background-color:#F69220; padding:5px 5px 5px 5px; overflow:hidden; width:260px;position:absolute;top:0;left:-12px;}
#LeftMenu .FirstLine .LmItemBlock .LmItemOutline .LmBnrBlock{text-align: center; display: inline-block; margin: 5px 0px 0px;}

.LmTitleLink{background-color:#ffffff; margin-bottom:2px; margin-right:2px; padding:5px;}
.LmTitleLink a{height:35px; line-height:35px; text-align:center; color:#ffffff; font-size:1.2em; font-weight:bold; display:block; border-radius:5px;}
.LmTitleLink a.Offb{background-color:#507592;}
.LmTitleLink a.Ondb{background-color:#50925b;}
.LmTitleLink a:hover{background-color:#a0a0a0;}
.LmItemBlock span.WhiteOver{position:absolute; width:6px; height:34px; background-color:#ffffff; top:15px; left:-16px;}
.LmItemBlock span.WhiteOver img{position: absolute; top: 4px;left:-12px;}
.LmCateBlock{background-color:#ffffff; padding:10px 5px 0 5px; width:250px; float:left; margin-right:2px;}
.LmCateBlock h5{margin-bottom:10px; overflow:hidden;}
.LmCateBlock h5.Ondh5{background-color:#F69220;}
.LmCateBlock h5 a{text-align:center; font-size:15px; font-weight:bold; display:block;}
.LmCateBlock dl{margin-bottom:10px;}
.LmCateBlock dt{height:25px; line-height:25px; background-color:#F69220; color:#ffffff; display:inline-block; padding:0 20px; font-weight:bold;}
.LmCateBlock dt.hideObj{display:none !important;}
.LmCateBlock dd.SndLine{border-top:1px solid #F69220;}
.LmCateBlock dd.EndLine{border-top:1px solid #F69220; border-bottom:1px solid #F69220; }
.LmCateBlock dd.SndLine,dd.EndLine a{ display: block; padding: 5px 18px;}
.LmCateBlock dd.SndLine a span.red{color:#ffffff; background-color: #ed2130; border-radius: 10px; padding: 0px 3px; font-size: 11px;}
.LmCateBlock dd.EndLine a span.red{color:#ffffff; background-color: #ed2130; border-radius: 10px; padding: 0px 3px; font-size: 11px;}


/**-- mainSection line ------------------------------**/
.FontReset *{font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS Gothic', sans-serif, "batang"; /* line-height:1.7em; */}
#mainSection{position: relative;width:795px; float:left;}
#mainSection input[type="checkbox"]{vertical-align:text-top; margin-top:2px; width:13px; height:13px !important;}
#mainSection input[type="radio"]{vertical-align:text-top; margin-top:2px; width:13px; height:13px !important;}
.mainSectionTitle{height:32px; line-height:32px; text-indent:10px; font-size:1.4em; font-weight:bold; background-color: #3c3c3c; color: #fff; margin-bottom:10px;}
#mainSectionWide{width:100%; clear: both;}
#mainSectionWide input[type="checkbox"]{vertical-align:text-top; margin-top:2px; width:13px; height:13px !important;}
#mainSectionWide input[type="radio"]{vertical-align:text-top; margin-top:2px; width:13px; height:13px !important;}

.goPageTop{text-align:right;}
.goPageTop a{display:inline-block; padding:5px 10px; text-align:center; background-color:#888888; color:#ffffff; font-weight:bold; border-radius:5px;}
.goPageTop a:hover{background-color:#ffaa00;}

/**-- footer line ------------------------------**/
/* footer{padding-top:20px;}
.FooterSiteMap{overflow:hidden;width:1005px;margin: 0 auto;box-sizing: border-box;padding: 10px 10px 40px;}
.FooterSiteMap li{float:left; width:196px;}
.FooterSiteMap li.Meishi21Link{width:201px !important; margin-right:0 !important;}
.FooterSiteMap li p{color: #3b3b3b;height: 30px;line-height: 30px;font-weight: bold;font-size: 15px;}
.FooterSiteMap li ul{overflow: hidden;}
.FooterSiteMap li ul li.SiteMapSubTitle{font-weight:bold;}
.FooterSiteMap li ul li a{padding: 3px 0; display:block;}
.FooterSiteMap li ul li a:hover{background-color:#efefef;}
.LayerTop{position:fixed; width:4%; height:7%; bottom:1%; right:0%;}
.LayerTop img{width: 70%;} */

/*#footerNav{background-color:#3b3b3b; height:30px; line-height:30px; text-align:center;}
#footerNav ul{display:inline-block;}
#footerNav li{float:left; padding:0 20px;}
#footerNav li a{color:#ffffff;}
#footerNav li a:hover{color:#ffaa00;}
.plusNav{background-color:#aaaaaa; height:30px; line-height:30px; text-align:center; margin-top:5px;}
.plusNav ul{display:inline-block;}
.plusNav li{float:left; padding:0 20px;}
.plusNav li a{color:#ffffff;}
.plusNav li a:hover{color:#ffaa00;}*/

.SeoTextBottom{width:100%;background: #555658;}
.SeoTextBottom .txt{font-size:10px; color:#fff;width:1005px;margin:0 auto;box-sizing: border-box;padding:10px 0 10px 170px;/*background: url("../images/seoBtm.png") 25px 50% no-repeat;*/}
.SeoTextBottom p{font-weight:bold;}

.meishi21Btm{text-align:center; border-top: 1px solid #d5d5d5;}
.meishi21Btm ul{display:inline-block;width:1005px;}
.meishi21Btm li{float:left; padding:10px 0px 0px 15px; text-align:left; vertical-align:middle;}
.meishi21Btm .BtmImg{padding-top: 18px;}
.meishi21Btm .BtmImg img{border-left: 2px solid #bbbdbf; padding-left: 10px;}
.meishi21Btm .nortonMark{padding:0 12px;}

/* Guide_page_navi */
#GuideNav .GuideBox{border:1px solid #9d9d9d; border-radius:8px; background-color:#f6f8f7; margin-bottom:10px;}
#GuideNav .GuideBox li h3{height:32px; line-height:32px; margin:0 10px 5px 10px; text-indent:5px; font-size:1.2em; font-weight:bold; color:#3b3a38; border-bottom:1px solid #9d9d9d;}
#GuideNav .GuideBox .line{border-top:1px solid #9d9d9d;}
#GuideNav .GuideBox li ul{padding:0 10px 5px 10px;}
#GuideNav .GuideBox li li{padding:5px 0; text-indent:5px;}
#GuideNav .GuideBox .GuideHideMenu ul{display:none;}
#GuideNav .GuideBox li dl{padding:0 10px 5px 10px;}
#GuideNav .GuideBox li dt{padding:5px 0; text-indent:5px; font-weight:bold; border-bottom:1px dotted #9d9d9d;}
#GuideNav .GuideBox li dd{padding:5px 0; text-indent:5px;}
#GuideNav .GuideBox .GuideHideMenu dl{display:none;}
#GuideNav .GuideBox h3{cursor:pointer;}
#GuideNav .GuideBox h3:hover{color:#9a9a9a;}
#NavSelectTab .ui-tabs-hide{display:none;}
#NavSelectTab .ui-tabs-selected{border-bottom:1px solid #ffffff !important; background-color:#ffffff !important;}
#NavSelectTab .ui-state-active{display:none;}
#NavSelectTab .menuLi a{display: block;text-align: center;padding: 10px 0;font-size: 15px;background: #ef414d;margin-bottom:10px;font-weight:bold; color:#fff !important;}
/* #NavSelectTab .menuLi a:hover{color:#eee !important;} */
#NavSelectTab .menuLi a i{font-size: 15px;}

/* index aside */
.rightGuide{border:2px solid #b3b3b3; margin-bottom:8px; padding-bottom:10px;}
.rightGuide dt{text-align:center; font-size:16px; font-weight:bold;   margin-bottom:8px;background-color: #b3b3b3; padding: 6px 0px; color: #ffffff;}
.rightGuide dd{margin:0 8px; padding:4px 0; font-size: 14px; border-bottom:1px solid #D3D3D3;}
.rightGuide dd:first-child {padding-top:0px;}
.rightGuide dd:last-child {border-bottom:0px solid #D3D3D3; padding-bottom:0px;}
.rightGuide dd a{height:22px; line-height:22px; display:block;}
.rightBnr li{margin-bottom:10px;}
.rightBnr .textBnr{margin-bottom:10px; overflow:auto;}
.rightBnr .textBnr a{display:block; background-color:#b3b3b3; padding:10px 0px; text-align: center; font-size: 16px; font-weight: bold; color: #ffffff;}
.rightBnr .textBnr a img{margin-right:3px;}

/* Calendar */
.calendarBlock{border:1px solid #b3b3b3; overflow:auto; padding-bottom:11px; margin-bottom:15px;}
.calendarBlock p{height:30px; line-height:30px; text-align:center; position:relative;}
.calendarBlock p span{position:absolute; width:12px;}
.calendarBlock p .prevMonth{left:11px;}
.calendarBlock p .nextMonth{right:11px;}
.calendarBlock .c_Title{text-align:center; font-size:16px; font-weight:bold; margin-bottom:8px; background-color: #b3b3b3; padding: 6px 0px; color: #ffffff; }
.calendarBlock li table{margin:0 7px; width: 184px; font-size:12px; background-color:#ffffff; overflow:auto; border-top:1px solid #b3b3b3; border-left:1px solid #b3b3b3;}
.calendarBlock li td{border-bottom:1px solid #b3b3b3; border-right:1px solid #b3b3b3; width:24px; height:24px; text-align:center;}
.calendarBlock .week{height:16px !important;}
.calendarBlock .holiday{background-color: #f4cbd0;}
.calendarBlock .strongHoliday{background-color:#f4cbd0; font-weight: bold;}
.calendarBlock .today{background-color:#e9f2d4; text-decoration:underline;}
.calendarBlock .factoryCheckDay { background-color: #ffff00}

/* MeishiInfo */
ul.Meishi21Info{border:2px solid #b3b3b3; overflow:hidden;}
ul.Meishi21Info li.Custombox{}
ul.Meishi21Info li.Custombox dl{text-align: center;}
ul.Meishi21Info li.Custombox dl dt{font-size:16px; font-weight:bold; background-color: #b3b3b3; padding: 6px 0px; color: #ffffff; }
ul.Meishi21Info li.Custombox dl dd.textA{font-size: 20px; font-weight: bold; margin: 10px 0;}
ul.Meishi21Info li.Custombox dl dd.textB{font-size: 15px; font-weight: bold;margin:5px 0 10px;}
ul.Meishi21Info li.Custombox dl dd.textC{font-size: 14px;font-weight:bold;}
ul.Meishi21Info li.Custombox dl dd.textD{font-size: 13px; padding-bottom: 7px;}
ul.Meishi21Info li.Custombox dl dd.textE{font-size: 13px; font-weight: bold; padding-top: 7px; border-top: 1px solid; margin: 0px 14px;}
ul.Meishi21Info li.Custombox dl dd.textF{font-size: 11px;margin-bottom:10px;}
ul.Meishi21Info li.Custombox dl dd.textG{font-size: 11px; padding-bottom: 10px;}

ul.Meishi21Info li.Software{text-align: center;}
ul.Meishi21Info li.Software div.SoftTitle{font-size:16px; font-weight:bold; background-color: #b3b3b3; padding: 6px 0px; color: #ffffff; }
ul.Meishi21Info li.Software img{padding:10px 0}

ul.Meishi21Info li.PaymentLeft{text-align: center;}
ul.Meishi21Info li.PaymentLeft div.PayTitle{font-size:16px; font-weight:bold; background-color: #b3b3b3; padding: 6px 0px; color: #ffffff; }
ul.Meishi21Info li.PaymentLeft img{}

/* PMark */
#Pmark{background-color:#f6f8f7; border-left:1px solid #c9cbca; border-right:1px solid #c9cbca; border-bottom:1px solid #c9cbca; border-radius:0 0 5px 5px; padding:0 5px 5px 5px; margin-bottom:10px;}
#Pmark li{text-align:center; margin:0 5px 5px 5px;}
#Pmark li img{margin:0 5px 5px 5px;}

/* QuickOrder */
.QuickOrderList{position: absolute; left: 1015px; top: 390px; width: 145px;}
.QuickOrderList .QuickOrderTitle{height:30px; line-height:30px; text-align:center; /*text-indent:10px;*/ font-weight:bold; color:#2e2e2e; background-color:#eeeeee; border-bottom:1px solid #c1c1c1; border-radius:5px 5px 0 0;}
.QuickOrderList li{border-top:1px solid #f2f2f2; border-bottom:1px solid #a5a5a5; position:relative;}
.QuickOrderList li .stickyTitle{height:31px; line-height:31px; background:#dedede url("../images/QuickSim.png") 6px 9px no-repeat; text-indent:25px; font-weight:bold; color:#2e2e2e; cursor:pointer;}
.QuickOrderList li .stickyTitle:hover{background-color:#d4d4d4;}
.QuickOrderList li .stickyTitleOpen{height:31px; line-height:31px; background:#898989 url("../images/QuickSim.png") 6px 9px no-repeat; text-indent:25px; font-weight:bold; color:#ffffff;}
.QuickOrderList li .stickyDetail{display:none; background-color:#898989; padding:0 5px; color:#ffffff; line-height:1.7em; font-size:10px;}
.QuickOrderList li .stickyDetail div{padding-bottom:5px;}
.QuickOrderList li .stickyDetail div .SubTitle{height:24px; line-height:28px; font-weight:bold; border-top:1px solid #b2b2b2;}
.QuickOrderList li .QuickOrder{width:30px; height:21px; line-height: 21px; border-radius:3px; text-align:center; color:#ffffff; font-size:10px; font-weight:bold; border:none; background-color:#cc3333; position:absolute; top:5px; right:5px;}
.QuickOrderList li .QuickOrder:hover{background-color:#ff8400;}
.QuickOrderList .QuickOrderMore{height:23px; line-height:21px; text-align:right; color:#2e2e2e; background-color:#eeeeee; border-bottom:1px solid #c1c1c1; border-radius:0 0 5px 5px; margin-bottom:1px; padding-right:10px;}

/* item Close Osirase */
.CloseOsirase{border:2px solid #ff0000; border-radius:10px; padding:30px 50px; font-size:1.2em; margin-bottom:10px; line-height:1.7em;}

/* jQuery UI css reset */
/* jQuery UI Tabs 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */

#NavSelectTab .ui-widget-content { border: none !important; background: none; color: inherit; }
#NavSelectTab .ui-widget-content a { color: inherit; }
#NavSelectTab .ui-widget-header { border: none !important; background: none; color: inherit; font-weight: normal; }
#NavSelectTab .ui-widget-header a { color: inherit; }
#NavSelectTab .ui-tabs { position: relative; padding: 0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
#NavSelectTab .ui-tabs .ui-tabs-nav { margin:0 !important; padding: 0; }
#NavSelectTab .ui-tabs .ui-tabs-nav li { list-style: none; float: none; position: relative; top: 0; margin:0 !important; border-bottom: 00; padding: 0; white-space: nowrap; }
#NavSelectTab .ui-tabs .ui-tabs-nav li a { float: none; padding: 0; text-decoration: none; }
#NavSelectTab .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom:0 !important; padding-bottom: 0; }
#NavSelectTab .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, #NavSelectTab .ui-tabs .ui-tabs-nav li.ui-state-disabled a, #NavSelectTab .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
#NavSelectTab .ui-tabs .ui-tabs-nav li a, #NavSelectTab .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#NavSelectTab .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; }
#NavSelectTab .ui-tabs .ui-tabs-hide { display: none !important; }
#NavSelectTab .ui-state-default, #NavSelectTab .ui-widget-content #NavSelectTab .ui-state-default, #NavSelectTab .ui-widget-header .ui-state-default { border: none !important; background: none; font-weight: normal; color: inherit; }
#NavSelectTab .ui-state-default a, #NavSelectTab .ui-state-default a:link, #NavSelectTab .ui-state-default a:visited { color: inherit; text-decoration: none; }
#NavSelectTab .ui-state-hover, #NavSelectTab .ui-widget-content .ui-state-hover, #NavSelectTab .ui-widget-header .ui-state-hover, #NavSelectTab .ui-state-focus, .ui-widget-content .ui-state-focus, #NavSelectTab .ui-widget-header .ui-state-focus { border:  none !important; background: none; font-weight: normal; color: inherit; }
#NavSelectTab .ui-state-hover a, #NavSelectTab .ui-state-hover a:hover { color: inherit; text-decoration: none; }
#NavSelectTab .ui-state-active, #NavSelectTab .ui-widget-content .ui-state-active, #NavSelectTab .ui-widget-header .ui-state-active { border: none !important; background: none; font-weight: normal; color: inherit; }
#NavSelectTab .ui-state-active a, #NavSelectTab .ui-state-active a:link, #NavSelectTab .ui-state-active a:visited { color: inherit; text-decoration: none; }
#NavSelectTab .ui-widget :active { outline: none; }
/* reset end */


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; /*background:#000;*/}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url("../images/loading.png") no-repeat center center;}
        /*#cboxLoadingOverlay{background:#000;}*/
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000; font-weight:bold;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url("../images/controls.png") no-repeat 0 0;}

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}


div.outsourcingProcessingReferralWrp { }
div.outsourcingProcessingReferralWrp table { border-collapse: collapse; }
div.outsourcingProcessingReferralWrp table.containerWrp { float: left; }
div.outsourcingProcessingReferralWrp table.containerWrp td.spaceLeft { width: 30px; height: 50px; background: url(/Content/images/describedHow_lt.png) no-repeat left top; }
div.outsourcingProcessingReferralWrp table.containerWrp td.spaceTop { height: 50px; }
div.outsourcingProcessingReferralWrp table.containerWrp td.spaceRight { width: 30px; height: 50px; background: url(/Content/images/describedHow_rt.png) no-repeat right top; }
div.outsourcingProcessingReferralWrp table.containerWrp td.spaceLB { height: 30px; background: url(/Content/images/describedHow_lb.png) no-repeat left bottom; }
div.outsourcingProcessingReferralWrp table.containerWrp td.spaceRB { height: 30px; background: url(/Content/images/describedHow_rb.png) no-repeat right bottom; }
div.outsourcingProcessingReferralWrp table.referral { border-top: solid 1px #000; border-left: solid 1px #000; margin-top: 11px; }
div.outsourcingProcessingReferralWrp table.referral td { border-right: solid 1px #000; border-bottom: solid 1px #000; height: 29px; color: black; text-align: center; }
div.outsourcingProcessingReferralWrp table.referral td.title { width: 74px; font-size: 12px; font-weight: bold; letter-spacing: -2px; }
div.outsourcingProcessingReferralWrp table.referral td.titlePrice { font-size: 12px; font-weight: bold; }
div.outsourcingProcessingReferralWrp table.referral td.describedHow { width: 28px; }
div.outsourcingProcessingReferralWrp table.referral td.describedHow1 { background: url(/Content/images/describedHow1.png) no-repeat center center; }
div.outsourcingProcessingReferralWrp table.referral td.describedHow2 { background: url(/Content/images/describedHow2.png) no-repeat center center; }
div.outsourcingProcessingReferralWrp table.referral td.describedHow3 { background: url(/Content/images/describedHow3.png) no-repeat center center; }
div.outsourcingProcessingReferralWrp table.referral td.contents { width: 151px; }
div.outsourcingProcessingReferralWrp table.referral td.space { height: 4px; }
div.outsourcingProcessingReferralWrp table.referral td.remark { height: 111px; padding: 7px; text-align: left; }
div.outsourcingProcessingReferralWrp table.referral td.written { font-size: 10px; font-weight: bold; letter-spacing: -1px; }
div.outsourcingProcessingReferralWrp table.referral td.quantity { font-weight: bold; }
div.outsourcingProcessingReferralWrp table.referral td.charges { text-align: left; padding-left: 10px; }
div.outsourcingProcessingReferralWrp table.referral td.workKind { font-size: 14px; font-weight: bold; }
div.outsourcingProcessingReferralWrp span.memo { padding: 1px 5px; background-color: #000; color: white; margin-top: -56px; display: block; width: 37px; }

.table01_01 {
	text-align: left;
	width: 100%;
}
.table01_01 table {
	width: 100%;
	border: #666666 1px solid;
	border-collapse: collapse;
	margin-bottom: 10px;
}
.table01_01 table caption {
	font-weight: bold;
	text-align: left;
}
.table01_01 th {
	font-weight: bold;
	background-color: #ddd;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}
.table01_01 td {
	background-color: #eee;
	padding: 1px;
}
.table01_01 th, .table01_01 td {
	height: 20px;
	border: #666666 1px solid;
	text-align:center;
}
/*mypage-delivery*/
#bg_bill01 {
	width: 620px;
	padding-left:30px;
	margin-bottom:30px;
	padding-top:15px;
}

.tabel_bill01 {
	/*width: 96%;*/
	border:2px solid #ccc;
	margin-bottom:10px;
	padding:10px;
}

.tabel_bill td {
	width: 50%;
}
.table01_left {
	text-align: left;
	padding-left: 4px;
}

.table01_right {
	text-align: left;
	padding-right: 5px;
	background:url(/Content/images/mypage/hanko.gif) no-repeat right bottom;
	border-left: #ff5990 1px solid;
	padding-left:5px;
	padding-bottom:65px;
}

.information{ padding-bottom:10px; padding-left: 10px; text-align:center;}
.information li{ font-weight:bold;   line-height:30px;}
.delivery-ttl{text-align: center; font-size:22px; height:30px; }
.DateTime{ font-size:10px; }
.orderNumber{font-size:18px;  border: 1px solid #333333;}
.orderNumber span{ font-size:14px; padding-right:5px;}
.DeliveryM{font-size:18px;  border-bottom: 1px solid #333333;}
.UseCustom{font-size:18px;  border-bottom: 1px solid #333333;}
.table02_right {
	text-align: left;
	padding-right: 10px;
	background:url(/Content/images/mypage/hanko.gif) no-repeat right bottom;
	padding-left:10px;
	padding-bottom:8px;
}
.table01_center {
	margin-top: 10px;
	text-align: left;
	margin-bottom: 10px;
	border: #000000 1px dotted;
	padding: 5px 5px 5px 5px;
}
.table01_left01 {
	border: #000000 1px solid;
	width: 80%;
	text-align: left;
	padding: 5px 5px 5px 5px;
}
.table01_right01 {
	border: #000000 1px solid;
	width: 90%;
	text-align: left;
	font-size: 14px;
	padding: 5px 5px 5px 5px;
}

/* right floating menu */
.cf:after{content:"";display:block;clear:both;}
.fl{float:left;}
.fr{float:right;}
.floating{position:absolute;top:0px;right:-91px;}
.floating .box02{margin-top:5px;}


/* findedAddress */
#findedAddressContainer{height:auto !important; max-height:400px; overflow:auto;}
#findedAddressList td{padding:5px 2px; border-top:1px dashed #5d5d5d;}
#findedAddressList td.findAddr_kanji1{width:60px;}
#findedAddressList td.findAddr_kanji2{width:100px;}
#findedAddressList td.findAddr_kanji3{width:95px;}

/* error page */
.errorWrap{width:100%; margin:0 auto; padding:10%; font-size:1.2em; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
.errorWrap .errorInfo{padding:4% 8%; color:#ffffff; margin-bottom:4%; overflow:hidden; text-align:center; font-size:1.7em; font-weight:bold; background-color:#ef404d;}
.errorWrap .errorInfo h2{font-size:1.4em; font-weight:bold;}
.errorWrap .errorInfo img{vertical-align:top;}
.errorWrap .errorText{margin-bottom:1%; text-align:justify; padding:2%;}
.errorWrap .goTopLink{padding:2%; overflow:hidden;}
.errorWrap .goTopLink a{float:right; font-weight:bold; margin-bottom:4%; background-color:#ff9da2; padding:0.5% 2%; border-radius:5px; color:#000000;}
.errorWrap .customerInfo{background:url('../images/Logo.png') left top no-repeat; padding-left:230px; border-bottom:5px solid #ef404d; padding-bottom:5%;}
.errorWrap .customerInfo span{display:block; color:#000000; font-weight:bold; margin-bottom:5px;}
@media (min-width:720px){
	.errorWrap{width:600px; padding:10% 0;}
}
@media (max-width:640px){
	.errorWrap .customerInfo{padding-top:100px; padding-left:10px;}
}


/*ResponseSoft added*/
.softBtn-wrap{width: 100%;height: auto;text-align: center;}
	a.softBtn{display: inline-block;width: 100%;height: auto;font-size: 13px;background: #d21d2a;color: #fff;text-align: center;padding: 10px 0;margin: 10px auto;font-weight: bold;}


/* new footer 2019-06-12 */
	.floatClear:after{content:"";clear: both;display: block;}

	.footer{position: relative;top: 0;width: 100%;background: #555658;height: auto;padding: 0;}
		.rightFooter{position: relative;width: 1005px;margin: 0 auto;}
			.snsWrap{position: relative;width: 1005px;padding: 20px 0 10px;}
			.snsWrap > ul{margin: 0 auto;padding: 0;}
			.snsWrap > ul > li{float: left;width: 20%;}
			.snsWrap > ul > li > a{display: block;padding: 10px 0;text-align: center;box-sizing:border-box;transition:all 0.3s;font-size: 15px;color: #ddd;}
			.snsWrap > ul > li > a:hover{color: #d11b29;transition:all 0.3s;}
			.snsWrap > ul > li:nth-child(1) > a:hover{color: #1da1f2;transition:all 0.3s;}
			.snsWrap > ul > li:nth-child(2) > a:hover{color: #fe9019;transition:all 0.3s;}
			.snsWrap > ul > li:nth-child(3) > a:hover{color: #4867aa;transition:all 0.3s;}
			.snsWrap > ul > li:nth-child(4) > a:hover{background: linear-gradient(45deg,#f9b31d,#ea000a,#c10099);color: #000;transition:all 0.3s;}
			.snsWrap > ul > li:nth-child(5) > a:hover{color: #d11b29;transition:all 0.3s;}

			.siteMapWrap{position: relative;left: 210px;width: 795px;height: auto;}
			.siteMapWrap > ul{position: relative;padding: 0;}
			.siteMapWrap > ul > li{position: relative;float: left;width: 25%;border-right: 1px solid #777;box-sizing:border-box;}
			.siteMapWrap > ul > li > p{position: relative;font-size: 15px;padding: 5px 0;color: #eee;text-indent: 20px;margin: 0;background: #333;}
			.siteMapWrap > ul > li > p > i{position: absolute;top: 8px;right: 20px;}
			.siteMapWrap > ul > li:last-child{border: none;}
			.siteMapWrap > ul > li > ul{position: relative;padding: 0;height: 330px;}
			.siteMapWrap > ul > li > ul > li{position: relative;}
			.siteMapWrap > ul > li > ul > li > a{display: block;text-indent: 5px;color: #eee;padding: 3px 0;font-size: 13px;transition:all 0.3s;}
			.siteMapWrap > ul > li > ul > li > a:hover{background: #444;transition:all 0.3s;}

		.companyInfoWrap{position: relative;width: 1005px;margin: 30px auto 0;}
			.securityCompanyLogo{position: relative;left: 700px;width: 280px;}
			.securityCompanyLogo > li{float: left;width: 140px;}
			.securityCompanyLogo > li > img{display: block;width: 100%;}
			.footerLogo{float: left;position: relative;width: 150px;}
			.footerLogo > img{display: block;width: 100%;padding: 10px 0;box-sizing:border-box;}
			.footerInfo{float: right;width: 795px;}
			.footerInfo > p{margin: 0;font-size: 13px;color: #eee;text-align: justify;}

		.copyRightWrap{position: relative;width: 100%;padding: 10px 0;background: #333;}
			.copyRightInfo{position: relative;color: #eee;width: 1005px;margin: 0 auto;font-size: 12px;text-align: right;}
			.copyRightInfo > ul{position: relative;left: 210px;width: 795px;padding: 0;}
			.copyRightInfo > ul > li{float: left;width: 20%;box-sizing:border-box;}
			.copyRightInfo > ul > li > a{display: block;text-align: center;font-size: 14px;color: #eee;transition:all 0.3s;}
			.copyRightInfo > ul > li > a:hover{color: #d11b29;transition:all 0.3s;}
			address{display: inline-block;font-style: normal;}


/* autoChk */
#selfCheckBg{display: none;position: absolute;top: :0;left: 0;background: rgba(0,0,0,0.7);width: 100%;height: 100%;z-index: 4;}

/* 20200413 helpButton added */
.shadow{
    -webkit-box-shadow: 2px 2px 2px 0px rgba(150,145,150,1);
    -moz-box-shadow: 2px 2px 2px 0px rgba(150,145,150,1);
    box-shadow: 2px 2px 2px 0px rgba(150,145,150,1);
}
.helpLinkBtnWrap{position: fixed;bottom: 10px;right: calc(50% - 500px);z-index: 10;}
.helpLinkBtnWrap a.bubbleHelpLinkBtn{position: relative;display: inline-block;background: #d6ecfa;padding: 10px 10px;margin-right: 10px;border-radius:20px;}
.helpLinkBtnWrap a.bubbleHelpLinkBtn:after{position: absolute;top: 10px;right: -8px;content:"▶";font-size: 13px;color: #d6ecfa;text-shadow: 2px 2px 2px rgba(150,145,150,1);}
.helpLinkBtnWrap a.imgHelpLinkBtn{display: inline-block;}
.helpLinkBtnWrap a.imgHelpLinkBtn img{display: inline-block;border-radius:50px;}

/* 20200904 categoryNav renewal */
.topSharedNavBox{position: relative;padding: 9.5px 0;}
.topSharedNavBox .navBox{position: relative;font-size: 11px;}
.topSharedNavBox .navBox a{position: relative;font-size: 11px;color: #00A3F4;text-decoration: underline;}
.topSharedNavBox .shareBox{position: relative;}
.topSharedNavBox .shareBox div.facebookBtnWrap{position: absolute;top: 0px;right: 60px;display: inline-block;width: 174px;}
.topSharedNavBox .shareBox div.facebookBtnWrap div{float: left;display: inline-block;}
.topSharedNavBox .shareBox div.twitterBtnWrap{position: absolute;top: 1px;right: 0;display: inline-block;}