@charset "UTF-8";

/*==================================================
			Common tag Elements
==================================================*/
*	{
	margin: 0;
	padding: 0;
/*	font-family: verdana,arial,helvetica,Sans-Serif,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; */
}

body	{
	text-align: center;
	margin: 0 auto;
}

ul	{
	list-style: none;
}

legend	{
	border-bottom:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	font-size:medium;
	font-weight:bold;
	margin-left:30px;
	margin-top:5px;
	padding-left:5px;
	padding-right:5px;
}

fieldset	{
	border: 1px #666666 solid;
	font-size: 11px;
	padding: 7px;
	width: 750px;
	text-align: left;
	margin: 0 auto;
}

table	{
	border-collapse: collapse;
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 8px;
	font-size: small;
	width: 750px;
}

th	{
	padding: 8px 8px;
	width: 190px;
	border-bottom: 1px #CCCCCC solid;
}

td	{
	padding: 8px 4px;
	border-bottom: 1px #CCCCCC solid;
}

select	{
	padding-left: 4px;
}

textarea	{
	font-family: "ＭＳ ゴシック",verdana,arial,helvetica,Sans-Serif;
}

img	{
	border: none;
}

/*==================================================
			Common class Elements
==================================================*/
.clearfloat	{
	clear: both;
}

.caution, .blcaution	{
	font-size: 9pt;
	color: #cc3300;
	margin-top: 8px;
	/*font-weight: bold;*/
	line-height: 130%;
}

.note	{
	font-size: small;
	color: #FF0000;
	font-weight: bold;
	text-decoration: underline;
}

.ferror	{
	color: #FF4500;
	font-size: 11pt;
	font-weight: bold;
}
.fnerror	{
	color: #45545F;
	font-size: 11pt;
	font-weight: bold;
}

.ex	{
	font-size: small;
	margin-top: 4px;
	margin-bottom: 8px;
}

.infohead-normal	{
	font-size: 10pt;
	color: Black;
	width: 100%;
	background-color: #F5F5F5;
	line-height: 130%;
	font-weight: bold;
}

.infohead-caution	{
	font-size: 10pt;
	color: #DC143C;
	width: 100%;
	background-color: #F5F5F5;
	line-height: 130%;
	font-weight: bold;
}

.rightspace	{
	margin-right: 16px;
	font-size: 12px;
}
.leftspace	{
	margin-left: 16px;
	font-size: 12px;
}
.center	{
	text-align: center;
}
.left	{
	text-align: left;
}

#navPyra {
	margin: 10px 15px 0;
	padding-left: 25px;
	height: 38px;
}

#selectornavPyra	{
	height: 270px;
}
#selectornavPyran	{
	height: 100px;
}

#navPyra li {
	font-size: 12px;
	display: inline;
	list-style-type: none;
	background: url(../images/selector-bg4.jpg) no-repeat center;
	float: left;
	text-decoration: none;
	color: #000000;
	width: 168px;
	height: 38px;
	margin-left: 10px;
	padding-top: 10px;
	background-position: top;
}
#navPyra li.add {
	background: url(../images/selector-bg5.jpg) no-repeat center;
	background-position: top;
	height: 80px;
}


.navP	{
	cursor: pointer;
}

.selectorhr	{
	margin: 12px 35px 10px;
	width: 730px;
}

#selectorc	{
	padding-top: 70px;
}

.navimg	{
	color: #DC143C;
}

.font12	{
	font-size: 12px;
}
.font14	{
	font-size: 14px;
}
.font16	{
	font-size: 16px;
}


/*==================================================
			layout
==================================================*/
#main	{
	width: 800px;
	margin: 0 auto;
	border-right: 1px #999999 solid;
	border-left: 1px #999999 solid;
}

#headmsg	{
	padding-bottom: 16px;
	text-align: right;
}
#headmsgmenu	{
	margin-bottom: 24px;
}
#headleft	{
	float: left;
}
#headright	{
	float: right;
}
/*
#page	{
	padding-top: 36px;
}
*/
#header-csq, #header-ars, #header-login-ars,  #header-login-csq	{
	background-position: center 23px;
	background-repeat: no-repeat;
	height: 220px;
}


#header-csq	{
	background-image: url(../images/header.jpg);
}
#header-ars	{
	background-image: url(../images/header2.jpg);
}

#header-login-csq	{
	background-image: url(../images/header3.jpg);
}
#header-login-ars	{
	background-image: url(../images/header4.jpg);
}

.contents-label {
	valign: top;
	padding-top: 15px;
}

textarea#fp_contents	{
	margin-bottom: 7px;
	margin-top: 7px;
	font-size: 10pt;
	width:490px;
	height: 19.5em;
	line-height: 1.3em;
}

#subcontents	{
	padding-top: 12px;
	width: 100%;
}

#footer	{
	text-align: center;
	height: 100px;
	margin: 0 auto;
	padding-top: 10px;
	width: 800px;
	background-color: #003fa6;
	color: #FFFFFF;
}

/*==================================================
			header inner
==================================================*/
#logo_ctc	{
	float: left;
	padding: 5px 15px;
}

#link	{
	float: right;
	padding: 27px 15px 0 5px;
	text-align: left;
	font-size: x-small;
}

#link a, #link a:link, #link a:visited	{
	text-decoration: none;
	color: #000000;
}

/*for IE7*/
*: first-child+html #subt	{
	padding: 75px 0 0 0;
	margin: 0 auto;
	color: #333333;
	font-weight: bold;
	font-size: x-large;
}

/*for IE6*/
* html #subt	{
	padding: 75px 0 0 0;
	margin: 0 auto;
	color: #333333;
	font-weight: bold;
	font-size: x-large;
}

#subt	{
	padding: 75px 0;
	margin: 0 auto;
	color: #333333;
	font-weight: bold;
	font-size: x-large;
	line-height: 45px;
}

/*==================================================
			main inner
==================================================*/
#qnavi	{
	text-align: center;
	width: 100%;
	padding-top: 24px;
}

#selector	{
	margin: 0px 0 0 0;
	padding: 15px 10px;
	color: #333333;

}

#selector label, label input	{
	cursor: pointer;
	font-size: 14px;
	padding: 20px 35px 24px;
	background-image: url(../images/selector-bg3.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

#questionform fieldset	{
	margin-bottom: 20px;
}

#text	{
	padding: 3px 0 0 0;
	font-size: small;
	font-weight: bold;
	line-height: 30px;
	background-image: url(../images/text_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

#policy	{
	width: 500px;
	margin: 20px auto 0;
}

#explain	{
	padding: 20px 0 20px 0;
	font-size: small;
	font-weight: normal;
	line-height: 15px;
}

#explain_b	{
	font-weight: bold;
}

#correspond	{
	padding: 10px 0 30px 0;
	font-weight: bold;
	font-size: small;
}

#correspond textarea	{
	border: 1px #666666 dotted;
	font-size: 11px;
	padding: 5px;
	overflow: hidden;
	width: 700px;
	height: 90px;
}

#send	{
	/* height: 130px; */
	margin-left: 30px;
	margin-right: 30px;
}
#importSR	{
	vertical-align: middle;
	margin-left: 4px;
}
/*==================================================
			form inner
==================================================*/
.formtitle	{
	margin: 20px 0px 5px 0px;
	font-weight: bold;
	font-size: small;
	color: #000000;
	padding: 5px 0 0 0;
	width: 750px;
	line-height: 30px;
	background-image: url(../images/bg-title3.jpg);
	background-position: center 3px;
	background-repeat: no-repeat;
}

#accountDisplay table {
	border-collapse: collapse;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 8px;
	font-size: small;
	width: 750px;
}

#wt	{
	text-align:left;
}

.bltd	{
	border-left:1px #CCCCCC solid;
}

#buttons	{
	text-align: center;
	font-size: small;
	padding: 20px 0;
}

#buttons2	{
	text-align: center;
	font-size: small;
	padding: 30px 0 0;
	margin-bottom: 30px;
}

#roller	{
	line-height: 120%;
	margin-top: 6px;
}
.rollernone	{
	display: none;
}
.rollerdisp	{
	display: block;
}

#sub_btn	{
	background-color: #FFcc66;
	padding: 10px 15px;
}

#clr_btn	{
	padding: 5px;
}

.fa_th	{
	width: 27%;
}
.fa_th2	{
	width: 20%;
}
.fa_left	{
	margin-left: 24px;
}
.fa_bold	{
	font-weight: bold;
}
/*==================================================
			footer inner
==================================================*/
#footer_msg	{
	font-size: small;
	color: #666666;
}

#legal	{
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 12px;
	text-align: center;
}

#links a, #links a:link, #links a:visited	{
	font-size: smaller;
	text-align: center;
	margin-top: 4px;
	color: #FFFFFF;
}

/* footer information */
#footerinfomation fieldset {
	border: 1px ridge #000000;
	font-size: 12px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
}

#footerinfomation legend{
	text-align: center;
	margin: 0 auto;
	padding: 0;
	color: #FF4500;
}

#footerinfomation #nosslmsgheader {
	font-size: 14px;
	line-height: 120%;
	vertical-align: middle;
	color: #FF4500;
}

#sslsign	{
	font-size: 10px;
	line-height: 11px;
	margin: 0px auto;
	padding-bottom: 10px;
	color: #666666;
}

#sslsign #sslmeg	{
	vertical-align: middle;
}

.heartbeat	{
	visibility: hidden;
}
/*==================================================
			validater baloon
==================================================*/
div.baloon {
   font-size: 12px;
   color: #900;
   position: absolute;
   padding-left: 5px;
   background: url("../images/baloon.gif") no-repeat top left;
   z-index: 1;
}

div.baloon a {
   color: blue;
   text-decoration: none;
   padding: 2px;
   margin-right: 2px;
}

div.baloon a:hover {
   background-color: #eef;
}

div.baloon div {
   background: url("../images/baloon_right.gif") no-repeat top right;
   padding: 7px 7px 14px 0;
   white-space: nowrap;
}

/*================================================
                infolist
================================================*/
#content-info {
	margin-left: 24px;
	margin-right: 24px;
}

h3 {
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	background-color: #ADD8E6;
	margin-bottom: 8px;
	cursor: pointer;
}

h4 {
	font-weight: normal;
	font-size: 14px;
	text-align: left;
	background-color: #E7F4F7;
	margin-bottom: 8px;
	padding-left: 16px;
	cursor: pointer;
}

.infomd {
	text-align: left;
	font-size: 12px;
	border: thin solid Black;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-top: 12px;
	margin-bottom: 16px;
	display: none;
}

/*================================================
                productlist
================================================*/
.productlist	{
	border-collapse: collapse;
	margin: 0 auto;
	font-size: medium;
	width: 80%;
}

.productlist th	{
	padding: 0;
	width: 48%;
	border-bottom: none;
}

.productlist td	{
	padding: 0;
	border-bottom: none;
}

/*================================================
                after send
================================================*/
#send	{
	font-size: 16px;
	font-weight: bold;
	margin-top: 16px;
}

#cslink	{
	width: 500px;
	text-align: center;
	line-height: 160%;
}
#cslinkhead	{
	margin-left: 0 auto;
	border-left-color: #dddddd;
	border-left-style: solid;
	border-left-width: 1px;
	font-size: 12px;
}
/*================================================
              popup modal
================================================*/
#csqpopupmodal-content	{
	display: none;
}

/* popup Overlay */
#popup-overlay {
	background-color: #474747;
	cursor: wait;
}

/* popup Container */

#popup-container {
	width:680px;
	height: 314px;
	text-align:left;
	background:#ffffff;
	border:2px solid #336699;
}
#popup-container #popuptitle {
	height: 36px;
	background: url(../images/modalhead.png) repeat-x;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	line-height: 36px;
	padding-left: 12px;
	margin-bottom: 12px;
}

#popup-container #popuptitle span {
	padding-left:8px;
}
#popup-container #popupcontent {
	color: #000000;
	margin: 0;
	padding: 12px 12px 12px 24px;
	font-size: 14px;
}
.modal-caution	{
	color: #DC143C;
}

#popup-container #popupfooter	{
	height: 48px;
	border-top-color: #555555;
	border-top-style: dotted;
	border-top-width: thin;
}
#popup-container .footchk	{
	float: left;
	padding-left: 24px;
	padding-top: 12px;
	font-size: 12px;
}
#popup-container .footchk #notd	{
	vertical-align: middle;
}
#popup-container .buttons {
	width: 294px;
	float: right;
	padding: 10px 24px 0;
}
#popup-container .buttons div {
	float: right;
	margin-left: 4px;
	width: 160px;
	color: #363636;
	height: 20px;
	font-weight: bold;
	text-align: center;
	background: url(../images/modalbutton01.png) repeat-x;
	border: 1px solid #bbb;
	cursor: pointer;
	padding-top: 2px;
}
#popup-container a.modal-close,
#popup-container a.modal-close:link,
#popup-container a.modal-close:active,
#popup-container a.modal-close:visited {
	margin-top: 4px;
	text-decoration:none;
	font-size:20px;
	position:absolute;
	left:660px;
	color:#222222;
}
#popup-container a.modal-close:hover {
	color:#333333;
}

#externalcontent {
	margin-bottom: 12px;
	padding:20px;
}
#closedcontent {
	margin: 12px;
    padding: 20px;
    border: lightcoral 1px solid;
}

#closedcontent_title, #consent_title {
	margin-bottom: 12px;
    background-color: lightcoral;
    line-height: 1.8em
}

#modalbuttons {
	height: 100%;
}


/*================================================
                KMC
================================================*/
#srprod, #csenqformtable	{
	width: 800px;
	margin: 0 auto;
}
#csenqformtable th	{
	width: 0;
}
#csenqformtable #t1	{
	width: 70%;
}

#cscomment, #csbutton, #srprod	{
	margin-top: 12px;
	padding-bottom: 12px;
}
.csenqsrprod	{
/*	margin-left: 200px; */
	font-size: 26px;
}

#aftertext	{
	margin-top: 12px;
	padding-bottom: 24px;
	font-size: 14px;
}
#afterlink	{
	width: 600px;
	margin: 0 auto;
}
#thanks	{
	margin-top: 24px;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 24px;
}

#soldb	{
	background-image: url(../images/000300.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 32px;
	vertical-align: middle;
	line-height: 200%;
}
#csq	{
	background-image: url(../images/001046.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 32px;
	vertical-align: middle;
	line-height: 200%;
}
#send	{
	font-size: 16px;
	font-weight: bold;
	margin-top: 16px;
}
#ctct	{
	margin-top: 48px;
}
#ctc	{
	padding-bottom: 48px;
	margin-top: 16px;
}
#ctc a{
	margin-left: 24px;
}
#csenq	{
	padding-bottom: 18px;
}
#cslink	{
	width: 600px;
	text-align: center;
	line-height: 160%;
}
#cslinkhead	{
	margin-left: 0 auto;
	border-left-color: #dddddd;
	border-left-style: solid;
	border-left-width: 1px;
	font-size: 12px;
}
.linkleft	{
	float: left;
	width: 50.5%;
}
.linkright	{
	float: right;
	width: 49.5%;
}
#aftertext fieldset	{
	width: 200px;
	margin-bottom: 60px;
	text-align: center;
}
#aftertext fieldset img	{
	margin 0 auto;
}
#aftertext legend	{
	border: none;
}
#comlogo	hr {
	margin: 0 auto;
	width: 75%;
	margin-top: 16px;
}
/*================================================
                product
================================================*/
/*   HULFT   */
.hulft, .lifekeeper, .citrix	{
	margin-left: 100px;
	font-size: 9pt;
	line-height: 130%;
}
.blcaution	{
	color: black;
}
.lkol	{
	color: #0035cc;
	margin-left: 36px;
}
.bigcaution	{
	font-size: 12pt;
	color: #cc3300;
	margin-top: 8px;
	font-weight: bold;
	line-height: 130%;
}

/*================================================
                NEW ADD
================================================*/
.disabled {
    background-color: #E6E6E6;
    outline: 0;
    border: 0px lightgray solid;
    color: black;
}

#qform {
	border-style: none;
	text-align: center;
}

.simple_h{
	position:relative;
	padding:9px;
	padding-left:15px;
	font-weight: bold;
	font-size: 16px;
	background-color: #eee;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	color:#555;
}

.balloon_h{
	width:90%;
	position: relative;
	margin: 1.5em;
	padding: 0.8em;
	background: #B92A2C;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.balloon_h:after{
	position: absolute;
	bottom: -15px;
	left: 10%;
	z-index: 90;
	margin-left: -15px;
	border-top: 15px solid #B92A2C;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 0;
	content: "";
}

.nodisp{
	display:none;
}

.noTitleDialog .ui-dialog-titlebar{
	display:none;
}

/*================================================
                VALIDATE
================================================*/
.err{
	background: #ffbfbf;
}
.err2{
	background: #ffbfbf;
}

/*================================================
                LOADING
================================================*/
/* 画面ロック用クラス */
.screenLock,.screenLockContents {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.screenLock {
	width:100%;
	height:100%;
	background: rgba(255,255,255,0.5);
}
.screenLockContents {
	margin: auto;
	border:1px dashed #999;
	background: rgba(255,255,255,1.0);
}
#nloading > div{
	width:100px;
	height:100px;
}

/*===========================================*
 * FSアンケート用
 *===========================================*/

#fsenq	{
	padding-top: 18px;
	padding-bottom: 18px;
}

#fslink	{
	width: 500px;
	text-align: center;
	line-height: 160%;
}

#fssrprod	{
	width: 800px;
	margin: 0 auto;
	margin-top: 12px;
	padding-bottom: 12px;
}

/* SR番号表示 */
.fsenqsrprod	{
	font-size: 26px;
}

#fsenqformtable	{
	width: 800px;
	margin: 0 auto;
	border: none;
}

.fstbl_hline	{
	display: flex;
	margin-left: 24px;
	margin-right: 24px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.fsbtmline	{
	border-bottom: 1px #CCCCCC solid;
}

.fs_bold	{
	font-weight: bold;
}

.fstbl_line	{
	display: flex;
	border-bottom: 1px #CCCCCC solid;
	margin-left: 24px;
	margin-right: 24px;
	padding-top: 1em;
	padding-bottom: 1em;
}

.fsenqblock	{
	width: 65%;
	padding-left: 1em;
	font-size: 13px;
}

.fsansblock	{
	flex: 1;
	display: flex;
	justify-content: space-between;
	padding-left: 1em;
	padding-right: 1em;
	font-size: 13px;
	vertical-align: middle;
}

#fsenqformtable #t1	{
	width: 30%;
}

.radiolbl	{
	height: 100%;
}

.fsq5	{
	margin-left: 25px;
	margin-right: 25px;
	padding-left: 1em;
	padding-right: 1em;
	font-size: 13px;
	text-align: left;
}

#fscomment, #fsbutton	{
	margin-top: 12px;
	padding-bottom: 12px;
}

#fsenqchkbox {
	display: block;
	overflow: hidden;
}

/** FSアンケート回答後画面  **/
#fsenq_thanks	{
	padding-bottom: 24px;
	font-size: 14px;
	font-weight: bold;
	padding: 24px;
}

.fsenq_box {
	display:inline-block;
	padding: 0.5em 1em;
	margin: 10px 24px;
	font-weight: bold;
	color: #6091d3;/*文字色*/
	background: #FFF;
	border: solid 3px #6091d3;/*線*/
	border-radius: 10px;/*角の丸み*/
}
.fsenq_box p{
	margin: 0;
	padding: 0;
}

.fslink{
	padding-left: 48px;
}

.fsfile_link{
	list-style: disc;
}

.fs_blank	{
	margin-bottom: 1em;
}
.servicelink_line	{
	display: flex;
	height: 195px;
}

.srvlnkblock	{
	width: 50%;
}

.fs_left	{
	margin-left: 24px;
}

.fs_right	{
	margin-right: 24px;
}

.srvlnkblock img	{
	flex-shrink: 0;
	width: 97%;
	height: auto;
}

.inquiry{
	margin-left: 24px;
	margin-right: 24px;
	margin-bottom: 2%;
	padding: 24px;		/* 文字の先頭を合わせる */
	background: #eef3f6;
	border:none;
	box-sizing: border-box;
	position: relative;
	text-align: left;
}

#info {
    font-size: 12px;
}

#info a {
    color: #FFFFFF;
    text-decoration: none;
}