/* ----- Common -----*/ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; font-weight:normal; } * {font-family: "Sawarabi Gothic";} .cl {clear:both; font-size:0px; line-height:0px;} img {border-style:none; vertical-align: bottom;} form {margin:0px; padding:0px;} .imgfl {float:left; margin:0px 40px 40px 0px;} .imgfr {float:right; margin:0px 0px 40px 40px;} .fl {float:left;} .fr {float:right;} .txt-s {font-size:12px; line-height:20px;} .txt-m {font-size:14px; line-height:22px;} .txt-l {font-size:16px; line-height:32px;} .txt-l2 {font-size:18px; line-height:34px;} .txt-l3 {font-size:20px; line-height:42px;} .txt-l4 {font-size:26px; line-height:48px;} .tar {text-align:right;} .tac {text-align:center;} .tal {text-align:left;} .tx {padding:0px 0px 50px 0px;} .tx2 {padding:0px 0px 20px 0px;} .tx3 {padding:0px 0px 10px 0px;} .tx4 {padding:0px 0px 80px 0px;} .tx p {margin:0px; padding:0px 0px 15px 0px;} .tx2 p {margin:0px; padding:0px 0px 15px 0px;} .tx3 p {margin:0px; padding:0px 0px 15px 0px;} .tx4 p {margin:0px; padding:0px 0px 15px 0px;} .listtable {border-top:1px solid #eeeeee;} .listtable td {border-bottom:1px solid #eeeeee; padding:10px 0px 10px 0px;} .imgind {display:block; margin:0px; padding:0px 0px 20px 0px; font-size:12px;} .imgind2 {display:block; margin:0px; padding:0px 0px 0px 0px; font-size:12px;} .sphid {display:block;} .pchid {display:none;} .txind {display:block; background-color:#2780cf; color:#ffffff; font-size:24px; line-height:26px; margin:0px 0px 20px 0px; font-weight:600; padding:10px 10px 10px 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-family:Noto Sans Japanese;} .txind2 {display:block; text-align:center; font-size:34px; margin:0px; padding:10px 0px 0px 0px;font-family:Noto Sans Japanese;} .txind2sub {display:block; text-align:center; font-size:14px!important; line-height:14px!important; margin:0px 0px 20px 0px; padding:0px 0px 20px 0px;font-family:Noto Sans Japanese;} .txind2line1 {border-bottom:1px solid #eeeeee;} .txind2line2 {border-bottom:1px solid #9ad0ff;} .txind_white {color:#ffffff;} .txind_blue {color:#005fb3;} .table {border-top:1px solid #dddddd; border-left:1px solid #dddddd;} .table td {border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; padding:12px 10px 12px 10px;} .table_midashi {background-color:#2780cf; color:#ffffff; font-family:Noto Sans Japanese; font-size:18px; line-height:24px; font-weight:500;} /* ----- Fonts -----*/ .noto {font-family:Noto Sans Japanese;} .white {color:#ffffff;} .blue {color:#1795dd;} .red {color:#d25e5e;} .green {color:#83ae00;} .yellow {color:#f6ff00;} .color444 {color:#444444;} .color555 {color:#555555;} .color666 {color:#666666;} .color888 {color:#888888;} a {color:#2090da; text-decoration:none;} a:hover {color:#111183; text-decoration:underline;} /* ----- Form -----*/ .input {border:2px solid #dddddd; padding:4px; font-size:14px; line-height:20px;} /* ----- Parts -----*/ .maru3 {border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;} .maru5 {border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} .maru10 {border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;} .pad10 {padding:10px;} .pad20 {padding:20px;} .pad30 {padding:30px;} .mar20 {margin:0px 0px 20px 0px;} /* ----- Effects -----*/ .opa9 {opacity: 0.9;} .ov {filter:brightness(100%);-webkit-filter:brightness(100%);-moz-filter:brightness(100%);-o-filter:brightness(100%);-ms-filter:brightness(100%);} .ov {-webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .ov:hover {filter:brightness(120%);-webkit-filter:brightness(120%);-moz-filter:brightness(120%);-o-filter:brightness(120%);-ms-filter:brightness(120%);} .shadow { box-shadow: 0px 0px 10px -5px rgba(140,128,111,1.0); -moz-box-shadow: 0px 0px 10px -5px rgba(140,128,111,1.0); -webkit-box-shadow: 0px 0px 10px -5px rgba(140,128,111,1.0); -o-box-shadow: 0px 0px 10px -5px rgba(140,128,111,1.0); -ms-box-shadow: 0px 0px 10px -5px rgba(140,128,111,1.0); } .ovshadow:hover { box-shadow: 0px 0px 15px -5px rgba(60,139,220,1.0); -moz-box-shadow: 0px 0px 15px -5px rgba(60,139,220,1.0); -webkit-box-shadow: 0px 0px 15px -5px rgba(60,139,220,1.0); -o-box-shadow: 0px 0px 15px -5px rgba(60,139,220,1.0); -ms-box-shadow: 0px 0px 15px -5px rgba(60,139,220,1.0); } .ovshadow {-webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;} .in {width:960px; margin:0px auto; text-align:left;} .orangebox {border:1px solid #ff8a00; color:#ff8a00; font-size:12px; line-height:24px; padding:10px; margin:0px 0px 20px 0px;} /* ----- -----*/ body {margin:0px auto; padding:0px; text-align:center;} header {display:block;height:100px; background-image:url(../images/headbg.jpg); background-repeat:repeat-x;} #header_in {width:960px; margin:0px auto; text-align:left;} header h1 {display:block; width:250px; float:left; margin:0px; padding:0px; font-size:14px;} #header_add {width:518px; float:left; font-size:12px; line-height:50px; text-align:right;} #header_tel {width:192px; float:left; font-size:12px; line-height:50px; text-align:right;} header ul {clear:both; margin:0px; padding:0px;} header ul li {list-style:none; float:left;} /**/ #top_toppic {height:750px; background-color:#145c9c; background-image:url(../images/toppic.jpg); background-repeat:no-repeat; background-position:top; text-align:center;} /**/ #top_news {background-color:#2780cf; padding:30px 0px 30px 0px;} #top_news_l {width:546px; float:left;} #top_news_r {width:384px; float:right;} .ccnewstable {} .ccnewstable td {padding:8px 4px 8px 4px; font-size:14px; line-height:24px; color:#ffffff; border-bottom:1px solid #83bef3;} .ccnewstable td a {color:#ffffff;} #top_address {font-size:14px; line-height:24px; color:#ffffff; text-align:center; padding:10px 0px 0px 0px;} /**/ #top_tx {height:670px; background-color:#ebebea; background-image:url(../images/toptxbg.jpg); background-repeat:no-repeat; background-position:top; text-align:center;} #top_tx_in {padding:60px 0px 0px 0px;} #top_tx_l {width:546px; float:left;} #top_tx_r {width:384px; float:right;} #top_tx_title {display:block; font-size:32px; line-height:40px;font-family:Noto Sans Japanese; margin:0px; padding:0px 0px 15px 0px; font-weight:500;} #top_tx_title_sub {display:block; font-size:16px; line-height:24px; font-family:Noto Sans Japanese; padding:0px 0px 40px 0px; font-weight:400;} #top_tx_box {font-size:16px; line-height:36px; padding:0px 0px 20px 0px;} #top_tx_box p {margin:0px; padding:0px;} /**/ footer {display:block;} footer h2 {display:block; width:280px; float:left; margin:0px; padding:0px; font-size:12px;} #footertx {width:600px; float:right; padding:50px 0px 0px 0px; text-align:right; font-size:16px; line-height:26px;} /**/ #content_toppic {display:block; margin:0px; padding:0px; background-color:#145c9c; text-align:center; background-image:url(../images/ctoppicbg.jpg); background-repeat:repeat-x;} #content_base {background-image:url(../images/contentbasebg.jpg); background-repeat:repeat-x;} /**/ .content_bg1 {padding:30px 0px 30px 0px;} .content_bg2 {padding:30px 0px 30px 0px; background-color:#2780cf;} .bg1 {background-image:url(../about/images/bg.jpg); background-repeat:no-repeat; background-position:top;} .contentbox {background-color:#ffffff; padding:30px; margin:0px 0px 30px 0px;} .content_tx_title {display:block; font-size:32px; line-height:40px;font-family:Noto Sans Japanese; margin:0px; padding:0px 0px 15px 0px; font-weight:500;} .content_tx_l {width:546px; float:left;} .content_tx_r {width:384px; float:right;} /*=============================================== News =================================================*/ .news_box {display:block; width:960px; margin:0px auto; text-align:left;} .news-title {padding:7px 15px 7px 15px; font-size:16px; line-height:27px; list-style:none; border-left:2px solid #1B3354; border-top:2px solid #ffffff; border-bottom:1px solid #dddddd;} .news-date {height:auto; background-color:#f9f9f9; padding:2px; margin:0px 0px 10px; font-size:12px; line-height:16px; border:1px #dddddd solid;} .news-txt {height:auto; margin:0px 0px 0px 0px; font-size:0.9em; line-height:1.9em;} .news-list {border:1px #dddddd solid; padding:10px; margin:0px 0px 10px 0px; background-color:#f9f9f9;font-size:12px; line-height:20px;} .news-list li {list-style-type: square; margin:0px 0px 0px 20px;} .admin-list {border:1px #eeeeee solid; padding:10px; margin:0px 0px 10px 0px; background-color:#ffffff;font-size:12px; line-height:20px;} .admin-list li {list-style-type: square; margin:0px 0px 0px 20px;} .newsimga {width:300px; border:1px solid #cccccc; padding:5px; display:block; text-align:center;background-color:#f5f5f5; float:right; margin:0px 0px 10px 15px;} .newsfl {} .newsimageslink {padding:0px 0px 5px 5px;} .newsimages {}