/* CSS Document */
html{height:100%;}
body{ background-color:#B2D6E7; padding:0; margin:0; height:100%; font-size:12px; line-height:18px; letter-spacing:0.1pt; font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif;  color:#333;}
p{ padding: 0px 0px 7px 20px; margin: 0px; }
a{ color:#03F; text-decoration:none;}
a:hover{text-decoration:underline;}
h2{ margin-bottom:25px; font-size:250%; margin-top: 25px; }
h3{ clear:both; font-weight:normal; padding-left: 30px; font-size:10pt; margin-bottom: 10px; padding-top: 8px; margin-top: 20px; background-image: url(../img/bg_h3.jpg); background-repeat: no-repeat; height: 33px; }
h4{ padding:3px 0 0px 15px; margin:15px 20px 15px; color:#333; background: url(../img/bg_h4.jpg); height: 27px; }
h5{margin-left:20px; font-weight:bold;}
img{border:0;}
blockquote{ padding:10px; margin:10px; border:1px solid #FFD0D0; background-color:#FFE1E1; }

/* 基本枠組み構造 */
#whole-body{ width:960px; position:absolute; left:50%; height:100%; min-height:100%; margin-left:-480px; padding-left:37px; background: url(../img/bg_wholebody.jpg) repeat-y; float:left; text-align:center;}
body > #whole-body {width:1000px; height:auto; background: url(../img/bg_wholebody.jpg) repeat-y; }
#whole-body #main-body { width: 934px; height: 100%; float: left; }
#whole-body #main-body #container{ height:100%; min-height:100%; text-align:left; float: left; padding-top: 10px; width: 920px; padding-left:15px; margin-bottom: 20px; }
.content-body{ width:658px; min-height:100%; float:left; }

/* 共通要素 */
.red{color:red;}
.font14 {font-size: 14px; }
#whole-body #main-body #container .content-body .contents ul { margin: 0 40px 0; padding: 0px; }
#whole-body #main-body #container .content-body #pkz { background: #DFEBFE; font-size: 10px; padding-left: 5px; padding-bottom: 3px; }
#whole-body #main-body #container .content-body table { margin-left:20px; border-collapse:collapse; width: 637px; font-size: 12px; }
#whole-body #main-body #container .content-body table td { padding: 7px; border: 1px solid #CCCCCC; }
#whole-body #main-body #container .content-body table.noborder_table td { border-style: none; }
#body{padding:0 0 20px 20px;}
#whole-body #main-body #container .content-body .contents .leadblock { float: left; margin-bottom: 20px; }
#whole-body #main-body #container .content-body .bg-gray { background: #F5F5F5; }
.strongmsg { font-size: larger;}


/* ヘッダー */
#header{ background-color: #FFFFFF; background-image: url(../img/bg_header_new.jpg); background-repeat: repeat-x; width: 934px; }
#tf-logo{ background:url(../img/logo_newhp.jpg) no-repeat 15px; float:left; }
#tf-logo span{ text-indent:-9999px; height: 1px; line-height: 1px; display: none; }
#tf-tel{ padding-right:25px; float:right; color: #666666; text-align: right; background: url(../img/bg_tf_tel.jpg) no-repeat bottom; height: 65px; width: 175px; }
#tf-logo a { height:67px; width: 140px; display:block; }
li div#websystem a{background:url(../img/btn_web_off_r1_c1.jpg);}
li div#website a{background-image:url(../img/btn_web_off_r3_c1.jpg);}
li div#voice a{background-image:url(../img/btn_web_off_r5_c1.jpg);}
li div#websystem a:hover{ background-image:url(../img/btn_web_on_r1_c1.jpg); }
li div#website a:hover{ background-image:url(../img/btn_web_on_r3_c1.jpg); }
li div#voice a:hover{ background-image:url(../img/btn_web_on_r5_c1.jpg); }

/* 中央ナビゲーション */
#navi-center{ background-image:url(../img/bg_centernavi_side.jpg); height: 47px; }
#navi-center ul{ margin:0; padding:0 0 0 15px; }
#whole-body #header #navi-center a {color: #FFFFFF;}
#navi-center ul li{display:inline;}
#navi-center ul li a{display:block; float:left; text-decoration:none; height:43px;}
#whole-body #header #navi-center #link-top a {background-image: url(../img/bg_centernavi_home_off.jpg); width:127px; }
#whole-body #header #navi-center #link-top a:hover {background-image: url(../img/bg_centernavi_home_on.jpg);}
#whole-body #header #navi-center #link-mac a {background-image: url(../img/bg_centernavi_mac_off.jpg); width:200px; }
#whole-body #header #navi-center #link-mac a:hover {background-image: url(../img/bg_centernavi_mac_on.jpg);}
#whole-body #header #navi-center #link-websystem a {background-image: url(../img/bg_centernavi_web_off.jpg); width:215px; }
#whole-body #header #navi-center #link-websystem a:hover {background-image: url(../img/bg_centernavi_web_on.jpg);}
#whole-body #header #navi-center #link-webdesign a {background-image: url(../img/bg_centernavi_hp_off.jpg); width:209px; }
#whole-body #header #navi-center #link-webdesign a:hover {background-image: url(../img/bg_centernavi_hp_on.jpg);}
#whole-body #header #navi-center #link-companyprofile a {background-image: url(../img/bg_centernavi_company_off.jpg); width:153px; }
#whole-body #header #navi-center #link-companyprofile a:hover {background-image: url(../img/bg_centernavi_company_on.jpg);}
#whole-body #header #navi-center a span {display:none; }
#whole-body #header #navi-center ul { margin-left: 0px; }

/*右ナビ*/
body > #right-navi {height:auto;}
#right-navi{ width:214px; float:left; height: 100%; min-height:100%; margin-left: 29px; margin-bottom: 50px; }
#right-navi img{border:none;}
ul#rnavi-link{margin-top:10px; padding:0; list-style-type:none;}
ul#rnavi-link li{display:inline;}
ul#rnavi-link li div a{ width:195px; height:53px; display:block; }
ul#rnavi-link li div a span{ display:none;}

#whole-body #container #right-navi #rgt-inner ul { list-style-type: none; }
#whole-body #container #right-navi #rgt-inner ul li{ }
#whole-body #container #right-navi #rgt-inner ul li a{color:#0033FF; text-decoration:none;}
#whole-body #container #right-navi #rgt-inner ul li a:hover{ color:#76B3E6; }
#whole-body #main-body #container #right-navi #rgt-inner .rlink_tail { background: url(../img/bg_rnavi_tail.jpg) no-repeat; margin-bottom: 10px; height: 15px; }
#whole-body #main-body #container #right-navi #rgt-inner .rnavi_body { background: url(../img/bg_rnavi_body.jpg) repeat-y; margin: 0px; padding-top: 10px; }
#whole-body #main-body #container #right-navi #rgt-inner .rnavi_body .rtext_link { padding: 0px; margin: 0px 0px 0px 10px; }
#whole-body #main-body #container #right-navi #rgt-inner .rnavi_body .rtext_link li { background: url(../img/arrow_rnavi.jpg) no-repeat; padding-left: 13px; padding-bottom: 3px; }
#whole-body #container #right-navi #rgt-inner div#imglink { padding:15px 0 15px 15px; }
#whole-body #container #right-navi #rgt-inner div.rlinktitle01 { background-image: url(../img/bg_rnavi_title_mac.jpg); background-repeat: no-repeat; height: 26px; padding-top: 10px; padding-left: 20px; text-indent: -9999px; }
#whole-body #container #right-navi #rgt-inner div.rlinktitle02 { background-image: url(../img/bg_rnavi_title_websystem.jpg); background-repeat: no-repeat; height: 26px; padding-top: 10px; padding-left: 20px; text-indent: -9999px; }
#whole-body #container #right-navi #rgt-inner div.rlinktitle03 { background-image: url(../img/bg_rnavi_title_hp.jpg); background-repeat: no-repeat; height: 26px; padding-top: 10px; padding-left: 20px; text-indent: -9999px; }
#whole-body #container #right-navi #rgt-inner div.rlinktitle04 { background-image: url(../img/bg_rnavi_title_company.jpg); background-repeat: no-repeat; height: 26px; padding-top: 10px; padding-left: 20px; text-indent: -9999px; }
#whole-body #container #right-navi #rgt-inner div.rlinktitle05 { background-image: url(../img/bg_rnavi_title_orisoft.jpg); background-repeat: no-repeat; height: 38px; padding-top: 10px; padding-left: 20px; text-indent: -9999px; }
#whole-body #main-body #container #right-navi #rgt-inner .customersvoice a { background: url(../img/btn_voice.jpg) no-repeat; height: 58px; text-indent: -9999px; display:block; }
#whole-body #main-body #container #right-navi #rgt-inner .rnavi_body .rnavi_orisoft .rnavi_dswatch { height: 80px; }
#whole-body #main-body #container #right-navi #rgt-inner .rnavi_body .rnavi_orisoft .rnavi_daikippo { height: 81px; }
#whole-body #main-body #container #right-navi #rgt-inner .rnavi_body .rnavi_orisoft .rnavi_trifviewer { height: 85px; }
#whole-body #main-body #container #right-navi #rgt-inner .rnavi_body .rnavi_daikippo a { height:80px; background: url(../img/btn_rnavi_daikippo_off.jpg) no-repeat; }
#whole-body #main-body #container #right-navi #rgt-inner .rnavi_body .rnavi_daikippo a:hover { background: url(../img/btn_rnavi_daikippo_on.jpg) no-repeat; }

#whole-body #container .content-body #topConsul {margin-left: 10px; }
#whole-body #container .content-body #topConsul {margin-bottom: 10px; }
#whole-body #container #right-navi #rgt-inner {border: 1px solid #CCCCCC; }
#whole-body #main-body #container #right-navi .contactus { margin-bottom: 10px; }
#whole-body #main-body #container #right-navi .iphone_dev { margin-bottom: 10px; }
#origi-soft{ background:url(../img/bg_rnavi_orisoft.jpg) repeat-y; }
#origi-soft a img{text-decoration:none; border:none; margin:5px 0;}
#origi-soft div#orisoft-bottom { height:23px; background:url(../img/img_rnavi_orisoft_bottom.jpg) no-repeat; padding-top:5px; text-align:right; padding-bottom: 20px; padding-right: 10px; }
#origi-soft div#orisoft-bottom a{color:#76B3E6;}
#origi-soft div#orisoft-bottom a:hover{color:#0033FF;}



/* フッター */
#footer{ height:31px; padding-top:10px; font-size:11px; clear: both; background: url(../img/bg_footer.jpg) no-repeat; padding-left: 17px; padding-right: 15px; }
#footer #footer-link{ float:left; }
#footer #footer-link a{}
#footer #footer-link a:hover{}
#footer #copyright{ float:right; }

/* -- ↓ここから下氏既存Web用スタイル↓ -- */
/* topics */
div#container dl{ margin:10px 0 0px 15px; }
div#container dl dt{ clear:both; width:9em; background:url(../img/a_hd.gif) no-repeat 1px 6px; float:left; padding-top: 0px; padding-bottom: 3px; padding-left: 14px; }
div#container dl dd{ padding-top: 3px; padding-right: 0; padding-bottom: 3px; }
div#container div#tps{ padding:10px 30px 0;}
div#container div#tps img{ float:right; margin:0 0 30px 20px}

div#container div#select{ width:630px; margin:30px 0 0 35px; color:#CC233C; font-weight:bold;}
div#container div#select p a{ margin-left:5px; padding:2px 6px; background-color:#F5F3F1; border:solid 1px #999;}

/* result */
div#container dl#result{ width:636px; margin:10px 0 10px 0px; padding: 0px; }
div#container dl#result dt{ clear:both; width:340px; height:120px; float:left; padding: 0px; }
div#container dl#result dd{ height:120px;}
div#container dl#result dd a{ padding-left:15px; background:url(../img/arrow01.jpg) no-repeat 2px 4px; }

/* inquiry */
div#container div#inqHd{ width:634px; margin:10px 0 0 30px; padding-left:2px; border-bottom:dotted 1px #CCC;}
div#container table#inqCheck{ width:100px; margin:8px 0 0 119px; border-bottom:none;}
div#container table#inqCheck td{border-bottom:none;}

div#container ul#inqError{ padding:8px 0 0 17px; width:600px;}
div#container ul#inqError li{ list-style-position:outside; list-style-type:disc; color:#CC233C; font-weight:bold;}

/* right */
div#container div#rgt{ font-size:12px; float:left; width:165px; margin-top:20px; padding:10px 5px 5px; border:solid 1px #FFF; background:url(../img/a_bk_red.gif);}
div#container div#rgt div#rgt-inner{ margin-top:5px; padding-top:9px; border:solid 1px #999; background-color:#FFF;}

div#container div#rgt div#rgt-inner ul{ border-top:solid 1px #CCC;}
div#container div#rgt div#rgt-inner ul li a{ width:140px; height:26px; background:url(../img/a_rgt_menu.gif); margin:0 0 1px 1px; padding:6px 0 0 22px; color:#333; text-decoration:none; display:block;}
div#container div#rgt div#rgt-inner ul li a:hover{ background:url(../img/a_rgt_menu_on.gif); color:#FFF;}
div#container div#rgt div#rgt-inner ul li h2{ font-weight:normal;}

div#container div#rgt div#rgt-inner p{ margin-left:2px; padding:0 0 7px 3px;}
div#container div#rgt div#rgt-inner p#rgt-info{ width:150px; margin:9px 0 9px 7px; padding:1px 0; text-align:center; line-height:105%; color:#FFF; font-size:x-small; font-weight:bold; letter-spacing:0.3em; background:url(../img/a_bk_red.gif);}
div#container div#rgt div#rgt-inner p#mac a{ width:153px; height:40px; margin:12px 0 6px 1px; padding:18px 0 0; text-align:center; color:#FFF; font-weight:bold; letter-spacing:0.1em; text-decoration:none; background:url(../img/a_rgt_mac.jpg); display:block;}

/*↑ここ迄↑*/


#whole-body #container .content-body div#topConsul { margin-left: -10px; }
.topimg02{ float:right; margin-left:10px; margin-right: 3px; margin-top: 10px; }

/* スライダー外枠 */
#whole-body #main-body #container .content-body .contents #original_iphone_app .iphone_app_title { background: url(../img/title_iphone_app.jpg) no-repeat; padding-top: 10px; }
#whole-body #main-body #container .content-body .contents #original_iphone_app .iphone_app_title a{ width:40px; margin-left:610px; display:block; }
#whole-body #main-body #container .content-body .contents #original_iphone_app #iphone_app_body { padding:15px 15px 0; background: url(../img/bg_iphone_app.jpg) repeat-y; text-align:center; margin: -10px 0px 0px; }
#whole-body #main-body #container .content-body .contents #original_iphone_app #iphone_app_btm { background: url(../img/btm_iphone_app.jpg) no-repeat; margin-bottom: 20px; }
#whole-body #main-body #container .content-body .contents #original_iphone_app { width: 658px; margin-top: 20px; }

 /* slider specific CSS */
.sliderGallery { background: url(../img/bg_slidergallery.jpg) no-repeat; overflow: hidden; position: relative; padding: 10px; height: 110px; width: 601px; }
.sliderGallery UL {position: absolute; list-style: none; overflow: none; white-space: nowrap; padding: 0; margin: 0; top:20px; left: 0px; }    
.sliderGallery UL LI { display: inline; margin: 0px 10px; padding: 0px; }
.sliderGallery UL LI  a{ vertical-align:text-bottom; }
.slider { width: 542px; height: 17px; margin-top: 85px; margin-left:40px; padding: 1px; position: relative; background: url(jquery/images/productbrowser_scrollbar_20070622_02.jpg) no-repeat; left:-20px; }
 .handle { position: absolute; cursor: move; height: 19px; width: 181px; top: 0; background: url(jquery/images/productbrowser_scroller_20080115_02.gif) no-repeat; z-index: 100; left: 0px; }
 
#whole-body #main-body #container .content-body .contents .leadblock .leadblock_title01 {width: 318px; height: 93px; background: url(../img/img_leadblock_title01.jpg) no-repeat; text-indent: -9999px; }
#whole-body #main-body #container .content-body .contents .leadblock .leadblock_title02 {width: 318px;  height: 94px;background: url(../img/img_leadblock_title02.jpg) no-repeat; text-indent: -9999px;}
#whole-body #main-body #container .content-body .contents .leadblock .leadblock_body { background: url(../img/img_leadblock_bg.jpg) repeat-y; width: 298px; padding: 10px; font-size: 12px; }
#whole-body #main-body #container .content-body .contents .leadblock .leadblock_btm { background: url(../img/img_leadblock_btm.jpg) no-repeat; height: 10px; width: 318px; }

#whole-body #main-body #container #right-navi #rgt-inner .rnavi_body .rnavi_orisoft { margin: -20px 0px 0px; padding: 0px; }
#whole-body #main-body #container #right-navi #rgt-inner .rnavi_body .rnavi_orisoft a{height: 78px; width: 214px; display: block; text-indent: -9999px; }

#whole-body #main-body #container #right-navi #rgt-inner .rnavi_body .rnavi_orisoft .rnavi_trifviewer a { background: url(../img/btn_rnavi_tviewer_off.jpg); height:83px; }
#whole-body #main-body #container #right-navi #rgt-inner .rnavi_body .rnavi_orisoft .rnavi_trifviewer a:hover { background: url(../img/btn_rnavi_tviewer_on.jpg);}
#whole-body #main-body #container #right-navi #rgt-inner .rnavi_body .rnavi_orisoft .rnavi_dswatch a { background: url(../img/btn_rnavi_dswatch_off.jpg); height:85px; }
#whole-body #main-body #container #right-navi #rgt-inner .rnavi_body .rnavi_orisoft .rnavi_dswatch a:hover { background: url(../img/btn_rnavi_dswatch_on.jpg);}
#whole-body #main-body #container #right-navi #rgt-inner .rnavi_body .rnavi_others { padding-left:118px; padding-top:10px; text-indent: -9999px; }
#whole-body #main-body #container #right-navi #rgt-inner .rnavi_body .rnavi_others a { background: url(../img/btn_rnavi_others_off.jpg) no-repeat; height: 12px;  display:block;  }

#whole-body #main-body #container .content-body .contents .oricon_head {background: url(../img/bg_oricon_head.jpg) no-repeat bottom; height:8px;}
#whole-body #main-body #container .content-body .contents .oricon_body { width:645px; height:132px; padding-left:17px; background: url(../img/bg_oricon_body.jpg) no-repeat; }
#whole-body #main-body #container .content-body .contents .oricon_body div.oricon_inbox01{width:190px; float:left;}
#whole-body #main-body #container .content-body .contents .oricon_body div.oricon_inbox02{width:183px; float:left; margin-left:30px; }
#whole-body #main-body #container .content-body .contents .oricon_body div.oricon_inbox03{width:190px; float:left; margin-left:35px; }
#whole-body #main-body #container .content-body .contents .oricon_body .oricon_link {text-align:right; background:url(../img/arrow01.jpg) no-repeat right center; padding-right:8px; font-size:10px; }
#whole-body #main-body #container .content-body .contents .oricon_tail { width:658px; background: url(../img/bg_oricon_tail.jpg) no-repeat; height: 13px; clear:both; }


#whole-body #main-body #container .content-body .contents ul li { margin-top: 7px; margin-bottom: 7px; }

#whole-body #main-body #container .content-body .contents #result { margin-left: 15px; }
#whole-body #main-body #container .content-body .contents #result dd { width: 590px; }
#whole-body #main-body #container .content-body .contents .img_result_system { float: left; padding-right: 15px; padding-bottom: 15px; }

.clear-both { clear: both; }
#whole-body #main-body #container .content-body .contents .mac_button ul{ padding-left:10px; }
#whole-body #main-body #container .content-body .contents .mac_button li{padding:0; list-style:none;}
#whole-body #main-body #container .content-body .contents .mac_button li a{ width:250px; margin:10px; float:left;}
#whole-body #main-body #container .content-body .contents #mail_form { width: 100%; }