/*===========================================================================================*/
/* メディコンディーラーポータルサイトV4 WEBサイト [パソコン版CSS]
/* 2017.07.20- 
/*===========================================================================================*/

/*===========================================================================================*/
/* base */
/*===========================================================================================*/

/* main color */
/* Navy #2f61bd */

body	{
	width:100%;margin:0px;padding:0px;
	font-size:14px;color:#333333;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
	background:#FFFFFF !important;
}

body.noscroll {
  	position:fixed;
  	overflow-y:scroll;
}

#loading {
    position:absolute;
    left:50%;
}

main	{
	display:block;
	width:100%;min-width:1040px;margin:0px;padding:0px;
}

/*===========================================================================================*/
/* header */
/*===========================================================================================*/

#headerBar {
    margin:0px;padding:0px;height:8px;
}
#headerBarNone {
    margin:0px;padding:0px;height:8px;
}

header	{
	display:block;
	width:100%;min-width:1040px;margin:0px;padding:0px;
}
.header	{
	display:block;
	position:relative;
	width:1000px;height:60px;margin:0px auto 0px auto;padding:0px 0px;
}
.headerLogo	{
	position:absolute;top:10px;left:0px;
	margin:0px;padding:0px;
	line-height:1.0em;
}
.headerLogo img	{
	width:auto;height:40px;
}

.headerLogout	{
	position:absolute;top:15px;right:0px;
	margin:0px;padding:0px;
	text-align:right;
}
.headerLogout a	{
	display:inline-block;
	margin:0px;padding:6px 15px 4px 15px;
	font-size:13px;line-height:1.0em;
	background:#2f61bd;
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
}
.headerLogout a:link	{color:#FFFFFF;text-decoration:none;}
.headerLogout a:visited	{color:#FFFFFF;text-decoration:none;}
.headerLogout a:hover	{color:#FFFFFF;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
.headerLogout a:action	{color:#FFFFFF;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}

#headerSP		{display:none;}

/*===========================================================================================*/
/* menu */
/*===========================================================================================*/

#menu2024 {
	display:block;
	width:1000px;margin:0px 20px;padding:0px;
}

#menu2024 ul {
	display:flex;
	margin:0px;padding:0px;
    font-size:0;
    list-style:none;
    flex-wrap:no-wrap;
}
#menu2024 ul > li {
	position:relative;
	display:inline-block;
    width:auto;margin:0px 1px 0px 0px;padding:0px;
    flex:1;
}
#menu2024 ul > li:last-child {
    width:auto;margin:0px 0px 0px 0px;
}
#menu2024 ul li a {
	display:block;
	margin:0px;padding:10px 10px;
	font-size:13px;line-height:1.0em;color:#FFFFFF;
    text-align:center;
	background:#2F61BD;
	cursor:pointer;
    border-radius:5px;
}
#menu2024 ul li.drop a {
	padding:10px 15px 10px 5px;
}
#menu2024 ul li a:hover {
	opacity:0.75;
}
#menu2024 ul li.drop > a:after {
	content:'';
    position:absolute;top:40%;right:7.5px;
	display:inline-block;
	width:0px;height:0px;
	border-style:solid;border-width:6px 4px 0px 4px;
	border-color:#FFFFFF transparent transparent transparent;
	transition:.2s;
}
#menu2024 ul li ul {
	position:absolute;top:100%;left:0px;
    display:block;
	width:100%;
	z-index:9;
}
#menu2024 ul li ul li {
    display:block;
	overflow:hidden;
	height:0px;margin:0px;padding:1px 0px 0px 0px;
	transition:.3s;
    background-color:#FFFFFF;
    border-radius:5px;
}
#menu2024 ul li ul li a {
    display:block;
    margin:0px;height:14px;padding:10px 10px !important;
    font-size:13px;color:#333333;
    background:#EEEEEE;
}
#menu2024 ul li ul li a:after {content:none;}
#menu2024 ul li ul li:first-child a {border-top:none;}
#menu2024 ul li:hover a:after {transform:rotate(180deg);transition:.2s;}
#menu2024 ul li:hover ul li   {overflow:visible;height:34px;}
#menu2024 ul li ul li a:hover {background:#FFD999;transition:.5s;}
#menu2024 ul li ul li.staff a {color:#FFFFFF;background:#778899;}
#menu2024 #close {display:none;}

/*===========================================================================================*/
/* contents base */
/*===========================================================================================*/

#contents	{
	width:1000px;min-height:480px;margin:30px auto;padding:0px;
}
#contentsF	{
	min-height:480px;margin:30px auto;padding:0px 20px;
}
#contents560 {
	width:auto;max-width:560px;min-height:480px;margin:20px auto;padding:0px;
}

#contentsMain	{
	width:100%;margin:0px auto;padding:0px;
}

#side {
	float:left;
	width:200px;margin:0px;padding:10px;
	background:#F5F5F5;
}
#contentsF #side {width:20%;}
#main {
	float:right;
	width:750px;margin:0px;padding:0px;
}
#contentsF #main {width:76%;}

/*===========================================================================================*/
/* contents */
/*===========================================================================================*/

/* page title
------------------------------*/
h1	{
	margin:0px 0px 20px 0px !important;padding:8px 10px 8px 10px;
	font-size:16px !important;color:#FFFFFF;font-weight:bold;line-height:1.0em;letter-spacing:0.1em;
	background-color:#2f61bd;
}

/* main contents
------------------------------*/
#contentsMain h2	{
	margin:0px 0px 20px 0px;padding:8px 15px;
	font-size:16px;color:#0b388a;
	background:#EEEEEE;
}
#contentsMain h3	{
	margin:0px 0px 20px 0px;padding:0px;
	font-size:16px;color:#0b388a;
}
#contentsMain h4	{
	margin:0px 0px 20px 0px;padding:0px;
	font-size:15px;color:#0b388a;
}
#contentsMain h5	{
	margin:0px 0px 10px 0px;padding:0px;
	font-size:14px;color:#0b388a;
}
#contentsMain hr {
	clear:both;
	height:1px;margin:0px 0px 30px 0px;
	border:none;
	background:#CCCCCC;
}
#contentsMain p	{
	margin:0px 0px 20px 0px;padding:0px;
	line-height:1.6em;
}

#contentsMain table	{
	clear:both;
	width:100%;margin:0px 0px 20px 0px;
	border-collapse:collapse;
	font-size:12px;font-weight:normal;line-height:1.6em;
	border:1px solid #DDDDDD !important;
}
#contentsMain table th	{
	padding:8px 15px !important;
	vertical-align:top;white-space:nowrap;
	color:#333333;font-weight:bold;
	text-align:center;
	background:#e3fbfa;
	border:1px solid #DDDDDD !important;
}
#contentsMain table th.fixity	{
	width:30% !important;padding:8px 8px !important;
}
#contentsMain table tr	{
	background:#FFFFFF;
}
#contentsMain table tr:nth-child(2n)	{
	background:#EEEEEE;
}
#contentsMain table td	{
	padding:8px 15px !important;
	border:1px solid #DDDDDD !important;
}

#contentsMain ul,#contentsMain ol	{
	margin:0px 0px 20px 0px;padding:0px 0px 0px 30px;
	line-height:1.5em;
	list-style-position:outside;
}
#contentsMain li	{
	margin:0px 0px 10px 0px;
}

#contentsMain blockquote	{
	margin:0px 0px 20px 0px;padding:15px 20px;
	font-size:1.1em;font-weight:bold;
	border:5px solid #EEEEEE;
}
#contentsMain blockquote.message01	{color:#FF0000;}
#contentsMain blockquote.message02	{color:#009933;}
#contentsMain blockquote.message03	{color:#0033FF;}

#contentsMain blockquote p	{
	margin:0px 0px 15px 0px;padding:0px;
	font-size:13px !important;font-weight:normal !important;
}

#contentsMain fieldset	{
	margin:0px 0px 20px 0px;padding:15px 20px 5px 20px;
	line-height:1.6em;
	border:1px solid #2f61bd;
}
#contentsMain fieldset legend	{
	padding:0px 5px;
	font-weight:bold;color:#0b388a;
}

#contentsMain fieldset dl	{
	margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;
	font-size:0;
}
#contentsMain fieldset dl dt	{
	display:inline-block;
	width:20%;margin:0px 0px 10px 0px;padding:0px;
	font-size:13px;line-height:1.5em;
}
#contentsMain fieldset dl dd	{
	display:inline-block;
	width:78%;margin:0px 0px 10px 0px;padding:0px 0px 0px 2%;
	font-size:13px;line-height:1.5em;
}

/* top.html
------------------------------*/
.infoList {
	display:block;
	margin:0px 0px 10px 0px;padding:0px;
}
.infoList ul {
	display:block;
	margin:0px 0px 5px 0px !important;padding:0px 0px 0px 0px !important;
	list-style:none;
}
.infoList ul li {
	display:block;
	margin:0px 0px 5px 0px !important;padding:0px;
}
.infoList ul li a {
	display:block;
	margin:0px;padding:8px 15px 8px 25px;
	color:#333333;font-size:15px;font-weight:bold;line-height:1.0em;
	text-decoration:none;
	background-image:url(../img/arrow_info.png);
	background-position:left;
	background-repeat:no-repeat;
	background-size:16px;
}
.infoList ul li a {
	display:block;
	margin:0px;padding:8px 15px 8px 25px;
	color:#333333;font-size:15px;font-weight:bold;line-height:1.0em;
	text-decoration:none;
	background-image:url(../img/arrow_info.png);
	background-position:left;
	background-repeat:no-repeat;
	background-size:16px;
}
.infoList ul li a span {
	display:inline-block;
	margin:0px;padding:0px 10px;
	font-size:13px;font-weight:normal;
}
.infoList ul li a:link		{background-color:#F5F5F5;}
.infoList ul li a:visited	{background-color:#F5F5F5;}
.infoList ul li a:hover		{background-color:#cbeceb;}
.infoList ul li a:action	{background-color:#cbeceb;}

/* top navi
------------------------------*/
#topNavi {
	display:grid;
	gap:20px;
	width:1000px;margin:0px;padding:0px;
	font-size:0;
}
#topNavi section {
	display:inline-block;
	width:460px;margin:0px 0px 0px 0px;padding:15px 13px;
	font-size:13px;text-align:left;vertical-align:top;
	background:#FFFFFF;
	border-radius:5px;
	word-wrap:break-word !important;
	border:2px solid #EEEEEE;
	vertical-align:top;
}
#topNavi section:nth-child(2n) {grid-column:2/3;grid-row:1/2;}

/* home navi
------------------------------*/
#homeNavi	{display:block;}
#homeNavi ul {
    display:block;
    margin:0px 2.5%;padding:0px 0px 0px 0px;
    list-style:none;
}
#homeNavi ul > li {
    margin:0px 0px 10px 0px;
    background:#FFFFFF;
    border-radius:6px;
}
#homeNavi ul > li a {
    position:relative;
	display:inline-block;
	width:40%;margin:0px;padding:8px 15px 6px 15px;
	font-size:14px;line-height:1.0em;color:#FFFFFF;
    text-align:center;
	background:#2F61BD;
	cursor:pointer;
    border-radius:5px;
    transition:all .3s;
}
#homeNavi ul > li a:hover {opacity:0.75;}
#homeNavi ul li.drop > a:after {
	content:'';
    position:absolute;top:10px;right:10px;
	display:inline-block;
	width:0px;height:0px;
	border-style:solid;border-width:6px 4px 0px 4px;
	border-color:#FFFFFF transparent transparent transparent;
	transition:.2s;
}
#homeNavi ul li.drop > a.selected:after {transform:rotate(180deg);transition:.2s;}
#homeNavi ul li.drop ul {
	display:none;
	width:100%;margin:0px;padding:3px 0px 0px 0px;
	visibility:visible;
	opacity:1;
	transition:none;
}
#homeNavi ul li.drop ul > li {margin:0px 0px 3px 0px;}
#homeNavi li.drop ul li a {
	display:inline-block;
	width:40%;margin:0px;padding:8px 15px 6px 15px;
    font-size:14px;color:#333333;
    background:#EEEEEE;
}
#homeNavi ul li ul li a:hover {background:#FFD999;transition:.5s;}
#homeNavi ul li ul li.staff a {color:#FFFFFF;background:#778899;}

/* home navi 2
------------------------------*/
#homeNavi2	{display:block;}
#homeNavi2 > ul {
    display:block;
    margin:0px 2.5%;padding:0px 0px 0px 0px;
    list-style:none;
}
#homeNavi2 ul li {
	position:relative;
	list-style:none;
}
#homeNavi2 > ul > li:nth-child(1) {z-index:1;}
#homeNavi2 > ul > li:nth-child(2) {z-index:2;}
#homeNavi2 > ul > li:nth-child(3) {z-index:3;}

#homeNavi2 > ul > li > a {
    position:relative;
	display:inline-block;
	width:40%;margin:0px;padding:8px 15px 6px 15px;
	font-size:14px;line-height:1.0em;color:#FFFFFF;
    text-align:center;
	background:#2F61BD;
	cursor:pointer;
    border-radius:5px;
    transition:all .3s;
}
#homeNavi2 > ul > li > a:hover {opacity:0.75;}
#homeNavi2 > ul > li.dd > a:after {
	content:'';
    position:absolute;top:10px;right:10px;
	display:inline-block;
	width:0px;height:0px;
	border-style:solid;border-width:6px 4px 0px 4px;
	border-color:#FFFFFF transparent transparent transparent;
	transition:.2s;
}
#homeNavi2 > ul > li.dd:hover > a:after {transform:rotate(180deg);transition:.2s;}

#homeNavi2 > ul > li > ul {
	margin:0px;padding:0px;
}
#homeNavi2 > ul > li > ul > li {
	height:0;margin:0px 0px 0px 0px;padding:0px;
 	transition:all .3s ease-out;opacity:0.00;
}
#homeNavi2 > ul > li:hover > ul > li {
	height:auto;margin:2px 0px 0px 0px;padding:0px;
	opacity:1.00;
}
#homeNavi2 > ul > li > ul > li > a {
	display:inline-block;
	width:40%;margin:0px;padding:8px 15px 6px 15px;
    font-size:14px;color:#333333;
	text-align:center;
    background:#EEEEEE;
	border-radius:5px;
}
#homeNavi2 > ul > li > ul > li > a:hover {background:#FFD999;opacity:0.75;}
#homeNavi2 > ul > li > ul > li.staff a {color:#FFFFFF;background:#778899;}
#homeNavi2 > ul > li > ul > li.staff a:hover {opacity:0.75;}

/* common navi
------------------------------*/
#commonNavi	{display:block;}
#commonNavi ul {
    display:block;
    margin:0px 2.5%;padding:0px 0px 0px 0px;
    list-style:none;
}
#commonNavi ul > li {
    margin:0px 0px 10px 0px;
    background:#FFFFFF;
    border-radius:6px;
}
#commonNavi ul > li a {
	display:inline-block;
	width:auto;margin:0px;padding:8px 15px 6px 15px;
	font-size:14px;line-height:1.0em;color:#FFFFFF;
    text-align:center;
	background:#2F61BD;
	cursor:pointer;
    border-radius:5px;
    transition:all .3s;
}
#commonNavi ul > li a:hover {opacity:0.75;}

/* order_invoice
------------------------------*/
.ui-datepicker td span, .ui-datepicker td a {
	text-align:center;
}
.ui-datepicker select.ui-datepicker-year, .ui-datepicker select.ui-datepicker-month {
	width:auto;
}
.ui-datepicker select.ui-datepicker-month {
	margin-left:1em;
}
.ui-state-active {
	color: #73082a!important;
}
.ui-datepicker-calendar tr td a{
	background: none!important;
	/*color: #00f!important;*/
}
.class-holiday 			{background-color: #ffe4c4;}
.class-sunday			{background-color: #ffe6ff;}
.class-saturday 		{background-color: #d9f1ff;}
.class-weekday:hover	{background-color: #134def;}

.searchBox	{
	display:block;
	margin:0px 0px 10px 0px;padding:15px;
	font-size:0;
	background:#effbfb;
	border:5px solid #E5E5E5;
}
.searchBox fieldset	{
	padding:10px 15px 10px 15px !important;
	font-size:13px;
}
.searchBox p	{font-size:13px;}

.searchBox dl	{
	display:inline-block;
	margin:0px 0px 0px 0px;padding:0px;
	font-size:0;
	vertical-align:top;
}
.searchBox dl.type01	{width:100%;}
.searchBox dl.type02	{width:50%;}
.searchBox dl.type03	{width:33.3%;}
.searchBox dl.type04	{width:40%;}
.searchBox dl.type05	{width:30%;}

.searchBox dl dt	{
	display:inline-block;
	margin:0px 0px 10px 0px;padding:5px 0px;
	font-size:13px;font-weight:bold;line-height:1.5em;
	word-wrap:break-word !important;
	vertical-align:top;
}

.searchBox dl.type01 dt	{width:10%;}
.searchBox dl.type02 dt	{width:20%;}
.searchBox dl.type03 dt	{width:30.5%;}
.searchBox dl.type04 dt	{width:20%;}
.searchBox dl.type05 dt	{width:30%;}

.searchBox dl dd	{
	display:inline-block;
	margin:0px 0px 10px 0px;
	font-size:13px;line-height:1.5em;
	word-wrap:break-word !important;
	vertical-align:top;
}
.searchBox dl.type01 dd	{width:88%;padding:5px 1%;}
.searchBox dl.type02 dd	{width:76%;padding:5px 2%;}
.searchBox dl.type03 dd	{width:64.5%;padding:5px 2.5%;}
.searchBox dl.type04 dd	{width:76%;padding:5px 2%;}
.searchBox dl.type05 dd	{width:65%;padding:5px 2.5%;}

.searchBox label	{
	display:inline-block !important;
	border-left:none;
}
.searchBox label input {
	margin-right:5px !important;
}

.searchBox dl dd input[type="text"]	{width:95%;}

.downloadBox	{
	display:block;
	margin:0px 0px 20px 0px;padding:15px 15px 1px 15px;
	background:#FFFFFF;
	border:5px solid #E5E5E5;
}
.downloadBox label	{
	display:inline-block !important;
	border-left:none;
}
.downloadBox label input {
	margin-right:5px !important;
}

.pagingText {
	display:block;
	margin:0px;padding:5px 0px;
	text-align:right;
}
.pagingButton {
	display:block;
	margin:0px;padding:5px 0px;
	text-align:right;
}
.pagingButton a {
	font-size:12px;color:#000000 !important;
}

.scroll	{
	overflow-x:scroll;
	margin:20px 0px 20px 0px;
}
.scroll table	{
	margin-bottom:0px !important;
}
.scroll table th	{padding:5px 10px !important;}
.scroll table td	{padding:3px 10px !important;}

/* accordion
------------------------------*/
.accordionList {
	display:none;
}

/* inventory
------------------------------*/
#side li {font-size:12px !important;}

#side ul,#side ol	{
	margin:0px 0px 20px 0px;padding:0px 0px 0px 20px;
	line-height:1.5em;
	list-style-position:outside;
}
#side li	{
	margin:0px 0px 5px 0px !important;
}
#side li a	{
	text-decoration:none !important;
}

.boxFourcorners {
	display:block;
	margin:0px 0px 20px 0px;padding:15px 15px 15px 15px;
	background:linear-gradient(#FF9, #FC0);
	border:2px solid #E5E5E5;
	border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
}
.boxFourcorners p {
	margin:5px 0px 5px 0px !important;
	text-align:center;font-weight:bold;
}

.resultsBox	{
	display:block;
	margin:0px 0px 20px 0px;padding:15px 15px 1px 15px;
	background:#EEEEEE;
	border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
}
.resultsBox	dl {
	display:block;
	margin:0px 0px 15px 0px;padding:0px;
	font-size:0;
}
.resultsBox	dl dd {
	display:inline-block;
	margin:0px 10px 0px 0px;padding:0px;
	font-size:12px;
}
.resultsBox	dl dd img	{
	width:16px;height:auto;margin:0px 5px 0px 0px;
	vertical-align:top;
}

a.itemList {
	display:block;
	position:relative;
	margin:0px 0px 2px 0px;padding:0px;
	text-decoration:none !important;
	border-left:5px solid #2f61bd;
	background-color:#eaf4f4;
}
a.itemList:link 	{}
a.itemList:visited 	{}
a.itemList:hover 	{background-color:#cbeceb;}
a.itemList:action 	{background-color:#cbeceb;}

.ilIcon {
	position:absolute;top:0;right:15px;bottom:0;
	margin:auto;width:24px;height:24px;
}
.ilIcon i {
	margin:auto;width:24px;height:24px;
	color:#2f61bd;
}

.itemList h4	{
	margin:0px 0px 0px 0px !important;padding:2px 0px 2px 45px !important;
	font-size:16px !important;color:#0b388a;
	background-repeat: no-repeat;
	background-position:5px 10px;
}
.itemList h4 span	{
	display:inline-block;
	margin-right:20px;
	font-size:12px;font-weight:normal;
}

.itemDetails {
	display:block;
	margin:0px 0px 5px 0px;padding:20px;
	background:#F5F5F5;
}
.idTable table {width:100%;}
.idTable table th,.idTable table td {
	border-bottom:1px solid #DDDDDD;
}
.idTable table caption {
	padding:5px 10px;
	vertical-align:top;white-space:nowrap;
	color:#333333;font-weight:bold;
	text-align:center;
	background:#e3fbfa;
	border-top:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD !important;
}

.itemNone {
	display:block;
	margin:0px 0px 20px 0px;padding:15px;
	font-size:15px;font-weight:bold;color:#F63;
	text-align:center;
	background:#FFFFFF;
	border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
}

/* faq
------------------------------*/
.faqList	{
    display:block;
	margin:0px;padding:0px;
	list-style:none;
	z-index:99;
}
.faqList section 	{
    display:block;
}

.faqTitle,.faqContents h3	{
    display:block;
    margin:0px 0px 10px 0px !important;padding:6px 5px 5px 45px !important;
    font-size:16px;line-height:1.5em;font-weight:bold;color:#333333 !important;
    background-color:#F5F5F5;
    background-image:url('../img/icon_q.png');
    background-position:10px 50%;
    background-repeat:no-repeat;
    background-size:24px;
    border:none;border-radius:10px;
}
.faqTitle	{cursor:pointer;}
.faqTitle .date {
    display:inline-block;
    margin:0px 15px;
    font-size:14px;
}

.faqContents	{
	display:none;
	position:fixed;top:0;left:0;
    width:100%;height:100%;
	z-index:999;
	background: rgba(0,0,0,0.7);
}
.faqContents article	{
    position:relative;top:200px;
    width:640px;margin:0px auto;padding:20px;
    background:#FFFFFF;
}
.faqContents article div.answer	{
    margin:0px;padding:15px 15px 5px 45px;
    background-color:#F5F5F5;
    background-image: url("../img/icon_a.png");
    background-position:10px 10px;
    background-repeat:no-repeat;
    background-size:24px;
    border:none;border-radius:10px;
}

.faqAnswer,.faqContents h3	{
    display:block;
    margin:0px 0px 10px 0px !important;padding:6px 5px 5px 45px !important;
    font-size:16px;line-height:1.5em;font-weight:bold;color:#333333 !important;
    background-color:#F5F5F5;
    background-image:url('../img/icon_a.png');
    background-position:10px 50%;
    background-repeat:no-repeat;
    background-size:24px;
    border:none;border-radius:10px;
}


.faqClose	{
	position:absolute;top:10px;right:10px;
    width:40px;height:40px;
    background-image:url("../img/sp_btn_close.png");
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-size:40px;
	cursor:pointer;
}

/* information
------------------------------*/
.infoContents {
	display:block;
	margin:0px 0px 15px 0px;padding:0px;
	font-size:14px !important;
}

.infoList	{
    display:block;
	margin:0px;padding:0px;
	list-style:none;
	z-index:99;
}
.infoList section 	{
    display:block;
}

.infoTitle,.infoContents h3	{
    display:block;
    margin:0px 0px 10px 0px !important;padding:6px 5px 5px 45px !important;
    font-size:16px;line-height:1.5em;font-weight:bold;color:#333333 !important;
    background-color:#F5F5F5;
    background-image:url('../img/arrow_info.png');
    background-position:10px 50%;
    background-repeat:no-repeat;
    background-size:24px;
    border:none;border-radius:10px;
}
.infoTitle	{cursor:pointer;}
.infoTitle .date {
    display:inline-block;
    margin:0px 15px;
    font-size:14px;
}

.infoContents	{
	display:none;
	position:fixed;top:0;left:0;
    width:100%;height:100%;
	z-index:999;
	background: rgba(0,0,0,0.7);
}
.infoContents article	{
    position:relative;top:200px;
    width:640px;margin:0px auto;padding:20px;
    background:#FFFFFF;
}
.infoContents article div.information	{
    margin:0px;padding:15px 15px 5px 45px;
    background-color:#F5F5F5;
    background-position:10px 10px;
    background-repeat:no-repeat;
    background-size:24px;
    border:none;border-radius:10px;
}

.infoClose	{
	position:absolute;top:10px;right:10px;
    width:40px;height:40px;
    background-image:url("../img/sp_btn_close.png");
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-size:40px;
	cursor:pointer;
}

/* consignment
------------------------------*/
.errorBox	{
	display:block;
	margin:0px 0px 20px 0px;padding:15px 15px 1px 15px;
	background:#F8E9E9;
	border:3px solid #F95356;
	border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
}
.infoBox	{
	display:block;
	margin:0px 0px 20px 0px;padding:15px 15px 1px 15px;
	background:#EAF8F1;
	border:3px solid #2f61bd;
	border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
}



/*===========================================================================================*/
/* common */
/*===========================================================================================*/

.pcNone	{display:none !important;}
.spNone	{display:inherit !important;}

#loading {
	position:absolute;
	left:50%;
}
.updnWatermark {
	color:#999;  
	padding:2px;  
}

/* clear
------------------------------*/
#clear	{clear:both;}
.clear	{clear:both;}
.clear10	{clear:both;margin-bottom:10px;}
.clear20	{clear:both;margin-bottom:20px;}
.clear30	{clear:both;margin-bottom:30px;}
.clear40	{clear:both;margin-bottom:40px;}
.clear50	{clear:both;margin-bottom:50px;}

/* form
------------------------------*/
form	{
	margin:0px;padding:0px;
}

label {
	display:block;
	margin:0px 0px 10px 0px !important;padding:0px 0px 0px 10px !important;
	font-size:13px;font-weight:normal;
	border-left:5px solid #CCC;
}
label.noLine	{
	border-left:none;
}

input[type="text"],input[type="password"]	{
	margin:0px 0px 5px 0px !important;padding:5px 10px 3px 10px !important;
	font-size:13px !important;font-weight:normal !important;line-height:1.5em !important;
}
input[type="text"]	{
	border:1px solid #CCCCCC;
	border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
}
input[type="password"]	{
	border:1px solid #CCCCCC;
	border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
}
select	{
	margin:0px 0px 5px 0px !important;padding:5px 10px 3px 10px !important;
	font-size:13px !important;font-weight:normal !important;line-height:1.5em !important;
	border:1px solid #CCCCCC;
	border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
}
textarea	{
	margin:0px 0px 5px 0px !important;padding:5px 10px 3px 10px !important;
	font-size:13px !important;font-weight:normal !important;line-height:1.5em !important;
	border:1px solid #CCCCCC;
	border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
}
input:focus,select:focus,textarea:focus {
	background:#FFF9E0;
}

input[type="submit"],input[type="button"],button[type="button"] {
	display:inline-block;
	min-width:100px;margin:0px;padding:8px 20px 8px 20px;
	font-size:14px;color:#FFFFFF;line-height:1.0em;
	background-color:#2f61bd;
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
	border:none !important;
	cursor:pointer;
	-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s;
}
td input[type="submit"],td input[type="button"],td button[type="button"] {
	min-width:60px;margin:0px;padding:3px 10px 3px 10px;
	font-size:12px;color:#FFFFFF;line-height:1.0em;
}
input[type="button"]+input[type="button"],input[type="submit"]+input[type="submit"],button[type="button"]+button[type="button"] {
	margin-left:10px !important;
}
input[type="submit"]:hover,input[type="button"]:hover,button[type="button"]:hover {
	filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;
	-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s;
}
input[type="submit"][disabled] {
	background-color:#CCCCCC;
	cursor:default;
}
span.error	{
	width:80%;margin:0px;padding:2px 5px;
	background-color:#d04848;color:#FFFFFF !important;
	border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
}
form .required {
	font-weight:bold;color:#FF0000;
}

/* link
------------------------------*/
a img	{
	border:none;
	margin:0px;padding:0px;
	-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s;
}
a:hover img	{
	filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;
	-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s;
}
a	{outline:none;}

/* button
------------------------------*/
a.btn01	{
	display:inline-block;
	margin:0px 0px 5px 0px;padding:8px 15px 6px 15px;
	font-size:14px;line-height:1.0em;
	background:#2f61bd;
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
}
a.btn01:link	{color:#FFFFFF;text-decoration:none;}
a.btn01:visited	{color:#FFFFFF;text-decoration:none;}
a.btn01:hover	{color:#FFFFFF;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
a.btn01:action	{color:#FFFFFF;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}

span.btn01s	{
	display:inline-block;
	margin:0px 0px 5px 0px;padding:8px 15px 6px 15px;
	font-size:14px;line-height:1.0em;
	background:#EEEEEE;
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
}

/* layout
------------------------------*/
.box01	{
	display:block;
	margin:0px 0px 20px 0px;padding:15px 15px 5px 15px;
	background:#FFFFFF;
	border:5px solid #E5E5E5;
}
.box01 label	{
	display:inline-block !important;
	border-left:none;
}
.box01 label input {
	margin-right:5px !important;
}
.box01 dl dt	{
	display:inline-block;
	width:18%;margin:0px 0px 10px 0px;padding:1%;font-weight:bold;
	font-size:13px;line-height:1.5em;
    background:#EEEEEE;
    vertical-align:top;
}
.box01 dl dd	{
	display:inline-block;
	width:78%;margin:0px 0px 10px 0px;padding:1%;
	font-size:13px;line-height:1.5em;
    background:#F5F5F5;
    vertical-align:top;
}

.boxLeft {
	float:left;
	width:49%;margin:0px;padding:0px;font-size:13px;
}
.boxRight {
	float:right;
	width:49%;margin:0px;padding:0px;font-size:13px;
}

.indent10	{padding-left:10px;}
.indent15	{padding-left:15px;}
.indent20	{padding-left:20px;}

.imageLeft		{float:left;margin:0px}
.imageRight		{float:right;margin:0px}
.imageLeftM		{float:left;margin:0px 20px 20px 0px;}
.imageRightM	{float:right;margin:0px 0px 20px 20px;}

.alignright		{float:right;margin:0px 0px 20px 20px;}
.alignleft		{float:left;margin:0px 20px 20px 0px;}

/*===========================================================================================*/
/* footer */
/*===========================================================================================*/

footer	{
	width:100%;min-width:1040px;margin:0px;padding:0px;
	border-top:1px solid #999999;
	background:#FFFFFF !important;
}

/* footer main
-----------------------------------------*/
.footer	{
	position:relative;
	width:1000px;height:auto;margin:0px auto;padding:25px 0px 35px 0px;
	background:#FFFFFF !important;
}
.footerCopy	{
	margin:0px 0px 20px 0px;padding:0px;
	font-size:13px;font-weight:bold;line-height:1.0em;
	text-align:center;
}

.footerAddress	{
	margin:0px 0px 0px 0px;padding:0px;
	text-align:center;
}
.footerAddress h6	{
	display:block;
	margin:0px 0px 10px 0px;padding:0px;
	font-size:13px;font-weight:normal;line-height:1.5em;
	text-align:center;
}
.footerAddress p	{
	display:inline-block;
	margin:0px 0px 20px 0px;padding:0px;
	font-size:13px;font-weight:normal;line-height:1.0em;color:#333333;
	text-align:center;
}
.footerAddress p a:link,.footerAddress p a:visited	{
	color:#FFFFFF;
	-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s;
}
.footerAddress p a:hover,.footerAddress p a:active	{
	color:#FFC;
	-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s;
}

.footerMenu	{
	margin:0px 0px 0px 0px;padding:0px;
	font-size:0;
	text-align:center;
	list-style:none;
}
.footerMenu li	{
	display:inline-block;
	margin:0px 10px 0px 0px;
}
.footerMenu li a	{
	display:inline-block;
	margin:0px;padding:6px 15px 4px 15px;
	font-size:13px;line-height:1.0em;
	background:#AAAAAA;
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
}
.footerMenu li a:link		{color:#FFFFFF;text-decoration:none;}
.footerMenu li a:visited	{color:#FFFFFF;text-decoration:none;}
.footerMenu li a:hover		{color:#FFFFFF;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
.footerMenu li a:action		{color:#FFFFFF;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}

#pagetop {
	position:fixed;bottom:20px;right:20px;
	width:50px;height:50px;
	z-index:99;
}
#pagetop a {
	display:block;
	width:50px;height:50px;
	background-image:url(../img/btn_pagetop.png);
	background-size:50px;
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
}

/*===========================================================================================*/
/* font */
/*===========================================================================================*/

/* link
-----------------------------------------*/
a:link		{
	text-decoration:none !important;
	color:#0b388a;text-decoration:underline;
	-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s;
}
a:visited	{
	text-decoration:none;
	color:#0b388a;text-decoration:underline;
}
a:hover		{
	text-decoration:none;
	color:#FF9900;text-decoration:none;
	-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s;
}
a:active	{
	text-decoration:none;
	color:#FF9900;text-decoration:none;
}

/* size
-----------------------------------------*/
.size10		{font-size:10px !important;}
.size12		{font-size:12px !important;}
.size14		{font-size:14px !important;}
.size16		{font-size:16px !important;}
.size18		{font-size:18px !important;}
.size20		{font-size:20px !important;}
.size22		{font-size:22px !important;}
.size24		{font-size:24px !important;}
.size26		{font-size:26px !important;}
.size28		{font-size:28px !important;}
.size30		{font-size:30px !important;}
.size32		{font-size:32px !important;}

/* color
-----------------------------------------*/
.colorBlk	{color:#333333 !important;}
.colorGry	{color:#666666 !important;}
.colorWht	{color:#FFFFFF !important;}
.colorNvy	{color:#000080 !important;}
.colorBlu	{color:#0066CC !important;}
.colorOlv	{color:#808000 !important;}
.colorGrn	{color:#5CA718 !important;}
.colorMrn	{color:#996633 !important;}
.colorPnk	{color:#E9287D !important;}
.colorRed	{color:#FF0000 !important;}
.colorOrg	{color:#FF6600 !important;}
.colorYlw	{color:#FFCC00 !important;}

/* font family
-----------------------------------------*/
.fontMincho	{
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
.fontGothic	{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*===========================================================================================*/
/* end */
/*===========================================================================================*/