@charset "UTF-8";


/* ----------------------------------------------------------------
	Header
----------------------------------------------------------------- */

div#header{
margin:0 0 8px;
padding:17px 0 0;
background:#fff url(../images/hdr-bg-top.gif) top repeat-x;
}

div#header-inner{
padding:0 10px 17px;
background:#fff url(../images/hdr-bg-btm.gif) bottom repeat-x;
position:relative;
}

p#seclogo{
}

p#sublogo{
position:absolute;
top:5px;
left:82px;
}

p.mail-inquiry{
position:absolute;
top:5px;
right:10px;
}


/* ----------------------------------------------------------------
	Layout
----------------------------------------------------------------- */

div#str-contents{
padding:0 10px 80px;
}

div#str-main{
}

div#str-main div#index-main-column{
float:left;
width:620px;
padding-right:10px;
}

div#str-main div#index-sub-column{
float:right;
width:300px;
}


div#str-main div#search-left-column{
float:left;
width:220px;
padding-right:10px;
}

div#str-main div#search-right-column{
float:right;
width:700px;
overflow:hidden;
}


/* ----------------------------------------------------------------
	General Parts
----------------------------------------------------------------- */

.hdg-l1-01-container{
margin:0 0 10px;
padding:1px 1px;
border-bottom:1px solid #dedede;
background:#fff url("../images/bg-result-count-area.gif") bottom repeat-x;
-moz-box-shadow: 0 1px 2px 0 #eee, 0 -1px 0px 0 #fff inset;
-webkit-box-shadow: 0 1px 2px 0 #eee, 0 -1px 0px 0 #fff inset;
box-shadow: 0 1px 2px 0 #eee, 0 -1px 0px 0 #fff inset;
}

.hdg-l1-01{
padding:6px 15px 5px;
font-weight:bold;
font-size:1.231em;
background:url("../images/bg-hdg-l1-01.gif") left top no-repeat;
}

.hdg-l2-01-container{
margin-bottom:5px;
border-top:2px solid #5a9ae9;
border-bottom:1px solid #d9d9d9;
background:#f4f4f4 url("../images/bg-hdg-l2-01.gif") bottom repeat-x;
}

.hdg-l2-01{
padding:6px 10px 5px;
border-bottom:1px solid #fff;
font-weight:bold;
font-size:1.077em;
text-shadow:0 1px 0 rgba(255,255,255,0.2);
}

.label-general{
padding:0.3em 0.4em 0.2em;
background:#327dd9;
color:#fff;
text-align:center;
line-height:1;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

.btn-general{
padding:0.3em 0.4em 0.2em;
border:1px solid #bcbcbc;
color:#3e5ab6;
text-align:center;
line-height:1;
cursor:pointer;
white-space: nowrap;
-moz-box-shadow:inset 0px 0px 1px 0px rgba(255,255,255,1);
-webkit-box-shadow:inset 0px 0px 1px 0px rgba(255,255,255,1);
box-shadow:inset 0px 0px 1px 0px rgba(255,255,255,1);
background:#fafafa url("../images/bg-btn-general.gif") bottom repeat-x;
}

.btn-general:link{
color:#3e5ab6;
text-decoration:none;
}

.btn-general:visited{
color:#3e5ab6;
text-decoration:none;
}

.btn-general:hover{
border-color:#8fa9df;
color:#3e5ab6;
background:#fdfeff url("../images/bg-btn-general-h.gif") bottom repeat-x;
text-decoration:none;
}

.btn-general:active{
border-color:#8fa9df;
color:#3e5ab6;
background:#eef3fd;
text-decoration:none;
}

.btn-general-L{
padding:0.7em 0.8em 0.6em;
font-size:16px;
font-weight:bold;
color:#333;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.15),inset 0px 0px 1px 0px rgba(255,255,255,0.8);
-webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.15),inset 0px 0px 1px 0px rgba(255,255,255,0.8);
box-shadow:0px 1px 2px 0px rgba(0,0,0,0.15),inset 0px 0px 1px 0px rgba(255,255,255,0.8);
text-shadow:0 1px 0 rgba(255,255,255,1);
background:#f9f9f9 url("../images/bg-btn-general-l.gif") bottom repeat-x;
}

.btn-general-L:link{
color:#333;
text-decoration:none;
}

.btn-general-L:visited{
color:#333;
text-decoration:none;
}

.btn-general-L:hover{
border-color:#9BB2E2;
color:#3e5ab6;
background:#f1f6ff url("../images/bg-btn-general-l-h.gif") bottom repeat-x;
text-decoration:none;
}

ul.link-list-01{
margin-bottom:10px;
}

ul.link-list-01 li{
padding:0 0 0 17px;
background:url("../images/arw-01.gif") 6px 0.4em no-repeat;
}

ul.link-list-01 li.icon-window{
padding:0 0 0 17px;
background:url("../images/icon-window-01.gif") 2px 0.3em no-repeat;
}

ul.list-notice-01{
margin:0 10px 10px;
}

ul.list-notice-01 li{
padding-left:1em;
text-indent:-1.2em;
color:#C00;
}

p.box-banner-01{
margin:0 0 15px;
text-align:center;
}


/* ----------------------------------------------------------------
	Page Title Area
----------------------------------------------------------------- */

div#page-title-area{
margin:0 0 12px;
position:relative;
}

div#page-title-area .page-title{
font-size:0px;
}

div#page-title-area p.sub-text{
margin:0 0 12px;
position:absolute;
top:15px;
left:240px;
font-size:0.923em;
color:#666;
}

div#page-title-area div#font-control{
position: absolute;
width:150px;
padding:7px 10px;
top:5px;
right:0;
text-align:right;
background:#f1f1f1;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow:inset 0px 1px 5px 0px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 0px 1px 5px 0px rgba(0,0,0,0.1);
box-shadow:inset 0px 1px 5px 0px rgba(0,0,0,0.1);
}

div#font-control dl {
padding-left:76px;
position:relative;
}

div#font-control dl dt {
font-size:5px;
left:0;
line-height:1;
position:absolute;
top:5px;
}

div#font-control dl dd ul li {
float:left;
cursor: pointer;
}

div#font-control dl dd ul li#fontS {
width:23px;
height:23px;
background:url(../images/btn-font-s.gif) no-repeat;
}

div#font-control dl dd ul li#fontM {
width:24px;
height:23px;
background:url(../images/btn-font-m.gif) no-repeat;
}

div#font-control dl dd ul li#fontL {
width:23px;
height:23px;
background:url(../images/btn-font-l.gif) no-repeat;
}

div#font-control dl dd ul li#fontS:hover {
background:url(../images/btn-font-s_h.gif) no-repeat;
}
div#font-control dl dd ul li#fontM:hover {
background:url(../images/btn-font-m_h.gif) no-repeat;
}
div#font-control dl dd ul li#fontL:hover {
background:url(../images/btn-font-l_h.gif) no-repeat;
}

body.fontS div#font-control dl dd ul li#fontS {
background:url(../images/btn-font-s_on.gif) no-repeat;
}
body.fontM div#font-control dl dd ul li#fontM {
background:url(../images/btn-font-m_on.gif) no-repeat;
}
body.fontL div#font-control dl dd ul li#fontL {
background:url(../images/btn-font-l_on.gif) no-repeat;
}

div#font-control dl dd ul li span {
display:none;
}



/* ----------------------------------------------------------------
	Top Modules
----------------------------------------------------------------- */

div#top-search-area{
margin-bottom:15px;
-moz-box-shadow:0px 2px 1px 0px rgba(0,0,0,0.1);
-webkit-box-shadow:0px 2px 1px 0px rgba(0,0,0,0.1);
box-shadow:0px 2px 1px 0px rgba(0,0,0,0.1);
}

div#top-search-area-inner{
padding:15px 10px 10px;
border-left:1px solid #aebbca;
border-right:1px solid #aebbca;
border-bottom:1px solid #aebbca;
background:#e0e8f2;
-moz-box-shadow:inset 0px 0px 1px 0px rgba(255,255,255,1);
-webkit-box-shadow:inset 0px 0px 1px 0px rgba(255,255,255,1);
box-shadow:inset 0px 0px 1px 0px rgba(255,255,255,1);
}

div#top-search-area div.h2-container{
position:relative;
}

div#top-search-area div.h2-container h2{
padding:0.8em 120px 0.6em 40px;
background:#3f7dd8 url("../images/bg-hdg-top-search.gif") top no-repeat;
font-size:1.231em;
line-height:1;
color:#fff;
text-shadow:0 -1px 0 rgba(0,0,0,0.2);
}

div#top-search-area div.h2-container p.link-hint{
position:absolute;
top:10px;
right:0;
width:6em;
padding:2px 3px 0 20px;
background:url("../images/icon-q-01.gif") 0 50% no-repeat;
}

div#top-search-area div.h2-container p.link-hint a:link,
div#top-search-area div.h2-container p.link-hint a:visited,
div#top-search-area div.h2-container p.link-hint a:hover{
color:#fff;
}

div#top-search-area div.search-box{
margin-bottom:10px;
}

div#top-search-area input.keyword-text-top{
width:415px;
margin-left:10px;
padding:8px 10px;
font-size:1.077em;
border: 1px solid #7F9DB9;
background:#fff url(../images/bg-searchbox-top.gif) 10px 50% no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow:inset 0px 1px 2px 0px rgba(0,0,0,0.15);
-webkit-box-shadow:inset 0px 1px 2px 0px rgba(0,0,0,0.15);
box-shadow:inset 0px 1px 2px 0px rgba(0,0,0,0.15);
}

div#top-search-area p.btn-search-top{
display:inline-block;
*display: inline;
*zoom: 1;
margin-left:10px;
}

div#top-search-area div.box-ctgr-product,
div#top-search-area div.box-ctgr-channel{
padding:8px 10px;

border:1px solid #bfcee1;
-moz-box-shadow:1px 1px 0px 0px rgba(255,255,255,0.8);
-webkit-box-shadow:1px 1px 0px 0px rgba(255,255,255,0.8);
box-shadow:1px 1px 0px 0px rgba(255,255,255,0.8);
background:-moz-linear-gradient(top,  #e9eff6 0%, #d7e1ee 100%);
background:-webkit-linear-gradient(top,  #e9eff6 0%,#d7e1ee 100%);
background:linear-gradient(top,  #e9eff6 0%,#d7e1ee 100%);
}

div#top-search-area div.box-ctgr-product{
float:left;
position:relative;
width:405px;
margin-right:10px;
}

div#top-search-area div.box-ctgr-product p.link-ctgr-detail{
position:absolute;
top:8px;
right:0;
width:13em;
padding:0px 3px 0 10px;
background:url("../images/arw-01.gif") 0 50% no-repeat;
font-size:12px;
white-space:nowrap;
}

div#top-search-area div.box-ctgr-channel{
float:left;
width:138px;
}

div#top-search-area div.box-ctgr-product p.label-product,
div#top-search-area div.box-ctgr-channel p.label-channel{
width:4em;
margin:0 0 5px;
font-size:12px;
}

div#top-search-area ul.list-ctgr li{
float:left;
width:130px;
margin:0 5px 0 0;
}

div#top-search-area ul.list-ctgr li label{
display:block;
padding:3px;
}

div#top-search-area ul.list-ctgr li label input {
width:1em;
height:1em;
margin:0 5px 0 0;
vertical-align:-0.2em;
*vertical-align:middle;
}

div#top-purpose-area{
margin:0 0 15px;
}

div#top-purpose-area p.btn-purpose a{
display:block;
margin:0 0 10px;
}

div#top-purpose-area  ul.link-list-01 a{
display:block;
}

div#top-purpose-area div.box-left,
div#top-purpose-area div.box-center,
div#top-purpose-area div.box-right{
float:left;
width:192px;
padding:5px 7px;
}


div#index-sub-column div.box-sub-column{
margin:0 0 15px;
padding:1px;
border:1px solid #ccc;
-moz-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.15);
-webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.15);
box-shadow:0px 1px 2px 0px rgba(0,0,0,0.15);
}

div#index-sub-column div.box-sub-column table.tbl-check-01{
margin:0 7px 2px;
border-collapse:collapse;
}

div#index-sub-column div.box-sub-column table.tbl-check-01 tr{
background:url("../images/bg-border-dotted.gif") bottom repeat-x;
}

div#index-sub-column div.box-sub-column table.tbl-check-01 tr:last-child{
background:none;
}

div#index-sub-column div.box-sub-column table.tbl-check-01 th{
padding:5px 8px 5px 0;
}

div#index-sub-column div.box-sub-column table.tbl-check-01 td{
padding:6px 8px 4px 0;
}

div#index-sub-column div.box-sub-column table.tbl-check-01 td a{
display:block;
}

div#index-sub-column div.box-sub-column table.tbl-check-01 tr.last-child{
background:none;
}


/* ----------------------------------------------------------------
	#box-narrow-down
----------------------------------------------------------------- */

div#str-main div#box-narrow-down{
width:214px;
margin:0 0 10px;
border:3px solid #cddbec;
background:#FFF;
}

div#str-main div#box-narrow-down-inner{
border:1px solid #9bb2e2;
}

div#str-main div#box-narrow-down div.h2-container{
position:relative;
}

div#str-main div#box-narrow-down h2{
margin:0 0 5px;
padding:14px 10px 11px 42px;
background:url("../images/icon-search-01.gif") 7px 6px no-repeat;
font-size:16px;
line-height:16px;
}

div#str-main div#box-narrow-down div.h2-container a.btn-help{
position:absolute;
display:block;
right:8px;
top:13px;
font-size:0;
}

div#str-main div#box-narrow-down dl.keyword dd{
padding:10px 16px;
}

div#str-main div#box-narrow-down dl.keyword input.keyword-text{
width:168px;
padding:5px;
border: 1px solid #7F9DB9;
background:#fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow:inset 0px 1px 2px 0px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 0px 1px 2px 0px rgba(0,0,0,0.1);
box-shadow:inset 0px 1px 2px 0px rgba(0,0,0,0.1);
}

div#str-main div#box-narrow-down dl.keyword,
div#str-main div#box-narrow-down dl.condition-01{
margin:0;
padding:0;
background:#FFF;
}

div#str-main div#box-narrow-down dl.keyword dt{
position:relative;
margin:0;
padding:5px 10px;
border-top:1px solid #9bb2e2;
border-bottom:1px solid #cfd8ec;
background:#f3f7ff url("../images/hdg-cnd-bg-01.gif") left top no-repeat;
font-size:13px;
font-weight:bold;
}

div#str-main div#box-narrow-down p.btn-search{
margin:0 0 12px;
text-align:center;
}

div#str-main div#box-narrow-down ul.btn-search-lower{
margin:0 0 10px;
padding-top:12px;
border-top:1px solid #9bb2e2;
}

div#str-main div#box-narrow-down ul.btn-search-lower li{
margin:0 0 10px;
text-align:center;
}

div#str-main div#box-narrow-down ul.btn-search-lower li img{
cursor:pointer;
}

div#box-narrow-down dl.condition-01 ul,
div#box-narrow-down dl.condition-01 li{
margin:0;
padding:0;
}


div#box-narrow-down dl.condition-01 dt{
position:relative;
margin:0;
border-top:1px solid #9bb2e2;
border-bottom:1px solid #cfd8ec;
background:#f3f7ff url("../images/hdg-cnd-bg-02.gif") left top no-repeat;
color:#3535b4;
font-weight:bold;
}

div#box-narrow-down dl.condition-01 dt span.title-text a{
display:block;
width:185px;
margin:0;
padding:5px 5px 5px 20px;
font-size:13px;
color:#3535b4;
font-weight:bold;
text-decoration:none;
}

div#box-narrow-down dl.condition-01 dt span.title-text a:hover{
text-decoration:underline;
}

div#box-narrow-down dl.condition-01 dt.closed{
background:#f3f7ff url("../images/hdg-cnd-bg-03.gif") left top no-repeat;
}

div#box-narrow-down dl.condition-01 dd{
position:relative;
margin:0;
padding:4px 0;
font-size:12px;
}

div#box-narrow-down dl ul li {
position:relative;
}

div#box-narrow-down dl ul li label {
position:relative;
display:block;
padding:3px 0px 3px 9px;
}

div#box-narrow-down dl ul li ul li label {
padding:3px 5px 3px 25px;
}

div#box-narrow-down dl ul li ul li ul li label {
padding:3px 5px 3px 40px;
}

div#box-narrow-down dl ul li label.selected{
background:#ffe0e0;
}

div#box-narrow-down dl ul li span.btn-toggle a{
position:absolute;
display:block;
right:0px;
top:0px;
padding:6px;
font-size:0;
}

div#box-narrow-down dl ul li label span.number{
color:#666;
}

div#box-narrow-down dl ul li label:hover {
background:#e8efff;
cursor:pointer;
}

div#box-narrow-down dl ul li label input {
width:1em;
height:1em;
margin:0 4px 0 0;
vertical-align:-0.2em;
*vertical-align:middle;
}

div#box-narrow-down dl p.show-more {
margin:0;
padding:0;
}

div#box-narrow-down dl p.show-more a{
display:block;
float:right;
width:4.5em;
margin:0 0 7px;
padding:3px 5px 0 18px;
background:url("/web/shared/images/arrow/arrow-03.gif") 2px 3px no-repeat;
font-size:11px;
text-decoration:none;
}
div#box-narrow-down dl p.show-more a:hover{
text-decoration:underline;
}



/* ----------------------------------------------------------------
	#box-searched-condition
----------------------------------------------------------------- */

div#str-main div.box-searched-condition{
margin:0 0 10px;
border:3px solid #cddbec;
}

div#str-main div.box-searched-condition-inner{
padding:8px 10px 7px;
border:1px solid #9bb2e2;
background:#f5f8ff;
line-height:1.4;
position:relative;
}

div#str-main div.box-searched-condition p.label-condition{
width:4.2em;
float:left;
margin-right:1em;
font-size:12px;
}

div#str-main div.box-searched-condition p.searched-condition{
margin:2px 0 0;
width:500px;
float:left;
}

div#str-main div.box-searched-condition p.searched-condition span{
margin-right:0.8em;
font-weight:bold;
}


div#str-main div.box-searched-condition p.label-category{
width:5.5em;
float:left;
margin-right:1em;
font-size:12px;
}

div#str-main div.box-searched-condition ul.topic-path{
margin:2px 0 0;
width:500px;
float:left;
font-size:0.923em;
}

div#str-main div.box-searched-condition ul.topic-path a{
font-weight:normal;
}

div#str-main div.box-searched-condition p.btn-remove{
position:absolute;
top:8px;
right:10px;
width:6em;
}

div#str-main div.box-searched-condition p.btn-remove a{
display:block;
}


/* ----------------------------------------------------------------
	#result-count-area, #bottom-pager-area
----------------------------------------------------------------- */

div#str-main div#result-count-area{
margin:0 0 15px;
padding:5px 0 0;
border-bottom:1px solid #dedede;
background:#fff url("../images/bg-result-count-area.gif") bottom repeat-x;
}

div#str-main div#result-count-area div.result-pager-container{
position:relative;
}

div#str-main div#result-count-area p.current-page{
padding:0 210px 7px 15px;
line-height:1.3;
vertical-align:bottom;
}

div#str-main div#result-count-area p.current-page span.result{
font-size:15px;
}

div#str-main div#result-count-area p.current-page span.result strong{
color:#D23100;
font-size:30px;
}

div#str-main div#result-count-area p.current-page span.change-display{
padding-left:10px;
font-size:12px;
}

div#str-main div#result-count-area ul.list-pager{
position: absolute;
width:215px;
margin:0;
top:12px;
right: 3px;
text-align:right;
}

div#str-main div#result-count-area ul.list-pager li,
div#str-main div#bottom-pager-area ul.list-pager li{
display:inline;
padding-right:3px;
}

div#str-main div#result-count-area .form-select-01,
div#str-main div#bottom-pager-area .form-select-01{
border: 1px solid #7F9DB9;
padding: 1px;
vertical-align:0.05em;
}

div#str-main div#bottom-pager-area{
margin:0 0 15px;
padding:5px 0 10px;
border-bottom:1px solid #dedede;
background:#fff url("../images/bg-result-count-area.gif") bottom repeat-x;
background:-moz-linear-gradient(top,  #fefefe 0%, #eee 100%);
background:-webkit-linear-gradient(top,  #fefefe 0%,#eee 100%);
background:linear-gradient(top,  #fefefe 0%,#eee 100%);
}

div#str-main div#bottom-pager-area ul.list-pager{
float:right;
width:215px;
margin:0 3px 0 0;
text-align:right;
}


/* ----------------------------------------------------------------
	Result Table
----------------------------------------------------------------- */

div#str-main div#search-right-column table.tbl-result-01{
width:100%;
margin-bottom:20px;
border-collapse:collapse;
border-top:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
}

div#str-main div#search-right-column table.tbl-result-01 thead th{
background-color:#f8f8f8;
border-bottom:1px solid #d9d9d9;
padding:4px 10px 3px;
text-align:center;
font-weight:normal;
white-space:nowrap;
}

div#str-main div#search-right-column table.tbl-result-01 tbody td{
background-color:#fff;
border-bottom:1px dotted #acacac;
padding:4px 10px 3px;
}

div#str-main div#search-right-column table.tbl-result-01 tbody td.count{
text-align:right;
padding:4px 20px 3px;
}


div#str-main div#search-right-column ul.list-qa-01 li.question{
padding:5px 0 4px 27px;
background:url("../images/icon-qstn-02.gif") 2px 0.35em no-repeat;
}

div#str-main div#search-right-column ul.list-qa-01 li.answer{
padding:5px 0 4px 27px;
background:url("../images/icon-ansr-02.gif") 2px 0.35em no-repeat;
color:#666;
}


/* ----------------------------------------------------------------
	Question List
----------------------------------------------------------------- */

div#str-main ul.list-question-01{
margin-bottom:10px;
}

div#str-main ul.list-question-01 li{
padding:7px 0 6px 30px;
border-bottom:1px dotted #acacac;
background:url("../images/icon-qstn-02.gif") 5px 0.45em no-repeat;
}

div#str-main ul.list-question-01 li.last-child{
border-bottom:0;
}


/* ----------------------------------------------------------------
	FAQ Detail
----------------------------------------------------------------- */

div#str-main div#faq-detail-area{
margin:0 0 50px;
}

div#str-main div#faq-detail-area div.question-area{
margin:0 0 10px;
border-bottom:1px solid #dedede;
background:#fff url("../images/bg-result-count-area.gif") bottom repeat-x;
-moz-box-shadow: 0 1px 2px 0 #eee, 0 -1px 0px 0 #fff inset;
-webkit-box-shadow: 0 1px 2px 0 #eee, 0 -1px 0px 0 #fff inset;
box-shadow: 0 1px 2px 0 #eee, 0 -1px 0px 0 #fff inset;
}

div#str-main div#faq-detail-area h1{
padding:10px 15px 8px 55px;
background:url("../images/icon-qstn-01.gif") 12px 0.35em no-repeat;
font-size:1.231em;
}

div#str-main div#faq-detail-area div.answer-area{
margin:0 0 10px;
padding:10px 15px 10px 55px;
background:#fff url("../images/icon-ansr-01.gif") 12px 0.4em no-repeat;
}

div#str-main div#faq-detail-area div.answer-area p{
margin:0 0 0.75em;
font-size:1.077em;
}

div.backtolist-area{
padding:10px 15px;
background:#f3f3f3;
}

p.btn-backtolist a{
display:block;
margin:0 auto;
padding:0.6em 0.8em 0.5em;
width:12em;
}

#search-right-column .hdg-l2-01{
font-size:1em;
}

div#str-main #search-right-column ul.list-question-01{
font-size:0.923em;
}


/* ----------------------------------------------------------------
	Inquiry Box
----------------------------------------------------------------- */

div#str-main div#faq-detail-area div.inquiry-box{
padding: 7px 15px;
border: 1px solid #ddd;
-moz-box-shadow: 0 1px 2px 0 #eee, 0 1px 1px 0 #fff inset;
-webkit-box-shadow: 0 1px 2px 0 #eee, 0 1px 1px 0 #fff inset;
box-shadow: 0 1px 2px 0 #eee, 0 1px 1px 0 #fff inset;
background:#fafafa;
background:-moz-linear-gradient(center top , #f2f2f2, #fff);
background:-webkit-linear-gradient(center top , #f2f2f2, #fff);
background:linear-gradient(center top , #f2f2f2, #fff);
}

div.inquiry-box p.inquiry-label{
float:left;
width:200px;
margin-right:10px;
}

div.inquiry-box ul.inquiry-button-list{
float:left;
width:450px;
margin-top:7px;
}

div.inquiry-box p.inquiry-label span{
font-size:0.846em;
}

div.inquiry-box li.inquiry-button{
margin:0 10px 10px 0;
display:inline-block;
*display: inline;
*zoom: 1;
}

div.inquiry-box li.inquiry-button a{
display:inline-block;
*display: inline;
*zoom: 1;
font-size:0.846em;
}



/* ----------------------------------------------------------------
	Mailform Area
----------------------------------------------------------------- */

div#str-main div#mailform-area{
margin:0 0 10px;
}

div#mailform-area p.note{
margin:0 10px 15px;
}

div#mailform-area p.note a:link{
text-decoration:underline;
}

div#mailform-area p.note a:hover{
text-decoration:none;
}

div#mailform-area table.tbl-mail-form{
margin:0 0 10px;
width:100%;
border-collapse:collapse;
}

div#mailform-area table.tbl-mail-form th{
width:100px;
padding:5px 8px;
border:1px solid #fff;
text-align:right;
background:#cddaeb;
}

div#mailform-area table.tbl-mail-form th span{
display:none;
color:#F99;
}

div#mailform-area table.tbl-mail-form td{
padding:5px 8px;
background:#f5f5f5;
border:1px solid #fff;
}

div#mailform-area table.tbl-mail-form input.form-text-01{
width:400px;
padding:5px;
border:1px solid #b1bfcd;
background:#fff;
}

div#mailform-area table.tbl-mail-form input.form-text-01.long{
width:540px;
}

div#mailform-area table.tbl-mail-form select.form-select-01{
width:250px;
border:1px solid #b1bfcd;
background:#fff;
}

div#mailform-area table.tbl-mail-form textarea.form-textarea-01{
width:540px;
height:200px;
padding:5px;
border:1px solid #b1bfcd;
background:#fff;
font-size:100%;
}

div#mailform-area p.form-button-area{
margin:0 0 10px;
background:#F3F3F3;
padding: 10px 15px;
text-align:center;
}

div#mailform-area p.form-button-area button{
padding: 0.5em 0.8em 0.4em;
font-size:14px;
color:#333;
font-weight:bold;
}

div#mailform-area p.form-button-area button.btn-submit{
width:150px;
margin-right:15px;
}

div#mailform-area p.form-button-area button.btn-clear{
width:100px;
}

div#mailform-area p.form-button-area button.disabled{
background-image:none;
background-color:#ccc;
color:#999;
}

div#mailform-area p.form-button-area button.disabled:hover{
border:1px solid #bcbcbc;
cursor:default;
}


/* ----------------------------------------------------------------
	Product Box
----------------------------------------------------------------- */

div.product-box{
margin:0 0 0px;
}

div.product-box h2.hdg-l2-01 a{
display:block;
}

div.product-box p.btn-product a{
display:block;
margin:0 0 10px;
}

div.product-box ul.link-list-01 a{
display:block;
}

div.product-box div.box-column{
clear:both;
}

div.product-box div.box-left,
div.product-box div.box-center,
div#index-main-column div.product-box div.box-right{
float:left;
width:192px;
padding:5px 7px;
}


/* ----------------------------------------------------------------
	Dialog Box
----------------------------------------------------------------- */

div.box-dialog{
position:absolute;
z-index:100;
left:50%;
top:50%;
margin-top:-50px;
margin-left:-150px;
border:3px solid #3980d8;
padding:1px;
width:300px;
background:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0px 4px 8px 0px rgba(0,0,0,0.3);
-moz-box-shadow:0px 4px 8px 0px rgba(0,0,0,0.3);
box-shadow:0px 4px 8px 0px rgba(0,0,0,0.3);
}

div.box-dialog div.box-inner{
padding:10px;
background:#f2f6fb;
}

div.box-dialog div.box-inner h3{
margin-bottom:5px;
padding:0 0 5px;
font-size:1.077em;
border-bottom:1px dotted #9bb2e2;
}

div.box-dialog div.box-inner p.text{
margin-bottom:10px;
}

div.box-dialog div.box-inner p.button{
text-align:center;
}

div.box-dialog div.box-inner p.button a.btn-close{
margin:0 auto;
display:block;
width:80px;
}

/* Questionnaire */

div.box-dialog.box-questionnaire{
left:0;
top:0;
margin:0;
}

div.box-dialog div.box-inner textarea.form-textarea-01{
width:268px;
height:200px;
padding:5px;
border:1px solid #b1bfcd;
font-size:100%;
resize: vertical;
}

div.box-dialog.box-questionnaire div.box-inner p.button a{
margin:0 5px;
width:80px;
display:inline-block;
*display:inline;
*zoom:1;
}




/* ----------------------------------------------------------------
	Footer
----------------------------------------------------------------- */

div#footer{
border-top:1px solid #adadad;
border-bottom:7px solid #757575;
-moz-box-shadow:0px -2px 1px 0px rgba(0,0,0,0.1);
-webkit-box-shadow:0px -2px 1px 0px rgba(0,0,0,0.1);
box-shadow:0px -2px 1px 0px rgba(0,0,0,0.1);
}

div#footer #footer-inner{
position:relative;
padding:10px 15px;
border-top:1px solid #d9d9d9;
border-bottom:1px solid #adadad;
background:#c1c1c1;
background:-moz-linear-gradient(top,  #c8c8c8 0%, #bcbcbc 100%);
background:-webkit-linear-gradient(top,  #c8c8c8 0%,#bcbcbc 100%);
background:linear-gradient(top,  #c8c8c8 0%,#bcbcbc 100%);
}

div#footer #footer-inner p.copy{
font-size:0.923em;
text-shadow:0 1px 0 rgba(255,255,255,0.2);
}

div#footer #footer-inner p.pagetop{
position:absolute;
top:-2.5em;
right:10px;
font-size:0.923em;
}

div#footer #footer-inner p.pagetop a:visited{
color:#3e5ab6;
}


/* ----------------------------------------------------------------
	General Class
----------------------------------------------------------------- */

.align-C {
text-align:center !important
}

.align-L {
text-align:left !important
}

.align-R {
text-align:right !important
}


/* ----------------------------------------------------------------
	Clear
----------------------------------------------------------------- */
div#str-main:after,
div#str-faq-search:after,
div.box-searched-condition-inner:after,
div#bottom-pager-area:after,
div.inquiry-box:after,
div#top-search-area-inner:after,
div#top-purpose-area:after,
div.product-box:after,
div#font-control ul:after{
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}


/* ----------------------------------------------------------------
answer-area-box
----------------------------------------------------------------- */
.answer-area-box {
margin:0 0 2em;
padding: 8px 10px;
border: 1px solid #9bb2e2;
background: #f5f8ff;
}

div#str-main div#faq-detail-area div.answer-area-box p:last-child {
margin-bottom: 0;
}