body { color:#444; font-size:12px; font-family:"A-CID oSMB31", Osaka, Helvetica; text-align: center; letter-spacing:1px; margin:0; padding:0; border: solid 0 orange; text-justify: inter-ideograph } a,a:link,a:visited,a:active{ color: #444; font-size: 12px; text-decoration: none; margin: 0; padding: 0; border-width: 0; outline: none medium } a:hover{ text-decoration: underline } a:hover img{ margin: 0; padding:0; border-width: 0; -ms-filter: "alpha(opacity=60)"; filter: alpha(opacity=60); opacity: 0.6 } img{ margin:0; padding: 0; border: solid 0 fuchsia; vertical-align:bottom; } ul{ list-style-type: none; margin: 0; padding: 0; border-width: 0 } li{ list-style-type: none; margin: 0; padding: 0; border-width: 0 } p { font-size: 12px; line-height: 1.7em; text-align: justify; margin: 0 0 20px; padding: 0; border-width: 0; text-justify: inter-ideograph } #center { background-image: url("../images/common/back.png"); background-repeat: repeat-y; margin: 0 auto; padding: 0; width: 850px; border: solid 0 aqua } #header { text-align: left; margin: 0 0 0; padding: 0 0 0 25px; width: 850px; border: solid 0 blue } #title { margin: 0; padding: 0; width: 345px; height: 105px; float: left; border-width: 0 } #subtitle { margin: 0; padding: 0; width: 375px; height: 105px; float: left; border-width: 0 } #logo { margin: 0; padding: 0; width: 80px; height: 70px; float: left; border-width: 0 } #ckdhome { margin: 0; padding: 0; width: 80px; height: 35px; float: left; border-width: 0 } #header_line { margin: 0 0 3px; padding: 0; border-width: 0 } #gnavi { margin: 0; padding: 0; float: left; border: solid 0 aqua } #gnavi a:hover img { margin: 0; padding: 0; border-width: 0; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); opacity: 1 } #gnavi ul { margin: 0; padding: 0; border-width: 0 } #gnavi li { margin: 0 5px 0 0; padding: 0; float: left; border-width: 0 } #interview_menu { margin: 0 0 0 0; padding: 0; clear: left; border: solid 0 aqua } #interview_menu a:hover img { margin: 0; padding: 0; border-width: 0; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); opacity: 1 } #interview_menu ul { margin: 0 0 0 25px; padding: 0; border-width: 0 } #interview_menu li { margin: 0; padding: 0; width: 160px; height: 26px; float: left; border: solid 0 fuchsia } #faq_menu { margin: 20px 0; padding: 0; clear: left; border: solid 0 aqua } #faq_menu a:hover img { margin: 0; padding: 0; border-width: 0; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); opacity: 1 } #faq_menu ul { margin: 0 0 0 25px; padding: 0; border-width: 0 } #faq_menu li { margin: 0 9.3px 0 0; padding: 0; width: 193px; height: 46px; float: left; border: solid 0 fuchsia } #data_menu { margin: 20px 0 0; padding: 0; clear: left; border: solid 0 aqua } #data_menu a:hover img { margin: 0; padding: 0; border-width: 0; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); opacity: 1 } #data_menu ul { margin: 0 0 0 25px; padding: 0; border-width: 0 } #data_menu li { margin: 0 11.5px 0 0; padding: 0; width: 259px; height: 45px; float: left; border: solid 0 fuchsia } #content { color: #444; font-size: 13px; line-height: 1.5em; text-align: left; margin: 0 auto; padding: 0; width: 850px; clear: left; border: solid 0 red } #pannavi { margin: 0; padding: 0; float: left } #pannavi_interview { margin-bottom: 20px; float: left } #pannavi p { margin-top: 0; margin-bottom: 0; margin-left: 25px; padding-top: 0; padding-bottom: 0 } #pannavi_interview p { margin-left: 25px } #slider { margin: 0 0 0 25px; padding: 0; width: 800px; height: 383px; clear: left; border-width: 0 } .white_space16 { background-image: url("../images/common/white_space16.gif"); margin-left: 25px; width: 800px; height: 16px } .white_space { margin-left: 25px; clear: both } .white_space8 { background-image: url("../images/vision/line.png"); background-repeat: no-repeat; margin-left: 25px; width: 800px; height: 8px } #white_space { margin-left: 25px } #index { background-image: url("../images/index/index_back.png"); background-repeat: no-repeat; margin: 0 0 0 1px; padding: 0; width: 850px; height: 574px; clear: left } #index_left { width: 284px; float: left } #rikunavi { margin: 0; padding: 0; float: left; border-width: 0 } #rikunavi img { margin-top: 40px; margin-left: 25px } #mypage { margin: 0; padding: 0; float: left; border-width: 0 } #mypage img { margin-top: 45px; margin-left: 25px } #index_sitemap { float: left; clear: left } #index_policy { float: left; clear: left } #index_sitemap img { margin-top: 20px; margin-bottom: 0; margin-left: 25px } #index_policy img { margin-top: 10px; margin-bottom: 0; margin-left: 25px } #index_right { width: 564px; float: right } #index_right ul { list-style-type: none; margin: 0; padding: 0; border-width: 0 } #index_right li { margin: 0 0 19px 0; padding: 0; float: left; border-width: 0 } #index_right img { margin-top: 19px; margin-right: 23px; margin-left: 20px; padding: 0; width: 236px; height: 153px; float: left; border-width: 0 } #interview_index { background-image: url("../images/interview/index_back.png"); background-repeat: no-repeat; margin: 0 0 0 1px; padding: 0; width: 850px; height: 812px; clear: left } #interview_index ul { list-style-type: none; margin: 0; padding: 0; border-width: 0 } #interview_index li { margin: 0 22px 22px 0; padding: 0; float: left; border-width: 0 } #interview_index li img { margin: 19.5px 0 0 23.75px; padding: 0; float: left; border-width: 0 } .line { background-image: url("../images/common/line.png"); margin: 0 0 0 25px; padding: 0; width: 800px; height: 34px; clear: both; border-width: 0 } .tech_line { background-image: url("../images/tech/tech_line.png"); margin: 0 0 0 25px; padding: 0; width: 800px; height: 34px; clear: both; border-width: 0 } .line2 { background-image: url("../images/common/white_space8.gif"); margin: 0 0 0 25px; padding: 0; width: 800px; height: 34px; clear: both; border-width: 0 } .float { background-image: url("../images/common/line.png"); margin: 0 0 0 25px; padding: 0; clear: both; border-width: 0 } .sitemap_common { margin: 0; padding: 0; width: 800px; height: 20px; clear: left; border: solid 0 aqua } .sitemap_left { margin: 0; padding: 0; width: 145px; float: left; border-width: 0 } .sitemap_center { margin: 0; padding: 0; width: 274px; float: left; border-width: 0 } .sitemap_right { margin: 0; padding: 0; width: 345px; float: left; border-width: 0 } .sitemap_padding { margin: 0 0 18px; padding: 0; width: 345px; height: 23px; border: solid 0 #fff } .map_line { margin: 5px 0 15px; padding: 0; width: 800px; height: 10px; clear: left; border-width: 0 } #sitemap { margin-left: 25px; width: 800px; border: solid 0 aqua } #footer { background-image: url("../images/common/back.png"); text-align: left; margin: 0; padding: 0; width: 850px; float: left; border: solid 0 aqua } #fsitemap { color: #444; font-size: 10px; margin: 15px 0; padding: 0; float: left; border: solid 0 fuchsia } #fsitemap img { margin-left: 25px } #fpolicy { color: #444; font-size: 10px; margin: 15px 0; padding: 0; float: left; border: solid 0 fuchsia } #juncture { background-image: url("../images/common/juncture.png"); margin-top: 15px; margin-bottom: 15px; width: 32px; height: 16px; float: left } #copyright { background-image: url("../images/common/copyright.png"); background-repeat: no-repeat; margin-top: 15px; margin-right: 1px; margin-bottom: 15px; width: 266px; height: 16px; float: right } #vision { margin-left: 25px; width: 800px; height: 2983px; clear: left } #role_top { background-image: url("../images/ckdrole/role_top.jpg"); margin-left: 25px; width: 824px; height: 510px; clear: left } #share_top { background-image: url("../images/ckdrole/share_top.jpg"); margin-left: 25px; width: 824px; height: 510px; clear: left } #product_top { background-image: url("../images/ckdrole/product_top.jpg"); margin-left: 25px; width: 824px; height: 935px; clear: left } .pro_left { float: left } .pro_left img { margin-right: 43px; margin-left: 25px } .pro_text530 { } .pro_text530 p { margin-left: 295px; width: 530px } .pro_under { } .pro_under img { float: left } .cap1 { float: left } .cap7 { font-size: 10px; text-align: left; margin-top: 380px; margin-left: 15px } .cap2 { float: left } .cap5 { float: left } .cap6 { float: left } .cap8 { float: left } .cap3 { float: left } .cap4 { float: left } .cap2 p { font-size: 10px; text-align: left; margin-top: 83px; margin-left: 15px } .cap1 p { font-size: 10px; text-align: left; margin-top: 157px; margin-left: 15px } .cap5 p { font-size: 10px; text-align: left; margin-top: 90px; margin-left: 15px } .cap6 p { font-size: 10px; text-align: left; margin-top: 104px; margin-left: 15px } .cap8 p { font-size: 10px; text-align: left; margin-top: 325px; margin-left: 15px } .cap3 p { font-size: 10px; text-align: left; margin-top: 123px; margin-left: 15px } .cap4 p { font-size: 10px; text-align: left; margin-top: 45px; margin-left: 15px } #tech_top { background-image: url("../images/tech/tech_top.jpg"); margin-bottom: 40px; margin-left: 25px; width: 824px; height: 454px; clear: left } .tech_menu { margin: 0; padding: 0; width: 340px; height: 30px; border: solid 0 aqua } .tech_menu a:hover img { margin: 0; padding: 0; width: 340px; height: 30px; border: solid 0 fuchsia; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); opacity: 1 } #tech_cont_title01 { margin-bottom: 30px; margin-left: 25px; width: 805px; height: 145px; clear: left } #tech_cont_title04 { margin-top: 30px; margin-bottom: 40px; margin-left: 25px; width: 805px; height: 145px; clear: left } #tech_cont_title02 { margin-top: 30px; margin-bottom: 40px; margin-left: 25px; width: 805px; height: 145px; clear: left } #tech_cont_title03 { margin-top: 30px; margin-bottom: 40px; margin-left: 25px; width: 805px; height: 145px; clear: left } .tech_cont { margin-left: 25px; width: 805px } .tech_cont2 { margin-left: 25px; width: 805px; float: left } .tech_cont_area { margin-right: 0; margin-left: 0; width: 530px; float: left; border: solid 0 aqua } .tech_cont_outline { margin-right: 0; width: 225px; float: right; border: solid 0 fuchsia } .tech_cont_thema1 { margin-right: 0; margin-left: 0; width: 530px; float: left } .tech_cont_thema2 { margin-right: 0; margin-left: 0; width: 530px; float: left } .tech_cont_profile { width: 225px; float: right } .tech_cont_photo { width: 225px; float: right } .tech_comment { background-image: url("../images/tech/comment_back.jpg"); background-repeat: repeat-y; margin: 0; padding: 0; width: 530px; float: left; border-width: 0 } .tech_comment2 { background-image: url("../images/tech/comment_back2.jpg"); background-repeat: repeat-y; margin: 0; padding: 0; width: 805px; float: left; border-width: 0 } .tech_comment_back { background-image: url("../images/tech/comment_back.jpg"); background-repeat: repeat-y; margin: 0; padding: 0; width: 530px; float: left; border: solid 0 aqua } .tech_comment_back2 { background-image: url("../images/tech/comment_back2.jpg"); background-repeat: repeat-y; margin: 0; padding: 0; width: 805px; float: left; border: solid 0 aqua } .tech_comment_head { margin: 0; padding: 0; width: 530px; height: 105px; border-width: 0 } .tech_comment_foot { margin: 0; padding: 0; width: 530px; height: 35px; clear: both; border: solid 0 fuchsia } .tech_comment_head2 { margin: 0; padding: 0; width: 805px; height: 51px; border-width: 0 } .tech_comment_foot2 { margin: 0; padding: 0; width: 805px; height: 15px; clear: both; border: solid 0 aqua } .tech_comment_photo { float: left } .tech_comment_text { width: 250px; float: right } .tech_comment_text2 { width: 525px; float: right } .tech_comment_area { margin: 0 0 0 36px; padding: 0; width: 460px } .tech_comment_area2 { margin: 0 0 0 36px; padding: 0; width: 735px } .role_big { margin: 0 0 15px; padding: 0; width: 340px; height: 40px; border-width: 0 } .role_big a:hover img { margin: 0; padding: 0; border-width: 0; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); opacity: 1 } .role_small { margin: 0 0 20px; padding: 0; width: 340px; height: 15px; border-width: 0 } .role_small a:hover img { margin: 0; padding: 0; border-width: 0; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); opacity: 1 } .role_midashi { margin-bottom: 10px; margin-left: 25px } .share_midashi { margin: 0; padding: 0; width: 800px; height: 40px; border-width: 0 } .role_text { margin-right: 35px; margin-bottom: 30px; width: 405px; float: left } .role_text p { margin-left: 25px; width: 380px } .role_text img { margin-left: 25px } .role_text a { color: green; text-decoration: underline } .role_text a:hover { color: #e10000 } .role_image { margin-bottom: 20px } #product { margin-left: 25px; width: 800px; height: 1495px; clear: left } .share { margin: 0; padding: 0; width: 407px; float: left; border-width: 0 } #share_line { margin: 0; padding: 0; width: 800px; height: 33px; clear: both; border-width: 0 } #share_line img { margin: 0 0 0 25px; padding: 0; width: 800px; height: 33px; border-width: 0 } .share_left { margin-left: 25px; width: 382px } #share_world { background-image: url("../images/ckdrole/share_world.jpg"); background-repeat: no-repeat; margin-left: 25px; width: 800px; height: 352px } #lead { margin-bottom: 180px; width: 215px; float: left } #share { width: 800px; float: left; clear: left } .share p { width: 382px } .share img { margin: 0; padding: 0; border-width: 0 } .tate_line { margin: 0; padding: 0; width: 36px; height: 720px; float: left; border-width: 0 } .tate_line img { margin: 0; padding: 0; width: 36px; height: 720px; border-width: 0 } #flow { background-image: url("../images/flow/back.jpg"); background-repeat: repeat-y; margin: 0 0 0 25px; padding: 0; width: 800px; clear: left; border-width: 0 } #flow_message { margin: 0; padding: 0; width: 800px; height: 833px; border-width: 0 } .flow_left { margin: 0; padding: 0; width: 511px; float: left; border-width: 0 } .flow_left img { margin-right: 20px; margin-left: 54px } .flow_left p { margin-right: 20px; margin-left: 54px; width: 511px } .flow_right { margin: 0; padding: 0; float: right; border-width: 0 } .flow_right img { margin-right: 32px } .flow_arrow { margin: 0 0 10px; padding: 0; border-width: 0 } .flow_caption { width: 215px; float: right } .flow_caption p { color: #636363; font-size: 10px; margin-right: 32px } #flow_back { margin-top: 0; float: left; clear: both } #flow_back img { margin-left: 25px } .staff_banner { margin-left: 54px; clear: both } .staff_banner ul { margin: 0; padding: 0 } .staff_banner li { margin: 0; padding: 0; float: left } h1 { margin: 0 0 0 25px; padding: 0; border-width: 0 } #interview { margin: 20px 0 0 25px; padding: 0; width: 800px; clear: both; border: solid 0 aqua } #interview_name { margin: 0 0 0 25px; padding: 0; border: solid 0 aqua } #interview_left { margin: 0; padding: 0; width: 190px; float: left } #interview_right { margin: 0; padding: 0; width: 545px; float: right } #data_box01 { margin: 0 0 0 25px; padding: 0; width: 800px; clear: both; border: solid 0 aqua } #data_box02 { margin: 0 0 0 25px; padding: 0; width: 800px; clear: both; border: solid 0 aqua } #data_box03 { margin: 0 0 0 25px; padding: 0; width: 800px; clear: both; border: solid 0 aqua } #data_box04 { margin: 0 0 0 25px; padding: 0; width: 800px; clear: both; border: solid 0 aqua } #data_mypage { float: left } #data_mypage img { margin-right: 0; margin-bottom: 20px } .data_left { margin: 0; padding: 0; width: 192px; float: left } .data_right { margin: 43px 0 0; padding: 0; width: 540px; float: right } .data_job { margin-bottom: 5px; clear: left } .data_recruit { margin-bottom: 10px; width: 543px; height: 29px } .data_world { width: 543px; height: 329px } #item_table { width: 545px; border-style: solid; border-width: 1px 0 0 1px; border-color: #bebebe } #item_table th,#item_table td { font-size: 12px; font-family: "A-CID oSMB31", Osaka, Helvetica; line-height: 1.7em; padding: 10px; border-style: solid; border-width: 0 1px 1px 0; border-color: #bebebe } #back { float: right } #back img { margin-right: 25px } .backtotop { margin: 0 1px 10px 0; padding: 0; float: right; border-width: 0 } .backtodata { margin: 0 1px 10px 0; padding: 0; float: right; clear: both; border-width: 0 } .backtotech { margin: 0 1px 30px 0; padding: 0; float: right; clear: both; border-width: 0 } #category01 { margin-bottom: 20px; float: left; clear: left } #category01 img { margin-left: 25px } #category04 { margin-bottom: 20px; float: left; clear: left } #category04 img { margin-left: 25px } #category02 { margin-bottom: 20px; float: left; clear: left } #category02 img { margin-left: 25px } #category03 { margin-bottom: 20px; float: left; clear: left } #category03 img { margin-left: 25px } .question { margin-bottom: 10px; margin-left: 25px } .faq { margin-left: 25px; width: 800px } .answer { float: left } .line_green { background-image: url("../images/faq/line_green.png"); margin-bottom: 10px; margin-left: 25px; width: 800px; height: 20px } .tyuuto{ margin:0 auto; padding:0; width:600px; } .tyuuto h2{ clear:both; padding-top:30px; font-size:200%; letter-spacing:0.2em; } .tyuuto h3{ border-left:18px solid #009933; border-bottom:2px solid #009933; padding-left:7px; } .tyuuto p{ font-size:110%; padding-left:25px; } .tyuuto a:link{ color:#003399; border-bottom:1px solid #003399; } .tyuuto a:visited{ color:#4B0082; } .tyuuto a:hover{ background-color:#a0FFFF; border-bottom:none; } .top p{ text-align:right; border-bottom:3px dotted #bbbbbb; padding-bottom:10px; }