@charset "Shift_JIS";

/* Navigation
============================================================ */


#hpb-nav ul li span.en{
    display: none;
}

#hpb-nav ul li#nav-toppage a{
	background-image : url(navi-icon.png);
        float            :center;
        width            :100%;
        background-repeat : no-repeat;
        background-size:100% auto;
}
#hpb-nav ul li#nav-company a{
	background-image : url(navi-icon.png);
        float            :center;
        width            :100%;
        background-repeat : no-repeat;
        background-size:100% auto;
} 
#hpb-nav ul li#nav-case-new a{
	background-image : url(navi-icon.png);
        float            :center;
        width            :100%;
        background-repeat : no-repeat;
        background-size:100% auto;
}
#hpb-nav ul li#nav-workflow a{
	background-image : url(navi-icon.png);
        float            :center;
        width            :100%;
        background-repeat : no-repeat;
        background-size:100% auto;
}
#hpb-nav ul li#nav-warranty a{
	background-image : url(navi-icon.png);
        float            :center;
        width            :100%;
        background-repeat : no-repeat;
        background-size:100% auto;
}
#hpb-nav ul li#nav-contact a{
	background-image : url(navi-icon.png);
        float            :center;
        width            :100%;
        background-repeat : no-repeat;
        background-size:100% auto;
}

/* Footer Navigation
============================================================ */



/* Main Contents
============================================================ */

/* header logo */
#hpb-headerLogo a{
    display: block;
    background-image : url(logo_1Ad.png);
    background-size:100% auto;
    background-position: left top;
    background-repeat: no-repeat;
	height : 55px;   
	width : 300px;   
    text-indent: -9999px;
    overflow: hidden;
}

/* トップページ デザイン定義 */
.hpb-layoutset-01 #hpb-title h2{
    margin: 0;
    overflow: hidden;
    text-indent: -9999px;
    height: 235px;
/*    background-image : url(../top_mainimg_1Ad_01.png); */
    background-image : url(../index_bg_01_19.png);
    background-position: top center;
    background-repeat: no-repeat;
}


.hpb-layoutset-02 #hpb-title h2{
	background-image : url(content_title_1Ad.png);
        color : "#666666";
  width : 90%;
}



/* Top Page ==================== */

.hpb-layoutset-01 #toppage{
	margin-left: 8px;
	margin-right: 8px;
	border-top-style : none;border-right-style : none;border-bottom-style : none;border-left-style : none;border-top-color : #a4cbc0;border-right-color : #a4cbc0;border-bottom-color : #a4cbc0;border-left-color : #a4cbc0;
	-webkit-box-shadow: 1px 1px 1px #eeeeee;
	margin-bottom: 10px;
}

/*  削除 
.hpb-layoutset-01 #toppage .hpb-section{
	border: 4px solid #ffffff;
	background-color: #ecf3f1;
	padding: 10px;
}

.hpb-layoutset-01 #toppage .hpb-section h3{
	clear: both;
	font-size: 1em;
	font-weight: normal;
	margin: 0;
	line-height: 1.5;
}

.hpb-layoutset-01 .hpb-section p{
	margin: 0;
	line-height: 1.5;
}


    #hpb-main #toppage-news ul{ 
    margin: 0 15px;
    font-size: 12px;
	list-style: none;
	padding: 0;
}

#hpb-main #toppage-news ul li{
	margin-bottom: 15px;
}

#hpb-main #toppage-news ul li h4{
	margin: 0;
	padding: 0;
}  
   削除 ここまで*/


/* ========== concept ========== */

.hpb-layoutset-02 #hpb-main #concept .hpb-section{
    padding-bottom: 10px;
}

.hpb-layoutset-02 #hpb-main #concept .hpb-section:last-child p:last-child{
    margin-bottom: 0;
}
.hpb-layoutset-02 #hpb-main #concept dl{
    margin: 0 15px;
}
.hpb-layoutset-02 #hpb-main #concept dt{
    float: left;
    width: 5.5em;
    margin-right: 10px;
}
.hpb-layoutset-02 #hpb-main #concept dd{
    margin: 0 0 5px;
    overflow: hidden;
}


/* ========== news ========== */

.hpb-layoutset-02 #hpb-main #news p.indent{
	text-indent: -1.3em;
	margin-left: 26px;
	margin-right: 25px;
	margin-bottom: 20px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #ccc;
	padding-bottom: 5px;
}
.hpb-layoutset-02 #hpb-main #news .hpb-section h4{
	margin-left: 20px;
}
.hpb-layoutset-02 #hpb-main #news .hpb-section h5{
    font-size: 12px;
    margin: 10px 15px 10px 22px;
}
.hpb-layoutset-02 #hpb-main #news .hpb-section p.large{
    margin: 0; 
    padding: 0 15px; 
    color: #3C7A01;
    font-weight: bold;
}
.hpb-layoutset-02 #hpb-main #news dl{
    margin: 0 15px;
}
.hpb-layoutset-02 #hpb-main #news dt{
    float: left;
    margin-right: 15px;
}
.hpb-layoutset-02 #hpb-main #news dd{
    margin: 0 0 15px;
    overflow: hidden;
}


/* ========== company ========== */

.hpb-layoutset-02 #hpb-main #company .hpb-section{
    padding: 0 0 25px;
}
.hpb-layoutset-02 #hpb-main #company dl{
    margin: 10px 15px;
}
.hpb-layoutset-02 #hpb-main #company dt{
    float: left;
    width : 80px;
    padding-bottom : 1px;
    margin-right: 10px;
}
.hpb-layoutset-02 #hpb-main #company dd{
    margin : 0px 0px;
    overflow: hidden;
}

/* ========== recruit ========== */


.hpb-layoutset-02 #hpb-main #recruit dl{
    margin: 0;
}
.hpb-layoutset-02 #hpb-main #recruit dt{
    margin: 0 0 10px;
    padding: 2px 15px 0 14px;
    line-height: 1.0;
	width: 5em;
}
.hpb-layoutset-02 #hpb-main #recruit dd{
    margin: 15px 15px 20px;
    padding: 0;
}

/* ========== access ========== */

.hpb-layoutset-02 #hpb-main #access dt{

	width: 5em;
}

.hpb-layoutset-02 #hpb-main #access .hpb-section > img{
	margin-left: 15px;
}


/* ========== Privacy Policy ========== */

.hpb-layoutset-02 #hpb-main #privacy ul{
    padding: 0 15px;
    list-style: none;
}
.hpb-layoutset-02 #hpb-main #privacy li{
    background-image : url(../arrow_00_19.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 13px;
}

/* 縦向き表示時のみ適用 */
@media only screen and (orientation : portrait)
{
    .hpb-layoutset-02 #hpb-main #privacy h3{
        letter-spacing: -1px;
    }
}

/* ========== Law ========== */
.hpb-layoutset-02 #hpb-main #law dl{
    margin: 0 15px;
    padding: 10px 0;
}
.hpb-layoutset-02 #hpb-main #law dt{
    float: left;
    width: 7em;
    margin-right: 10px;
}
.hpb-layoutset-02 #hpb-main #law dd{
    margin: 0 0 10px;
    overflow: hidden;
}

/* --------ここからはオリジナル追加--------  */
 #toppage-news h3{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    height: 26px;
    overflow: hidden;
    background-image : url(top_indexBg_1Ad.png);
    background-position: top left;
    background-repeat: no-repeat;
    line-height: 28px;
    padding-left: 10px;
    text-align: left;
    color: #ffffff;
    font-size: 1.2em;
}

#toppage-news h3 span.ja{
    display: none;
} 

#toppage-news dd{
    padding-top : 40px;
} 


#hpb-main dl{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    zoom: 100%;
}

#hpb-main dt{
    float: left;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    text-align: left;
    line-height: 16px;
    min-height: 16px;
    font-weight: bold;
    width : 170px;
    padding-top : 10px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 25px;
    background-image : url(point_1Ad.png);
    background-position: 5px 12px;
    background-repeat: no-repeat;
    color : green;
}

#hpb-main dd{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
/*    padding-top : 50px; */
    padding-right: 0px;
    padding-bottom : 0px;
    text-align: left;
    line-height: 16px;
    min-height: 16px;
    padding-left : 25px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color : #dddddd;
}


#hpb-main dl:after{
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#hpb-main img.left{
    margin-top: 5px;
    margin-right: 20px;
    margin-bottom: 10px;
    float: left;
}

#hpb-main img.right{
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 20px;
    float: right;
}


/* リンク文字色 */
a:link{
    color : #009900;
    text-decoration: underline;
}

#toppage-topics h3{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    height: 26px;
    overflow: hidden;
    background-image : url(top_indexBg_1Ad.png);
    background-position: top left;
    background-repeat: no-repeat;
    line-height: 28px;
    padding-left: 10px;
    text-align: left;
    color: #ffffff;
    font-size: 1.2em;
}

#toppage-topics table{
    width: 200px ;
}

#pagetop{
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    text-align: right;
    float     : none;
}

#home{
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    text-align: right;
    float     : none;
}

#pagetop a{
    /* ページの先頭へのリンク設定 */
    display: block;
    margin-left: auto;
    width: 125px;
    height: 21px;
    overflow: hidden;
    background-image : url(returnTop_1Ad.png);
    background-position: top left;
    background-repeat: no-repeat;
    text-align: left;
}

#home a{
    /* ページの先頭へのリンク設定 */
    display: block;
    margin-left: auto;
    width: 125px;
    height: 21px;
    overflow: hidden;
    background-image : url(returnTop_1Ad.png);
    background-position: top left;
    background-repeat: no-repeat;
    text-align: left;
}

/* アフターサービス・メンテナンス*/

#hpb-main-warranty dl{

}

#hpb-main-warranty dt{
    width : 280px;
    color : #666666;
}

#hpb-main-warranty dd{
    width : 280px;

}

.hpb-layoutset-02 #hpb-wrapper h3{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    text-align: left;
    padding-top: 3px;
    padding-left : 10px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color : #002b00;
    font-size: 1.3em;
    color : #002b00;
}

#case-select h4{
    text-align : left;
    align: left;
}

#case-select-new img {
    padding-left        : 5px;
    padding-bottom      : 5px;
    width               : 47%;
/*    height              :  56; */
    border              :   0;
    border-top-width    : 0px;
    border-left-width   : 0px;
    border-right-width  : 0px;
    border-bottom-width : 0px;
}



#case-select a:hover img {
 opacity: 0.5;
 filter: alpha(opacity=50);
 -moz-opacity: 0.5;
}

#case-select table{
    border : none;
}

#case-select tr{
    border : none;
}

#case-select td{
    border : none;
}

/*  ニュースにNEWアイコン */
#new-icon dt{
    height: 8px;
    width : 140px;
    padding-left: 40px;
    background-image : url(img_n060.gif);
}

#new-icon dd{
    padding-left : 10px;
}

/*  ニュースの最新以外 */
#news-old dt{
    padding-left: 20px;
    width : 140px;
}

#news-old dd{
    padding-left : 10px;
}

/* メニュー */
#memu-select table{
    border : none;
    width  : 100%;
}

#memu-select tr{
    border : none;
}

#memu-select td{
    border : none;
    width  : 50;
    text-align : center; 
    align="center;
}


#memu-select img{

}

#memu-select p{
  font-size:11;
}

#top-contact{
  background-image : url(top-contact.jpg);
  text-align : center;
  align="center" ;
}

#top-contact p{
  font-size:11;
}

#top-contact h3{
  text-align :left;
  align="left";
  margin-left:10px;
  font-size:17;
  padding-top:10px;
  font-weight: bold;
}

/* サブメニュー */
#nav{
	overflow: hidden;
/*	width: 565px; */
/*	margin: 0 auto;  */
       text-align : center; 
       align: center ;
}
#nav li{
       list-style-type: none; 
	float: left; 
}
#nav li a{
	font-size: 11;
/*	display: block;  */
/*	width: 108px; */
/*	height: 40px;  */
/*	margin : 1px 0px 0px;  */
/*	padding : 1px 2px 1px 3px; */
/*	line-height: 2.8;  */
/*	color: #ffffff; */
/*	background: #9fb7d4;*/ 
	text-align : left;  
}
#nav li a:hover{
/*	color: #ffffff;  */
/*	background: #afc6e2; */
	background: white; 
}
#nav li ul{
/*	width: 113px;  */
/*	width: 180px;   */
	display: none; 
	position: absolute;
       text-align : left;
       align : left;
       background-color:white;
}
#nav li ul li{
	float: none;
}
#nav li ul li a{
/*	background: #9fb7d4;  */
/*	background : none 0% 0% / auto auto repeat scroll padding-box border-box white; */
}
.content{
/*	width: 545px; */
/*	height: 200px;  */
	background: #eee; 
/*	margin: 0 auto; */
/*	padding: 10px;  */
}