@charset "utf-8";

/* ===============================
    skin.css
================================*/  

* { padding:0; margin:0; font-size:100%;}
body { text-align: center; margin: 0px auto; padding: 0px; background-color:#ececec; }
img { vertical-align:bottom; border:0;}

ul li   { list-style-type: none; }
ol li { list-style-type: none; }
h1, h2, h3, h4, h5, h6, dt 
{ font-weight: normal; font-family: "Lucida Grande", "Verdana", "Meiryo", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "MS Pゴシック", Sans-Serif; font-size: 100%; color: #666; }
th,td{ color:#666; font-weight:normal; vertical-align: top; }
input, textarea { font-family: "Lucida Grande", "Verdana", "Meiryo", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "MS Pゴシック", Sans-Serif; vertical-align: middle; }


a:link, a:visited { color:#0099cc; text-decoration:underline; }
a:hover, a:active { color:#cc0;text-decoration:underline; }
.smallText{ font-size:83%; line-height: 1.4em; }
.redText{ color:#f00;}
.blueText{ color:#1850a0;}
.grayText{ color:#999999;}

#wrapper { color: #666; font-size:78%; font-family: "Lucida Grande", "Verdana", "Meiryo", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "MS Pゴシック", Sans-Serif; line-height:1.5em; background:#fff; border-left:solid 1px #d7d7d7; border-right:solid 1px #d7d7d7; width:798px; margin:0 auto;}

#tokyoboeki { background:#3360A9; padding:6px 10px 6px; text-align:right; margin:0 0 1px 0;}
#header { background:url(images/i_headgra.gif) repeat-x 0 0; border-top:solid 3px #3c3c3c; padding:11px 12px 9px 14px;}
#header h1 a { display:block; width:306px; height:41px; text-indent:-9999px; background:url(images/i_title.gif) no-repeat 0 0; float:left;}
#header .search { float:right; margin:6px 0 0 0;}
#header .search input.textfield { background:#f1f1f1; height:19px; width:150px; border-top:solid 1px #a1a1a1; border-left:solid 1px #a1a1a1; border-bottom:solid 1px #e5e5e5; border-right:solid 1px #e5e5e5; margin:0 0 8px 0; _margin:0 0 4px 0; padding:2px 0 0 2px;}

#footer { padding:3px 13px; border-top:solid 3px #3399cc;}
#footer ul { float:left;}
#footer ul li { background:url(images/i_arrow.gif) no-repeat 0 40%; _background:url(images/i_arrow.gif) no-repeat 0 65%; display:inline; padding:0 0 0 8px; margin:0 10px 0 0;}
:root #footer ul li { background:url(images/i_arrow.gif) no-repeat 0 90%;}
#footer .copyright { float:right; margin:6px 0 0 0; _margin: 0px; }
#footerlogo { text-align:right; padding:10px 13px; }

#visual { padding:0 13px;}
#visual .left{ float:left;}
#visual .right{ float:right;}
#visual .right p { margin:0 0 6px 0;}

#topContents { padding:12px 13px 50px 13px; text-align:left;}
#topContents .left{ float:left; text-align:center; width:200px;}
#topContents .left .boundary{ margin:0 0 11px 0;}
#topContents .right{ float:right; width:552px;}
#topContents .right dl.solve dd{ float:left; margin-top: 10px; }
#topContents .right dl.solve dt{ padding:0; margin:0; }
#topContents .right .about { padding-bottom:15px ; }
#topContents .right .closeup { padding-bottom:10px ; }
#topContents .right .about h2     { margin-bottom: 5px; margin-top: 10px; height: 16px; }
#topContents .right .about h2 img { vertical-align: top; }
#topContents .right .subhead { background:url(images/i_dotline.gif) repeat-x 0 100%; padding:15px 0 6px 0; margin:0 0 4px 0;}
#topContents .right .oldnews{ margin:-23px 0 10px 0; text-align:right;}
#topContents .right dl.news dt { float:left; width:90px; display:block; margin:0 0 5px 0;}
#topContents .right dl.news dd { float:left; width:462px; display:block; margin:0 0 5px 0;} 
#topContents .rss { text-align:right; margin-top: 10px;}


#breadcrumb { background:#f1f1f1; padding:4px 13px; text-align:left; margin:0 1px; margin:10px 0 18px 0;}

#contents { padding:0 13px 50px 13px; text-align:left; background:url(images/i_line.gif) repeat-y 0 0;}
#contents .leftColumn{ float:left; text-align:center;}
#contents .leftColumn .boundary{ margin:0 0 11px 0;}
#contents .leftColumn .boundaryHalf{ margin:0 0 5px 0;}
#contents .rightColumn{ float:right; width:562px;}
#contents .rightColumn h2{ margin:0 0 15px 0;}
#contents .rightColumn .pageup{ text-align:right; padding:10px 0; font-size:83%;}
.copyright2{ text-align:right; padding:25px 10px 3px 0; background:url(images/i_line.gif) repeat-y 0 0;}

#solve{ padding:0 9px;}
#solve h3{ padding:10px 0 15px 0;}
#solve h5{ font-weight: bold; }
#solve #solution p { margin:0px; padding:0px; }
#solve .solutionTitle{ padding-bottom:5px; border-bottom: dashed 1px #999999; margin:20px 0 10px 0; }
#solve #solution{ margin:0 0 30px 0;}
#solve #solution h4{ margin:0 0 10px 0;}
#solve #solution h5{ padding:0 0 4px 0; }
#solve #solution h6{ font-weight:bold; color:#1850a0; margin-bottom:4px; }
#solve #solution h5.line-b { padding:0px 0 5px 0; border-bottom: dashed 1px #44a2ce; margin-bottom: 5px; }
#solve #solution p.text-b { margin-bottom: 15px; }
#solve #solution ul { margin-bottom: 30px; }
#solve #solution ol { margin-bottom: 35px; }
#solve #solution ol li { margin-bottom: 3px; }
#solve #solution .no { font-weight: bold; color:#02a686; }
#solve #solution p.p-line{ border-top: dashed 1px #44a2ce; padding-top: 5px; }
#solve #solution .arrow{ margin: 5px 0 8px 110px; }
#solve #solution .box{ margin-top: 25px; }
#solve #solution .box .r-img{ margin-bottom: 10px; }
#solve #solution .left{ width:247px; text-align:left; float:left; }
#solve #solution .right{ float:right; width:277px;}
#solve #solution li.right-m { margin-right: 5px; }
#solve #solution p.p-bot{ margin: 0 0 3px 0; }
#solve #solution p.p-top{ margin: 20px 0 0 0; }
#solve #solution .banner{ float: right; margin-top: 10px; }
#solve .relatedWord{ padding-bottom:5px; border-bottom: dashed 1px #999999; margin:30px 0 10px 0; }
#solve dl{ margin:0 0 25px 0;}
#solve dt{ font-weight:bold;}
#solve dd{ margin:0 0 10px 10px;}
#solve #relatedLink{ background:#d6d6d6; padding:10px 5px 10px 10px; }
#solve #relatedLink img{ float:left; margin-left: 60px; } 
#solve #relatedLink li{ float:right; margin:30px 10px 0 15px; }
#solve #solution .equiph5 { margin: 25px 0px 0px 0px; }
#solve #solution .equiplist{ background:url(images/solve02_bk_img01.gif) repeat-y; width:546px; padding-bottom: 0px; margin:0px 0px 35px 0px; }
#solve #solution dl.equipment { width: 175px; margin: 0px 9px 0px 0px; padding-bottom:0px; }
#solve #solution dd.equipimg01 { margin: 25px 0px 28px 63px; }
#solve #solution dd.equipimg02 { margin: 25px 0px 25px 60px; } 
#solve #solution dd.equipimg03 { margin: 25px 0px 38px 15px; }
#solve #solution dl.equipmentlast { width: 177px; padding-bottom:0px }
#solve #solution dd.equiptext { margin: 0px 8px 8px 8px; }
#solve dt.opinionttl { font-weight:normal; margin-left: 10px; }
#solve dd.opinion { background-color:#eeeeee; padding: 10px; }


#outline{ padding:0 9px;} 
#outline h3{ background:url(images/i_dotline.gif) repeat-x 0 100%; padding:15px 0 6px 0; margin:15px 0 8px 0;}
#outline table { margin-top: 10px; }
#outline table .gray01 { background-color: #d0d0d0; }
#outline table .gray02 { background-color: #eeeeee; }
#outline table td { padding: 4px; }
#outline table th { padding: 4px; text-align:center; }
#outline table th { font-weight: bold; color:#666666; }
#outline table .border-tl { border-top: solid #CCCCCC 1px; border-left: solid #CCCCCC 1px; text-align: }
#outline table .border-tlb { border-top: solid #CCCCCC 1px; border-left: solid #CCCCCC 1px; border-bottom: solid #CCCCCC 1px; }
#outline table .border-tlr { border-top: solid #CCCCCC 1px; border-left: solid #CCCCCC 1px; border-right: solid #CCCCCC 1px; }
#outline table .border-tlrb { border: solid #CCCCCC 1px; }
#outline ul.reason li{ margin:0 0 5px 0;} 
#outline p.icon01{ width:77px; padding:10px 0; margin-right: 15px; float:left; }
#outline p.text01{ width:194px; padding:10px 0; float:left; margin-right: 20px; }
#outline p.image01{ width:237px; padding:10px 0; float:right;}
#outline p.icon02{ width:77px; padding:10px 0; margin-right: 15px; float:left; }
#outline p.image02{ width:435px; padding:10px 0; float:right;}
#outline p.image02 img{ margin-top: 10px; }
#outline .contuctbox { background-color:#d6d6d6; margin-top: 30px; }
#outline .contuctbox .context { padding: 15px 0px 10px 70px; margin:0px; }
#outline .contuctbox .conimg { margin: 0 185px 15px 185px; padding: 0px; }


#inquiry{ padding:0 9px;} 
#inquiry p.qalink{ text-align:right; padding:10px 0;}
#inquiry dl.attention{ background:#eee; padding:10px 15px; margin:0 0 25px 0;}
#inquiry dl.attention dt{ font-weight:bold; color:#1850a0; }
#inquiry dl.attention dd{ width:355px;}
#inquiry dl.attention dd li{ list-style:disc; margin:0 0 0 20px;}
#inquiry h3{ background:url(images/i_dotline.gif) repeat-x 0 100%; padding:15px 0 6px 0; margin:15px 0 8px 0;}
#inquiry table.necessary{ border:solid 1px #9a9a9a; border-collapse:collapse; width:544px; margin:0 0 15px 0;}
#inquiry table.necessary caption{ text-align:left; font-weight:bold; color:#FF0000;}
#inquiry table.necessary th{ background:#b6cff0; border:solid 1px #9a9a9a; padding:5px 8px; width:140px; font-weight: normal;}
#inquiry table.necessary td{ border:solid 1px #9a9a9a; padding:5px 8px;}
#inquiry table.optionally{ border:solid 1px #9a9a9a; border-collapse:collapse; width:544px; margin:0 0 15px 0;}
#inquiry table.optionally th{ background:#eee; border:solid 1px #aaa; padding:5px 8px; width:140px; font-weight: normal;}
#inquiry table.optionally td{ border:solid 1px #9a9a9a; padding:5px 8px;}
#inquiry table.optionally caption{ text-align: left; font-weight:bold; }
#inquiry .submit{ text-align:center;}
#inquiry p.confirm{ margin:0 0 15px 0;}
#inquiry p.error{ margin:0 0 15px 0; color:#f00; font-weight:bold;}
#inquiry .securedSeal{ width:136px; float:right; display:block;}

#qa{ padding:0 9px;}
#qa ul.questionlist{ margin:10px 0;}
#qa ul.questionlist li{ width:272px; display:block; float:left;}
#qa h3{ background:url(images/i_dotline.gif) repeat-x 0 100%; padding:15px 0 6px 0; margin:15px 0 8px 0;}
#qa dl{ padding:0 9px 10px 9px;}
#qa dt{ background:url(images/qa_i_q.jpg) no-repeat 0 2px; padding:4px 0 4px 30px;}
#qa dd{ background:url(images/qa_i_a.jpg) no-repeat 0 2px; padding:4px 0 4px 30px;}
#qa .contuctbox { background-color:#d6d6d6; margin-top: 30px; }
#qa .contuctbox .context { padding: 15px 0px 10px 90px; margin:0px; }
#qa .contuctbox .conimg { margin: 0px 185px 15px 185px; padding:0px; }

#news{ padding:0 9px;}
#news h3{ background:url(images/i_dotline.gif) repeat-x 0 100%; padding:15px 0 6px 0; margin:15px 0 8px 0; font-weight:bold;}
#news dl{}
#news dt.press-t { background:url(images/i_spuare.gif) no-repeat 0 7px; padding:0 0 8px 12px; float:left; width:85px;}
#news dd.press { float:right; width:435px;}
#news dd.press img { margin-left: 3px; }
#news dt{ background:url(images/i_spuare.gif) no-repeat 0 7px; padding:0 0 8px 12px; }
#news dd{ width:439px; padding:0 0 8px 12px; }
#news p.none{ padding:0 0 8px 12px; }

#news_detail{ padding:0 9px;}
#news_detail h3{ background:url(images/new_titlebg.gif) repeat-x 0 0; padding:10px 10px 35px 10px; font-size:120%; font-weight:bold;}
#news_detail table{ border:solid 1px #aaa; border-collapse:collapse; width:374px; margin:0 0 15px 0;}
#news_detail table th{ background:#eee; border:solid 1px #aaa; padding:5px 8px; width:100px; text-align:left;}
#news_detail table td{ border:solid 1px #aaa; padding:5px 8px;}
#news_detail .left{ float:left; text-align:left;}
#news_detail .left p{ width:374px;}
#news_detail .right{ float:right; width:151px;}
#news_detail .right img{ padding:0 0 15px 0;} 
#news_detail .back{ text-align:right; padding:10px 0;}

#agency{ padding:0 9px;}
#agency p{ margin:0 0 10px 0;}
#agency dl{ background:#eee; padding:10px 15px; margin:0 0 25px 0;}
#agency dl dt{ font-weight:bold;}
#agency li{ background:url(images/i_spuare.gif) no-repeat 0 7px; padding:0 0 8px 12px; color:#1850a0;}
#agency h3{ padding:10px 0 15px 0;}
#agency h4{ background:url(images/i_dotline.gif) repeat-x 0 100%; padding:15px 0 6px 0; margin:15px 0 8px 0;}
#agency table{ border:solid 1px #999999; border-collapse:collapse; width:544px; margin:0 0 15px 0;}
#agency table caption{ text-align:left; font-weight:bold; color:#FF0000;}
#agency table th{ background:#b6cff0; border:solid 1px #999999; padding:5px 8px; width:140px;}
#agency table td{ border:solid 1px #999999; padding:5px 8px; background-color:#e2e8f0; }
#agency .submit{ text-align:center;}

#support{ padding:0 9px;}
#support p{ margin:0 0 10px 0;}
#support h3{ background:url(images/i_dotline.gif) repeat-x 0 100%; padding:15px 0 6px 0; margin:15px 0 8px 0;}
#support .conservative{ color:#1850a0; font-weight:bold;}
#support dt{ background:url(images/i_spuare.gif) no-repeat 0 7px; padding-left: 12px; }
#support dd{ color:#1850a0; margin:0 0 8px 10px;}
#support .left{ float:left; width:372px; text-align:left;}
#support .right{ float:right; width:156px;}
#support .login-img{ margin: 20px 0px 8px 0px; }
#support .loginForm{ background:#ddd; border:solid 1px #999; padding:5px 8px 8px 8px;}
#support .phoneNumber{ font-weight:bold; font-size:150%;}
#support p.supportttl{ margin-bottom: 5px; }
#support p.demo { margin-bottom: 30px; }

#case { padding:0 9px;}
#case p{ margin:0 0 10px 0;}
#case h3{ background:url(images/i_dotline.gif) repeat-x 0 100%; padding:15px 0 6px 0; margin:15px 0 8px 0;}
#case dt{ font-weight:bold;}
#case dd{ color:#1850a0; margin:0 0 8px 10px;}
#case .left{ float:left; width:372px; text-align:left;}
#case .right{ float:right; width:156px;}
#case .r-img { float: right; margin:0px 0px 15px 15px; }
#case .contuctbox { background-color:#d6d6d6; margin-top: 30px; }
#case .contuctbox .context { padding: 15px 20px 10px 25px; margin:0px; }
#case .contuctbox .conimg { margin: 0 185px 15px 185px; padding: 0px; }
#case .probox p { margin:15px 0 5px 0;}
#case .probox dt { margin:0px; padding:0px; }
#case .probox dd { margin:0px; padding:0px; }
#case .probox dl { background:#e5e5e5; padding: 8px 0px 8px 15px; }

#access { padding:0 9px;}
#access p{ margin:0 0 5px 0;}
#access p.bold{ margin: 10px 0px 2px 0px; font-weight:bold; }
#access h3{ padding:12px 0 20px 0;}
#access h4{ background:url(images/i_dotline.gif) repeat-x 0 100%; padding:15px 0 6px 0; margin:15px 0 8px 0;}
#access ul{ margin: 0px 0px 5px 0px; padding: 0px; }
#access li{ margin:0px; padding:0px; }
#access li.mark{ background:url(images/i_spuare.gif) no-repeat 0 7px; padding:0 0 0 12px; margin: 0px; }
#access table{ border:solid 1px #999999; border-collapse:collapse; width:544px; margin:0 0 15px 0;}
#access table caption{ text-align:left; font-weight:bold; color:666666; }
#access table th{ background:#d1deed; border:solid 1px #999999; padding:5px 8px; width:140px;}
#access table td{ border:solid 1px #999999; padding:5px 8px; background-color:#ffffff; }
#access .contuctbox { background-color:#d6d6d6; margin-top: 30px; }
#access .contuctbox .context { padding: 15px 0px 10px 70px; margin:0px; }
#access .contuctbox .conimg { margin: 0px 185px 15px 185px; padding:0px; }

#spec { padding:0 9px;}
#spec p{ margin:0 0 5px 0;}
#spec p.bold{ margin: 10px 0px 2px 0px; font-weight:bold; }
#spec h3{ background:url(images/i_dotline.gif) repeat-x 0 100%; padding:15px 0 6px 0; margin:15px 0 8px 0;}
#spec ul{ margin: 0px 0px 10px 0px; padding: 0px; }
#spec li{ margin:0px; padding:0px; }
#spec li.mark{ background:url(images/i_spuare.gif) no-repeat 0 7px; padding:0 0 5px 12px; margin: 0px; }
#spec table{ border:solid 1px #999999; border-collapse:collapse; width:544px; margin:0 0 15px 0;}
#spec table caption{ text-align:left; font-weight:bold; color:666666; }
#spec table th{ border:solid 1px #999999; padding:5px 8px; width:180px; background:#FFFFFF;}
#spec table .tbttl{ background:#d1deed; border:solid 1px #999999; padding:5px 8px; text-align: center;  }
#spec table .tbth{ background:#d1deed; border:solid 1px #999999; padding:5px 8px; }
#spec table td{ border:solid 1px #999999; padding:5px 8px; background-color:#ffffff; }
#spec .contuctbox { background-color:#d6d6d6; margin-top: 30px; }
#spec .contuctbox .context { padding: 15px 20px 10px 70px; margin:0px; }
#spec .contuctbox .conimg { margin: 0 185px 15px 185px; padding: 0px; }

#sitemap { padding:0 9px;}
#sitemap ul{ margin:0 0 20px 0;}
#sitemap li{ border-bottom:solid 1px #ddd; padding:6px 0 7px 11px; background:url(images/i_arrow.gif) no-repeat 0 50%; }
#sitemap dl{ margin:-12px 0 0 0; padding:0 0 8px 0; border-bottom:solid 1px #ddd;}
#sitemap dt{ padding:3px 0 0 11px; margin:0 0 5px 0; font-weight:bold;}
#sitemap dd{ background:url(images/i_arrow.gif) no-repeat 0 6px; padding:0 0 2px 11px; margin:0 0 0 13px;}