@charset "utf-8";

/* トップタイトル
-------------------- */
#PageTitle {
    margin-top: 90px;
    height: 200px;
    background: url(../img/page/bg_sub_title.png) no-repeat;
    background-size: cover;
    text-align: center;
}
#PageTitle h1 {
    padding-top: 60px;
    font-size: 30px;
    font-weight: bold;
}


/* レイアウト
-------------------- */
.contents {
    margin-bottom: 50px;
}
#Main {}
#Side {
    margin-top: 100px;
}
#Side #Banner {
    margin: 30px 0 60px;
    text-align: center;
}
#Side #Banner .banner {
    display: inline-block;
}
/* 右サイド */
#MainLeft {
    float: left;
    width: 824px;
}
#SideLeft {
    float: left;
    width: 300px;
}
/* 左サイド */
#MainRight {
    float: right;
    width: 824px;
}
#SideRight {
    float: right;
    width: 300px;
}

#SideLeft #Banner,
#SideRight #Banner {
    text-align: center;
}
#SideLeft #Banner .banner,
#SideRight #Banner .banner {
    margin: 20px 0;
}

/* Image
-------------------- */
.main_img{
    height: 0;
    padding-top: 20%;
    background: url('../img/common/main_other.jpg') 0 0 no-repeat;
    background-size: contain;
margin-top: 86px;
}

#Company .main_img{
    background-image: url('../img/common/main_company.jpg');
}
#ProductTechnology .main_img{
    background-image: url('../img/common/main_question.jpg');
}
#Product .main_img{
    background-image: url('../img/common/main_product.jpg');
}

.ProductGlassVolumeterIndex .main_img,
.ProductGlassVolumeterGraduatedcylinder .main_img ,
.ProductGlassVolumeterMeasuringflask .main_img ,
.ProductGlassVolumeterHallpipette .main_img ,
.ProductGlassVolumeterMeasuringpipette .main_img ,
.ProductGlassVolumeterBurette .main_img ,
.ProductGlassVolumeterOther .main_img {
background-image: url('../img/common/main_glass_volumeter.jpg')!important;
}
.ProductGlassLaboratoryIndex .main_img,
.ProductGlassLaboratoryCooler .main_img ,
.ProductGlassLaboratoryFlask .main_img ,
.ProductGlassLaboratoryColumntube .main_img ,
.ProductGlassLaboratoryManifold .main_img ,
.ProductGlassLaboratoryReceiver .main_img ,
.ProductGlassLaboratoryRoth .main_img ,
.ProductGlassLaboratoryExhaustpipe .main_img ,
.ProductGlassLaboratoryWashbottle .main_img ,
.ProductGlassLaboratoryPlug .main_img ,
.ProductGlassLaboratoryFilter .main_img ,
.ProductGlassLaboratoryOther .main_img ,
.ProductGlassLaboratoryQuartz .main_img ,
.ProductGlassLaboratorySpecialglass .main_img ,
.ProductGlassLaboratoryScrewvial .main_img ,
.ProductGlassLaboratoryFiltrationbell .main_img ,
.ProductGlassLaboratoryDesiccator .main_img ,
.ProductGlassLaboratoryAnalysisEquipment .main_img ,
.ProductGlassLaboratoryContainer .main_img  {
background-image: url('../img/common/main_glass_laboratory.jpg')!important;
}
.ProductGlassIndustryIndex .main_img {
background-image: url('../img/common/main_glass_industry.jpg')!important;
}
.ProductGlassPlateIndex .main_img {
background-image: url('../img/common/main_glass_plate.jpg')!important;
}
.ProductChemicalIndex .main_img {
background-image: url('../img/common/main_chemical.jpg')!important;
}

#Engineer .main_img{
    background-image: url('../img/common/main_engineer.jpg');
}

#Performance .main_img{
    background-image: url('../img/common/main_performance.jpg');
}

#Sales .main_img{
    background-image: url('../img/common/main_sales.jpg');
}
#Question .main_img{
    background-image: url('../img/common/main_question.jpg');
}
#Office .main_img{
    background-image: url('../img/common/main_office.jpg');
}
.OfficeSectionSales .main_img{
    background-image: url('../img/common/main_office02.jpg')!important;
}

.OfficeMiyama .main_img{
    background-image: url('../img/common/main_office_miyama.jpg')!important;
}
.OfficeShingu .main_img{
    background-image: url('../img/common/main_office_shingu.jpg')!important;
}
#Video .main_img {
    background-image: url('../img/common/main_product.jpg')!important;
}


/* 汎用スタイル
-------------------- */
/* 横並び */
ul.two-block{
letter-spacing: -0.5em;
margin-bottom: 4em;
}

ul.two-block > li{
letter-spacing: normal;
width:50%;
display:inline-block;
vertical-align: top;
box-sizing: border-box;
padding-right: 20px;
}

ul.three-block{
letter-spacing: -0.5em;
}

ul.three-block > li{
letter-spacing: normal;
width:33%;
display:inline-block;
vertical-align: top;
box-sizing: border-box;
padding-right: 10px;
}
/* 見出し */
.main h1 {
position: relative;
text-align: center;
margin-bottom:4rem;
font-size: 30px;
}
.main h1 span {
position: relative;
z-index: 2;
display: inline-block;
margin: 0 2.5em;
padding: 0 1em;
background-color: #fff;
text-align: left;
}
.main h1::before {
position: absolute;
top: 50%;
z-index: 1;
content: '';
display: block;
width: 100%;
height: 1px;
background: #00334c;
background: -webkit-linear-gradient(-45deg, transparent, #00334c 20%, #00334c 80%, transparent);
background: linear-gradient(-45deg, transparent, #00334c 20%, #00334c 80%, transparent);
}

.main h2 {
margin-top: 40px;
margin-bottom: 30px;
    padding-bottom: 15px;
border-bottom:1px dotted #00334c;
font-size: 30px;
    line-height: 1.5;
padding-left: 15px;
}
.main h3 {
margin: 40px 0 30px;
padding-left: 15px;
    border-left: 5px solid #00334c;
    font-size: 24px;
}
.main h3 a {
text-decoration: none;
    color: #333;
}
.main h3 a:hover {
text-decoration: underline;
    color: #888;
}
.main h4 {
margin: 30px 0 20px;
    font-size: 18px;
    font-weight: bold;
}
.anchor{
margin-bottom:6em;
}

.anchor li{
text-align:center;
background:#002233;
padding: 10px 0;
}

.anchor li a{
color:#fff;
text-decoration: none;
display: block;
border-right: 1px solid #fff;
}
.anchor li a:hover{
opacity: 0.6;
}
.anchor li:last-child a{
border-right: none;
}

/* 文章 */
.main p {
    margin-bottom: 30px;
}
/*
.main .blog p {
    margin-bottom: 0;
}
*/
#Recipe img {
    border: 1px solid #ccc;
    box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.1);
}

.main dl {
  margin-bottom: 2em;
  margin-left:20px;
}


  .main dl dt {
    margin: 0 0 .5em;
    font-weight: bold;
    line-height: 1.3;
  }

  .main dl dd {
    margin: 0 0 1.5em 0;
padding-left:2em;
padding-bottom:1em;
border-bottom: 1px solid #CCCCCC;
  }

/* ブログスタイル
-------------------- */
.blog h2 {
    font-size: 20px;
}
.blog h2 a {
    text-decoration: none;
    color: #333;
}
.blog h2 a:hover {
    position: relative;
    bottom: -1px;
    color: #666;
}
.blog h3 {
    padding-bottom: 10px;
    font-size: 20px;
}
.blog .post {
    margin-bottom: 80px;
}
.more {
    text-align: right;
}
.more a {
    display: inline-block;
    width: 130px;
    margin: 10px 0;
    padding: 10px 10px 10px 20px;
    background: #000 url(../img/common/icn_arrow01.png) 10px center no-repeat;
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    letter-spacing: 2px;
}
.more a:hover {
    color: #fff;
    opacity: 0.7;
    text-decoration: none;
}
.blog .meta {
    margin-bottom: 15px;
    padding: 15px;
    border: 1px dashed #ccc;
text-align:right;
}
.blog .tag a {
    display: inline-block;
    margin-right: 2px;
    padding: 2px 15px;
    background: #000;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
}
.blog .eye-catch {
    margin-bottom: 30px;
}

/* コメントスタイル */
#BlogCommentList {
    margin-bottom: 50px;
}
img.auth-captcha-image {
margin-bottom: 6px;
}
.auth-captcha {
margin: 20px 0;
color: #fff;
text-align: center;
}
.submit {
text-align: center;
}

/* ボタンスタイル */
.button {
font-size:15px;
font-weight:normal;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
padding:5px 15px;
text-decoration:none;
background:-moz-linear-gradient( center top, #f9f9f9 7%, #e9e9e9 98% );
background:-ms-linear-gradient( top, #f9f9f9 7%, #e9e9e9 98% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
background:-webkit-gradient( linear, left top, left bottom, color-stop(7%, #f9f9f9), color-stop(98%, #e9e9e9) );
background-color:#f9f9f9;
color:#666666;
display:inline-block;
text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
    cursor: pointer;
}
.button:hover {
background:-moz-linear-gradient( center top, #e9e9e9 7%, #f9f9f9 98% );
background:-ms-linear-gradient( top, #e9e9e9 7%, #f9f9f9 98% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
background:-webkit-gradient( linear, left top, left bottom, color-stop(7%, #e9e9e9), color-stop(98%, #f9f9f9) );
background-color:#e9e9e9;
}
.button:active {
position:relative;
top:1px;
}


/* baser system style
-------------------- */
/* ContentsNavi */
#contentsNavi,
#ContentsNavi {
margin: 50px 0 20px;
text-align: center;
}
#contentsNavi a,
#ContentsNavi a {
color: #333;
}

/* pagination */
.pagination {
margin: 60px 0;
text-align: center;
font-size: 12px; font-size: 1.2rem;
}
.pagination span.disabled,
.pagination span.prev a,
.pagination span.next a {
margin: 0 20px;
color: #333;
}
.pagination span.current,
.pagination span.number a {
margin: 0 4px;
padding: 7px 10px;
background: #dedede;
color: #fff;
text-decoration: none !important;
}
.pagination span.current,
.pagination span.number a:hover {
background: #666;
}
.pagination a:active {
background: #666;
}

/* ContactForm
-------------------- */
.form-s {
    width: 20%;
}
.form-m {
    width: 50%;
}
.form-l {
    width: 90%;
}

.mail-before-attachment {
}
.mail-after-attachment {
}
.mail-description small {
}

.submit {
margin: 30px 0;
text-align: center;
}
.submit input.button {
font-size: 15px;
cursor: pointer;
}
.auth-captcha {
margin: 30px 0;
text-align: center;
}
.mail-description {
margin-bottom: 10px;
}
#flashMessage {
margin-bottom: 10px;
}
.alert-message {
    color: #c00;
}


@media screen and (max-width: 640px) {
.form-contact table {
box-sizing: border-box;
}
.form-contact tr {
display: block;
margin-bottom: 1.5em;
}
.form-contact th {
padding: 5px 10px;
background: #999;
color: #fff;
}
.form-contact th,
.form-contact td {
display: list-item;
width: auto;
border: none;
}
.form-contact td textarea {
width: 100%;
}
}

/* Indexページ用 */
/* indexMenu*/
#indexMenu ul{
letter-spacing: -1em;
}

#indexMenu ul li{
width:45%;
margin-right:10%;
display: inline-block;
letter-spacing: normal;
margin-bottom: 30px;
border: 1px solid #00334c;
box-sizing: border-box;
}
#indexMenu ul li:nth-child(2n){
margin-right:0;
}
#indexMenu.three-block ul li{
width:30%;
margin-right:5%;
display: inline-block;
letter-spacing: normal;
margin-bottom: 30px;
}
#indexMenu.three-block ul li:nth-child(3n){
margin-right:0;
}

#indexMenu ul li p{
margin:0;
}

#indexMenu ul li p.img img{
width:100%;
}

#indexMenu ul li p.link{
position: relative;
overflow: hidden;
background:#e5eaed;
box-sizing: border-box;
text-align: center;
/*line-height: 7rem;*/
padding: 1em 0;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
#indexMenu ul li p.link:after{
content: "";
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
background: #00334c;
transform: rotate(-45deg);
top: 100%;
left: 50%;
}


#indexMenu ul li a {
color:#00334c;
text-decoration: none;
font-size: 1.2em;
}

#indexMenu ul li a:hover {
text-decoration: underline;
}

/* ブログ
-------------------- */
.topics-index .eye-catch,
.topics-archives .eye-catch {
   float: left;
    margin-right: 20px;
}
.topics-single .eye-catch {
    width: 280px;
}

/* サイトマップ
-------------------- */
#Sitemap .contents ul.ul-level-1{
margin-left:2rem;
}
#Sitemap .contents ul.ul-level-1 > li{
list-style: disc;
list-style-position: inside;
margin-bottom:0.5rem;
}
#Sitemap .contents ul.ul-level-2{
margin-left:2rem;
}
#Sitemap .contents ul.ul-level-2 > li{
list-style: circle;
list-style-position: inside;
margin-bottom:0.5rem;
}

#Sitemap .contents ul.ul-level-3{
margin-left:2rem;
}
#Sitemap .contents ul.ul-level-3 > li{
list-style: square;
list-style-position: inside;
margin-bottom:0.5rem;
}

/* 会社案内 - 共通
-------------------- */
#Company .f-left {
float:left;
}
#Company .f-right {
float:right;
}

#Company .text {
width:50%;
}

#Company .text h3:first-child {
margin-top:0;
}

#Company .photo {
width:50%;
}

#Company .f-left.text {
box-sizing: border-box;
padding-right: 1rem;
padding-left: 2rem;
}

#Company .f-right.text {
box-sizing: border-box;
padding-left: 3rem;
}
/* 会社案内 - 企業理念
-------------------- */
.CompanyConcept .bg_img1{
    height: 0;
    padding-top: 12.5%;
    background: url('../img/common/company_concept_bg1.jpg') 0 0 no-repeat;
    background-size: contain;
margin-bottom: 4rem;
}

.CompanyConcept .bg_img2{
    height: 0;
    padding-top: 12.5%;
    background: url('../img/common/company_concept_bg2.jpg') 0 0 no-repeat;
    background-size: contain;
margin-bottom: 4rem;
}

#Company.CompanyConcept .text {
width:70%;
}

#Company.CompanyConcept .photo {
width:30%;
}

/* 会社案内 - 社長メッセージ
-------------------- */
#Company.CompanyMessege .text {
width:65%;
}

#Company.CompanyMessege .photo {
width:35%;
}

/* 会社案内 - 会社概要
-------------------- */
#Company.CompanyProfile h2{
margin-bottom:0;
}

#Company.CompanyProfile ul.list{
margin-bottom:4rem;
}

#Company.CompanyProfile ul.list li {
margin-bottom: 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid #CCCCCC;
}

#Company.CompanyProfile ul.list li:first-child {
    padding-top: 1rem;
}

#Company.CompanyProfile ul.list li span{
display: inline-block;
vertical-align: top;
}

#Company.CompanyProfile ul.list li span:first-child{
width:150px;
font-weight: bold;
}
#Company.CompanyProfile ul.list li span:nth-child(2){
width:340px;
}

#Company.CompanyProfile dl {
    margin-bottom: 2em;
    margin-left: 10px;
}


/* 会社案内 - 品質方針・環境方針
-------------------- */


#Company.CompanyPolicy .text {
width:60%;
}

#Company.CompanyPolicy .text li{
list-style-type: decimal
}

#Company.CompanyPolicy .photo {
width:40%;
}

/* 製品紹介 - 共通
-------------------- */
#Product .f-left {
float:left;
}
#Product .f-right {
float:right;
}

#Product .text {
width:80%;
}

#Product .text h4:first-child {
margin-top:0;
}

#Product div.photo {
width:20%;
}

#Product .f-left.text {
box-sizing: border-box;
padding-right: 1rem;
padding-left: 2rem;
}

#Product .f-right.text {
box-sizing: border-box;
padding-left: 3rem;
}

#Product ul.photo{
letter-spacing: -1em;
}
#Product ul.photo li{
width: 25%;
display: inline-block;
letter-spacing: normal;
box-sizing: border-box;
padding: 0 1%;
vertical-align: top;
margin-bottom: 30px;
}

#Product ul.photo li p {
margin:0;
}

#Product ul.photo li p.link {
text-align:center;
}

#Product h3 { font-size: 22px; }

/* 製品紹介 - ガラス体積計
-------------------- */

/* 製品紹介 - 理化学用ガラス器具
-------------------- */
.ProductChemical ul.product-list{
letter-spacing:-0.5em;

}
.ProductChemical ul.product-list li{
letter-spacing:normal;
display:inline-block;
vertical-align:top;
}

#Product.ProductChemical ul.product-list li.text {
width:75%;
box-sizing: border-box;
padding-right: 1rem;
}


#Product.ProductChemical ul.product-list li.photo {
width:25%;
}

.ProductGlassLaboratoryAnalysisEquipment ul.photo li img{
border:1px solid #DDD;
}

/* 製品紹介 - 工業用ガラス器具
-------------------- */
.ProductGlassIndustryIndex .f-left.text {
width:60%!important;
}

.ProductGlassIndustryIndex .f-right.photo {
width:40%!important;
}

.ProductGlassIndustryIndex .maxw300 {
max-width:300px;
}
/* 製品紹介 - 板硝子部門
-------------------- */
.ProductGlassPlateIndex .f-left.text {
width:60%!important;
}

.ProductGlassPlateIndex .f-right.photo {
width:40%!important;
}

/* 製品紹介 - 薬品部門
-------------------- */
.ProductChemicalIndex .f-left.text {
width:60%!important;
}

.ProductChemicalIndex .f-right.photo {
width:40%!important;
}
.ProductChemicalIndex .pdf-list li{
margin-bottom:1rem;
}
.ProductChemicalIndex table.table-center{}
.ProductChemicalIndex table.table-center td{
text-align:center;
vertical-align:middle;
}
.ProductChemicalIndex table.table-center td img{
width:100%;
}
/* 製品紹介 - 電子硝子機材部
-------------------- */
.ProductElectronicGlass .f-left {
float:left;
}
.ProductElectronicGlass .f-right {
float:right;
}

.ProductElectronicGlass .text {
width:80%;
}

.ProductElectronicGlass .text h3:first-child {
margin-top:0;
}

.ProductElectronicGlass .text li{
list-style-type: decimal
}

.ProductElectronicGlass .photo {
width:20%;
}

.ProductElectronicGlass .f-left.text {
box-sizing: border-box;
padding-right: 1rem;
padding-left: 2rem;
}

.ProductElectronicGlass .f-right.text {
box-sizing: border-box;
padding-left: 3rem;
}

/* 技術者紹介 - 共通
-------------------- */
#Engineer .f-left {
/*
float:left;
*/
}
#Engineer .f-right {
float:right;
padding-left: 1em;
padding-bottom: 1em;
}

#Engineer .text {
/*
width:65%;
*/
}

#Engineer .text h3:first-child {
margin-top:0;
}

#Engineer .photo {
width:30%;
}

#Engineer .f-left.text {
box-sizing: border-box;
padding-right: 1rem;
padding-left: 2rem;
}

#Engineer .f-right.text {
box-sizing: border-box;
padding-left: 3rem;
}

/* 事業所・部署 - 共通
-------------------- */
#Office .f-left {
float:left;
}
#Office .f-right {
float:right;
}

#Office .text {
width:80%;
}

#Office .text h4:first-child {
margin-top:0;
}

#Office .photo {
width:20%;
}

#Office .f-left.text {
box-sizing: border-box;
padding-right: 1rem;
padding-left: 2rem;
}

#Office .f-right.text {
box-sizing: border-box;
padding-left: 3rem;
}
/* 事業所・部署 - 営業部
-------------------- */
.OfficeSectionSales .f-left.text {
width:60%!important;
}
.OfficeSectionSales .f-right.photo {
width:40%!important;
}
/* 事業所・部署 - みやま事業所
-------------------- */
.OfficeMiyama .f-left.text {
width:60%!important;
}

.OfficeMiyama .f-right.photo {
width:40%!important;
}

/* 事業所・部署 - 筑後事業所
-------------------- */
.OfficeChikugo .f-left.text {
width:60%!important;
}

.OfficeChikugo .f-right.photo {
width:40%!important;
}

/* 事業所・部署 - 新宮事業所
-------------------- */
.OfficeShingu .f-left.text {
width:60%!important;
}

.OfficeShingu .f-right.photo {
width:40%!important;
}

/* 事業所・部署 - 主要取扱メーカー
-------------------- */
.OfficeManufacturers .des_box span{
font-weight: bold;
display: inline-block;
margin-right: 10px;
}