@charset "Shift_JIS"; /* all */ * { margin: 0; padding: 0; } /* ~ */ body { font-size: 0.8em; color: #333333; line-height: 1.4em; letter-spacing: 0.1em; background-image: url(../img/base/background.jpg); background-color: #ffffff; background-repeat: repeat-x; background-position: top; background-attachment: fixed; } /* link */ a:link {color:#2d4084;text-decoration: underline;} a:visited {color:#2d4084;text-decoration: underline;} a:hover{color:#f7931e;text-decoration: none;} /* img */ img { border: none; } .sam { float: left; width: 80px; margin-top: 20px; margin-right: 20px; margin-bottom: 10px; margin-left: 20px; text-align: center; } hr { width: 604px; clear: both; } /* box */ div { } /* top */ #toptitle { font-weight: normal; font-size: 0.9em; color: #ffffff; background-color: #00b3f0; width: 780px; clear: both; height: 30px; } #fontsize{ float: right; margin: 0; padding: 0; } /* body */ #content { width: 780px !important; border: 1px #00b3f0 solid; border-right-width: 2px; border-left-width: 2px; background-color: #ffffff; margin-left: auto; margin-right: auto; float: none; clear: both; } /* box float */ .left { float: left; width: 48%; } .left02{ float: left; margin-left:10px; width: 400px; line-height: 1.6em; } .left03{ float: left; width: 210px; } .left04 { float: left; padding-left: 3px; padding-right: 3px; } .left05{ float: left; width: 60%; } .left06{ float: left; width: 112px; margin-top: 10px; } .left_piece{ float: left; margin: 20px; width: 150px; } .left_chiji{ float: left; margin-left:0; width:350px; height: 120px; } .left_koe{ float: left; width: 140px; padding-left: 15px; padding-top: 15px; } .right{ float: right; width: 48%; } .right02{ float: right; margin-right:0; width: 175px; } .right03{ float: right; width: 210px; } .right04{ float:right; padding-left: 3px; padding-right: 3px; } .right05{ float: right; width: 60%; } .right06{ float: right; width: 300px; margin-left: 0; margin-top: 10px; } .right_piece { float: right; margin: 20px; width: 500px; } .right_chiji { float: right; margin: 0; width: 430px; min-height: 75px; padding-top: 45px; } .right_koe { float: right; margin-left: auto; margin-right: auto; width: 500px; font-size: 1em; letter-spacing: 0.2em; line-height: 1.9em; } /* left-side */ #sidebar { float: left; width: 176px !important; margin-left: 0; } #sidebar_link { padding-top: 40px; width: inherit; } /* right-side */ #main { float: right; margin-left: 0; width: 604px !important; background-color: #ffffff; height: 100%; } /* bottom navi */ #bottom { width: 780px; border: 1px #00b3f0 solid; height: 64px; margin-top: 40px; clear: both; } #bottom_pop { width: 780px; border: 1px #00b3f0 solid; margin-top:40px; margin-bottom:0; float: none; clear: both; } #bottom_left{ float: left; width: 100px; } #bottom_right{ float: right; width: 680px; } /* background */ #background { background-position: left top; background-repeat: repeat-y; background-image: url(../img/base/line_menu-left-side.jpg); background-color: #ffffff; float: none; } #background02{ background-color: #ffffff; float: none; } .to-top{ margin-right: 5px; text-align: right; clear: both; } /* layout */ .box01 { width:100%; clear: both; } .box02 { margin-top: 20px; margin-left: 60px; width: 544px; clear: both; } .box03 { margin-left: auto; margin-right: auto; width:588px; clear: both; } .box04{ margin-left: auto; margin-right: auto; margin-top: 40px; width: 660px; clear: both; } .box05{ height:100%; margin-left: auto; margin-right: auto; padding:8px; clear: both; } .box06 { margin-left: auto; margin-right: auto; width:60%; clear: both; } .box07 { margin-left: auto; margin-right: auto; width:80%; clear: both; } .box08 { margin-left: auto; margin-right: auto; width:700px; clear: both; } .box09 { margin-left: auto; margin-right: auto; width:760px; clear: both; } .box10 { margin-left: auto; margin-right: auto; width:75%; clear: both; } .box11 { margin-left: auto; margin-right: auto; width:98%; clear: both; } /* align */ .align-left { margin-left: 5px; text-align: left; clear: both; } .align-center { margin-left: auto; margin-right: auto; text-align: center; clear: both; } .align-right { margin-right: 5px; text-align: right; clear: both; } .valign-middle { vertical-align: middle; } .h2_l { margin-left:60px; } /* contents */ .main-contents { margin: 10px; padding: 10px; text-align: left; background-color: #ffffff; } /* navi */ .navi { line-height: 1.4em; text-align: right; width:780px; height:25px; background-image: url(../img/base/hr_navi.gif); background-repeat : no-repeat ; color: white; } .navi a {color: white;text-decoration:underline;} .navi a:visited {color: white;text-decoration:underline;} .navi a:hover {color: #c40000;text-decoration:none;} /* sidebar-navi */ .navi1_normal{ width: 165px;font-size: 0.9em; margin: 2px 0px 2px 0px; padding-left: 10px; } .navi1_normal a {color: white;text-decoration:underline;} .navi1_normal a:visited {color: white;text-decoration:underline;} .navi1_normal a:hover {color: #f7931e;text-decoration:underline;} .navi1_h1 { color: #f7931e; font-weight: bold; margin-top: 10px; } .navi1 { width: 165px;font-size: 0.9em; margin: 2px 0px 2px 0px; padding-left: 10px; background-image: url(../img/icon/allow.gif); background-repeat : no-repeat ; } .navi1 a {color: white;text-decoration:underline;} .navi1 a:visited {color: white;text-decoration:underline;} .navi1 a:hover {color: #f7931e;text-decoration:underline;} .navi11 { width: 175px;font-size: 0.9em; margin: 2px 0px 2px 0px; padding-left: 10px; background-image: url(../img/icon/allow2.gif);background-repeat : no-repeat ; } .navi11 a {color: white;text-decoration:underline;} .navi11 a:visited {color: white;text-decoration:underline;} .navi11 a:hover {color: #f7931e;text-decoration:underline;} /* text */ h1 { color: #00b3f0; font-size: 1.5em; font-weight:bold; vertical-align: middle; text-align: center; margin-top: 20px; margin-bottom: 10px; line-height: 1.4em; clear: both; } h2 { margin-top: 30px; margin-left:5px; margin-right:5px; margin-bottom: 10px; padding: 5px; color: #000000;font-size: 1.2em; font-weight:bold; vertical-align: middle; border-left-width: 12px; border-left-style: solid; border-left-color: #ffa319; border-bottom: 2px; border-bottom-style: solid; border-bottom-color: #ffa319; line-height: 1.4em; clear: both; } .h2_blue { margin-top: 30px; margin-left:5px; margin-right:5px; margin-bottom: 10px; padding: 5px; color: #000000;font-size: 1.2em; font-weight:bold; vertical-align: middle; border-left-width: 12px; border-left-style: solid; border-left-color: #a1daf7; border-bottom: 2px; border-bottom-style: solid; border-bottom-color: #a1daf7; line-height: 1.4em; clear: both; } h3{ margin-top: 20px; margin-bottom: 10px; font-size: 1.2em; font-weight:bold; line-height: 1.4em; clear: both; } .title_s { margin-left: auto; margin-right: auto; font-size: 1.1em; font-weight: bold; background-color: #ebedf1; width: 100%; height: 1.4em; clear: both; } .title_piece { margin-left: auto; margin-right: auto; font-size: 1.1em; font-weight: bold; background-color: #ebedf1; width: 98%; height: 1.4em; clear: both; } .main-text { margin-left: auto; margin-right: auto; width: 530px; line-height: 1.8em; } .main-text02 { margin-left: auto; margin-right: auto; width: 80%; font-size: 1em; letter-spacing: 0.2em; line-height: 1.9em; } .red_title { color: #c40000; font-size: 1.3em; font-weight: 900; text-align: center; margin-top: 20px; margin-bottom: 20px; letter-spacing: 0em; line-height: 1.4em; clear: both; } .red { color: #c40000; } .black_title { color: #000000; font-size: 1.2em; font-weight: bold; text-align: center; margin-top: 5px; margin-bottom: 5px; clear: both; } small { font-size: 0.8em; } p { margin-top: 0.7em; margin-bottom: 0.7em; text-indent: 1em; } /* table */ table { width: 98%; padding: 3px; margin-bottom: 50px; border-collapse: collapse; border-spacing: 0; } .table01 { width: 300px; margin: 0; } th { padding:5px; font-weight: bold; vertical-align: top; } .form-l { text-align: right; font-weight:600; } tr { } td { padding: 5px; vertical-align: top; } .td_c{ text-align: center; } .td_r{ text-align:right; } /* table blue */ .table_blue { margin-left: auto; margin-right: auto; border-style: solid; border-color: #6699ff; border-width: 1px; margin-bottom: 0px; } .th_b { background-color: #f4f9fe; text-align: center; color: #66a3d3; font-size: 1em; font-weight: bold; vertical-align: middle; border:1px solid #6699ff; empty-cells: show; white-space: nowrap; } .td_b { background-color: #ffffff; border:1px solid #6699ff; empty-cells: show; } .td_bc { background-color: #ffffff; border:1px solid #6699ff; text-align: center; vertical-align: middle; empty-cells: show; } .td_br{ background-color: #ffffff; border:1px solid #6699ff; text-align:right; empty-cells: show; } /* table yellow */ .table_yellow { margin-left: auto; margin-right: auto; border-style: solid; border-color: #6699ff; border-width: 1px; background-color: #ffffcc; margin-bottom: 0px; } .th_y{ background-color: #ffffcc; text-align: center; color: #66a3d3; font-size: 1em; font-weight: bold; vertical-align: middle; border:1px solid #6699ff; empty-cells: show; white-space: nowrap; } .td_y { background-color: #ffffcc; border:1px solid #6699ff; empty-cells: show; } .td_yc { background-color: #ffffcc; border:1px solid #6699ff; text-align: center; vertical-align: middle; empty-cells: show; } .td_yr{ background-color: #ffffcc; border:1px solid #6699ff; text-align:right; empty-cells: show; } .link_strong { color: #ff0000 !important; text-decoration: underline; } /* list base */ ul,ol{ line-height: 1.8em; } li { margin-left:2em; list-style-position: outside; } dl { list-style:decimal outside; } dt { font-weight: bold; } dd{ } /* list press topics */ .topics { margin: 0.3em; margin-left: 8em; list-style-type: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ebedf1; text-indent: -7.3em; } /* list Q&A */ .qa_q { list-style-type: none; list-style-image: url(../img/icon/qa_q.gif); list-style-position: inside; text-indent: -1em; margin-left: 2em; } .qa_a { list-style-type: none; list-style-image: url(../img/icon/qa_a.gif); text-indent: -4.3em; margin-left: 9em; list-style-position: inside; } .qa_a2 { margin-left: 6em; list-style-type: none; } /* list type ul*/ .square { list-style-type: square; } .circle { list-style-type: circle; } /* list type ol*/ .roman{ line-height: 4em; list-style-type: upper-roman; margin-left:3em; list-style-position: outside; } /* indent */ li_in4 { text-indent: 4em; }