@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,th,td
{ 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; 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;}

a:link, a:visited { color:#099; text-decoration:underline; overflow:hidden; }
a:hover, a:active { color:#cc0;text-decoration:underline; }
.smallText{ font-size:83%;}
.redText{ color:#f00;}

#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:226px; 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 #33cc82;}
#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:4px 0 0 0; _margin:0; text-align:right;}

#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;}
#topContents .right .about { background:#edfaf4; padding:10px 15px; margin:15px 0 5px 0;}
#topContents .right .about h2 { margin:0 0 5px 0;}
#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;}

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

#contents { padding:0 13px 5px 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 12px 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;}
.copyright3{ text-align:right; padding:20px 10px 3px 0;}

#trial{ padding:0 9px;}
#trial .left{ float:left; width:310px; text-align:left;}
#trial .right{ float:right; width:210px;}
#trial p{ margin:0 0 12px 0;}
#trial h3{ background:url(images/i_dotline3.gif) repeat-x 0 100%; padding:20px 0 7px 0; margin:0 0 10px 0;}
#trial table{ border:solid 1px #aaa; border-collapse:collapse; width:544px; margin:0 0 15px 0;}
#trial table th{ background:#eee; border:solid 1px #aaa; padding:5px 8px; width:100px;}
#trial table td{ border:solid 1px #aaa; padding:5px 8px;}
#trial table caption{ text-align:left; font-weight:bold; }
#trial .green{  color:#096;}

#solve{ padding:0 9px;}
#solve h3{ padding:10px 0 15px 0;}
#solve .solutionTitle{ margin:20px 0 5px 0;}
#solve #solution{ background:#f3faf6; padding:10px 16px; margin:0 0 30px 0;}
#solve #solution h4{ background:url(images/i_dotline.gif) repeat-x 0 100%; padding:20px 0 7px 0; margin:0 0 10px 0;}
#solve #solution h5{ padding:20px 0 10px 0;}
#solve #solution .left{ float:left; width:266px; text-align:left;}
#solve #solution .right{ float:right; width:225px;}
#solve .relatedWord{ background:url(images/i_dotline2.gif) repeat-x 0 100%; padding:0 0 7px 0; margin:0 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:#f3f3f3; padding:10px 5px 10px 10px;}
#solve #relatedLink img{ float:left;} 
#solve #relatedLink li{ float:left; margin:0 0 0 15px;}

#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 ul.reason li{ margin:0 0 5px 0;}
#outline p{ float:left; width:250px;}
#outline p.image{ width:290px; text-align:center; float:right;}
#outline h4{ margin:25px 0 10px 0;}
#outline dt{ margin:0 0 4px 0;}
#outline dd.image{ text-align:center; margin:20px 0 0 0;}

#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;}
#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_line2.gif) repeat-x 0 100%; padding:0 0 7px 0; margin:0 0 10px 0;}
#inquiry table.necessary{ border:solid 1px #21b18b; 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:#e1f3ef; border:solid 1px #21b18b; padding:5px 8px; width:140px;}
#inquiry table.necessary td{ border:solid 1px #21b18b; padding:5px 8px;}
#inquiry table.optionally{ border:solid 1px #aaa; 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;}
#inquiry table.optionally td{ border:solid 1px #aaa; 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_line2.gif) repeat-x 0 100%; padding:10px 0 6px 0; margin:0 0 10px 0; font-weight:bold;}
#qa dl{ padding:0 9px 10px 9px;}
#qa dt{ background:url(images/qa_q.gif) no-repeat 0 2px; padding:4px 0 4px 30px;}
#qa dd{ background:url(images/qa_a.gif) no-repeat 0 2px; padding:4px 0 4px 30px;}

#news{ padding:0 9px;}
#news h3{ background:url(images/i_line2.gif) repeat-x 0 100%; padding:25px 0 6px 0; margin:0 0 10px 0; font-weight:bold;}
#news dl{}
#news dt{ background:url(images/i_spuare.gif) no-repeat 0 7px; padding:0 0 8px 12px; float:left; width:93px;}
#news dd{ float:right; width:439px;}
#news p.none{ background:url(images/i_spuare.gif) no-repeat 0 7px; 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 12px 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:#096;}
#agency h3{ padding:10px 0 15px 0;}
#agency h4{ background:url(images/i_line2.gif) repeat-x 0 100%; padding:20px 0 7px 0; margin:0 0 10px 0;}
#agency table{ border:solid 1px #21b18b; 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:#e1f3ef; border:solid 1px #21b18b; padding:5px 8px; width:140px;}
#agency table td{ border:solid 1px #21b18b; padding:5px 8px;}
#agency .submit{ text-align:center;}

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

#spec{ padding:0 9px;}
#spec h3{ border-bottom:solid 3px #33cc82; padding:10px 0 6px 0; margin:0 0 15px 0;}
#spec table{ border:solid 1px #21b18b; border-collapse:collapse; width:544px; margin:0 0 15px 0;}
#spec table caption{ text-align:left; font-weight:bold;}
#spec table th{ background:#e1f3ef; border:solid 1px #21b18b; padding:5px 8px; text-align:center; vertical-align:middle;}
#spec table th.file{ background:#eee; white-space:nowrap; text-align:left;} 
#spec table td{ border:solid 1px #21b18b; padding:5px 8px;}
#spec table td.blank{  vertical-align:middle; text-align:center;} 
#spec .attention{ margin:10px 0;}
#spec p{ margin:0 0 5px 0;}
#spec .w90{ width:90px;}

.inquiry{ background:#f3f3f3; padding:10px 5px 10px 10px; text-align:center; font-weight:bold; color:#18b67c; margin:25px 0 0 0;}

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

#showcase { padding:0 9px;}
#showcase .profile { margin:10px 0;}
#showcase .profile dt { margin:0 0 4px 0;}
#showcase .profile dd { background:#e5e5e5; padding:9px 8px;}
#showcase h3{ background:url(images/i_line2.gif) repeat-x 0 100%; padding:20px 0 6px 0; margin:0 0 10px 0;}
#showcase .box p{ float:left; width:320px;}
#showcase .box .image{ width:204px; text-align:right; float:right;}
#showcase .box2 p{ float:left; width:299px;}
#showcase .box2 .image{ width:224px; text-align:right; float:right;}