.clear-fix {display: inline-block;}

.clear-fix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clear-fix {height: 1%;}
.clear-fix {display: block;}
/* End hide from IE-mac */



/* 大枠
----------------------------------------------- */

#houjin{
    width:786px;
}


/* 共通部分
----------------------------------------------- */

.rmv
    {
    display:block;
    position:absolute;
    top:-9999px;
    left:-9999px;
    width:0px;
    height:0px;
    margin:0px;
    padding:0px;
    }
    

/* キービジュアル
----------------------------------------------- */
#h_keyvisual{
    background-image:url(../assets/images/houjin/key_visual.jpg);
    width:786px;
    height:223px;
    
}


#h_keyvisual img{
    margin-top:130px;
    margin-left:28px;
    }

#h_keyvisual a:hover img {
    filter:alpha(opacity=60);
    opacity:0.6;
}


/* メニュー
----------------------------------------------- */

#h-banner{
    width:786px;
    height:136px;
    margin:18px 0px;
    padding:0px;
    background-image:url(../assets/images/houjin/banner.jpg);
    background-repeat:no-repeat;
    }

#base #houjin #h-banner ul{
    clear:both;
    list-style-type:none;
    height:136px;
    margin:0px;
    padding:0px;
    }

#base #houjin #h-banner ul li{
    margin:0;
    float:left;
    list-style-image:none;}

#base #houjin #h-banner li a{
    display:block;
    float:left;
    height:136px;
    background-image:url(../assets/images/houjin/banner.jpg);
    background-repeat:no-repeat;
    text-indent:-9999px;
    text-decoration:none;
    /* \*/ overflow:hidden; /* */
    }

/*メニュー部通常時*/
#base #houjin #h-banner li#h-banner-1 a{width:200px;}
#base #houjin #h-banner li#h-banner-2 a{width:195px;background-position:-200px 0;}
#base #houjin #h-banner li#h-banner-3 a{width:194px;background-position:-395px 0px;} 
#base #houjin #h-banner li#h-banner-4 a{width:197px;background-position:-589px 0px;}

/*メニュー部オーバー*/
#base #houjin #h-banner li#h-banner-1 a:hover{background-position:0px -136px;}
#base #houjin #h-banner li#h-banner-2 a:hover{background-position:-200px -136px;}
#base #houjin #h-banner li#h-banner-3 a:hover{background-position:-395px -136px;}
#base #houjin #h-banner li#h-banner-4 a:hover{background-position:-589px -136px;}


/* メイン下段組
----------------------------------------------- */

#h-content{
    width:786px;
    
}

/*　ソリューション　*/

#h-solarea{
    float:left;
    width:520px;
    margin-right:12px;
    }

#h-solarea h2{
    height:62px;
    background-repeat:no-repeat;
    margin:0px;
    padding:0px;
    border:none;
    }

#h-solarea h2.h2-1{
    background-image:url(../assets/images/houjin/solution_title1.gif);
    }
#h-solarea h2.h2-2{
    background-image:url(../assets/images/houjin/solution_title2.gif);
    margin-top:10px;
    }


.h-solution{
    height:138px;
    background-image:url(../assets/images/houjin/solution_bg.gif);
    background-repeat:no-repeat;
    
}

#houjin .h-solution ul{
    clear:both;
    margin:0px; 
    padding:0px; 
    list-style-type:none; 
    margin-left:10px;
    }

#houjin .h-solution ul li{
    background:url(../assets/images/houjin/list_bg.gif);
    background-repeat:no-repeat;
    padding:0px 0px 0px 15px;
    margin:0px 0px 10px;
    list-style-image:none;
        }

/*　ニュース　*/
#h-news{
    float:left;
    width:254px;
    background-color:#f6f6f6;
    }
#houjin #h-news h2{
    background:none;
    background-image:url(../assets/images/houjin/news_title.gif);
    background-repeat:no-repeat;
    width:238px;
    height:39px;
    margin:8px 8px 0px;
    padding:0px 0px 8px;
    border:none;
    background-color:none;
    }
#h-news-main{
    background-color:#ffffff;
    width:238px;
    margin:0px 8px;
    _margin:0px 8px 8px;
    padding:8px 0px 0px;
    _padding:0px;
    }   
#houjin #h-news-main ul{
    clear:both;
    margin:0px; 
    padding:0px; 
    list-style-type:none; 
    margin:0px 8px;
    _margin:8px;
    }
#houjin #h-news-main ul li{
    background:url(../assets/images/houjin/list_news.gif);
    background-repeat:no-repeat;
    padding:0px 0px 0px 15px;
    margin:0px 0px 10px;
    font-size:10px;
    list-style-image:none;
        }
   

/* オンラインボタンエリア
----------------------------------------------- */

#online-area{
    clear:both;
    width:786px;
    margin:20px 0px;
    background-image:url(../assets/images/houjin/online_bg.gif);
    background-repeat:no-repeat;
    height:65px;
    }

#online-area p{
    text-align:right;
    }
    
#online-area p img{
    margin-top:14px;
    margin-right:12px;
    }


#online-area p a:hover img {
    filter:alpha(opacity=60);
    opacity:0.6;
}



/* -----------------------------------------------*/





/* 第二階層
----------------------------------------------- */

#houjin-level2{
    width:595px;
    }

#houjin-level2 p{
    margin-bottom:10px;
    font-size:14px;
    }


#houjin-level2 img.right-margin{
    float:left;
    margin-right:10px;
    }

#houjin-level2 img.left-margin{
    float:right;
    margin-right:10px;
    }


/* 見出し類
----------------------------------------------- */

/*
#houjin-level2 h1.h1-irijium{
    background-image:url(../houjin/images/h1_irijium.gif);
    background-repeat:no-repeat;
    width:596px;
    height:53px;
    }*/

#houjin-level2 h1{
    background:none;
    background-image:url(../assets/images/houjin/h1_level2_bg.gif);
    background-repeat:no-repeat;
    height:34px;
    _height:53px;
    font-size:18px;
    padding:19px 0px 0px 30px;
     }
    
#houjin-level2 h2{
    clear:both;
    background:none;
    border:none;
    background-image:url(../assets/images/houjin/level2_h2_bg.gif);
    background-repeat:no-repeat;
    width:596px;
    height:34px;
    font-size:16px;
    padding:5px 0px 0px 20px;
    margin-top:25px;
     }
    

#houjin-level2 h3{
    background:none;
    clear:both;
    background-image:url(../assets/images/houjin/h3_bg.jpg);
    background-repeat:no-repeat;
    background-position:bottom;
    width:596px;
    height:25px;
    font-size:14px;
    padding:0px;
    padding-left:0px;
    border:none;
    color:#333333;
    margin-top:25px;
    font-weight:bold;
     }





/* キービジュアル
----------------------------------------------- */

#keyvisual-irijium{
    background-image:url(../assets/images/houjin/keyvisual_irijium.jpg);
    background-repeat:no-repeat;
    width:595px;
    height:130px;
    margin-bottom:15px;
    }



#keyvisual-plan{
    background-image:url(../assets/images/houjin/keyvisual_plan.jpg);
    background-repeat:no-repeat;
    width:595px;
    height:130px;
    margin-bottom:15px;
    }

#keyvisual-safety{
    background-image:url(../assets/images/houjin/keyvisual_safety.jpg);
    background-repeat:no-repeat;
    width:595px;
    height:130px;
    margin-bottom:15px;
    }
   

#keyvisual-hikaku{
    background-image:url(../assets/images/houjin/keyvisual_hikaku.jpg);
    background-repeat:no-repeat;
    width:595px;
    height:130px;
    }

#keyvisual-whats{
    background-image:url(../assets/images/houjin/keyvisual_whats.jpg);
    background-repeat:no-repeat;
    width:595px;
    height:130px;
    }

#keyvisual-products{
    background-image:url(../assets/images/houjin/keyvisual_products.jpg);
    background-repeat:no-repeat;
    width:595px;
    height:130px;
    }


#keyvisual-google{
    background-image:url(../assets/images/houjin/keyvisual_googleapps.jpg);
    background-repeat:no-repeat;
    width:595px;
    height:130px;
    }

/* スペシャル枠
----------------------------------------------- */

.spe-houjin{
    border:1px #92b6db solid;
    }

.spe-m{
    width:564px;
    margin:16px;
    }

.spe-b{
    background-color:#eef2ed;
    padding:10px;
    margin-top:10px;
    }

#houjin-level2 .spe-houjin .spe-m h3.plan-naiyou{
    background-image:url(../assets/images/houjin/plan_naiyou_title.gif);
    width:564px;
    height:29px;
    margin-top:0px;
    }


/* テーブル
----------------------------------------------- */

.table{
    width:596px;
    border:1px solid #8da7b8;
    }
    
.table table{
    width:100%;
    }

.table table th{
    padding:8px;
    text-align:left;
    font-size:12px;
}
.table table th.col{
    background-color:#e5edef;
    border-bottom:3px solid #aabad9;
    background-image:url(../assets/images/houjin/table_yajirusi.gif);
    background-repeat:no-repeat;
    background-position:right;
    }

.table table th.row{
    background-color:#f1f1fb;
    }
.table table th.taisyou{
    width:50px;
    }
.table table td{
    padding:8px;
    font-size:12px;
    background-color:#f7f7f7;
    }
.table table td span.small-tx{
    font-size:9px;
    }
.table table td.database{
    vertical-align:top;
    }

/*----------------------------------------*/

.table2{
    width:596px;
    border:1px solid #81755a;
    }
    
.table2 table{
    width:100%;
    }

.table2 table th{
    padding:8px;
    text-align:left;
    font-size:12px;
}
.table2 table th.col{
    background-color:#efedd9;
    border-bottom:3px solid #ded0bb;
    background-image:url(../assets/images/houjin/table_yajirusi2.gif);
    background-repeat:no-repeat;
    background-position:right;
    }

.table2 table th.row{
    background-color:#eeede5;
    }
.table2 table th.taisyou{
    width:50px;
    }
.table2 table td{
    padding:8px;
    font-size:12px;
    background-color:#f7f7f7;
    }
.table2 table td span.small-tx{
    font-size:9px;
    }
.table2 table td.database{
    vertical-align:top;
    }


.s-tx{
    font-size:10px;
    }

    
/*----------------------------------------*/

.table3{
    width:596px;
    background-color:#7a8aa0;
    margin-bottom:20px;
    }
    
.table3 table{
    width:100%;
    }

.table3 table th{
    padding:8px;
    text-align:left;
    background-color:#f1f1f1;
}
.table3 table td{
    padding:8px;
    background-color:#ffffff;
    }

/* 比較項目 
----------------------------------------------- */

#hikaku-koumoku{
    background-image:url(../assets/images/houjin/hikaku_img1.jpg);
    background-repeat:no-repeat;
    width:595px;
    height:219px;
    }




/* このぺーじは
----------------------------------------------- */

#whats-koumoku{
    background-image:url(../assets/images/houjin/whats_img1.jpg);
    background-repeat:no-repeat;
    width:595px;
    height:219px;
    }
    



/* 製品ページ
----------------------------------------------- */




.products-wrap {
    clear:both;
    margin:0px 0px 20px 0px; padding:0;
}

ul.products-list {
    width:100%;
    font-size:0.8em;
    line-height:1.3em;
    text-align:center;
    list-style:none;
    margin:5px 0 0 0; padding:0;
}

ul.products-list li {
    margin:4px 2px 0 0; padding:0;
    float:left;
    display:block;
    background-repeat:no-repeat;
    width:146px;
    height:209px;
}

ul.products-list li.docomo {
    background-image:url(../assets/images/houjin/list_docomo_bg.gif);
}

ul.products-list li.au {
    background-image:url(../assets/images/houjin/list_au_bg.gif);
}

ul.products-list li.softbank {
    background-image:url(../assets/images/houjin/list_softbank_bg.gif);
}
ul.products-list li.emobile {
    background-image:url(../assets/images/houjin/list_em_bg.gif);
}
ul.products-list li.willcom {
    background-image:url(../assets/images/houjin/list_willcom_bg.gif);
}

ul.products-list li a {
    width:146px;
    margin:0; padding:0;
    display:block;
}

ul.products-list li a:link,
ul.products-list li a:visited {
    color:#026ed2;
    text-decoration:none;
}

ul.products-list li a:hover {
    color:#999;
    text-decoration:none;
}

ul.products-list li a img {
    margin:16px 0px 19px 25px;
    display:block;
    text-align:center;
}

ul.products-list li a strong{
    display:block;
    height:20px;
    margin-bottom:0px;
    color:#ffffff;
/*\*/
    overflow:hidden;
/**/
}
ul.products-list li a span  {
    display:block;
    margin:0;
    font-weight:bold;
/*\*/
    overflow:hidden;
/**/
}
ul.products-list li a strong img {
    margin-bottom:0;
    border:0px solid #fff;
    display:inline;
}

ul.products-list li a:hover img {
    filter:alpha(opacity=60);
    opacity:0.6;
}
    
    
/* ウェブグループチラシ
----------------------------------------------- */    
#point{
width:595px;
}

#point div.point1{
width:200px;
float:left;
}

#point div.point2{
width:195px;
float:left;
}

img.web-img5{
margin-top:30px;
margin-bottom:20px;
}



/* オンラインボタンエリア（第二階層）
----------------------------------------------- */

#online-level2{
    clear:both;
    width:595px;
    margin:20px 0px;
    background-image:url(../assets/images/houjin/online_level2_bg.jpg);
    background-repeat:no-repeat;
    height:65px;
    }

#online-level2 p{
    text-align:right;
    }
    
#online-level2 p img{
    margin-top:14px;
    margin-right:14px;
    }


#online-level2 p a:hover img {
    filter:alpha(opacity=60);
    opacity:0.6;
}


/* GoogleAPPSスライド画像用
----------------------------------------------- */ 
#intro {
    padding-bottom: 10px;
}

#slider {
    width: 515px;
    margin: 0 auto;
    _margin-left:30px;
    position: relative;
    border: 5px solid #ccc;
}


.scroll {
    overflow: hidden;
    width: 515px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
    position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 274px;
    height: 350px;
}

#left-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    bottom: 0;
    background: url(../images/leftshadow.png) repeat-y;
}

#right-shadow {
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    bottom: 0;
    background: url(../images/rightshadow.png) repeat-y;
}

.inside {
    padding: 10px;
    border: 1px solid #999;
}

.inside img {
    display: block;
    border: 1px solid #666;
    margin: 0 0 10px 0;
    width: 200px;
}

.inside p {
    font-size: 11px;
    color: #333333;
}


.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -45px;
}

.scrollButtons.right {
    right: -45px;
}

.hide {
    display: none;
}

/* GoogleAPPS
----------------------------------------------- */ 

#can500{
    background-image:url(../assets/images/houjin/google_500_bg.jpg);
    background-repeat:no-repeat;
    background-position:center;
    width:590px;
    margin:15px auto 10px;
    height:290px;
    }

#tanmatu{
    background-image:url(../assets/images/houjin/img_ktai.jpg);
    background-repeat:no-repeat;
    width:596px;
    height:187px;
    margin-bottom:20px;
    }
    

/* GoogleAPPS
----------------------------------------------- */ 
#apps-point1,#apps-point2,#apps-point3{
    width: 586px;
    height: 68px;
    background-repeat:no-repeat;
    margin-bottom:20px;
    }
    
#apps-point1{
    background-image:url(../assets/images/houjin/point01_bg.jpg);
    }
    
#apps-point2{
    background-image:url(../assets/images/houjin/point02_bg.jpg);
    }
    
#apps-point3{
    background-image:url(../assets/images/houjin/point03_bg.jpg);
    }  
    
    
 /* GoogleAPPSの機能
----------------------------------------------- */    
#houjin-level2 #function1{

    clear:both;
    width:596px;
    height:119px;
    margin:0px;
    padding:0px;
    background-image:url(../assets/images/houjin/function1.jpg);
    background-repeat:no-repeat;
    }


#houjin-level2 #function1 ul{
    clear:both;
    list-style-type:none;
    height:119px;
    margin:0px;
    padding:0px;
    list-style-image:none;
    }


#houjin-level2 #function1 li{
    margin:0;
    float:left;}

#houjin-level2 #function1 li a{
    display:block;
    float:left;
    height:119px;
    background-image:url(../assets/images/houjin/function1.jpg);
    background-repeat:no-repeat;
    text-indent:-9999px;
    text-decoration:none;
    /* \*/ overflow:hidden; /* */
    }


/*メニュー部通常時*/
#houjin-level2 #function1 li#function-1 a{width:197px;}
#houjin-level2 #function1 li#function-2 a{width:201px;background-position:-197px 0;}
#houjin-level2 #function1 li#function-3 a{width:198px;background-position:-398px 0px;} 

/*メニュー部オーバー*/
#houjin-level2 #function1 li#function-1 a:hover,#houjin-level2 #function1 li#function-1 span a{background-position:0px -119px;}
#houjin-level2 #function1 li#function-2 a:hover,#houjin-level2 #function1 li#function-2 span a{background-position:-197px -119px;}
#houjin-level2 #function1 li#function-3 a:hover,#houjin-level2 #function1 li#function-3 span a{background-position:-398px -119px;}




#houjin-level2 #function2{

    clear:both;
    width:596px;
    height:118px;
    margin:0px 0px 20px;
    padding:0px;
    background-image:url(../assets/images/houjin/function2.jpg);
    background-repeat:no-repeat;
    
    }


#houjin-level2 #function2 ul{
    clear:both;
    list-style-type:none;
    height:118px;
    margin:0px;
    padding:0px;
    list-style-image:none;
    }


#houjin-level2 #function2 li{
    margin:0;
    float:left;}

#houjin-level2 #function2 li a{
    display:block;
    float:left;
    height:118px;
    background-image:url(../assets/images/houjin/function2.jpg);
    background-repeat:no-repeat;
    text-indent:-9999px;
    text-decoration:none;
    /* \*/ overflow:hidden; /* */
    }


/*メニュー部通常時*/
#houjin-level2 #function2  li#function-4 a{width:197px;}
#houjin-level2 #function2  li#function-5 a{width:201px;background-position:-197px 0;}
#houjin-level2 #function2  li#function-6 a{width:198px;background-position:-398px 0px;} 

/*メニュー部オーバー*/
#houjin-level2 #function2  li#function-4 a:hover,#houjin-level2 #function1 li#function-4 span a{background-position:0px -118px;}
#houjin-level2 #function2  li#function-5 a:hover,#houjin-level2 #function1 li#function-5 span a{background-position:-197px -118px;}
#houjin-level2 #function2  li#function-6 a:hover,#houjin-level2 #function1 li#function-6 span a{background-position:-398px -118px;}
    
    
 /* GoogleAPPSのセキュリティとメンテナンス
----------------------------------------------- */   
#houjin-level2 #sec-feature h3#apps-security{
    background-image:url(../assets/images/houjin/apps_feature.gif);
    height: 28px;
    margin-top: 0px;
    }  
    
#houjin-level2 #sec-feature{
    background-image:url(../assets/images/houjin/sec_feature_bg.gif);
    background-position: left bottom;
    padding-bottom: 10px;
    width: 596px;
    }    
       
#houjin-level2 #sec-feature ul{
    list-style-image: none;
    list-style-type: none;
    margin-left: 0px;
    }    
    
#houjin-level2 #sec-feature ul li{
    background-image:url(../assets/images/houjin/security_key_icon.gif);
    background-repeat:no-repeat;
    background-position: 0px 3px;
    padding-left: 15px;
    margin-bottom: 3px;
    font-size: 14px;
    }