/* import */
/* charset */
@charset "utf-8";

/* Reset CSS */
* {
    margin: 0;
    padding: 0;
}

h1,h2,h3,h4,h5,p,ul,li,table {
    font-size: small;
    margin: 0;
    padding: 0;
}

a, img { border: 0px; }

a:link, a:visited, a {
   color: #437ed5;
}

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

body {
    color: #434446;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-size: small;
    margin: 0 auto;
    background: url("../images/wfl/bg-body.gif") repeat-x 0 0;
    text-align: center;
}

/* IE6以下でpadding指定 */
*html body {
    padding-left: 1px;
}

/* IE7でpadding指定 */
*:first-child+html body {
    padding-left: 1px;
}


/* Layout */
#container {
    margin: 0 auto;
    padding: 0;
/*     background: url("../images/wfl/bg-kazari.jpg") no-repeat center 0; */
    text-align: center;
}

#header {
    height: 170px;
    text-align: left;
    width: 780px;
    margin: 0 auto;
    background: url("../images/wfl/bg-header.jpg") no-repeat center 0;
}

#contents {
    width: 780px;
    margin: 0 auto;
}

#main {
    width: 780px;
    text-align: left;
/*     background: url("../images/wfl/bg-main.jpg") no-repeat center 0; */
    margin: 0;
}

/* contents */
.headerKpLogo {
    background: url("../images/wfl/h-kp-logo.gif") no-repeat center 0;
    display: block;
    width: 124px;
    height: 50px;
    text-indent: -9999px;
}

/* h1 */
h1 {
    background: url("../images/wfl/h1-title.jpg") no-repeat center 0;
    height: 120px;
    text-indent: -9999px;
}

/* h2 */
h2 {
    border-left: #0087c7 4px solid;
    height: 30px;
    padding: 0px 0px 0px 0px;
    text-indent: -9999px;
    margin: 30px 0px 10px 0px;
}

h2.h2Title1 {
    background: url("../images/wfl/h2-title1.gif") no-repeat 0 0;
}

h2.h2Title2 {
    background: url("../images/wfl/h2-title2.gif") no-repeat 0 0;
}

h2.h2Title3 {
    background: url("../images/wfl/h2-title3.gif") no-repeat 0 0;
}

/* h3 */
h3 {
    margin: 20px 0px 10px 0px;
    text-indent: -9999px;
    height: 46px;
}

h3.h3Title1 {
    background: url("../images/wfl/h3-title1.gif") no-repeat 0 0;
}

h3.h3Title2 {
    background: url("../images/wfl/h3-title2.gif") no-repeat 0 0;
}

/* table */
table {
    border: #d2d2d2 1px solid;
    margin: 10px;
    text-align: left;
    width: 95%;
    border-collapse: collapse;
}

thead th {
    font-family:'Arial',sans-serif;
    border: #d2d2d2 1px solid;
    text-align: center;
    padding: 7px;
    font-size: 1.5em;
    background: url("../images/wfl/bg-th-default.gif") repeat-x 0 bottom;
}

td {
    text-align: center;
    border: #d2d2d2 1px solid;
    padding: 7px;
}

tbody th {
    text-align: right;
    border: #d2d2d2 1px solid;
    padding: 7px;
    color: #000;
}

.bgLiteTh {
    background: #e7f1fb url("../images/wfl/bg-th-lite.gif") repeat-x 0 bottom;
}

.bgLiteTd {
    background-color: #f2f5f7;
}

.noBg {
    background-color: #FFF;
    background-image: none;
}

/* list */
ul {
    list-style-position: outside;
    margin: 0px;
    padding: 0px 20px;
    line-height: 1.5em;
}

ul.function {
    list-style-position: outside;
    list-style-image: url("../images/wfl/ico-list1.gif");
    margin: 0px;
    padding: 0px 20px;
}

/* p */
.catch {
    height: 80px;
    width: 780px;
    background: url("../images/wfl/catch.jpg") no-repeat center 0;
    text-indent: -9999px;
}

/* link */
.formLinks {
    height: 134px;
    margin-top: 5px;
    padding: 0px 20px;
}

.orderLink {
    height: 134px;
    width: 362px;
    background: url("../images/wfl/link-order.jpg") no-repeat center 0;
    display: block;
    text-indent: -9999px;
}

.orderLinkOn {
    height: 134px;
    width: 362px;
    background: url("../images/wfl/link-order-on.jpg") no-repeat center 0;
    display: block;
    text-indent: -9999px;
}

.inquiryLink {
    height: 134px;
    width: 362px;
    background: url("../images/wfl/link-inquiry.jpg") no-repeat center 0;
    display: block;
    text-indent: -9999px;
}

.inquiryLink2 {
    height: 134px;
    width: 362px;
    background: url("../images/wfl/link-inquiry2.jpg") no-repeat center 0;
    display: block;
    text-indent: -9999px;
}

.caseLink {
    display: block;
    width: 761px;
    height: 71px;
    background: url("../images/wfl/link-case.gif") no-repeat center 0;
    margin: 10px auto;
    text-align: center;
    text-indent: -9999px;
}

.zoomLink {
    padding-left: 15px;
    background: url("../images/wfl/ico-zoom.gif") no-repeat left 0;
}

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

/* footer */
#pagetop {
    clear: both;
    margin: 0 10px 20px 0;
    text-align: right;
    padding: 0;
}

#pagetop img {
    vertical-align: middle;
    margin: 0 5px 2px 0 ;
    width:14px;
    height:14px;
}

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

#pagetop a:hover,#pagetop a:active {
    color: #003bb0;
    text-decoration: none;
}

#footer {
    color: #666666;
    line-height: 120%;
    border-top: 1px solid #cccccc;
    margin-top: 20px 0px 0px 0px;
    padding: 10px 25px;
    background-color: #ffffff;
    font-size: 90%;
    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;
}

/* アンケート画面 */
body.question {
    background-image: none !important;
}

body.question #header {
    background-image: none !important;
    height: auto !important;
}

body.question #container {
    background-image: none !important;
}

body.question #contents { 
    width: 750px;
}

body.question #main {
    background-image: none !important;
    width: 750px;
}

body.question h1 {
    background-image: none !important;
    text-indent : 0px;
    font-size: 2.0em;
    height: auto !important;
    margin: 0px 20px;
}

body.question .logo {
    height: 67px;
    background: url("../images/wfl/wfl-logo.gif") no-repeat 0 0 ;
    width: 263px;
    display: block;
    text-indent: -99999px;
}

body.question ul.status {
    height: 50px;
    width: 750px;
    list-style-type: none;
    padding: 0px;
    margin-top: 5px;
    margin-bottom: 20px;
}

/* input */
body.question ul.status li {
    float: left;
    width: 250px;
    height: 50px;
}

body.question ul.status li.inputOn {
    background: url("../images/wfl/s-input-on.gif") no-repeat 0 0;
    text-indent: -99999px;
}

body.question ul.status li.inputOff {
    background: url("../images/wfl/s-input-off.gif") no-repeat 0 0;
    text-indent: -99999px;
}

body.question ul.status li.confirmOn {
    background: url("../images/wfl/s-confirm-on.gif") no-repeat 0 0;
    text-indent: -99999px;
}

body.question ul.status li.confirmOff {
    background: url("../images/wfl/s-confirm-off.gif") no-repeat 0 0;
    text-indent: -99999px;
}

body.question ul.status li.doneOn {
    background: url("../images/wfl/s-done-on.gif") no-repeat 0 0;
    text-indent: -99999px;
}

body.question ul.status li.doneOff {
    background: url("../images/wfl/s-done-off.gif") no-repeat 0 0;
    text-indent: -99999px;
}

body.question dl {
}

body.question dt {
    font-size: 1.4em;
    color: #254305;
    margin: 20px 0px 10px 0px;
    background: url("../images/wfl/bg-question.gif") no-repeat left bottom;
    height: 31px;
    padding-left: 35px;
    font-weight: bold;
    border-bottom: 1px solid #62a21d;
}

body.question dt.none {
    font-size: 1.4em;
    color: #254305;
    margin: 20px 0px 10px 0px;
    background-image: none;
    height: 31px;
    padding-left: 5px;
    font-weight: bold;
    border-bottom: 1px solid #62a21d;
}

body.question dd {
    font-size: small;
    margin-left: 40px;
}

body.question dd.answer {
    font-size: 1.2em;
    margin-left: 40px;
    background: url("../images/wfl/bg-answer.gif") no-repeat left top;
    color: #af3b72;
    padding-left: 35px;
}

.qNumber {
    color: #62a21d;
    font-weight: bold;
}
body.question .aInfo {
   margin: 10px 0px;
}

body.question h2 {
   margin: 10px 0px 0px 0px;
   text-indent: 0px;
   border: none;
   font-size: 1.1em;
   height: auto;
}

.aInfoTitle {
    color : #000;
    font-size: 1.1em;
}

.qTextForm {
    padding: 5px;
    border: 2px solid #254305;
}


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

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

div.privacy h3 {
    padding:5px !important;
    margin:5px 0;
    background:#eeeeee;
    font-size:12px;
    color: #006699;
    height: auto;
    text-indent: 0px;
}
div.privacy p {
    color:#5B5B5B;
    line-height:130%;
    margin:1em 10px;
    font-size:0.8em;
}

h3.privacyRule {
    font-size: small;
    border-left: 4px solid #3184be;
    padding-left: 10px;
    margin-bottom: 5px;
    margin: 10px 0 0 0px;
    font-size:100%;
    color: #006699;
    text-indent: 0px;
    height: auto;

}
.kiyaku {
    width: 750px;
    height: 120px;
    overflow: scroll;
    border: 1px #CECECE solid;
    padding: 5px;

}

.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;
}

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

/* banner */
body.question .lineup {
    width: 690px;
    margin: 0px auto;
}

body.question .lineup p {
    margin: 0px 0px 20px 0px;
}

body.question .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;
}

body.question h2 {
    margin: 30px 0px 20px 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top:#CECECE dotted 1px;
    border-bottom:#CECECE dotted 1px;
}

body.question ul {
    margin : 10px 10px 5px 10px;
    padding-left: 180px;
    height: 46px;
}

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

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

body.question 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;
}

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;
}


/* other */
.liteColor  { color: #0087c7;}
.aspColor   { color: #48a349; }
.priceColor { color: #f00981; }
.wfl-f { font-family:'Arial',sans-serif; }
.cc { text-align: center; }
.rr { text-align: right; }
.ll { text-align: left; }

.xsmall { font-size: x-small; }
.large  { font-size: large; }

.bold { font-weight: bold; }

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

.lineH { line-height: 2.2em; }

.vm { vertical-align: middle; }

.errorMsg {
    background: #af3b72 url("../images/wfl/warning.png") no-repeat 10px center;
    padding: 20px 0px 20px 70px;
    width: 90%;
    margin: 10px auto;
    color: #FFF;

}