/* ------------------------------------------
Style Sheet
	webfile/ リニューアル用
------------------------------------------ */

/* Crearfix モダンブラウザ（Firefox Opera Safari）対策------------------------ */
.clearfix:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/* /\* Win版IE7とMac版IE5対策 *\/ */
/* .clearfix{ */
/* 	display:inline-block; */
/* } */

/* /\* Win版IE5および6対策 *\/ */
/* /\* Hides from IE-mac \*\/ */
/* * html .clearfix{ */
/* 	height:1px; */
/* } */
.clearfix{
	display:block;
}
/* End hide from IE-mac */

/* FireFoxでスクロールバーを常時表示 ---------------------------------------- */
html {
overflo-y:scroll;x
}



a:link {
	color:#0e76b6;
	text-decoration:none;
}
a:visited {
	color:#0e76b6;
	text-decoration:none;
}

a:hover {
	color:#cc0000;
	text-decoration:underline;
}

a:active {
	color:#cc0000;
	text-decoration:underline;
}


img {
	border-width:0px;
}


/*  indexページ  */
#wf-box1 {
    width: 504px;
    border:#bbbbbb 1px solid;
    border-left: #dab2e8 10px solid;
    padding-left: 10px;
    margin-left: 8px;
/*     background-color: #f8e7fe; */
}

#wf-box1 h2 {
    background:url('../images/webfile/security.gif') no-repeat top;
    height: 70px;
    text-indent: -9999px;
}


#wf-box2 {
    border:#bbbbbb 1px solid;
    border-left: #b2d7ec 10px solid;
    width: 248px;
    height: 125px;
    padding: 0 !important;
    margin-top: 5px;
    margin-left: 8px;
    _margin-left: 4px;
    float: left;
}

#wf-box2 h2 {
    background:url('../images/webfile/delivary.gif') no-repeat left top;
    height: 56px;
    text-indent: -9999px;
}


#wf-box3 {
    border:#bbbbbb 1px solid;
    border-left: #e8b2ce 10px solid;
    width: 248px;
    height: 125px;
    padding: 0 !important;
    margin-top: 5px;
    margin-left: 7px;
    float: left;
}


#wf-box3 h2 {
    background:url('../images/webfile/collect.gif') no-repeat left top;
    height: 56px;
    text-indent: -9999px;
}


#wf-box4 {
    border:#bbbbbb 1px solid;
    border-left: #efe0b3 10px solid;
    width: 248px;
    height: 130px;
    margin-top: 5px;
    margin-left: 8px;
    _margin-left: 4px;
    float: left;
}

#wf-box4 h2 {
    background:url('../images/webfile/group.gif') no-repeat left top;
    height: 56px;
    text-indent: -9999px;
}


#wf-box5 {
    border:#bbbbbb 1px solid;
    border-left: #b3dfb4 10px solid;
    width: 248px;
    height: 130px;
    margin-top: 5px;
    margin-left: 7px;
    float: left;
}

#wf-box5 h2 {
    background:url('../images/webfile/admin.gif') no-repeat left top;
    height: 56px;
    text-indent: -9999px;
}

#wf-box {
    border:1px solid #bbbbbb;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    margin-left: 9px;
    margin-top: 20px !important;
/*     _width: 500px; */
}


div.clear {
    clear: both;
    overflow: hidden;
}

p.ex {
    line-height: 130%;
    padding: 3px 8px;
    color: #333333;
}



/*  メニュー  */

#sub-menu ul {
    margin-top:0px;
    padding: 0;
}

#sub-menu li {
    list-style-type: none;
    width: 155px;
/*     height: 46px; */
    padding: 0;
    margin: 0;
}

/*  メニュー 製品概要  */
#sub-menu li.sub-summary a {
    display: block;
    width: 155px;
    height: 46px;
    background: url('../images/webfile/sub-menu_webfile.gif') 0 0 no-repeat;
    text-decoration: none;
}
 #sub-menu li.sub-summary a:hover { background-position: -155px 0; }

/*  メニュー 機能詳細  */
#sub-menu li.sub-function a {
    display: block;
    width: 155px;
    height: 46px;
    background: url('../images/webfile/sub-menu_webfile.gif') 0 -46px no-repeat;
    text-decoration: none;
}
#sub-menu li.sub-function a:hover { background-position: -155px -46px; }

/*  メニュー 導入実績  */
#sub-menu li.sub-achivement a {
    display: block;
    width: 155px;
    height: 46px;
    background: url('../images/webfile/sub-menu_webfile.gif') 0px  -92px no-repeat;
    text-decoration: none;
}
#sub-menu li.sub-achivement a:hover { background-position: -155px -92px; }


/*  メニュー 料金表  */
#sub-menu li.sub-price a {
    display: block;
    width: 155px;
    height: 46px;
    background: url('../images/webfile/sub-menu_webfile.gif') 0 -138px no-repeat;
    text-decoration: none;
}
#sub-menu li.sub-price a:hover { background-position: -155px -138px; }

/*  メニュー よくある質問  */

#sub-menu li.sub-faq a {
    display: block;
    width: 155px;
    height: 46px;
    background: url('../images/webfile/sub-menu_webfile.gif') 0 -184px no-repeat;
    text-decoration: none;
}
#sub-menu li.sub-faq a:hover { background-position: -155px -184px; }


/*  メニュー 資料請求・お問い合わせ  */
#sub-menu li.sub-contact a {
    display: block;
    width: 155px;
    height: 46px;
    background: url('../images/webfile/sub-menu_webfile.gif') 0 -230px no-repeat;
    text-decoration: none;
}
#sub-menu li.sub-contact a:hover { background-position: -155px -230px; }


/*  メニュー 関連製品  */
#sub-menu li.sub-product a {
    display: block;
    width: 155px;
    height: 46px;
    background: url('../images/webfile/sub-menu_webfile.gif') 0 -276px no-repeat;
    text-decoration: none;
}
#sub-menu li.sub-product a:hover { background-position: -155px -276px; }


/*  メニュー 関連製品Evi  */
#sub-menu li.sub-evi a {
    display: block;
    width: 155px;
    height: 22px !important;
    background: url('../images/webfile/sub-menu_webfile.gif') 0 -321px no-repeat;
    text-decoration: none;
}

#sub-menu li.sub-evi a:hover { background-position: -155px -321px; }


/*  メニュー 関連製品 SASTIK  */
#sub-menu li.sub-sastik a {
    display: block;
    width: 155px;
    height: 32px !important;
    background: url('../images/webfile/sub-menu_webfile.gif') 0 -340px no-repeat;
    text-decoration: none;
}

#sub-menu li.sub-sastik a:hover { background-position: -155px -340px; }


/*  メニュー 関連製品Evi  */
#sub-menu li.sub-tm a {
    display: block;
    width: 155px;
    height: 22px !important;
    background: url('../images/webfile/sub-menu_webfile.gif') 0 -367px no-repeat;
    text-decoration: none;
}

#sub-menu li.sub-tm a:hover { background-position: -155px -367px; }



#sub-menu span {
	visibility : hidden;
	text-indent:-9999px;
}
.read span.leader {
	color:#0066FF;
}



/*  appeal ----------------------------------------------------------------- */


/* リニューアル後不要 */
/* * html #appeal {padding-left:1px;} /\* IE 1px ズレ対策 *\/  */
/* *+html #appeal {padding-left:1px;} /\* IE 1px ズレ対策 *\/  */


/* #appeal # neup { */
/* 	float:left; */
/* 	width:210px; */
/* 	margin:0; */
/* 	padding:0; */
/* } */


/* #Home #sub-contents { */
/* 	margin:0 auto; */
/* } */

/* リニューアル後不要 */
/* * html #sub-contents {padding-left:1px;} /\* IE 1px ズレ対策 *\/  */
/* *+html #sub-contents {padding-left:1px;} /\* IE 1px ズレ対策 *\/  */



#Home #sub-contentss {
	background:#ffffff;
}


#subsub-contentss {
	float:left;
	width:220px;
	color:#5b5b5b;
	margin:0;
	padding:0;
}

#subsub-contents {
	margin:0;
	padding:0;
	text-align:left;
}

#Home #subsub-contents {
	margin:10px 0;
}


/*  ContactList ----------------------------------------------------------------- */

#ContactList {
    width:210px;
    height:129px;
    margin-bottom: 10px;
}

#ContactList h3 {
    width:210px;
    height: 45px;
    background: url('../images/webfile/contactlist.gif') 0 0 no-repeat;
    text-indent:-999999px;
}

#ContactList ul {
    margin:0;
    padding:0;
    width:210px;
    text-indent:-999999px;
}

#ContactList li {
    display: block;
    width: 210px;
    list-style-type: none;
}

#ContactList a {
    display: block;
    text-decoration: none;
}

#ContactList li.inquiry a {
    height: 40px;
    background: url('../images/webfile/contactlist.gif') 0 -45px no-repeat;
}

#ContactList li.inquiry a:hover { 
    height: 40px;
    background-position: -210px -45px; }


#ContactList li.order a {
    height: 50px;
    background: url('../images/webfile/contactlist.gif') 0 -85px no-repeat;
}

#ContactList li.order a:hover { 
    height: 50px;
    background-position: -210px -85px; }


#ContactList li.estimate a {
    background: url('../images/webfile/contactlist.gif') 0 -120px no-repeat;
    height: 50px;
}
#ContactList li.estimate a:hover {
    height: 50px;
    background-position: -210px -120px; }


/*  LinkList ----------------------------------------------------------------- */


#CaseListLogo-index ul {
    margin:5px 0px 10px 8px;
    padding:0;
}

#CaseListLogo-index li {
    display : inline;
    line-height:140%;
    list-style-type: none;
    margin-bottom: 3px;
/*     margin-left: 5px; */
/*     text-indent: -9999px; */
}


#SecurityList-index ul {
    margin:5px 10px 10px 0px;
    padding:0;
}

#SecurityList-index li {
    display : inline;
    line-height:140%;
    list-style-type: none;
    padding-left: 16px;
    margin-right: 5px;
    margin-bottom: 5px;
    background: url('../images/webfile/icon-link.gif') 5px 3px no-repeat;
}



#CaseList-index ul {
    margin:5px 0px 10px 0px;
    padding:0;
}

#CaseList-index li {
    line-height:140%;
    list-style-type: none;
    padding-left: 20px;
    margin-bottom: 3px;
    background: url('../images/webfile/icon-link.gif') 5px 5px no-repeat;
}




#LinkList ul {
    margin:10px 0 10px 0;
    padding:0;
    width:200px;
    text-indent:-999999px;
}

#LinkList li {
    width: 210px;
    list-style-type: none;
}

#LinkList a {
    display: block;
    height: 20px;
    text-decoration: none;
    overflow:hidden;
}

#LinkList li.step a {
    background: url('../images/webfile/linklist.gif') 0 0 no-repeat;
    margin: 0 0 10px 0;
}

#LinkList li.step a:hover {
    background-position: -210px 0;
    margin: 0 0 10px 0;
}


#LinkList li.agent a {
    background: url('../images/webfile/linklist.gif') 0 -20px no-repeat;
}
#LinkList li.agent a:hover { background-position: -210px -20px; }


/*  CaseList & FunctionList ----------------------------------------------------------------- */
.zoomLink {
    padding-left: 15px;
    background: url("../images/wfl/ico-zoom.gif") no-repeat left 0;
    font-size:12px ;
    text-decoration: underline !important;
}



#CaseList h3 {
    width:210px;
    height: 172px;
    text-indent:-999999px;
    background: url('../images/webfile/caselist.gif') 0 0 repeat-y;
}

#LoginForm h3 {
	width:220px;
    height: 24px;
    text-indent:-999999px;
    background: url('../images/webfile/loginform.gif') 0 0 repeat-y;
}

#LoginForm {
	width:220px;
	height:auto;
	margin:0;
	padding:0;
    background: url('../images/webfile/listcover.gif') 0 0 repeat-y;
}

#LoginForm h4 {
	width:190px;
	height:auto;
	margin:0 0 0 10px;
	padding:3px 10px;
	border-top:1px #eeeeee solid;
	border-bottom:1px #cccccc solid;
	background:#efefef;
	color:#333333;
}


form table.LoginForm {
	border-collapse: collapse;
	margin:5px 0 0 20px;
}

form table.LoginForm th {
	padding:4px 3px;
	background:#ffffff;
	color:#006699;
	vertical-align:top;
}

form table.LoginForm td {
	padding:2px 3px ;
	background:#ffffff;
	vertical-align:top;
}


.FormLogin {
	margin:0 ;
	padding:1px 0;
}

.FormLogin input {
	border: 0 ;
}

.FormLogin .Login {
	padding: 0;
	text-indent:-999999px;
    background: url('../images/webfile/btn-login.gif') 0 0 no-repeat;
    text-decoration: none;
    width:54px;
    height:21px;
    cursor:pointer;
}

;;body .FormLogin .Login {
	padding-top: 50px; 
} /* Opera input type="button"のvalue値の消去対策 */ 


.FormLogin .Login:hover {
    background: url('../images/webfile/btn-login-over.gif') 0 0 no-repeat;
}


#FunctionList h3 {
	width:210px;
    height: 24px;
    text-indent:-999999px;
    background: url('../images/webfile/functionlist.gif') 0 0 no-repeat;
}

#FunctionList h4 {
	width:190px;
	height:auto;
	margin:0 0 0 10px;
	padding:3px 10px;
	border-top:1px #eeeeee solid;
	border-bottom:1px #cccccc solid;
	background:#efefef;
	color:#5b5b5b;
}

#CaseList {
    margin: 0 0 10px 0;
    width:210px;
    height:172px;
    padding:0;
    background: url('../images/webfile/caselist.gif') no-repeat top;
}

#CaseList h3 {
    width:210px;
    height: 45px;
    background: url('../images/webfile/caselist.gif') 0 0 no-repeat;
    text-indent:-999999px;
}

#CaseList ul {
    margin:5px 5px 10px 15px ;
    padding:0;
    width:190px;
    font-size: 12px;
}

#CaseList li {
	line-height:150%;
    list-style-type: none;
    padding-left: 20px;
    padding-right: 10px;
    background: url('../images/webfile/icon-link.gif') 5px 5px no-repeat;
}

#LoginForm h3 {
	width:210px;
    height: 24px;
    text-indent:-999999px;
    background: url('../images/webfile/loginform.gif') 0 0 no-repeat;
}

#LoginForm {
    width:210px;
    height:auto;
    margin:0;
    padding:0;
    background: url('../images/webfile/listcover.gif') 0 0 repeat-y;
}

#LoginForm h4 {
	width:210px;
	height:auto;
	margin:0 0 0 10px;
	padding:0px 10px;
	border-top:1px #eeeeee solid;
	border-bottom:1px #cccccc solid;
	background:#efefef;
	color:#333333;
}


form table.LoginForm {
	border-collapse: collapse;
	margin:3px 0 0 11px !important;
	font-size: 75%;
}

form table.LoginForm th {
	background:#ffffff;
	color:#006699;
	vertical-align:top;
}

.LoginForm td {
	padding:1px 3px !important;
	background:#ffffff;
	vertical-align:top;
}
.FormLogin {
	margin:0 ;
	padding:0;
}

.FormLogin input {
	border: 0 ;
}

.FormLogin .Login {
    padding: 0;
    margin: 0px;
    background: url('../images/webfile/btn-login.gif') 0 0 no-repeat;
    text-decoration: none;
    width:54px;
    height:21px;
    cursor:pointer;
    text-indent:-9999px;
}

;;body .FormLogin .Login {
	padding-top: 50px; 
} /* Opera input type="button"のvalue値の消去対策 */ 


.FormLogin .Login:hover {
    background: url('../images/webfile/btn-login-over.gif') 0 0 no-repeat;
}






/*  sub-contents内 汎用      --------------------------------------------------------- */
#sub-contents h2.title {
    width:510px;
    height: 34px;
    margin-top: -7px !important;
    margin-left :0px !important;
    padding-top: 14px;
    *padding-top: 18px;
    padding-left: 25px;
    color: #444444;
    font-size: 16px;
    background: url('../images/webfile/title-function.gif') 5px 8px no-repeat;
}

#sub-contents h2.title_case {
    width:510px;
    height: 34px;
    margin-top: -7px !important;
    margin-left :0px !important;
    padding-top: 14px;
    *padding-top: 18px;
    padding-left: 25px;
    color: #444444;
    font-size: 16px;
    background: url('../images/webfile/title-function_case.gif') 5px 8px no-repeat;
}


#wf-box h3.wf-top {
    background-image: none;
    border-left: #559fc7 5px solid;
    border-top:0px !important;
    border-bottom:0px !important;
    color: #333333 !important;
    font-size: 18px;
    letter-spacing:0.1em;
    padding: 0px 0 3px 8px;
    margin-top: 12px;
}

#wf-box h4.wf-top {
    border-bottom:1px #bbbbbb solid !important;
    color: #333333 !important;
    font-size: 16px;
    font-weight: normal !important;
    letter-spacing:0.1em;
    padding: 0 10px 2px 10px;
    margin-top: 5px;
    margin-left: 0px !important;
}


/*  関連製品  product.html  --------------------------------------------------------- */
.appeal-box {
    color: #333333;
    margin: 20px 10px;
    padding: 10px 20px;
    border-radius: 10px; /* CSS3 */
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari,Chrome */
    border: 3px solid #f5ac2a;
    background-color: #ffffff;
    font-size: 110%;
    line-height: 130%;
}

.dc-box {
    margin-top: 0px;
    margin-left: 20px;
    padding: 5px 0 10px 0px;
    border-radius: 10px; /* CSS3 */
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari,Chrome */
    background-color: #1fad4b;
}


div.dc-box h4.dc-logo {
    padding: 8px 5px !important;
    /padding: 15px 5px !important;
    padding: 15px 5px !important\9;
    margin: 0 !important;
    border-bottom: 1px dotted #ffffff !important;
    font-weight:bold;
    font-size: 92% !important;
    letter-spacing: 0.09em;
    line-height: 140%;
    color: #ffffff !important;
}

div.dc-box h4.dc-logo {
    _padding-bottom: 18px !important;
}


div.dc-box p {
    margin-top: 0px;
    padding:0px 0px;
    font-size: 80%;
    color: #ffffff !important;
}

div.dc-box p.link a {
    color: #ffffff !important;
    text-decoration: underline;
}

div.dc-box p.link a:hover {
    color: #fff000 !important;
    text-decoration: underline;
}

.appeal-box p {
    margin-bottom: 10px;
    font-size: 75%;
    line-height: 140%;
}

.evi-logo {
   margin-top: -40px;
}

.evi-ap {
    font-size: 90%;
    color: #3994d0;
    font-weight: bold;
    border-left: 5px solid #3994d0;
    padding: 0px 8px;
    margin: 8px 0 5px -5px;
}



/*  >のリストマーカー   --------------------------------------------------------- */

ul.ListIcon {
	margin:0 0 10px 0;
}

ul.ListIcon li {
    line-height:150%;
    list-style-type: none;
    padding-left: 15px;
    padding-right: 10px;
    margin: 3px 10px 3px 0;
    background: url('../images/webfile/icon-link.gif') 4px 5px no-repeat;
    float: left;
    font-size: 80% !important;
    white-space:nowrap;
}


ul.ListIcon2 li {
    width: 260px;
    line-height:130%;
    list-style-type: none;
    padding-left: 15px;
    padding-right: 10px;
    margin-bottom: 5px;
    background: url('../images/webfile/icon-link.gif') 0px 4px no-repeat;
    font-size: 80% !important;
}


ul.ListIcon3 li {
    margin: 0;
}

ul.ListIcon3 li {
    line-height:150%;
    list-style-type: none;
/*     padding-right: 10px; */
/*     margin: 3px 10px -10px 0; */
    background: url('../images/webfile/icon-link.gif') 0px 50% no-repeat;
    font-size: 90% !important;
}



div.listicon  {
    line-height:130%;
    list-style-type: none;
    padding-left: 15px;
    padding-right: 10px;
    margin-left: 15px;
    margin-bottom: 5px;
    background: url('../images/webfile/icon-link.gif') 0px 4px no-repeat;
/*     font-size: 80% !important; */
}




/*  ページ下部のガイド   --------------------------------------------------------- */


.FormGuide {
	margin:5px 10px;
	padding:10px 20px;
	background:#E9EEF0 ;
	font-size:80%;
	color:#5b5b5b;
        text-align:center;
}


.FormGuide a {
    text-indent:-999999px;
    overflow:hidden;
    float:left;
}

.FormGuide a.inquiry {
	padding: 0;
	margin: 0;
    width: 230px;
    height: 80px;
    display:block;
    background: url('../images/webfile/guide-inquiry.gif') 0 0 no-repeat;
}

.FormGuide a.inquiry:hover {
    background: url('../images/webfile/guide-inquiry-over.gif') 0 0 no-repeat;
}

.FormGuide a.order {
	padding: 0;
	margin: 0 0 0 10px;
    width: 230px;
    height: 80px;
    display:block;
    background: url('../images/webfile/guide-order.gif') 0 0 no-repeat;
}

.FormGuide a:hover.order  {
    background: url('../images/webfile/guide-order-over.gif') 0 0 no-repeat;
}

/*  フォーム用テーブル（汎用）   --------------------------------------------------------- */
form table {
}

form table th {
	padding:5px;
	color:#0d5b8c;
	border-right:5px solid #CBD8EB;
	vertical-align:middle;
	white-space:nowrap;
        text-align: right !important;
}

form table .required {
	color:#f00000;
/* 	font-size:10px; */
}

form table td {
	font-weight:normal;
	padding:5px;
	text-align:left;
	vertical-align:middle;
}

form table p {
	padding:3px 10px 5px 0px !important;
	margin:0;
}

form table span {
	color:#5b5b5b;
}


.FormRoute {
	margin:20px 0 ;
	padding:10px 20px;
	background:#E9EEF0 ;
	text-align:center;
	font-size:80%;
	color:#5b5b5b;
}

.FormRoute input {
	border: 0 ;
	vertical-align:middle;
	padding:5px;
}

.FormRoute .RouteSend {
/* 	padding: 0; */
/* 	text-indent:-999999px; */
/*     background: url('../images/webfile/btn-route-send.gif') 0 0 no-repeat; */
/*     text-decoration: none; */
/*     width:160px; */
/*     height:25px; */
/*     cursor:pointer; */
}

;;body .FormRoute .RouteSend {
/* 	padding-top: 50px;  */
} /* Opera input type="button"のvalue値の消去対策 */ 

.FormRoute .RouteSend:hover {
/*     background: url('../images/webfile/btn-route-send-over.gif') 0 0 no-repeat; */
}

.FormRoute .RouteInquiry {
	padding: 0;
	margin: 0 15px;
	text-indent:-999999px;
    background: url('../images/webfile/btn-route-inquiry.gif') 0 0 no-repeat;
    text-decoration: none;
    width:160px;
    height:25px;
    cursor:pointer;
}

;;body .FormRoute .RouteInquiry {
	padding-top: 50px; 
} /* Opera input type="button"のvalue値の消去対策 */ 


.FormRoute .RouteInquiry:hover {
    background: url('../images/webfile/btn-route-inquiry-over.gif') 0 0 no-repeat;
}

.FormRoute .RouteOrder {
	padding: 0;
	margin: 0 15px;
	text-indent:-999999px;
    background: url('../images/webfile/btn-route-order.gif') 0 0 no-repeat;
    text-decoration: none;
    width:160px;
    height:25px;
    cursor:pointer;
}

;;body .FormRoute .RouteOrder {
	padding-top: 50px; 
} /* Opera input type="button"のvalue値の消去対策 */ 

.FormRoute .RouteOrder:hover {
    background: url('../images/webfile/btn-route-order-over.gif') 0 0 no-repeat;
}

.FormRoute .RouteAgree {
	padding: 0;
	margin: 0 15px;
	text-indent:-999999px;
    background: url('../images/webfile/btn-route-agree.gif') 0 0 no-repeat;
    text-decoration: none;
    width:160px;
    height:25px;
    cursor:pointer;
}

;;body .FormRoute .RouteAgree {
	padding-top: 50px; 
} /* Opera input type="button"のvalue値の消去対策 */ 

.FormRoute .RouteAgree:hover {
    background: url('../images/webfile/btn-route-agree-over.gif') 0 0 no-repeat;
}

.FormBack {
	margin:0 ;
	padding:10px 0;
}

.FormBack input {
	border: 0 ;
}

.FormBack .RouteBack {
	padding: 0;
	text-indent:-999999px;
    background: url('../images/webfile/btn-route-back.gif') 0 0 no-repeat;
    text-decoration: none;
    width:54px;
    height:21px;
    margin-left: 20px;
    margin-bottom: 10px;
    cursor:pointer;
}

;;body .FormBack .RouteBack {
	padding-top: 50px; 
} /* Opera input type="button"のvalue値の消去対策 */ 


.FormBack .RouteBack:hover {
    background: url('../images/webfile/btn-route-back-over.gif') 0 0 no-repeat;
}


.FormBack .RouteNotAgree {
	padding: 0;
	text-indent:-999999px;
    background: url('../images/webfile/btn-route-notagree.gif') 0 0 no-repeat;
    text-decoration: none;
    width:100px;
    height:21px;
    cursor:pointer;
}

;;body .FormBack .RouteNotAgree {
	padding-top: 50px;
} /* Opera input type="button"のvalue値の消去対策 */ 


.FormBack .RouteNotAgree:hover {
    background: url('../images/webfile/btn-route-notagree-over.gif') 0 0 no-repeat;
}


/*  テーブル（お見積もり）   --------------------------------------------------------- */

.Estimate table {
	border-collapse: collapse;
	margin:10px 20px 10px auto;
	border-top: solid 2px #5b5b5b;
	border-bottom: solid 2px #5b5b5b;
	font-size:100%;
}

.Estimate table th {
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
	border-right: dotted 1px #999999 !important;
	padding:3px 20px;
	color:#666666;
}

.Estimate table td {
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
	padding: 3px 20px;
	color:#5b5b5b;
	font-size:110%;
}

.Estimate input {
	text-align: right;
        border: solid 0px;
	font-family: sans-serif;
}

.Estimate input. {
	text-align: right;
        border: solid 0px;
	font-family: sans-serif;
}

p.caption {
        margin-top:0 !important;
	padding-left:1em;
	font-size:80% !important;
	line-height:1.6em;
	color:#666666;
	text-indent:0 !important;
}

.font-small {
	font-size: 77%;
}
#font-small {
	font-size: 77%;
}

/*  エラー   --------------------------------------------------------- */

div.error p {
	color:#ff0000;
	padding-bottom:3px;
	border-bottom:2px #ff0000 solid;
	font-weight:bold;
}

div.error ul {
   color:#ff0000;
   list-style-position: inside;
}

/*  バナー   --------------------------------------------------------- */

#sub-contents .BannerArea {
	margin:0;
	padding:0;
		float: left;
}

#sub-contents .BannerArea img {
	margin:0;
	padding:0;

}

#subsub-contents .BannerArea img {
	margin:0px 0 0 10px;
}


/*  /index.htmlページのみ ------------------------------------------------------- */
#sub-contents div.HomeSecurity h2.title {
    background: url('../images/webfile/title-home-security.gif') 0 0 no-repeat;
    padding: 0 !important;
}

#sub-contents div.HomeConfig h2.title{
    background: url('../images/webfile/title-home-config.gif') 0 0 no-repeat;
    padding: 0 !important;
}

#sub-contents div.HomeUser h2.title {
    background: url('../images/webfile/title-home-user.gif') 0 0 no-repeat;
    padding: 0 !important;
}

#sub-contents div.HomeBackbone h2.title {
    background: url('../images/webfile/title-home-backbone.gif') 0 0 no-repeat;
    padding: 0 !important;
}

#Home ul.ListIcon {
	margin-bottom:10px;
}

#Home ul.ListIcon li {
	float:left;
	margin-right:0px;
	white-space: nowrap;
}

#topics {
    background: url('../images/webfile/topics.gif') 0 0 no-repeat;
	padding :23px 10px 10px 150px !important;
    margin: 0 0 20px 0 !important;
    height:57px;
}

#topics p {
    width:360px;
    margin:0 !important;
	padding:0 !important;
}

#topics a:link {
	color:#0000ff;
	text-decoration:none;
	font-weight:bold;
}
#topics a:visited {
	color:#0000ff;
	text-decoration:none;
	font-weight:bold;
}

#topics a:hover {
	color:#f00000;
	text-decoration:underline;
	font-weight:bold;
}

#topics a:active {
	color:#f00000;
	text-decoration:underline;
	font-weight:bold;
}



/*  /summary/ページのみ ------------------------------------------------------- */

#LineupInfo {
	float:left;
	width:180px;
	margin:0;
	padding:0;
}

#LineupInfo img {
	width:180px;
	height:117px;
}

#summary #lineup {
	float:left;
	width:240px;
	margin:0;
	padding:0;
}

#summary #lineup ul {
        margin:0;
	padding:0;
	width:350px;
        text-indent:-999999px;
}

#summary #lineup li {
    width: 350px;
    list-style-type: none;
}

#summary #lineup a {
    display: block;
    height: 58px;
    text-decoration: none;
    overflow:hidden;
}

#summary #lineup li.asp a {
    background: url('../images/webfile/summary-lineup.gif') 0 -29px no-repeat;
}
#summary #lineup li.asp a:hover { background-position: -350px -29px; }

/* #summary #lineup li.appliance a { */
/*     background: url('../images/webfile/summary-lineup.gif') 0 -87px no-repeat; */
/* } */
/* #summary #lineup li.appliance a:hover { background-position: -350px -87px; } */

#summary #lineup li.oem a {
    background: url('../images/webfile/summary-lineup.gif') 0px -145px no-repeat;
}
#summary #lineup li.oem a:hover { background-position: -350px -145px; }



dl.wl dd {
    font-size: small;
    margin-left: 20px;
}

.require {
    color: #CC0000;
    font-size: 0.9em;
}

.qNumber {
    color: #006699;
    font-weight: bold;
    font-size:1.2em;
}

dl.wl-q{
    margin-left:10px;
    margin-top:20px;
}

dl.wl-q dt {
    border-bottom: 2px dotted #DEDEDE;
    margin:0px 15px 10px 0px;
    font-weight:bold;
}

dl.wl-q dd {
    margin-bottom:20px;
    margin-left:10px;
    font-size:small;
    color:#6c6c6c;
}

/*  /function/index.htmlページのみ ------------------------------------------------------- */
#sub-contents div.FunctionSecurity h4 {
    background: #f0f0f0;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size:100%;
	padding:3px 10px;
	border:0;
}

#sub-contents div.FunctionConfig h4 {
    background: #f0f0f0;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size:100%;
    padding:3px 10px;
    border:0;;
}

#sub-contents div.FunctionUser h4 {
    background: #f0f0f0;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size:100%;
    padding:3px;
    border:0;
}

#sub-contents div.FunctionBackbone h4 {
    background: #f0f0f0;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size:100%;
    padding:3px 10px;
    border:0;;
}

#sub-contents div.FunctionItem {
    margin: 0px !important;
}


#sub-contents div.FunctionItem h4 {
    color:#666666;
    margin-left: 10px !important;
    padding: 5px 0 3px 5px;
/*     font-size:100%; */
    clear:both;
/*     border-bottom:1px #cccccc dotted; */
    background:#f0f0f0;
}

#sub-contents div.FunctionItem h4 span {
	border-left:5px #eb88a6 solid;
	margin:0;
	padding:0px 0 0 5px;
}

div.FunctionItem ul {
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}

div.FunctionItem li {
    color:#666666;
    margin: 0 0 0 20px ;
    padding: 2px 0 2px 5px;
    font-size:80% !important;
    clear:both;
    border-bottom:1px #f0f0f0 solid;
}


div.FunctionItem table {
    margin: 3px 0px 10px 20px;
    text-align: left;
    width: 500px;
}

div.FunctionItem table td {
    width: 250px;
    font-size: 80%;
    padding: 2px 7px;
    margin-left: 0px;
    border-bottom: 1px #cccccc dotted;
    white-space: nowrap;
}

div.FunctionItem table td.long {
    width: 380px;
    font-size: 80%;
    padding: 2px 7px;
    margin-left: 0px;
    border-bottom: 1px #cccccc dotted;
    white-space: nowrap;
}


div.gouser a {
    background: url('../images/webfile/btn-gouser.gif')  no-repeat;
    margin-left: 320px;
    text-indent: -999999px;
    width: 192px;
    height:28px;
    display: block;
}

div.gouser a:hover {
    background: url('../images/webfile/btn-gouser-hover.gif')  no-repeat;
    margin-left: 320px;
    text-indent: -999999px;
    width: 192px;
    height:28px;
    display: block;
}

div.goadmin a {
    margin-top:5px;
    background: url('../images/webfile/btn-goadmin.gif')  no-repeat;
    margin-left: 320px;
    text-indent: -999999px;
    width: 192px;
    height:28px;
    display: block;
}

div.goadmin a:hover {
    margin-top:5px;
    background: url('../images/webfile/btn-goadmin-hover.gif')  no-repeat;
    margin-left: 320px;
    text-indent: -999999px;
    width: 192px;
    height:28px;
    display: block;
}


/*  ページアクション ------------------------------------------------------- */

div.link {
	line-height:170%;
    list-style-type: none;
    text-align:right;
    margin-right:10px;
    font-size: 14px;
}

div.link a {
    background: url('../images/webfile/icon-link.gif') 5px 60% no-repeat;
    padding-left: 20px; 
    font-size: 12px;
}

div.back {
	line-height:170%;
    list-style-type: none;
    text-align:right;
    margin-right:10px;
    font-size: 12px;
}

div.back a {
    background: url('../images/webfile/icon-back.gif') 5px 60% no-repeat;
    padding-left: 20px; 
}

/*  汎用 ------------------------------------------------------- */
.ll {text-align:left; !important}
.cc {text-align:center;}
.rr {text-align:right;}
.MarginReset {margin:0 !important;}
.FullSize {width:480px; font-size: 78%; margin-left:20px;}
table.FullSize th { padding: 5px 0 !important; }
.Point {color:#ee0000;}
.Heavy {font-weight:bold;  margin-left: 15px!important;}
.nowrap {white-space:nowrap;}

.AspColor {color:#5DB153;}
.AppColor {color:#668D01;}
.OemColor {color:#6585BA;}
.AspBG {color:#ffffff; background-color:#5DB153;}
.AppBG {color:#ffffff; background-color:#668D01;}
.OemBG {color:#ffffff; background-color:#6585BA;}


.fleft { float: left; }
.fright { float: right; }


.ico-tri {
     background: url('../images/ico-tri.gif') 5px 60% no-repeat;
     padding-left: 15px;
}


.Action {
	color:#ffffff;
	background:#cc0000;
	padding:3px 5px;
	font-size:110%;
	font-weight: bold;
	margin:0 10px;
}

.mention {
	color:#ffffff;
	background:#7DA127;
	padding:4px 5px;
	font-size:90%;
	margin:0 10px;
	font-weight:normal;
}

.ASP {
	color:#ffffff;
	background:#5DB153;
	padding:2px 3px;
	font-size:75%;
	margin:0 10px;
	font-weight:normal;
}

#wfAspVer{
        display:none;
}
#wfApplianceVer{
        display:none;
}
#wfOemVer{
        display:none;
}
#wfEstimateMail{
        display:none;
}






/*  タイトル  h1 p などbase.cssファイルに */
.read h2 {
    font-size:15px;
    color:#0A336F;
    background-color:#ECF0F6;
    border-top:1px solid #9BB6DD;
    border-right:1px solid #9BB6DD;
    border-bottom:1px solid #9BB6DD;
    border-left:7px solid #9BB6DD;
    line-height:130%;
    margin:0 0 3px 0px ;
    padding:2px 5px;
    background-image:none;
    font-weight:bold;
}

/* #sub-contents h4 { */
/*     border-bottom:1px solid #cccccc; */
/*     margin-top:10px; */
/*     margin-bottom: 3px; */
/*     margin-left: 10px !important; */
/*     margin-right: 20px !important; */
/*     padding:3px; */
/*     background-image:none; */
/*     font-weight:bold; */
/*     font-size: 80%; */
/*     color: #5b5b5b; */
/* } */


#sub-contents li {
    font-size: 80%;
}


.read span.leader {
	color:#0066FF;
}

.FunctionItem ul {
 	font-size :40%;
}


/*新価格の料金表*/

table.price_table {
    width:98%;
    border-collapse: collapse;
}

table.price_table th {
    text-align:center;
    border-right:1px solid #ffffff;
    border-bottom:1px dotted #ffffff;
    font-size:22px;
    color: #000000;
}


table.price_table th.short {
    font-size: 80%;
    height: 70px;
    border-top: 1px dotted #dddddd;
    border-right: 1px dotted #ffffff;
    border-bottom: 1px dotted #dddddd;
    color: #333333;
    padding:0px 6px;
    white-space: nowrap;
}

table.price_table th.short2 {
    font-size:80%;
    height: 70px;
    border-top: 1px dotted #dddddd;
    border-right: 1px dotted #ffffff;
    border-bottom: 1px dotted #dddddd;
    color: #333333;
    background-color: #f7f7f7;
    padding:0px 6px;
    white-space: nowrap;
}


table.price_table th.no {
    width:50px;
    border: 0px !important;
}

table.price_table th.price1-bg {
    width:150px;
    height: 90px;
    background:url('../images/webfile/price-5g.gif') no-repeat center bottom;
    text-indent: -9999px;
}

table.price_table th.price2-bg {
    width:149px;
    height: 66px !important;
    background:url('../images/webfile/price-25g.gif') no-repeat center bottom;
    text-indent: -9999px;
}

table.price_table th.price3-bg {
    width:149px;
    height: 66px !important;
    background:url('../images/webfile/price-50g.gif') no-repeat center bottom;
    text-indent: -9999px;
}


table.price_table th.long {
    width:280px;
    background:url('../images/bg-price-table-th2.gif') repeat-x center bottom;
}


table.price_table td {
    text-align:center;
    border-bottom:1px dotted #ffffff;
    border-left:0px solid #ffffff;
    border-right:2px solid #ffffff;
    font-size:14px;
    color:#000000;
}



.price1 { background-color: #d4f1c4;}
.price2 { background-color: #f9f9f9;}
.price3 { background-color: #f9f9f9;}

.price1a { background-color: #b2d49f;}
.price2a { background-color: #f0f0f0;}
.price3a { background-color: #f0f0f0;}

.silver { color:#18437f !important; }
.bronze { color:#764902 !important; }

.ap {
    background:url('../images/webfile/price-manths.gif') no-repeat left top;
      }

.font-s {
    font-size: 10px !important;
 }

.font-s-ex {
    font-size: 11px !important;
    font-weight: normal !important;
 }


.font-b {
    font-weight:bold;
 }

.font-l {
    font-size: 110% !important;
 }


.font-large {
    font-size: 30px !important;
    margin-left: -20px;
    margin-top: 20px !important;
 }



/*料金表：オプション機能*/

table.price_table-option {
    width:98%;
    margin: 0px 0px 0px 10px;
    border-collapse: collapse;
    border:1px solid #d6d6d6;
}

table.price_table-option th {
    text-align:left;
    font-size:14px;
    color: #000000;
    padding: 10px 10px;
    border-right: 1px dotted #d6d6d6;
    white-space: nowrap;
}

table th.option-th {
    font-size:14px;
    text-align: center;
    color: #333333;
    background:url('../images/webfile/option-th.gif') repeat-x right top;
    white-space: nowrap;
}

table th.option-th2 {
    font-size:14px;
    text-align: center;
    color: #333333;
    background:url('../images/webfile/option-th2.gif') repeat-x right top;
    white-space: nowrap;
}


table.price_table-option th.no {
    border: 0px !important;
}

table.price_table-option td {
    text-align:right;
    font-size:14px;
    color:#000000;
    padding-right:8px !important;
    border-right: 1px dotted #d6d6d6;
}






/* price-table other */
.bg-gray { background-color:#f8f8f8;}
.bg-gray2 { background-color:#f9f9f9;}
.userDisk { color:#24658d; font-weight:bold; }
.delDisk { color:#000; font-weight:bolder; }
table.price_table td.ll { text-align:left; }
table.price_table td.rr { text-align:right; }
table.price_table td .capacity { font:20px bolder Arial,sans-serif; color:#24658d; }
table.price_table td .capacity2 { font:20px bolder Arial,sans-serif; color:#000; }
table.price_table td sup { font-size:13px; }
table.price_table caption {
    color:#393939;
    width:90%;
    text-align:left;
}



/*料金表：サポート*/

table.price_table-support {
    width:98%;
    margin: 10px 0px 0px 10px;
    border-collapse: collapse;
    border: 1px solid #d6d6d6;

}

table.price_table-option th.no {
    border: 0px !important;
}

table.price_table-support th {
    text-align:left;
    font-size:14px;
    color: #000000;
    padding: 10px 20px;
    border-right: 1px dotted #d6d6d6;
}

table.price_table-support th.option-th {
    font-size:14px;
    text-align: center;
    color: #333333;
    background:url('../images/webfile/option-th.gif') repeat-x right top;
    border-top:1px solid #d6d6d6;
}

table.price_table-support td {
    text-align:center;
    font-size:14px;
    color:#000000;
    padding: auto 20px;
    border-right: 1px dotted #d6d6d6;
}


h2.wfl-order-title {
    background-color: #FF0000;
    margin: 10px 0px 0px 5px;
    width: 690px;
    background: url("../images/webfile/wfl-order-title.gif") no-repeat 0 0;
    text-indent: -99999px;
    height: 36px;
}

h2.wfl-entry-title {
    background-color: #FF0000;
    margin: 10px 0px 0px 5px;
    width:690px;
    background: url("../images/webfile/wfl-entry-title.gif") no-repeat 0 0;
    text-indent: -99999px;
    height: 36px;
}

h2.wfl-inquiry-title {
    background-color: #FF0000;
    margin: 10px 0px 0px 5px;
    width:690px;
    background: url("../images/webfile/wfl-inquiry-title.gif") no-repeat 0 0;
    text-indent: -99999px;
    height: 36px;
}

.WFLForm {
    font-size: small;
    width: 690px;
    margin-left: 5px;
}

.WFLForm h3 {
    margin: 0 0 0 0px;
    font-size:100%;
    color: #006699;
}

.WFLForm .read {
    font-size: small;
    margin-top:5px;
}

.caution {
    color: #f00000 !important;
    border: 2px #f00000 solid;
    padding: 5px 10px;
    margin: 5px 10px;
    font-size: small;
    font-weight: bold;
}

.kiyaku {
    width: 690px;
    height: 150px;
    overflow: scroll;
    border: 1px #CECECE solid;
    padding: 5px;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

}

.kiyaku h4 {
    margin: 0px;
}

.kiyaku h5 {
    margin: 0px;
    font-size: small;
}

.kiyaku p {
    margin: 3px 0px 10px 0px;
    font-size: small;
}

.kiyaku ol {
    list-style-type:decimal !important;
}

.kiyaku ul {
    list-style-type:decimal !important;
    margin-left: 20px;
}

ul.ruleSub {
    font-size: x-small;
    margin-bottom: 5px;
    line-height: 1.2em;
    list-style-position: inside;
    list-style-type: square;
    margin: 5px 5px 10px 10px;
}


p.remark {
    margin-left: 10px;
    margin-top: 50px;
    padding-top: 10px;
    border-top:1px dotted #bbbbbb;
/*     font-size: 12px; */
    color: #0000ff;
}

div.remark {
    margin-left: 10px;
    margin-top: 20px;
    padding-top: 10px;
    border-top:1px dotted #bbbbbb;
    font-size: 12px;
    color: #0000ff;
    line-height: 150%;
}

p.remark-gray {
    margin-left: 10px;
    margin-right: 20px;
    margin-top: 20px;
    font-size: 12px;
    color: #5a5a5a;
}



/*  information指定  */
#information-wf {
       margin-left: 10px;
       margin-right: 10px;
       margin-bottom: 10px;
       padding-top:0px;
}

#information-wf ul {
        width: 510px;
        font-size:75%;
        padding-left:5px;
        margin: 0px;
}

#information-wf li {
    line-height:170%;
    list-style-type: none;
    padding-left: 20px;
    background: url('../images/webfile/icon-link_info.gif') 0px 5px no-repeat;
    border-bottom: 1px dotted #cccccc;
}


#information-wf a:link {
       color: #777777;
       text-decoration:none;
}

#information-wf a:visited {
	color: #777777;
	text-decoration:none;
}

#information-wf a:hover {
	color:#cc0000;
	text-decoration:none;
}

#information-wf a:active {
	color:#cc0000;
	text-decoration:none;
}


#information-wf .info-line {
       width: 510px;
       margin-top:0;
       padding:0;
}

#information-wf div.goinfo {
       width: 500px;
       text-align: right;
}

#information-wf div.goinfo a {
       margin-top:6px;
       margin-bottom:15px;
       padding:0;
       font-size: 80%;
}


/* STATIK 設定  --------------------------------------------------------------- */
/* STATIK 動作環境  */
table.statik {
/*     width:95%; */
    margin: 0px 0px 0px 10px;
    border-collapse: collapse;
    border:1px solid #d6d6d6;
}

table.statik th {
    text-align:center;
    font-size:12px;
    padding: 10px 10px;
    border-right: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    white-space: nowrap;
}

table.statik td {
    text-align:left;
    font-size:12px;
    padding:3px 4px !important;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
}


/* STATIK 機能一覧  */
table.sastik {
    width:510px !important;
    margin: 8px 0px 0px 10px;
    border-collapse: collapse;
    border:1px solid #d6d6d6;
}

table.sastik th {
    background-color: #eeeeee;
    text-align:left;
    width: 110px;
    font-size:12px;
    padding: 1px 5px;
    border-right: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    white-space: nowrap;
}

table.sastik td {
    text-align:left;
    padding:1px 4px !important;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    font-size: 70%;

}

.point-bg {
    font-size: 75%;
    color: #777777;
    background-color:#EEEEEE;
    margin:10px 10px 20px 20px;
    padding:10px 15px;
    line-height: 150%;
}




/* sidecontents 右メニュー  --------------------------------------------------------------- */

.vm { vertical-align:middle;}
.cc {text-align: center !important;  }
.underline { text-decoration: underline; }
.margin-L15 { margin-left: 15px; }

.alerm {
    color: #CC0000;
    font-weight: bold;
    margin:20px auto;
    text-align: center;
    border: #CC0000 1px solid;
    background-color: #FFF5EE;
    padding: 5px;
}



/*  2010 アンケート ------------------------------------------------------- */
#main-container {
    text-align: center;
}

#main-Q {
    margin: 10px auto;
    width: 760px;
    color: #434446;
}

#main-Q h1 {
    font-family:Arial,Helvetica,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","メイリオ",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
    color: #333333 !important;
    margin: 5px;
    font-size: 20px;
}

#main-Q p {
    font-size: 80%;
    line-height: 140%;
}

#main-Q dl dt {
    border-bottom: 2px dotted #bbbbbb;
    font-size: 110%;
    color: #007bbb;
    margin-bottom: 3px;
    font-weight: bold;
    padding: 0px;
}

#main-Q dl dd {
    font-size: 80%;
    line-height: 200%;
}


#main-Q dl dd.ans {
    background:#f4f4f4;
    margin: 5px 10px;
    padding:5px 10px;
    border-radius: 10px; /* CSS3 */
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari,Chrome */
}


#main-Q table {
    border-collapse: collapse;
    margin:10px;
}

#main-Q table th {
    font-size: 105%;
    border-left: solid 3px #0085cb;
    border: solid 1px #ffffff;
    padding: 8px 10px;
    background:#d3f2e4;
    color:#009856;
    text-align: left;
    width: 160px;
    margin: 0;
}

#main-Q table td {
    padding: 8px 10px;
    border: solid 1px #ffffff;
    background:#f4f4f4;
}

table.detail {
    border: solid 1px #ffffff !important;
    padding:0px 5px;
    margin: 0;
}

table.detail th {
    padding-top:2px !important;
    padding-bottom:2px !important;
    margin: 0 !important;
    color:#5a5a5a;
    text-align: left;
    width: 110px !important;
    background:#eeeeee !important;
}


table.detail td {
    padding-top:2px !important;
    padding-bottom:2px !important;
    padding-left:20px !important;
    padding-right:20px !important;
    background:#eeeeee !important;
}

span.font-big {
    font-family:Arial,Helvetica,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","メイリオ",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
    font-size: 150%;
    color: #009856 !important;
    padding-right: 5px;
}

div.ans {
    font-family:Arial,Helvetica,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","メイリオ",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
    font-size: 150%;
    color: #eb7c9c !important;
    padding-right: 15px;

}

.l-space {
    margin-left: 10px !important;
    margin-top:50px !important;
}

span.font-simple {
    font-weight: normal !important;
    font-size: 12px;
    color: #434446 !important;
    line-height: 140%;
}


.kpLink {
    background:transparent url(../images/wfl/link-kp.gif) no-repeat scroll 0 0;
    display:block;
    float:right;
    height:45px;
    margin:10px 0;
    text-indent:-9999px;
    width:263px;
}



/* #pagetop a:visited, #pagetop a:link { */
/*     color:#666666; */
/*     text-decoration:none; */
/* } */



/* banner */
#main-Q .lineup, #main .lineup {
    width: 690px;
    margin: 0px auto;
}

#main-Q .lineup p, #main .lineup p {
    margin: 0px 0px 20px 0px;
}

#main-Q .lineup a.lineuplink, #main .lineup a.lineuplink {
    width: 142px;
    height: 26px;
    background: url("../images/wfl/btn-lineup-link.gif") no-repeat 0 0;
    display: block;
    float: right;
    text-indent: -99999px;
}

#main-Q h2 {
    margin: 30px 0px 20px 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top:#CECECE dotted 1px;
    border-bottom:#CECECE dotted 1px;
    font-size: 95%;
}

#main-Q ul {
    margin : 10px 10px 5px 10px;
    padding-left: 200px;
    height: 46px;
    font-size: 80%;
}

#main-Q ul.listgrpmail {
    background: url("../images/wfl/logo-grpmail.gif") no-repeat 0 center;
}

#main-Q ul.listomori {
    background: url("../images/wfl/logo-omori.gif") no-repeat 0 center;
}

#main-Q ul.listdb {
    background: url("../images/wfl/logo-dbseries.gif") no-repeat 0 center;
}

h3.bgrpmail {
    background: url("../images/wfl/h3-grpmail-title.gif") no-repeat 0 0 ;
    width: 750px;
    height: 47px;
    margin:0px;
    padding:0px;
    text-indent: -99999px;
}

h3.bomori {
    background: url("../images/wfl/h3-omori-titile.gif") no-repeat 0 0;
    width: 749px;
    height: 47px;
    display: block;
    text-indent: -99999px;
    margin:0px;
    padding:0px;
}

h3.bdbseries {
    background: url("../images/wfl/h3-dbseries-title.gif") no-repeat 0 0;
    width: 749px;
    height: 47px;
    display: block;
    text-indent: -99999px;
    margin:0px;
    padding:0px;
}

.font-small-p {
    font-size: 80%;
    color: #f00000;
}



/* footer */
#footer {
    color: #666666;
    line-height: 120%;
    border-top: 1px solid #cccccc;
    margin-top: 20px 0px 0px 0px;
    padding: 10px 25px;
    background-color: #ffffff;
    text-align: left;
}

#footer ul ,#footer li {
    margin: 0;
    padding: 0px;
}

#footer-menu {
    float:left;
}

#footer-menu p {
    margin: 5px 0;
    padding: 0;
    color: #aaaaaa
}

#footer-menu li{
    display: inline;
    padding-bottom: 20px;
}

#footer-menu a{
    padding-right: 1em;
}

#footer-menu a:link {
    color: #5b5b5b;
    text-decoration: none;
}

#footer-menu a:visited {
    color: #5b5b5b;
    text-decoration: none;
}

#footer-menu a:hover {
    color: #003bb0;
    text-decoration: none;
}

#footer-menu a:active {
    color: #003bb0
    text-decoration: none;
}


#footer-inquiry {
    text-align: right;
}




.margin-L15 { margin-left: 15px; }
.space { margin-top: 20px !important; }
.space70 { margin-top: 70px; }

.width420 { width: 420px; }


/* 2010アンケート用 プライバシーポリシー */

div.privacy {
	background:#ffffff;
	border-bottom:#cccccc 3px double;
	padding-bottom:10px;
	font-size:14px;
}

div.privacy h3 {
    background:#eeeeee !important;
    font-size:12px !important;
    border: 0px !important;
    color:#006699 !important;
    height:auto;
    margin:5px 0;
    padding: 3px 0 0px 10px !important;
    text-indent:0;
}

h3.privacyRule {
    background-image: none !important;
    border-left:4px solid #3184BE;
    color:#333333 !important;
    font-size: 12px !important;
    height:auto;
    margin:10px 0 0 0;
    padding-left:10px !important;
    text-indent:0;
    border-top: 0px !important;
    border-bottom: 0px !important;
}

div.howtoMovie {
    margin: 30px auto 20px auto;
    text-align: center;
}

/* p { */
/*     color:#5B5B5B; */
/*     line-height:130%; */
/*     margin:1em 10px; */
/* } */

.question-set{
  margin: 0px 10px 20px 15px;
}

.question-set dl{
  margin:15px 10px;
  font-size: 90% !important;
  border-bottom: 1px dotted #DDDDDD;
}

.question-set dl dd{
  padding:5px;
  margin:0px;
}

p.read-q{
  margin:5px 10px 20px 18px;
}

.bold{ font-weight:bold;}
.paddingTop10{ padding-top:10px;}