@charset "UTF-8";
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css');

  
  

@charset "UTF-8";
	/*全ての要素リセット*/
	
    /**
    * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
    * Richard Clark (http://richclarkdesign.com)
    * http://cssreset.com
    */
	
    html, body, div, span, object, iframe,
    h1, h2, h3, h4, h5, h6, p, pre,
    abbr, address, cite, code,
    del, dfn, em, img, ins, kbd, q, samp,
    small, strong, var,
    b, i,
     ol, ul, li,
    fieldset, form, label, legend,
     caption, tbody, tfoot, thead, 
    article, aside, canvas, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section, summary,
    time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    }
    body {
    line-height:1;
    }
    article,aside,details,figcaption,figure,
    footer,header,hgroup,menu,nav,section {
	display: block;
    }
    nav ul {
    list-style:none;
    }
    blockquote, q {
    quotes:none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content:'';
    content:none;
    }
    a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    }
    /* change colours to suit your needs */
    ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
    }
    /* change colours to suit your needs */
    mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
    }
    del {
    text-decoration: line-through;
    }
    abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
    }
   
    /* change border colour to suit your needs */
    hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
    }
	
	li{
		list-style:none;
	}
	
    input, select {
    vertical-align:middle;
    }
#top #faqnav #wrap .products_indent .qa_a .right19 p strong {
	color: #000;
}





.main7{
	width:730px;
	float:right;
	overflow:hidden;
	padding-right:10px;



}



h2 {
    background-image: url("../images/common/h2.png");
    padding-left: 15px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #036;
    font-size: 21px;
    margin-top: 20px;
}

h1 {
    
}


.oomidasi2{
	font-size:20px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:20px;
	margin-top:22px;
	border-top:#036 1px solid;
border-bottom:#036 1px solid;
font-weight:bold;


}




.oomidasikuro {
   color: #525252;/*文字色*/
padding: 0.5em 0;/*上下の余白*/
border-top: solid 2px #525252;/*上線*/
border-bottom: solid 2px #525252;/*下線*/
    font-size: 21px;
    margin-top: 20px;
	text-align:center;
	background-color:#F5F5F5;
}



/*ドットテーブル*/
table.contact_table_dot {
    border-top: solid 1px #D8D8D8;
    border-left: solid 1px #D8D8D8;
	border-right: solid 1px #D8D8D8;
	
    border-collapse: collapse;
    color: #000000;
}

table.contact_table_dot th {
     border-top: solid 1px #D8D8D8;
    border-left: solid 1px #D8D8D8;
	border-right:solid 1px #D8D8D8;
	border-bottom:solid 1px #D8D8D8;
    padding: 3px;
    background-color: #E9E9E9;
    text-align: left;
    text-indent: 10px;
}

table.contact_table_dot td {
    border-bottom: solid 1px #D8D8D8;
	
	
    
    padding: 5px;
}







/*global navi2*/

#gnav_bg3 {
    background-image: url(../images/common/menu_bg2.png);
    background-repeat: repeat-x;
    width: 100%;
    height: 42px;
}

#gnav3 {
    width: 966px;
    height: 42px;
    margin: auto;
    overflow: hidden;
}




#gnav3 ul {
    list-style: none;
}


#gnav3 ul li {
    display: block;
    width: 107px;
    height: 42px;
    float: left;
}
#gnav3 ul li a {
    display: block;
    width: 107px;
    height: 42px;
    background-image: url(../images/common/global_menu3.gif);
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -99999px;
}
#gnav3 ul li a span {
    text-indent: -99999px;
}
#gnav3 li.home a {
    width: 107px;
    background-position: -1 0;
}
#gnav3 li.news a {
    width: 107px;
    background-position: -107px 0;
}
#gnav3 li.product a {
    width: 107px;
    background-position: -214px 0;
}
#gnav3 li.seminar a {
    width: 107px;
    background-position: -321px 0;
}
#gnav3 li.company a {
    width: 107px;
    background-position: -428px 0;
}
#gnav3 li.ir a {
    width: 107px;
    background-position: -535px 0;
}
#gnav3 li.kyujin a {
    width: 107px;
    background-position: -642px 0;
}
#gnav3 li.support a {
    width: 107px;
    background-position: -749px 0;
}
#gnav3 li.download a {
    width: 107px;
    background-position: -856px 0;
}

#gnav3 li.home a:hover {
    width: 107px;
    background-position: 0 -42px;
}
#gnav3 li.news a:hover {
    width: 107px;
    background-position: -107px -42px;
}
#gnav3 li.product a:hover {
    width: 107px;
    background-position: -214px -42px;
}
#gnav3 li.seminar a:hover {
    width: 107px;
    background-position: -321px -42px;
}
#gnav3 li.company a:hover {
    width: 107px;
    background-position: -428px -42px;
}
#gnav3 li.ir a:hover {
    width: 107px;
    background-position: -535px -42px;
}
#gnav3 li.kyujin a:hover {
    width: 107px;
    background-position: -642px -42px;
}
#gnav3 li.support a:hover {
    width: 107px;
    background-position: -749px -42px;
}
#gnav3 li.download a:hover {
    width: 107px;
    background-position: -856px -42px;
}


#home #gnav3 li.home a {
    width: 107px;
    background-position: 0 -84px;
}
#news #gnav3 li.news a {
    width: 107px;
    background-position: -107px -84px;
}
#product #gnav3 li.product a {
    width: 107px;
    background-position: -214px -84px;
}
#seminar #gnav3 li.seminar a {
    width: 107px;
    background-position: -321px -84px;
}
#company #gnav3 li.company a {
    width: 107px;
    background-position: -428px -84px;
}
#ir #gnav3 li.ir a {
    width: 107px;
    background-position: -535px -84px;
}

#kyujin #gnav3 li.kyujin a {
    width: 107px;
    background-position: -642px -84px;
}

#support #gnav3 li.support a {
    width: 107px;
    background-position: -749px -84px;
}

#download #gnav3 li.download a {
    width: 107px;
    background-position: -856px -84px;
}

#btn-menu9{
	display:none;}
#btn-menu10{
	display:none;}


#slideBox{
     display:none;
     }
#slideBox2{
     display:none;
     }

.open_saranikako {
  width: 15em;
    display: block;
    padding: 3px 0;
    text-align: center;
    background: #f6f6f6;
    border: solid 1px #cdcdcd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin: 15px 10px;
    cursor: pointer;
    font-size: 12px;
	 
	 
	 
     }



.open_saranikako2 {
  width: 15em;
    display: block;
    padding: 3px 0;
    text-align: center;
    background: #f6f6f6;
    border: solid 1px #cdcdcd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin: 15px 10px;
    cursor: pointer;
    font-size: 12px;
	 
	 
	 
     }

     .open_saranikako3 {
        width: 15em;
          display: block;
          padding: 3px 0;
          text-align: center;
          background: #f6f6f6;
          border: solid 1px #cdcdcd;
          border-radius: 3px;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          margin: 15px 10px;
          cursor: pointer;
          font-size: 12px;
           
           
           
           }


.midasi2 {
	font-size:14px;
	font-weight:bold;

	color: #010079;

}



.midasipro{
	font-size:14px;
	

	color: #010079;

}


.midasipro a {
    
    margin: 0;
   
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:20px;
    color: #fff;
    text-decoration: none;
    background: url(../images/common/right_arrow_g.png) no-repeat 98% 50%;
    background-color: #194098;
	width:230px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:15px;

	
	
}

.midasimasima {
	font-size:15px;
	font-weight:bold;
	color: #010079;
	
text-shadow: 0 0 5px white;
padding: 0.3em 0.5em;
background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);

}





.obi {
    display: none;
}
.obi2 {
    display: none;
}
.indent_20_m {
    margin-left: 40px;
}
.clearbox-left40 {
    overflow: hidden;
    padding-left: 40px;
}
.clearbox40 {
    overflow: hidden;
    padding: 40px;
}
.clearboxw40 {
    overflow: hidden;
    padding-left: 40px;
    padding-right: 40px;
}
.clearboxw40 li {
    list-style: none;
}
/*フロート5:5*/

.left55 {
    float: left;
    width: 47%;
    overflow: visible;
    padding-left: 10px;
}
.right55 {
    float: right;
    width: 48%;
    overflow: visible;
    padding-left: 10px;
}
.left_harlf {
    float: left;
    width: 48%;
    overflow: visible;
    padding-left: 10px;
}
.right_harlf {
    float: right;
    width: 48%;
    overflow: visible;
    padding-left: 10px;
}
.tiisai {
    font-size: 12px;
}
.btn_indentmenu2 {
    display: none;
}
.indentmenu {
    width: 80px;
    height: 35px;
    background-color: #039;
    float: left;
    list-style: none;
    padding-top: 3px;
    margin-left: 5px;
    text-align: center;
    display: block;
    cursor: pointer;
    color: #FFF;
    font-size: 13px;
}
.blockquote {
    padding: 40px;
}
.indenttabbox {
    float: left;
   
    background: #FFF;
    top: 64px;
    /*ここでタブのしたの隙間なくす*/
    
    left: 5px;
    position: absolute;
    overflow: auto;
    margin-top: -10px;
}
.prdtab2 {
    display: none;
}
.contact_table_ir td {
    border-bottom: #999 1px dotted;
}
.scr_long {
    width: 600px;
}






















/*レスポンシブ対策*/

table.tablesorter {
    border_top: dotted 1px #808080;
    border-left: 0px dotted #aaa;
    border-collapse: collapse;
    color: #000000;
    overflow: scroll;
}
table.tablesorter th {
    border_bottom: dotted 1px #808080;
    padding: 3px;
    background-color: #E9E9E9;
    text-align: left;
    text-indent: 10px;
    overflow: scroll;
}
table.tablesorter td {
    border-bottom: dotted 1px #808080;
    border-right: 1px dotted #aaa;
    padding: 5px;
}
table.tablesorter {
    border: solid 1px #ccc;
    border-collapse: collapse;
    overflow: scroll;
}
.tablesorter {
    overflow: scroll;
    font-size: 94%;
}
table.tablesorter {
    margin-bottom: 0;
    overflow: scroll;
}
.pinned {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 35%;
    overflow: hidden;
    overflow-x: scroll;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.pinned table {
    border-right: none;
    border-left: none;
    width: 100%;
}
.pinned table th,
.pinned table td {
    white-space: nowrap;
}
.pinned td:last-child {
    border-bottom: 0;
}
div.table-wrapper {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    border-right: 1px solid #ccc;
}
div.table-wrapper div.scrollable {
    margin-left: 35%;
}
div.table-wrapper div.scrollable {
    overflow: scroll;
    overflow-y: hidden;
}
table.tablesorter td,
table.tablesorter th {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
}
#check-menu8 {
    display: none;
}
#btn-menu8 {
    display: none;
}
#check-menu7 {
    display: none;
}
#btn-menu7 {
    display: none;
}
#check-menu6 {
    display: none;
}
#btn-menu6 {
    display: none;
}
#check-menu5 {
    display: none;
}
#btn-menu5 {
    display: none;
}
#check-menu4 {
    display: none;
}
#btn-menu4 {
    display: none;
}
#check-menu3 {
    display: none;
}
#btn-menu3 {
    display: none;
}
#check-menu2 {
    display: none;
}
#btn-menu2 {
    display: none;
}
#check-menu {
    display: none;
}
#btn-menu {
    display: none;
}
.smaonly {
    display: none;
}
.style12 {
    text-align: left;
}
.tana {
    font-family: ＭＳ P ゴシック;
    font-size: 75%;
}
/* これでカタログ中の文字小さく */

.faceimages_e {
    background-image: url(../whats_new/catalogs/images/face/shadow-trans.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 17px;
    margin-right: 17px;
}
/* =-=-=-=-=-=-=-カタログ背景-=-=-=-=-=-=-=- */

.catalog_e {
    background: url(../whats_new/catalogs/images/shelf2.png);
    background-repeat: no-repeat;
    text-align: center;
}
.catalog_e2 {
    background-repeat: no-repeat;
    background-color: #EBEBEB;
    width: 550px;
    margin-left: 50px;
    overflow: hidden;
    height: 340px;
}
/* =-=-=-=-=-=-=-棚　文-=-=-=-=-=-=-=- */

.catalog_e3 {
    width: 550px;
    margin-left: 50px;
    overflow: hidden;
    height: 150px;
}
.catalogbox {
    float: left;
    padding: 17px;
    width: 70px;
}
.catalognew {
    width: 70px;
    padding-left: 20px;
}
.catalogboxbun {
    background-color: #FFF;
    margin-top: 10px;
    font-size: 12px;
    width: 65px;
    border: #CCC 1px solid;
    padding: 5px;
}
.brochures_e {
    font-size: 0.8em;
    font-weight: bold;
    text-indent: 0;
    line-height: 115%
}
.faceimages {
    background-image: url(../whats_new/catalogs/images/face/shadow-trans.png);
    background-repeat: no-repeat;
    background-position: center;
    padding: 15px 15px 15px 15px;
}
/* =-=-=-=-=-=-=-カタログ背景-=-=-=-=-=-=-=- */

.catalog {
    background: url(../whats_new/catalogs/images/shelf2.png);
    background-repeat: no-repeat;
}
.bxslider_m {
    display: none;
}
.bxslider_gyara {
    list-style: none;
}
.bxslider_gyara {
    list-style: none;
}
.bxslider_gyara ul li {
    list-style: none;
}
.bxslider_gyara ul {
    list-style: none;
}
.mlogo {
    display: none;
}
/*f_md　pc表示*/

.f_md {
    display: list-item;
    padding-left: 50px;
    background-color: #039;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: #FFF 1px solid;
    background-image: url(../images/common/pc.png);
    background-repeat: no-repeat;
    background-position: 25px 14px;
    background-size: 17px 17px;
    list-style: none;
}
.f_md li {
    font-size: 15px;
    color: #FFFFFF;
    list-style: none;
}
.f_md li a {
    font-size: 15px;
    color: #FFFFFF;
    text-decoration: none;
}
/*f_me　スマフォ表示*/

#f_me {
    display: list-item;
    padding-left: 50px;
    background-color: #039;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: #FFF 1px solid;
    background-image: url(../images/common/sma.png);
    background-repeat: no-repeat;
    background-position: 28px 14px;
    background-size: 14px 19px;
    list-style: none;
}
#f_me li {
    font-size: 15px;
    color: #FFFFFF;
    list-style: none;
}
#f_me li a {
    font-size: 15px;
    color: #FFFFFF;
    text-decoration: none;
}
#btnPC2 {
    font-size: 15px;
    color: #FFFFFF;
    text-decoration: none;
    list-style: none;
}
.f_mc {
    display: none;
}
.f_ma {
    display: none;
}
.f_mb {
    display: none;
}
.f_m2 {
    width: 100%;
    background-color: #DDD;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
.f_m2 li {
    font-size: 16px;
    color: #000;
    width: 100%;
}
.f_m2 li a {
    font-size: 16px;
    color: #000;
    text-decoration: none;
    width: 320px;
}
#btnPC {
    text-decoration: none;
    color: #000;
    margin-top: 10px;
}
#btnSP {
    text-decoration: none;
    color: #000;
    padding: 5px;
    margin-top: 10px;
    padding-left: 30px;
}
.cse-search-box {
    display: none;
}
.kensaku {
    display: none;
}
.head {
    display: none;
}
.smacopi {
    display: none;
}
#spLinkBlockInPc {
    display: none;
}
.pc {
    display: none;
}
.pconly {} ul.switch {} .gnav-btn {
    display: none;
}
.global {
    display: none;
}
.fontobig {
    font-size: 20px;
    font-weight: bold;
}
.menu2 {
    display: none;
}
.btn_menu2 {
    display: none;
}
.btn_menu2 a {
    display: none;
}
.menu2 ul {
    display: none;
}
.menu2 ul li {
    display: none;
}
.menu2 ul li:last-child {
    display: none;
}
.menu2 ul li a {
    display: none;
}
.modoru {
    display: none;
}
#pan_list_m {
    display: none;
}
.indentbox_m {
    display: none;
}
.dial {
    display: none;
}
.f_m {
    display: none;
}
.m_h2 {
    display: none;
}
.box_m {
    display: none;
}
.pctitle {
    background-image: url("../images/common/h2.png");
    padding-left: 15px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #036;
    font-size: 21px;
    margin-top: 20px;
}
div.box {
    display: none;
}
.rap {
    display: none;
}
.row {
    display: none;
}
.subfooter_m {
    display: none;
}
.topside_m {
    display: none;
}
ul.acordion li .none-submenu {
    background: url(trigger-arrow.png) no-repeat 96% 50%;
}
ul.acordion li .active-submenu {
    background: url(triggeractive-arrow.png) no-repeat 96% 50%;
}
.mob_gnav_bg {
    display: none;
}
.mob_gnav {
    display: none;
}
.mob_newstab {
    display: none;
}
.newstab {
	float: left;
	width: 626px;
	height: 480px !important;
	border: #394F60 1px solid;
	background: #FFF;
	top: 44px;
	/*ここでタブのしたの隙間なくす*/
    
    left: 0px;
	position: absolute;
	overflow: auto;
	margin-top: -19px;
	margin-left:0px;
}

body {
    position: relative;
    color: #000;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, sans-serif;
    font-size: 0.85em;
    *font-size: small;
    line-height: 1.7;
    margin-top: 0;
    text-align: justfy;
    width: 100%;
	
	
}
.wrap {
    width: 100%;
	background-color:#FFFFFF !important;
	
}


.wrapgray {
    width: 100%;
	background-color: #F6F6F6; !important;
	
}
.wraprepo {
    width: 100%;
	background-color: #EFFAFE;
	
}


@font-face {
    font-family: round;
    src: local("ヒラギノ丸ゴ Pro W4"), local("Hiragino Maru Gothic Pro"), local("HG丸ｺﾞｼｯｸM-PRO"), local(HGMaruGothicMPRO);
}
/* 画像とフォームパーツの上下位置をテキストの真ん中に */

img,
input,
select,
textarea {
    vertical-align: middle;
}
/*イメージ*/

img {
    border: 0;
}
/* デフォルトリンク色の設定 */

a {
    color: #00479d;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
    -moz-background-clip: padding;
    /*background-color:#ccc;*/
    
    ;
}
/* 画像リンクの設定 */

a img {
    opacity: 1;
    filter: alpha(opacity=100);
}
a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
}
a img:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    /* ie lt 8 */
    
    -ms-filter: "alpha(opacity=100)";
    /* ie 8 */
    
    -moz-opacity: 1;
    /* FF lt 1.5, Netscape */
    
    -khtml-opacity: 1;
    /* Safari 1.x */
    
    ;
}
figure a img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* ie lt 8 */
    
    -ms-filter: "alpha(opacity=70)";
    /* ie 8 */
    
    -moz-opacity: 0.7;
    /* FF lt 1.5, Netscape */
    
    -khtml-opacity: 0.7;
    /* Safari 1.x */
    
    ;
}
/*	clearfix
------------------------------*/

.clearfix:after {
    /*for modern browser*/
    
    content: "";
    display: block;
    clear: both;
}
* html .clearfix {
    zoom: 1;
}
/*for IE6*/

*:first-child+html .clearfix {
    zoom: 1;
}
/*for IE7*/
/*　レイアウト*/

#header {
    background: url(../images/common/top_line.gif) repeat-x top left;
	margin: 0px !important;
	
	

	
}



#header2 {
	background-color:#194098;
	margin: 0px !important;
	position:fixed;
	display:block;
	width:100%;
	
	
}



.header3 {
	background-color:#194098 !important; 
	
	height:47px;/*これで小野測器製品検索の青いラインの縦の長さを定義*/
	
	
	
}






#main_head {
    width: 960px;
    margin: auto;
    overflow: hidden;
	background-color:#FFFFFF;
  background: url(../images/common/top_line.gif) repeat-x top left;
    
    
}




#main_headsiro {
    width: 960px;
    margin: auto;
    overflow: hidden;
	background-color:#FFFFFF !important;
  background: url(../images/common/top_line.gif) repeat-x top left;
  
    
}


#seihin_head {
    width: 1260px;
    margin: auto;
    overflow: hidden;
    /*margin-bottom:20px;*/
    
    ;
}
#seihin_head #logo {
    width: 400px;
    float: left;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    /*margin-top:0px;*/
    
    ;
}
#seihin_head #logo img {
    display: block;
    float: left;
}
#seihin_head #logo a img {
    margin-right: 20px;
}
#seihin_head #phil {
    display: block;
    float: left;
    margin-top: 15px;
}
#main_head #logo {
    width: 400px;
    float: left;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    /*margin-top:0px;*/
    
    ;
}
#main_head #logo img {
    display: block;
    float: left;
}
#main_head #logo a img {
    margin-right: 20px;
}
#main_head #phil {
    display: block;
    float: left;
    margin-top: 15px;
}
#header-navi {
    width: 530px;
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 10px;
    overflow: hidden;
	font-size:14px;
	
	

}




#header-navi a {}


#header-navi #search {
    width: 400px;
    float: right;
    display: inline;
    padding-right: 10px;
}
#global {
    display: block;
    float: right;
}
#global ul {
    text-align: right;
    font-size: 14px;
}
#global li {
    display: inline;
    padding-left: 12px;
    margin-left: 12px;
}
#global a {
    color: #000;
    text-decoration: none;
}
#global a:visited {
    color: #444;
}
#global a:hover {
    color: #000;
    text-decoration: underline;
    background: transparent;
}


#contents {} #wrap {
    position: relative;
    width: 960px;
    margin: auto;
    overflow: hidden;
    margin-bottom: 50px;
	
}



#contents {} #wrapsiro {
    position: relative;
    width: 960px;
    margin: auto;
    overflow: hidden;
    margin-bottom: 50px;
	
}


#contents {} #wrap1200 {
    position: relative;
    width: 1200px;
    margin: auto;
    overflow: hidden;
    margin-bottom: 50px;
	
}




#contents {} #wraprepo {
    position: relative;
    width: 960px;
    margin: auto;
    overflow: hidden;
    margin-bottom: 50px;
	background-color:#FFFFFF;
	
}

#contents {} #wrap1500 {
    position: relative;
    width: 1200px;
    margin: auto;
    overflow: hidden;
    margin-bottom: 50px;
}




#contents {} #topwrap {
    position: relative;
    width: 1300px;
    margin: auto;
    overflow: hidden;
    margin-bottom: 50px;
}



#wrapseihin {
    position: relative;
    width: 1260px;
    margin: auto;
    overflow: hidden;
    margin-bottom: 50px;
}
#search {
    display: block;
    float: right;
    width: 450px;
}
#cse-search-form {
    width: 300px;
    height: 25px;
    padding-right: 30px;
}
/*リクナビ*/

#rikunavi {
    position: absolute;
    left: 695px;
    top: 27px;
}
/* Head Navi */

#hnav {
    display: block;
    float: right;
    top: 45px;
    width: 380px;
}
#hnav ul {
    text-align: right;
    font-size: 13px;
}
#hnav li {
    display: inline;
    background: url(../images/common/blue_arrow.gif) center left no-repeat;
    padding-left: 12px;
    margin-left: 12px;
}
#hnav li.sitemap {
    background: url(../images/common/blue_arrow_b.gif) center left no-repeat;
}
#hnav a {
    color: #000;
    text-decoration: none;
}
#hnav a:visited {
    color: #444;
}
#hnav a:hover {
    color: #000;
    text-decoration: underline;
    background: transparent;
}
/*global navi*/

#gnav_bg {
    background-image: url(../images/common/menu_bg2.png);
    background-repeat: repeat-x;
    width: 100%;
    height: 42px;
}

#gnav {
    width: 960px;
    height: 42px;
    margin: auto;
    overflow: hidden;
}









#gnav ul {
    list-style: none;
}


#gnav ul li {
    display: block;
    width: 120px;
    height: 42px;
    float: left;
}
#gnav ul li a {
    display: block;
    width: 120px;
    height: 42px;
    background-image: url(../images/common/global_menu2.png);
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -99999px;
}
#gnav ul li a span {
    text-indent: -99999px;
}
#gnav li.home a {
    width: 120px;
    background-position: 0 0;
}
#gnav li.news a {
    width: 120px;
    background-position: -120px 0;
}
#gnav li.product a {
    width: 120px;
    background-position: -240px 0;
}
#gnav li.company a {
    width: 120px;
    background-position: -360px 0;
}
#gnav li.ir a {
    width: 120px;
    background-position: -480px 0;
}
#gnav li.kyujin a {
    width: 120px;
    background-position: -600px 0;
}
#gnav li.support a {
    width: 120px;
    background-position: -720px 0;
}
#gnav li.download a {
    width: 120px;
    background-position: -840px 0;
}
#gnav li.home a:hover {
    width: 120px;
    background-position: 0 -42px;
}
#gnav li.news a:hover {
    width: 120px;
    background-position: -120px -42px;
}
#gnav li.product a:hover {
    width: 120px;
    background-position: -240px -42px;
}
#gnav li.company a:hover {
    width: 120px;
    background-position: -360px -42px;
}
#gnav li.ir a:hover {
    width: 120px;
    background-position: -480px -42px;
}
#gnav li.kyujin a:hover {
    width: 120px;
    background-position: -600px -42px;
}
#gnav li.support a:hover {
    width: 120px;
    background-position: -720px -42px;
}
#gnav li.download a:hover {
    width: 120px;
    background-position: -840px -42px;
}
#home #gnav li.home a {
    width: 120px;
    background-position: 0 -84px;
}
#news #gnav li.news a {
    width: 120px;
    background-position: -120px -84px;
}
#product #gnav li.product a {
    width: 120px;
    background-position: -240px -84px;
}
#company #gnav li.company a {
    width: 120px;
    background-position: -360px -84px;
}
#ir #gnav li.ir a {
    width: 120px;
    background-position: -480px -84px;
}
#kyujin #gnav li.kyujin a {
    width: 120px;
    background-position: -600px -84px;
}
#support #gnav li.support a {
    width: 120px;
    background-position: -720px -84px;
}
#download #gnav li.download a {
    width: 120px;
    background-position: -840px -84px;
}



/*ぱんぐずリスト*/

#pan_list {
    padding: 5px 0;
}
#pan_list ul {
    list-style-type: none;
}
#pan_list ul li {
    display: inline;
    background: url(../images/common/blue_arrow.gif) no-repeat center left;
    padding-left: 1em;
    font-size: 0.82em;
}
#pan_list ul li:first-child {
    display: inline;
    background-image: none;
    padding-left: 0;
    font-size: 0.82em;
}
/*メイン  左カラム*/

#wrap #main {
    width: 700px;
    float: right;
    position: relative;
	font-size:15px;
	
}



#wrapsiro #main {
    width: 700px;
    float: right;
    position: relative;
	font-size:15px;
	
}

/*セミナー用幅広*/

#main2 {
    width: 900px;
    float: right;
    position: relative;
	font-size:15px;
	
}


#wraprepo #main {
    width: 700px;
    float: right;
    position: relative;
	font-size:15px;
	background-color:#FFFFFF;
	
}



#wrap #main900 {
    width: 800px;
    float: right;
    position: relative;
	font-size:15px;
}





/*メイン?  左カラム*/

#wrapseihin #mainseihin {
    width: 960px;
    float: right;
    position: relative;
    margin-right: 25px;
}
/*1カラムフォーマット*/

#wrap #main6 {
    width: 960px;
    /*float:left;*/
    
    position: relative;
}
/*小野測器の仕事*/

#main .btn_5list ul {
    list-style-type: none;
}
#main .btn_5list ul li {
    float: left;
    margin-left: 42px;
    overflow: hidden;
}
#main .btn_5list ul li:first-child {
    margin-left: 0 !important;
}
#main .btn_5list ul li .caption {
    display: block;
    width: 100px;
    line-height: 1.5;
    text-align: left;
    font-size: 0.8em;
    margin-top: 5px;
}
/*kimi Backgroungd*/

#wrap #main2 {
    width: 720px;
    float: left;
    background: url(../images/career/men_model_career01.png) no-repeat right top;
    overflow: hiedden;
    position: relative;
}
#wrap #main3 {
    width: 720px;
    float: left;
    background: url(../images/career/men_model_career02.png) no-repeat right top;
    overflow: hiedden;
    position: relative;
}
#wrap #main4 {
    width: 720px;
    float: left;
    background: url(../images/career/men_model_career03.png) no-repeat right top;
    overflow: hiedden;
    position: relative;
}
#wrap #main5 {
    width: 678px;
    float: left;
    background: url(../images/career/men_model_career04.png) no-repeat right top;
    overflow: hiedden;
    position: relative;
}
ul li.margin_20 {
    display: inline;
    margin-right: 20px;
}
ul li.mark {
    background: url(../images/common/mark.png) no-repeat left center;
    padding: 0 20px;
    display: block;
}
ul li.dot {
    background: url(../images/common/dot.png) no-repeat left center;
    padding: 0 20px;
    display: block;
}
p.mark {
    background: url(../images/common/mark.png) no-repeat left center;
    padding: 0 20px;
    display: block;
}
.free_waku ul {
    list-style: none;
}
.free_waku ul li {
    padding: 0 15px;
    display: block;
    margin-bottom: 1.5em;
    background: url(../images/common/dot2.png);
    background-position: 1pt 0.6em;
    background-repeat: no-repeat;
}
/*モデルキャリア END*/
/*ショルダー*/

.title_bold {
    font-weight: bold;
    color: #000;
    font-size: 1.2em;
    padding: 3px 0 0 0px;
}
.title01_int {
    margin-bottom: 10px;
    background: url(../images/common/title06.png) no-repeat;
    height: 40px;
}
.title02_int {
    margin-bottom: 10px;
    background: url(../images/common/title07.png) no-repeat;
    height: 40px;
}
.title03_int {
    margin-bottom: 10px;
    background: url(../images/common/title08.png) no-repeat;
    height: 40px;
}
.title04_int {
    margin-bottom: 10px;
    background: url(../images/common/title09.png) no-repeat;
    height: 40px;
}
.title05_int {
    margin-bottom: 10px;
    background: url(../images/common/title10.png) no-repeat;
    height: 40px;
}
.title06_int {
    margin-bottom: 10px;
    background: url(../images/office/office_shoulder.png) no-repeat;
    height: 40px;
}
.title07_int {
    margin-bottom: 10px;
    background: url(../images/office/office_map.png) no-repeat;
    height: 40px;
}
.title08_int {
    margin-bottom: 10px;
    background: url(../images/recruit/shoulder_10.png) no-repeat;
    height: 40px;
}
.title09_int {
    margin-bottom: 10px;
    background: url(../images/recruit/shoulder_11.png) no-repeat;
    height: 40px;
}
.title10_int {
    margin-bottom: 10px;
    background: url(../images/recruit/shoulder_12.png) no-repeat;
    height: 40px;
}
.title11_int {
    margin-bottom: 10px;
    background: url(../images/recruit/shoulder_13.png) no-repeat;
    height: 40px;
}
.title12_int {
    margin-bottom: 10px;
    background: url(../images/recruit/shoulder_14.png) no-repeat;
    height: 40px;
}
.title13_int {
    margin-bottom: 10px;
    background: url(../images/recruit/shoulder_15.png) no-repeat;
    height: 40px;
}
.title14_int {
    margin-bottom: 10px;
    background: url(../images/career/shoulder_16.png) no-repeat;
    height: 40px;
}
.title15_int {
    margin-bottom: 10px;
    background: url(../images/about/shoulder_17.png) no-repeat;
    height: 40px;
}
/*ショルダーEND*/
/*セクション*/

.normal_section {
    margin-bottom: 20px;
    overflow: hidden;
}


.normal_section800 {
    margin-bottom: 20px;
    overflow: hidden;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
}



#wrapsiro{
	background-color: #fff;}
/*バックナンバー*/

.normal_section_back {
    margin-bottom: 20px;
    overflow: hidden;
    margin-top: 160px;
    z-index: 0;
}
.normal_section2 {
    width: 500px;
    margin-bottom: 20px;
    ;
    overflow: hidden;
}
.normal_section3 {
    width: 960px;
    margin-bottom: 20px;
    ;
    overflow: hidden;
}
.normal_section4 {
    margin-bottom: 20px;
    overflow: hidden;
}
.seihin_section {
    margin-bottom: 20px;
    overflow: hidden;
    width: 960px;
}
.seihin_sectiontop {
    background-image: url("../images/common/h2seihin.png");
    padding-left: 15px;
    color: #ffffff;
    padding-top: 5px;
    background-repeat: no-repeat;
    font-size: 21px;
    margin-top: 20px;
}
.bottom_20 {
    margin-bottom: 20px;
}
.section_body {
    width: 700px;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}
.section_body2 {
    width: 540px;
    margin-bottom: 30px;
    overflow: hidden;
}
.section_body3 {
    width: 960px;
    margin-bottom: 30px;
    overflow: hidden;
}
.section_body4 {
    width: 960px;
    /*margin-bottom:30px;*/
    
    overflow: hidden;
}
/*イメージ回り込み*/

.img_left {
    float: left;
    margin: 0.5em 1em 1em 0;
}
.img_right {
    float: right;
    margin: 0.5em 0 0 1em;
}
.img_right2 {
    float: right;
    margin: 0 0 0 1em;
}
#project .block {
    overflow: hidden;
    border: solid 1px #666;
    padding: 10px;
}
#project .bar {
    float: right;
    width: 1px;
    height: 100px;
    background-color: red;
}
#project .img {
    float: right;
    clear: both;
}
.right a {
    float: right;
    overflow: hidden;
}
.know ul,
.book ul,
{
    list-style-type: none;
}
.know ul li {
    display: inline;
    margin-left: 3px;
    overflow: hidden;
}
.know ul li:first-child {
    margin-left: 0;
}


/*サイド　右カラム*/

#wrap #side-r {
    width: 248px;
    float: left;
    position: relative;
}
/*nav{
	position: relative;
	width: 735px;
	float: right;
}*/

#side {
    width: 248px;
    float: left;
    position: relative;
    border-color: #CCC;
    margin-bottom: 20px;
}

/*イー見積もりサイド　右カラム*/
#eside {
    width: 210px;
    float: left;
    position: relative;
    border-color: #CCC;
    margin-bottom: 20px;
}



#side a hover {
	color:#FFF;
}





#side .bg_blue {
    background-color: #00479d;
    padding: 10px;
}
#side .bg_blue_link {
    background-color: #00479d;
    padding: 10px;
    margin: 2px 0 0 0;
}
#side .bg_blue_link ul {
    list-style: none;
    padding: 0px 0px 0px 5px;
}
#side .bg_blue_link li {
    padding: 5px 10px;
    background-image: url(../images/common/arrow_r.gif);
    background-repeat: no-repeat;
    background-position: left center;
}
#side .bg_blue_link li a {
    color: #fff;
}
#side .side_title {
    font-weight: bold;
    margin: 10px 0;
    color: #FF9;
}
#side .side_title span {
    font-size: 0.8em;
    font-weight: normal;
}
/*#side .bottom_10{
	padding-bottom:10px;
}*/

#side .right_photo {
    margin: 10px 0 10px;
}
/*#side .right_photo_last{
	margin:10px;
	padding-bottom:10px;
}*/

#side .fit {
    margin: 0;
}
/* サイド　テキストエリア */

#side dl {
    width: 200px;
    margin: 0 0 10px 0;
    background-color: #fff;
    padding: 10px;
}
#side dt {
    color: #000;
    font-weight: bold;
}
#side dd {
    color: #000;
}
/*to top*/

#to_top {
    width: 960px;
    height: 30px;
    margin: auto;
    overflow: hidden;
}
/* ページトップ 戻る*/

#to_top .pagetop {
    display: block;
    text-align: right;
    text-indent: 9999px;
}
/*#to_top .pagetop span{
	display:none;
}*/

#to_top .pagetop a {
    text-indent: 9999px;
    display: block;
    width: 100px;
    height: 30px;
    background-image: url(../images/common/page_top.png);
    background-repeat: no-repeat;
    float: right;
}
#to_top .pagetop a:hover {
    text-indent: 9999px;
    display: block;
    width: 100px;
    height: 30px;
    background-position: 0 -30px;
    text-indent: 9999px;
}
/*footer フッター*/

#footer {
    width: 100%;
    background-color: #F6F6F6;
    font-size: 12px;
}
#footer_inner {
    position: relative;
    width: 960px;
    margin: auto;
    background-color: #F6F6F6;
}
#footer_inner .footer_list {
    list-style-type: none;
}
#footer_inner .footer_list ul {
    list-style-image: url(../images/common/arrow_r.gif);
    margin: 1em 0 0 2em;
}
/*footer フッターもじ*/

#footer_inner .footer_list ul li {
    color: #000;
}
#footer_inner p.underline {
    color: #000;
    font-weight: bold;
    text-decoration: underline;
}
/* sitemap */
/*footer フッターサイトマップ*/

#sitemap {
    border-top: 0px none;
    padding: 5px 10px 10px 10px;
    font-size: 0.8 em;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}
/*文字の色*/

#sitemap a {
    color: #000;
    line-height: 1.8em;
}
#sitemap li {
    display: block;
    width: 25%;
    padding: 0px 0px;
    float: left;
    font-weight: bold;
    margin-bottom: 5px;
}
#sitemap li a:hover {
    text-decoration: underline;
}
#sitemap .group {
    margin-top: 5px;
}
#sitemap .group li {
    display: list-item;
    float: none;
    width: auto;
    padding: auto;
    margin-left: 1.5em;
   /* list-style-image: url(../images/common/arrow_r.gif);*/
    font-weight: normal;
    margin-bottom: 0px;
}
#sitemap .group li a {
    text-decoration: none;
}
#sitemap .group li a:hover {
    text-decoration: underline;
}
#sitemap p {
    margin-top: 15px;
}
/*テーブル*/

table.contact_table {
    border: 1px solid #aaa;
    border-collapse: collapse;
    color: #000000;
    overflow: scroll;
}
table.contact_table th {
	border: 1px solid #aaa;
	padding: 3px;
	background-color: #E9E9E9;
	text-align: center;
	text-indent: 10px;
}
table.contact_table td {
    border: 1px solid #aaa;
    padding: 5px;
}
table.contact {
    border: solid 1px #ccc;
    border-collapse: collapse;
}
.contact_table {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, sans-serif;
   
}
/*テーブル ir*/

table.contact_table_ir {
    border_top: dotted 1px #808080;
    border-left: 0px dotted #aaa;
    border-collapse: collapse;
    color: #000000;
}
table.contact_table_ir th {
    border_bottom: dotted 1px #808080;
    padding: 3px;
    background-color: #E9E9E9;
    text-align: left;
    text-indent: 10px;
}
table.contact_table_ir td {
    border-bottom: dotted 1px #808080;
    border-right: 0px dotted #aaa;
    padding: 5px;
}
.contact_table_ir {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size: 94%;
}
table.contact_table_toumei {
    border-collapse: collapse;
    color: #000000;
    overflow: scroll;
}
table.contact_table_toumei th {
    padding: 3px;
    background-color: #E9E9E9;
    text-align: left;
    text-indent: 10px;
}
table.contact_table_toumei td {
    padding: 5px;
}
table.contact {
    border: solid 1px #ccc;
    border-collapse: collapse;
}
.contact_table_toumei {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size: 94%;
}
/*レスポンシブ対策*/

table.responsive {
    border_top: dotted 1px #808080;
    border-left: 0px dotted #aaa;
    border-collapse: collapse;
    color: #000000;
}
table.responsive th {
    border_bottom: dotted 1px #808080;
    padding: 3px;
    background-color: #E9E9E9;
    text-align: left;
    text-indent: 10px;
}
table.responsive td {
    border-bottom: dotted 1px #808080;
    border-right: 1px dotted #aaa;
    padding: 5px;
}
table.responsive {
    border: solid 1px #ccc;
    border-collapse: collapse;
}
.responsive {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size: 94%;
}
/*テーブル*/

table.std2 {
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-collapse: collapse;
    border-spacing: 0;
}
.std2 tr {
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}
.std2 th {
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    color: #333333;
    background-color: #eee;
    text-align: center;
    padding: 0.5em 0.5em;
}
.std2 tr.even td {
    background-color: #F0F0EE;
}
.std2 td {
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    padding: 0.5em 0.5em;
}
.std2 {
    font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size: 95%;
}
/*テキスト関連*/

p.white_b {
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin: 10px;
    font-size: 1em;
}
p.yellow_b {
    color: #FF9;
    font-weight: bold;
    text-align: center;
    margin: 10px;
    font-size: 1em;
}
p.bold {
    font-weight: bold;
}
p.bold_y {
    font-weight: bold;
    color: #FF9;
}
p.small {
    font-size: 0.85em;
}
p.ind {
    text-indent: -1em;
    margin-left: 1em;
}
p.ind2 {
    text-indent: -3em;
    margin-left: 3em;
}
h3.message {
    font-weight: bold;
    font-size: 1em;
    color: #00479d;
}

h2 span {
    display: none;
}
h3 {
    font-size: 18px;
    color: #394F60;
    padding-left: 6px;
    margin-top: 10px;
}
h4 {
    font-size: 16px;
}

.aka {
    color: #FF0000;
    line-height: 1.5em;
}
/* etc */


.nowrap {
    white-space: nowrap;
}
.small_font {
    font-size: 0.82em;
}
.indent_20 {
    padding-top: 20px;
    padding-left: 20px;
    margin-bottom: 20px;
}
.indent_20_1 {
    padding-left: 20px;
}
.indent_20_1p {
    padding-left: 20px;
}
.indent_20_full {
    padding: 20px;
}

.clear {
    clear: both;
    padding: 10px 0;
}





.leftnav {
    width: 240px;
    font-size: 17px;
    margin-top: 20px;
}
.leftnav li a {
    text-decoration: none;
    height: 40px;
    voice-family: inherit;
    height: 35px;
    /*高さ指定*/
    
    margin-bottom: 10px;
    /*感覚*/
    
    
}
.leftnav li a:link,
.leftnav li a:visited {
    color: #555555;
    display: block;
    background: url(../images/common/side2.png);
    background-repeat: no-repeat;
    padding: 0px 0 0 22px;
    padding-top: 10px;
   
}
.leftnav li a:hover {
    
    background: url(../images/common/side2.png) 0 -45px;
    padding: 0px 0 0 22px;
    /*ひだり*/
    
    margin-bottom: 10px;
   
    padding-top: 10px;
}
.leftnav li a.current {
    
    background: url(../images/common/side2.png) 0 -135px;
    padding: 0px 0 0 22px;
    /*ひだり*/
    
    margin-bottom: 10px;
  
    padding-top: 10px;
}
.leftnav li a:active {

    background: url(../images/common/side2.png) 0 -90px;
    padding: 0px 0 0 22px;
    margin-bottom: 10px;
   
    padding-top: 10px;
}
.leftnavseihin {
    width: 260px;
    font-size: 14px;
    margin-top: 20px;
}
.leftnavseihin li a {
    text-decoration: none;
    height: 40px;
    voice-family: inherit;
    height: 35px;
    /*高さ指定*/
    /*感覚*/
    
    ;
}
.leftnavseihin li a:link,
.leftnav li a:visited {
    color: #555555;
    display: block;
    background: url(../images/common/sideseihin.png);
    background-repeat: no-repeat;
    padding: 0px 0 0 22px;
    padding-top: 10px;
}
.leftnavseihin li a:hover {
    color: #fff;
    background: url(../images/common/sideseihin.png) 0 -45px;
    padding: 0px 0 0 22px;
    /*ひだり*/
    
    padding-top: 10px;
}
.leftnavseihin li a.current {
    color: #fff;
    background: url(../images/common/sideseihin.png) 0 -135px;
    padding: 0px 0 0 22px;
    /*ひだり*/
}
.leftnavseihin li a:active {
    color: #ffffff;
    background: url(../images/common/sideseihin.png) 0 -90px;
    padding: 0px 0 0 22px;
    margin-bottom: 10px;
}
.left {
    float: left;
    padding: 10px;
}
.right {
    float: right;
    width: 350px;
    padding: 6px;
}
.cr {
    clear: both;
}


/* トップページ */

.top-img {
    width: 960px;
    height: 320px;
    background-color: #0FF;
}
/* トップページ ニュース */

.newsbox {
    border: solid #999;
    border-width: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 250px;
}
.full_newstab {
    width: 650px;/* ここが630だと中身が小さく縮んでしまう */
    height: 580px;
  
}
.newstab680 {
    width: 680px;
    height: 430px;
    position: relative;
    clear: both;
}
.menu {
    width: 99px;
    height: 25px;
    background-image: url(../images/common/tab.png);
    background-repeat: no-repeat;
    float: left;
    list-style: none;
    padding-top: 3px;
    margin-left: 7px;
    text-align: center;
    display: block;
    cursor: pointer;
    color: #FFF;
    font-size: 13px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	
	}
.menu:first-child {
    margin-left: 0;
}
.active,
.hover {
    background-image: url(../images/common/tab2.png);
    font-weight: bold;
}
.menu3 {
    width: 100px;
    height: 25px;
    background-image: url(../images/common/tab_3.png);
    background-repeat: no-repeat;
    float: left;
    list-style: none;
    padding-top: 3px;
    margin-left: 5px;
    text-align: center;
    display: block;
    cursor: pointer;
    color: #FFF;
}
.menu4 {
    width: 100px;
    height: 25px;
    background-image: url(../images/common/tab_4.png);
    background-repeat: no-repeat;
    float: left;
    list-style: none;
    padding-top: 3px;
    margin-left: 5px;
    text-align: center;
    display: block;
    cursor: pointer;
    color: #FFF;
}
.menu5 {
    width: 100px;
    height: 25px;
    background-image: url(../images/common/tab_5.png);
    background-repeat: no-repeat;
    float: left;
    list-style: none;
    padding-top: 3px;
    margin-left: 5px;
    text-align: center;
    display: block;
    cursor: pointer;
    color: #FFF;
}


.topside {
    width: 280px;
    
    float: right;
	margin-right:10px;
}
/*ir 新着*/

.newsbox_ir {
    width: 650px;
    height: 100px;
    border: #ccc 1px solid;
    background: #FFF;
    padding: 10px;
    overflow: auto;
}
.shinchaku {
    text-align: left;
    line-height: 1.5em;
    padding-left: 10px;
    /*  background-image:url(../images/common/top_line.gif) ;
	background-position:0pt 6pt;
	background-repeat:no-repeat;  */
    
    border-bottom: #999 dotted 1px;
    display: block;
}
.shinchaku a {
    margin-left: 8em;
    display: block;
    margin-top: -1.5em;
    width: 520px;
    margin-bottom: 1.5em;
}
.oshirase2 {
    text-align: left;
    padding-left: 10px;
    /*  background-image:url(../images/common/top_line.gif) 
	background-position:0pt 6pt;
	background-repeat:no-repeat;; */
    
    ;
}
.oshirase2 a {
    line-height: 1.5em;
    margin-left: 10em;
    display: block;
    margin-top: -1.5em;
}
.oshirase2 li {
    border-bottom: #999 dotted 1px;
    margin-bottom: 1.5em;
    display: block;
}
/*ニューススタイル*/

.newstyle {
    border-top: #CCCCCC dotted 1px;
    padding: 10px 10px 10px 50px;
    margin: 15px;
    background-image: url(../images/common/new.png);
    background-position: 10pt 10pt;
    background-repeat: no-repeat;
}
.nomalstyle {
    border-top: #CCCCCC dotted 1px;
    padding: 10px 10px 10px 50px;
    margin: 15px;
    background-position: 10pt 10pt;
    background-repeat: no-repeat;
}
.news_top {
    text-align: left;
  
}
.news_top a {
   
    display: block;
}
.news_top li {
    margin: 15px;
    border-top: #CCCCCC dotted 1px;
    padding: 10px 10px 10px 70px;
    list-style: none;
    font-family: Arial, Helvetica, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";

    
    
}
li.new {
    background-image: url(../images/common/new.png);
    background-position: 10pt 10pt;
    background-repeat: no-repeat;
}
li.prd {
    background-image: url(../images/common/midashi_product.png);
    background-position: 1pt 10pt;
    background-repeat: no-repeat;
}

li.prdcata {
    background-image: url(../images/common/midashi_cata.png);
    background-position: 1pt 10pt;
    background-repeat: no-repeat;
}


li.prdfaq {
    background-image: url(../images/common/midashi_faq.png);
    background-position: 1pt 10pt;
    background-repeat: no-repeat;
}


li.ir0 {
    background-image: url(../images/common/midashi_ir.png);
    background-position: 1pt 10pt;
    background-repeat: no-repeat;
}
li.notice {
    background-image: url(../images/common/midashi_notice.png);
    background-position: 1pt 10pt;
    background-repeat: no-repeat;
}
li.press {
    background-image: url(../images/common/midashi_press.png);
    background-position: 1pt 10pt;
    background-repeat: no-repeat;
}
li.juyou {
    background-image: url(../images/common/midashi_juyou.png);
    background-position: 1pt 10pt;
    background-repeat: no-repeat;
}


li.semminar {
    background-image: url(../images/common/semminar.png);
    background-position: 1pt 10pt;
    background-repeat: no-repeat;
}








.btn_more {
    width: 15em;
    display: block;
    padding: 3px 0;
    text-align: center;
    background: #f6f6f6;
    border: solid 1px #cdcdcd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin: 15px 10px;
    cursor: pointer;
    font-size: 12px;
}
/*ニュースタイトル*/

.title {
    font-weight: 600;
}
/*トップ　スライドショー*/

.slideshow {
    position: relative;
    width: 980px;
    /* 画像の横幅に合わせて記述 */
    
    height: 300px;
    /* 画像の高さに合わせて記述 */
    
    ;
}
.slideshow img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    opacity: 0.0;
}
.slideshow img.active {
    z-index: 10;
    opacity: 1.0;
}
.slideshow img.last-active {
    z-index: 9;
}
.gazo {
    height: 350px;
}
.topseihin {
    width: 960px;
    height: 280px;
}
.topseihin li {
    width: 212px;
    float: left;
    margin-top: 25px;
    margin-left: 10px;
    padding: 0 4px 0px 10px;
    list-style-type: none;
}
.block {
    
	margin-bottom:10px;
}
.topbox {
    padding-top: 30px;
}






/* company/address.htm の壁 */

.mapline {
    padding: 25px;
    display: block;
    overflow: hidden;
    border-bottom: solid #999 1px;
    width: 90%;
}
/* 見出し */

.midasi {
    background-image: url(../images/common/midasi.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 5px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 30px;
    margin-top: 10px;
    background-position: left;
}
.faq2 {
    width: 30%;
    margin-top: 20px;
    height: 470px;
    border: solid 1px #E7E7E7;
    padding: 10px;
    float: left;
    background-image: url(../c_support/img/2.png);
}
.faq2 li {
    font-size: 12px;
    padding: 5px;
}
.faq3 {
    width: 30%;
    margin-top: 20px;
    height: 470px;
    border: solid 1px #E7E7E7;
    padding: 10px;
    float: left;
    background-image: url(../c_support/img/3.png);
    background-repeat: no-repeat;
}
.faq3 li {
    font-size: 12px;
    padding: 5px;
}
.faq4 {
    width: 30%;
    margin-top: 20px;
    height: 470px;
    border: solid 1px #E7E7E7;
    padding: 10px;
    float: left;
    background-image: url(../c_support/img/4.png);
}
.faq4 li {
    font-size: 12px;
    padding: 5px;
}
.faq5 {
    width: 30%;
    margin-top: 20px;
    height: 470px;
    border: solid 1px #E7E7E7;
    padding: 10px;
    float: left;
    background-image: url(../c_support/img/5.png);
}
.faq5 li {
    font-size: 12px;
    padding: 5px;
}
.faq6 {
    width: 30%;
    margin-top: 20px;
    height: 470px;
    border: solid 1px #E7E7E7;
    padding: 10px;
    float: left;
    background-image: url(../c_support/img/6.png);
}
.faq6 li {
    font-size: 12px;
    padding: 5px;
}
.faq7 {
    width: 30%;
    margin-top: 20px;
    height: 470px;
    border: solid 1px #E7E7E7;
    padding: 10px;
    float: left;
    background-image: url(../c_support/img/7.png);
}
.faq7 li {
    font-size: 12px;
    padding: 5px;
}
.num {
    margin-left: 3em;
    line-height: 200%;
}
.linedot {
    padding: 25px;
    border-bottom: #999 1px dotted;
    padding-bottom: 20px;
    padding-top: 20px;
}
.pdf {
    background-image: url(../company/ir/img/file_icon2.gif);
    background-repeat: no-repeat;
    overflow: visible;
    padding-left: 25px;
    padding-bottom: 12px;
}
.pdf2 {
    background-image: url(../company/ir/img/file_icon2.gif);
    background-repeat: no-repeat;
    overflow: visible;
    padding-left: 20px;
    display: block;
}
.f_daial {
    background-image: url(../images/common/freedial.png);
    background-repeat: no-repeat;
    overflow: visible;
    padding-left: 25px;
    padding-bottom: 12px;
    display: block;
}
.r_arrow {
    background-image: url(../images/common/right_arrow2.gif);
    background-repeat: no-repeat;
    overflow: visible;
    padding-left: 20px;
    padding-bottom: 12px;
    margin: 10px;
    display: block;
}
.indentbox {
    padding: 20px;
    margin: 10px;
}
.indentbox2 {
    margin: 15px;
    padding: 20px;
    background-color: #E4E4E4;
}
.indentbox h3 {
    background: url("../images/common/bg_top_h3.png") no-repeat;
    display: block;
    hight: 34px;
    width: 670px;
    margin: 20px 0px;
    font-size: 14px;
    text-indent: 20px;
    line-height: 34px;
}
.indentbox h4 {
    background: url("../images/common/bg_top_h4.png") no-repeat;
    display: block;
    hight: 34px;
    width: 325px;
    margin: 30px 0px;
    font-size: 14px;
    text-indent: 20px;
    line-height: 34px;
}
.indentop {
    margin-top: 25px;
}
.oya {
    width: auto;
    height: 800px;
}
.oya3 {
    width: auto;
}
.hidari {
    float: left;
    width: 54%;
    overflow: visible;
}
.migi {
    float: right;
    width: 44%;
    overflow: visible;
}
.minirink {
    font-size: 12px;
    padding: 20px;
}
.syousai {
    padding-left: 400px;
    padding-bottom: 10px;
}
.backto {
    padding-left: 550px;
}
/*サポートトップ*/
/*上に隙間ができる*/

.spt {
    width: 30%;
    font-size: 14px;
    font-weight: 600;
    margin-top: 20px;
    height: 300px;
    border: solid 1px #E7E7E7;
    padding: 10px;
    float: left;
    background-image: url(../c_support/img/s1.png);
}


.spt1 a{
    width: 28%;
    font-size: 82%;
    margin-top: 20px;
    height: 400px;
	background-color:#F6F6F6;
    display:block;
    padding: 10px;
    float: left;
    background-image: url(../c_support/img/s1.png);
	margin-right:5px;
	color:#424242;
	text-decoration:none;
}

.spt1 a:hover{
  background-color: #dddddd;
  opacity: 0.8;
}






.spt2 a{
    width: 28%;
    font-size: 82%;
    margin-top: 20px;
    height: 400px;
	display:block;
   background-color:#F6F6F6;
    padding: 10px;
    float: left;
    background-image: url(../c_support/img/s2.png);
	display:block;
	margin-right:5px;
	color:#424242;
	text-decoration:none;
}


.spt2 a:hover{
  background-color: #dddddd;
  opacity: 0.8;
}





.spt3 a{
    width: 28%;
    font-size: 82%;
    margin-top: 20px;
    height: 400px;
	display:block;
    background-color:#F6F6F6;
    padding: 10px;
    float: left;
    background-image: url(../c_support/img/s3.png);
	margin-right:5px;
	color:#424242;
	text-decoration:none;
}

.spt3 a:hover{
  background-color: #dddddd;
  opacity: 0.8;
}





.spt4 a{
    width: 28%;
    font-size: 82%;
    margin-top: 20px;
    height: 400px;
	display:block;
   background-color:#F6F6F6;
    padding: 10px;
    float: left;
    background-image: url(../c_support/img/s4.png);
	margin-right:5px;
	color:#424242;
	text-decoration:none;
}

.spt4 a:hover{
  background-color: #dddddd;
  opacity: 0.8;
}



.spt5 a{
    width: 28%;
    font-size: 82%;
    margin-top: 20px;
    height: 400px;
	display:block;
   background-color:#F6F6F6;
    padding: 10px;
    float: left;
    background-image: url(../c_support/img/s5.png);
    background-repeat: no-repeat;
	margin-right:5px;
	color:#424242;
	text-decoration:none;
}

.spt5 a:hover{
  background-color: #dddddd;
  opacity: 0.8;
}




.spt6 a{
    width: 28%;
    font-size: 82%;
    margin-top: 20px;
    height: 400px;
	display:block;
    background-color:#F6F6F6;
    padding: 10px;
    float: left;
    background-image: url(../c_support/img/s6.png);
	margin-right:5px;
	color:#424242;
	text-decoration:none;
}

.spt6 a:hover{
  background-color: #dddddd;
  opacity: 0.8;
}




.spt7 a{
    width: 28%;
    font-size: 82%;
    margin-top: 20px;
    height: 400px;
	display:block;
   background-color:#F6F6F6;
    padding: 10px;
    float: left;
    background-image: url(../c_support/img/s7.png);
	margin-right:5px;
	color:#424242;
	text-decoration:none;
}

.spt7 a:hover{
  background-color: #dddddd;
  opacity: 0.8;
}





.spt8 a{
    width: 28%;
    font-size: 82%;
    margin-top: 20px;
    height: 400px;
	display:block;
   background-color:#F6F6F6;
    padding: 10px;
    float: left;
    background-image: url(../c_support/img/s8.png);
	margin-right:5px;
	color:#424242;
	text-decoration:none;
}

.spt8 a:hover{
  background-color: #dddddd;
  opacity: 0.8;
}

.spt9 a{
    width: 28%;
    font-size: 82%;
    margin-top: 20px;
    height: 400px;
	display:block;
   background-color:#F6F6F6;
    padding: 10px;
    float: left;
    background-image: url(../c_support/img/s9.png);
	margin-right:5px;
	color:#424242;
	text-decoration:none;
}

.spt9 a:hover{
  background-color: #dddddd;
  opacity: 0.8;
}

.spt p {
    background: url(../images/common/midasi3.png) no-repeat;
    padding-left: 15px;
    margin-top: 20px;
    padding-bottom: 10px;
}
.haikeiiro {
    border: solid 1px;
    border-color: #0D55FD;
    padding: 10px;
}
.aowaku {
    border: solid 1px #003399;
    padding: 10px;
    margin: 20px;
}
.aowaku2 {
    border: solid 1px #0000CC;
    padding: 10px;
    margin-top: 20px;
}
.sbox {
    margin: 30px;
    padding: 15px;
    border: solid 1px #0000CC;
    font-size: 12px;
}
.mannaka {
    margin: 40px;
}
.seihinkate {
    width: 670px;
    height: auto;
    border: #CCCCCC solid 1px;
    background: #F3F3F3;
    margin-top: 20px;
    padding: 10px;
}
.sb {
    font-size: 12px;
    font-weight: 800;
    padding-left: 20px;
}
.waku {
    border: #CCCCCC solid 1px;
    padding: 15px;
    margin-top: 20px;
}
.modoru {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 580px;
}
.modoru2 {
    margin-top: 20px;
    margin-left: 550px;
}
.padding20 {
    padding-left: 20px;
}
/*ボーダーが表示されない*/

.midasikakoi {
    background: url(../images/common/midasi3.png) no-repeat;
    padding-left: 0px;
    padding-left: 15px;
    padding-top: 2px;
    margin-top: 20px;
    padding-bottom: 20px;
    font-weight: bold;
    border: 1px solid;
}
.big_main {
    width: 700px;
}
.indent_20top {
    padding-top: 20px;
    padding-left: 20px;
    margin-bottom: 20px;
}
.green {
    color: #009933;
}
.hidariyose {}



/*技術レポート用*/

.reporight {
    width: 30%;
    float: right;

}
.reporight li {
    clear: both;
    width: 100%;
}


.leftnavrepo {
    width: 240px;
    font-size: 13px;
    margin-top: 20px;
	color:#000000;
}
.leftnavrepo li a {
    text-decoration: none;
    height: 40px;
    voice-family: inherit;
    height: 35px;
    /*高さ指定*/
    color:#000000;
    margin-bottom: 10px;
    /*感覚*/
    
    
}
.leftnavrepo li a:link,
.leftnavrepo li a:visited {
   color:#000000;
    display: block;
    background: url(../images/common/side2.png);
    background-repeat: no-repeat;
    padding: 0px 0 0 22px;
    padding-top: 10px;
   
}
.leftnavrepo li a:hover {
    
    background: url(../images/common/side2.png) 0 -45px;
    padding: 0px 0 0 22px;
    /*ひだり*/
    
    margin-bottom: 10px;
   
    padding-top: 10px;
}
.leftnavrepo li a.current {
    
    background: url(../images/common/side2.png) 0 -135px;
    padding: 0px 0 0 22px;
    /*ひだり*/
    
    margin-bottom: 10px;
  
    padding-top: 10px;
}
.leftnavrepo li a:active {

    background: url(../images/common/side2.png) 0 -90px;
    padding: 0px 0 0 22px;
    margin-bottom: 10px;
   
    padding-top: 10px;
}










.leftnav2 {
    width: 240px;
    font-size: 13px;
    margin-top: 20px;
	color:#000000;
}
.leftnav2 li a {
    text-decoration: none;
    height: 40px;
    voice-family: inherit;
    height: 35px;
    /*高さ指定*/
    color:#000000;
    margin-bottom: 10px;
    /*感覚*/
    
    
}
.leftnav2 li a:link,
.leftnav2 li a:visited {
   color:#000000;
    display: block;
    background: url(../images/common/side2.png);
    background-repeat: no-repeat;
    padding: 0px 0 0 22px;
    padding-top: 10px;
   
}
.leftnav2 li a:hover {
    
    background: url(../images/common/side2.png) 0 -45px;
    padding: 0px 0 0 22px;
    /*ひだり*/
    
    margin-bottom: 10px;
   
    padding-top: 10px;
}
.leftnav2 li a.current {
    
    background: url(../images/common/side2.png) 0 -135px;
    padding: 0px 0 0 22px;
    /*ひだり*/
    
    margin-bottom: 10px;
  
    padding-top: 10px;
}
.leftnav2 li a:active {

    background: url(../images/common/side2.png) 0 -90px;
    padding: 0px 0 0 22px;
    margin-bottom: 10px;
   
    padding-top: 10px;
}








/*技術レポートサイドその２*/

.leftnav3 {
    width: 250px;
    font-size: 12px;
}
.leftnav3 li a {
    text-decoration: none;
    height: 40px;
    voice-family: inherit;
    height: 35px;
    /*高さ指定*/
    
    margin-bottom: 10px;
    /*感覚*/
    
    ;
}
.leftnav3 li a:link,
.leftnav3 li a:visited {
    color: #555555;
    display: block;
    background: url(../images/common/);
    background-repeat: no-repeat;
    padding: 0px 0 0 22px;
    padding-top: 10px;
}
/*技術レポート見出し*/

.repotomidasi {
    font-size: 18px;
    background-color: #003399;
    width: 233px;
    color: #fff;
    
    padding-left: 15px;
    padding-top: 5px;
}

.repotomidasi2 {
    font-size: 18px;
    background-color: #003399;
    width: 245px;
    color: #fff;
    
    padding-left: 15px;
    padding-top: 5px;
}


.indent30 {
    margin-left: 30px;
    margin-top: 20px;
}
/*技術レポートカレント書き換え*/

.leftnav2 li a:hover {
    color: #555;
    background: url(../images/common/side3.png) 0 -45px;
    padding: 0px 0 0 22px;
    /*ひだり*/
    
    margin-bottom: 10px;
    padding-top: 10px;
}
/*技術レポートカレント書き換え*/

.leftnav2 li a.current {
    color: #555;
    background: url(../images/common/side3.png) 0 -135px;
    padding: 0px 0 0 22px;
    /*ひだり*/
    
    margin-bottom: 10px;
    border: 1px solid #CCCCCC;
    padding-top: 10px;
}
.leftnav2 li a:active {
    color: #ffffff;
    background: url(../images/common/side3.png) 0 -89px;
    padding: 0px 0 0 22px;
    margin-bottom: 10px;
    padding-top: 10px;
}



.product_topgazou1 {
    width: 670px;
    height: auto;
   
    background: #F3F3F3;
    margin-top: 25px;
    padding: 25px;
    background-image: url(../products/img/zidousyakaihtu.png);
    background-repeat: no-repeat;
    background-position: 450pt;
}
.product_topgazou2 {
    width: 670px;
    height: auto;
   
    background: #F3F3F3;
    margin-top: 20px;
    padding: 25px;
    background-image: url(../products/img/oto.png);
    background-repeat: no-repeat;
    background-position: 440pt;
}
.product_topgazou3 {
    width: 670px;
    height: auto;
   
    background: #F3F3F3;
    margin-top: 20px;
    padding: 25px;
    background-image: url(../products/img/toruku.png);
    background-repeat: no-repeat;
    background-position: 440pt;
}
.product_topgazou4 {
    width: 670px;
    height: auto;
   
    background: #F3F3F3;
    margin-top: 20px;
    padding: 25px;
    background-image: url(../products/img/sunpou.png);
    background-repeat: no-repeat;
    background-position: 420pt;
}
.product_topgazou5 {
    width: 670px;
    height: auto;
   
    background: #F3F3F3;
    margin-top: 20px;
    padding: 25px;
    background-image: url(../products/img/img3.png);
    background-repeat: no-repeat;
    background-position: 430pt;
}
.product_topgazou6 {
    width: 670px;
    height: auto;
   
    background: #F3F3F3;
    margin-top: 20px;
    padding: 25px;
    background-image: url(../products/img/date.png);
    background-repeat: no-repeat;
    background-position: 440pt;
}
.product_topgazou7 {
    width: 670px;
    height: auto;
   
    background: #F3F3F3;
    margin-top: 20px;
    padding: 25px;
    background-image: url(../products/img/appli.png);
    background-repeat: no-repeat;
    background-position: 420pt;
}


.product_topgazou8 {
    width: 670px;
    height: auto;
   
    background: #F3F3F3;
    margin-top: 20px;
    padding: 25px;
   
    background-repeat: no-repeat;
    background-position: 400pt;
}




.midasi4 {
    background: url(../images/common/midasi4.png) no-repeat;
    padding-left: 0px;
    padding-left: 15px;
    padding-top: 2px;
    margin-top: 20px;
    padding-bottom: 10px;
    font-weight: bold;
    margin-bottom: 10px;
}
.half li {
    display: block;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 10px;
    width: 310px;
    height: 100px;
    float: left;
    border-bottom: #999 dotted 1px;
}
.ir_list li {
    display: block;
    margin-top: 5px;
    margin-left: 20px;
    margin-bottom: 5px;
    width: 95%;
    height: 30px;
    float: left;
    border-bottom: #999 dotted 1px;
    list-style: none;
}
.boxnav li a:link,
.boxnav li a:visited {
    display: block;
    margin: 5px;
    padding: 4px;
    border-color: #cccccc;
    border-width: 1px;
    border-style: solid;
    font-weight: bold;
    text-align: center;
    height: 80px;
    width: 190px;
    float: left;
    background-color: #F6F6F6;
	font-size:12px;
}
.boxnav li a:hover {
    display: block;
    margin: 5px;
    padding: 4px;
    border-color: #cccccc;
    border-width: 1px;
    border-style: solid;
    font-weight: bold;
    height: 80px;
    width: 190px;
    float: left;
    background-color: #efefef;
}
.boxnav li a:active {
    display: block;
    margin: 5px;
    padding: 4px;
    border-color: #cccccc;
    border-width: 1px;
    border-style: solid;
    font-weight: bold;
    height: 80px;
    width: 190px;
    float: left;
    background-color: #ffffcc;
}
.btnnav {
    text-align: center;
    display: block;
    margin-top: auto;
    margin-bottom: auto;
}
.btnnav li a {
    padding-bottom: -3px;
}
.btnnav li a:link,
.btnnav li a:visited {
    display: block;
    width: 210px;
    height: 34px;
    background: url(../images/common/gray210.png);
    background-repeat: no-repeat;
    margin-top: 10px;
    margin-btttom: 10px;
    padding-left: 8px;
    padding-bttom: 10px;
    float: left;
    text-align: center;
}
.btnnav li a:hover {
    width: 210px;
    height: 34px;
    background: url(../images/common/gray210.png) 0 -35px;
    background-repeat: no-repeat;
    text-align: center;
    float: left;
}
.btnnav li a:active {
    width: 210px;
    height: 34px;
    background: url(../images/common/gray210.png) 0 -69px;
    background-repeat: no-repeat;
    float: left;
    text-align: center;
}
.btnnav li a.current {
    width: 210px;
    height: 34px;
    background: url(../images/common/gray210.png) 0 -103px;
    background-repeat: no-repeat;
    text-align: center;
    float: left;
}
.btline {
    border-bottom: #999 dotted 1px;
    font-weight: 400;
    margin-bottom: 10px;
    display: block;
}
.tensen {
    border: #999 dotted;
    margin-top: 15px;
    margin-bottom: 15px;
}
/*点線 */

.tensen2 {
    border: #999 dotted 1px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.dot {
    border-bottom: #555555 dotted 1px;
    margin-top: 5px;
    margin-bottom: 10px;
    display: block;
    width: 95%;
}
/*左に寄ったフロート */

.hidariyorihidari {
    width: 100px;
    float: left;
    padding: 15px;
}
.hidariyorimigi {
    float: right;
    width: 490px;
    padding: 15px;
}
/*著作権赤枠 */

.akawaku {
    border: #F00 1px;
    padding: 15px;
}
.side2 {
    width: 248px;
    float: left;
    position: relative;
    border-color: #CCC;
    margin-bottom: 10px;
}
.margin_top20 {
    margin-top: 20px;
}
/*ダウンロードページサイド*/

.leftnav4 {
    width: 250px;
    font-size: 12px;
}
.leftnav4 li a {
    text-decoration: none;
    height: 40px;
    voice-family: inherit;
    height: 35px;
    /*高さ指定*/
    
    margin-bottom: 10px;
    /*感覚*/
    
    ;
}
.leftnav4 li a:link,
.leftnav2 li a:visited {
    color: #555555;
    display: block;
    background: url(../images/common/side5.png);
    background-repeat: no-repeat;
    padding: 0px 0 0 22px;
    padding-top: 10px;
}
/*テーブルその2*/

table.contact_table2 {
    border_top: 1px solid #808080;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-collapse: collapse;
    color: #000000;
}
table.contact_table2 th {
    border_bottom: solid 1px #808080;
    padding: 3px;
    background-color: #E9E9E9;
    text-align: left;
    text-indent: 10px;
}
table.contact_table2 td {
    border-top: solid 1px #808080;
    border-bottom: solid 1px #808080;
    border-right: 1px solid #aaa;
    padding: 5px;
}
table.contact {
    border: solid 1px #ccc;
    border-collapse: collapse;
}
.contact_table2 {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size: 94%;
}
.free_waku {
    padding: 20px;
    margin-top: 30px;
    border: solid #CCC 1px;
    width: 635px;
}
.margin_all_10 {
    margin: 4px;
}
/*技術レポートトップ*/

.text_repo {
    width: 108px;
    border: #999999 1px;
    font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
    margin: 13px;
    float: left;
    font-size: 12px;
    border-bottom: #999 dotted 1px;
    border-top: #999 dotted 1px;
}
.margin-jouge10 {
    margin-top: 10px;
    margin-bottom: 10px;
}
/*プレスリリース*/

.date {
    background-color: #333333;
    color: #FFFFFF;
    background-repeat: no-repeat;
    height: 36px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 600;
}
.s_font12 {
    font-size: 12px;
}
.prel li a {
    line-height: 1.5em;
    display: block;
    margin-left: 10px;
    margin-bottom: 10px;
    font-size: 90%;
    font-weight: 500;
}
.prel li p {
    line-height: 1.5em;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    color: #000;
    border-bottom: #999 dotted 1px;
    margin-left: 10px;
    margin-bottom: 2em;
    padding-bottom: 10px;
    display: block;
}
/*ダウンロード一覧*/



.muzitoumei1 a{
    width: 28%;
    font-size: 12px;
    margin-top: 20px;
    height: 270px;
    padding: 10px;
    float: left;
	background-color:#F6F6F6;
	margin-right:10px;
	display:block;
}

.muzitoumei1 a:hover{
  background-color: #dddddd;
  opacity: 0.8;
}











.muzi {
    width: 28%;
	 height: 700px;
    font-size: 12px;
    margin-top: 20px;
   
    border: solid 1px #E7E7E7;
    padding: 10px;
    float: left;
}


.muzi ul li {
    margin-left: auto;
    margin-right: auto;
}



.margin_all5 {
    margin: 5px;
}
/*重要なお知らせ日付*/

.oshiraseright {
    float: left;
}
/*重要なお知らせ中身*/

.oshirase {
    width: 520px;
    float: right;
}
.table3 {
    border: 1px solid;
    border-color: #a5a5a5;
    border-collapse: collapse;
    color: #333;
    font-size: 94%;
}
.table3 th {
    border: 1px solid;
    border-color: #666666;
    background-color: #D3D3D3;
}
.table3 td {
    border: 1px solid;
    border-color: #666666;
    font-size: 90%;
    padding: 3px;
}
.back a {
    text-align: left;
    line-height: 1.5em;
    padding-left: 30px;
    margin-top: -1.5em;
    display: block;
    margin-left: 120px;
}
/*  バックナンバー */

.back li {
    margin-top: -1.5em;
    width: 700px;
    margin-bottom: 2em;
    border-bottom: #999 dotted 1px;
    margin-left: 20px;
}
/*  オブジェクトセンター ダウンロード*/

.senta2 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
/*  小さい文字*/

.komozi {}
/*  製品外観図トップ*/



.btnnav2 ul {
    width: 665px;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.btnnav2 li {
    display: inline;
    padding: 0;
    margin: 0;
    float: left;
}
.btnnav2 li a {
    position: relative;
    display: block;
    border: 1px solid #666;
    background-color: #F6F6F6;
    padding: 3px;
    text-decoration: none;
    color: #333;
    width: 210px;
    margin: 1px;
    text-align: center;
    font-size: 14px;
}
.btnnav2 li a:hover {
    background-color: #2d56be;
    color: #fff;
}












.btnnav3 ul {
    width: auto;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.btnnav3 li {
    display: inline;
    padding: 0;
    margin: 0;
    float: left;
}
.btnnav3 li a {
    position: relative;
    display: block;
    border: 1px solid #168F8F;
   
    padding: 3px;
    text-decoration: none;
    color: #168F8F;
    width: auto;
    margin: 1px;
    text-align: center;
    font-size: 12px;
}
.btnnav3 li a:hover {
    background-color: #168F8F;
    color: #fff;
	
}


















/* ハックでIE6,7のみに適用 */

htm*.btnnav2 {
    display: inline;
    zoom: 1;
}
.miniaka {
    color: #FF0000;
    font-size: 12px;
}
.graywaku {
    border: solid 1px #999999;
    padding: 10px;
    margin: 20px;
    width: 100%;
}
.grayback {
    background-color: #F6F6F6;
    padding: 10px;
    margin: 20px;
    width: 100%;
}
.graywaku2 {
    border: solid 2px #999999;
    padding: 10px;
    margin: 20px;
    width: 90%;
}
.bol {
    font-weight: 800;
}
/* graywaku
 
求人ページ
 
  */

.shinsotuhidari {
    width: 280px;
    float: left;
    height: 180px;
    border: solid 1px #A9A9A9;
    margin-top: 20px;
    margin-left: 50px;
}
.shinsotuhidari p {
    background-color: #A9A9A9;
    text-align: center !important;
    color: #FFF;
}
.shinsotuhidari span {
    padding: 10px;
    font-size: 12px;
    text-align: center !important;
}
.shinsotumigi {
    width: 280px;
    float: right;
    height: 180px;
    border: solid 1px #A9A9A9;
    margin-top: 20px;
    margin-right: 50px;
}
.shinsotumigi p {
    background-color: #A9A9A9;
    text-align: center;
    color: #FFF;
}
.shinsotumigi span {
    padding: 10px;
    font-size: 12px;
}
/*  製品かでこりー */

.seihinmigi {
    float: right;
    width: 45%;
    height: 900px;
    overflow: visible;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border: #F5F5F5 1px solid;
    margin-top: 10px;
}
.seihinhidari {
    float: left;
    width: 45%;
    height: 900px;
    overflow: visible;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border: #F5F5F5 1px solid;
    margin-top: 10px;
}
.seihinhidari a {
    border-bottom: #CCCCCC dotted 1px;
    font-size: 12px;
    padding-top: 5px;
    width: 280px;
}
.seihinmigi p {
    font-size: 12px;
}
.seihinhidari p {
    font-size: 12px;
}
.midashi6 {
    width: 300px;
    text-align: center;
    background-image: url(../images/common/midashi6.png);
    background-repeat: no-repeat;
    font-weight: 800;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-left: 8px;
}
/*  オブジェクトセンター 製品かでこり*/

.senta {
    display: block;
    margin-left: 100px;
    margin-top: 20px;
}
/*製品　よこならび*/

.seihin3 {
    width: auto;
    margin-top: 30px;
    border: #CCCCCC solid 1px;
    height: 300px;
}
.seihin3 p {
    padding-left: 20px;
}
/*製品　ちょっと大きい*/

.seihin4 {
    width: auto;
    margin-top: 30px;
    border: #CCCCCC solid 1px;
    height: 400px;
}
.seihin4 p {
    padding-left: 20px;
}
/*製品　かなり大きい*/

.seihin5 {
    width: auto;
    margin-top: 30px;
    border: #CCCCCC solid 1px;
    height: 690px;
}
.seihin5 p {
    padding-left: 20px;
}
.midashi7 {
	margin-top: 20px;
    padding-left: 20px;
	font-weight: 800;
    font-size: 16px;
    background-color: #EEE;
    background-image: url(../images/common/midashi7.png);
    background-repeat: no-repeat;
    border-bottom: #CCCCCC solid 1px;
}

/* 製品関連---------------------------------------------------------------*/


.seihinkatekorioya {
    width: 650px;
    height: 220px;
    padding: 10px;
}
.seihinkatekorihidari {
    width: 30%;
    float: left;
    margin: 10px;
    font-size: 12px;
}
.seihinkatekorihidari a {
    background-image: url(../images/common/katemidashi.png);
    background-repeat: no-repeat;
    padding-left: 10px;
    padding-right: 15px;
    border-bottom: #CCC dotted 1px;
    background-color: #F4FFFF;
}
.seihinkatekorihidari a:hover {
    background-color: #F0F0F0;
}
.seihinkatekorimigi {
    width: 30%;
    float: right;
    margin: 5px;
    padding: 5px;
    font-size: 12px;
}
.seihinkatekorihidari2 {
    width: 60%;
    float: left;
    margin: 5px;
    padding: 5px;
}
.seihinkatekorihidari2 a {
    padding-left: 10px;
    font-size: 12px;
    background-image: url(../images/common/katemidashi.png);
    background-repeat: no-repeat;
    border-bottom: #CCC dotted 1px;
    font-size: 12px;
    background-color: #F4FFFF;
}
.seihinkatekorihidari2 a:hover {
    background-color: #F0F0F0;
}
.seihinwrap {
    width: auto;
    padding: 5px;
    float: right;
    text-align: left;
}
.seihin a {
    background-repeat: no-repeat;
    padding-left: 10px;
    padding-right: 15px;
    display: block;
    background-color: #FAFAFA;
}
.seihin li {
    width: 220px;
    height: 50px;
    float: left;
    margin: 3px;
    font-size: 95%;
    line-height: 1.3em;
    overflow: visible;
    background-color: #FAFAFA;
    border-bottom: #CCC solid 1px;
}
.seihin a:hover {
    width: 195px;
    height: 50px;
    background-color: #F2F2F2;
    border-bottom: #CCC solid 1px;
}
.pro_left {
    float: left;
    width: 205px;
}
.pro_right {
    float: right;
    width: 470px;
}
.dot {
    border-bottom: #555555 dotted 1px;
    margin-top: 5px;
    margin-bottom: 10px;
    display: block;
    width: 95%;
}
./pdf/ {
    width: auto;
    margin-top: 30px;
    border: #CCCCCC solid 1px;
}

.prd_cat {
    width: auto;
    margin-top: 0px;
    border: #CCCCCC solid 1px;
}
.prd_cat p {
    padding-left: 0px;
}

.prd_cat h5{
    padding-left: 12px;
}


.midasi5 {
    padding-left: 15px;
    padding-right: 10px;
    padding-top: 2px;
    margin-top: 20px;
    padding-bottom: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-left: 10px;
}
.midasi5 a {}
/*アドレス*/

#address {
    font-size: 0.8em;
    color: #fff ;
    background-color: #003399;
    text-align: center;
    width: 100%;
}
#address a:link {
    color: #fff;
}
#address a:visited {
    color: #fff;
}
#address a:hover {
    color: #fff;
}
#address a:active {
    color: #fff;
}
/*イー見積もり　で使用*/

.midashi8 {
    width: 100%;
    text-align: center;
    background-image: url(../images/common/midashi8.png);
    background-repeat: repeat-x;
    font-size: 15px;
    font-weight: 800;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 30px;
}
.mitumoribox {
    position: relative;
    width: 98%;
	background-color:#F6F6F6;
    padding: 15px;
    margin-top: 20px;
	font-size: 15px;
	padding-left:10px;
	display:block !important;
	display:inline-block !important;
	
}

.mitumoribox a{
display: block ;
position: absolute; /*なぜかこれを入れないとブロック要素にならない*/
top: 0;
left: 0;
height:100%;
width: 98%;
margin-left:5px;

}

.mitumoribox a:hover{ 
    border:2px  #3399FF solid;
	text-decoration:none;
}

.mitumoriboxhidari {
    width: 320px;
    float: left;
}


.mitumoriboxmigi {

    float: left;
    width: 300px;
    margin-top: 30px;
	margin-left: 20px;

}
/*行間*/

.gyoukan10 {
    margin-top: 10px;
    padding-top: 10px;
}
.gyoukan20 {
    margin-top: 20px;
    padding-top: 20px;
}
.gyoukan30 {
    margin-top: 30px;
    padding-top: 30px;
}
.gyoukan40 {
    margin-top: 40px;
    padding-top: 40px;
}
.midashidai {
    background-image: url(../images/common/midashi9.png);
    background-repeat: no-repeat;
    padding-left: 17px;
    padding-top: 2px;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 10px;
    background-position: left;
	
}
/*イー見積もりトップ*/

.muzi2 {
    width: 29%;
    font-size: 12px;
    margin-top: 20px;
    height: 170px;
    border: solid 1px #E7E7E7;
    padding: 10px;
    float: left;
}




.muzitoumei2 {
    width: 29%;
    font-size: 12px;
    margin-top: 20px;
    height: 170px;
    border: solid 1px #E7E7E7;
    padding: 10px;
    float: left;
}


.MM_box {
    width: 640px;
    border: #999 1px solid;
    padding: 15px;
    margin-top: 20px;
}





/*faqトップ*/

.muzi3 {
    width: 29%;
    font-size: 12px;
    margin-top: 20px;
    height: 500px;
    border: solid 1px #E7E7E7;
    padding: 10px;
    float: left;
}




.muzitoumei3 {
    width: 29%;
    font-size: 12px;
    margin-top: 20px;
    height: 570px;
    border: solid 1px #E7E7E7;
    padding: 10px;
    float: left;
}







.muzi3 a {
    border-bottom: #CCC dotted 1px;
    background-color: #FAFAFA;
    padding-left: 10px;
    font-size: 12px;
    background-image: url(../images/common/katemidashi.png);
    background-repeat: no-repeat;
    display: block;
}
.muzi3 a:hover {
    background-color: #FAFAFA;
    padding-left: 10px;
    font-size: 12px;
    background-image: url(../images/common/katemidashi.png);
    background-repeat: no-repeat;
}
.muzi4 {
    font-size: 14px;
}
.muzi4 a {
    background-color: #F4FFFF;
    padding-left: 10px;
    font-size: 14px;
}
.muzi4 a:hover {
    background-color: #F0F0F0;
    padding-left: 10px;
    font-size: 14px;
}
/* faq */

.faqtopimg {
    padding-top: 20px;
    padding-left: 20px;
}
.faq {
    width: 30%;
    margin-top: 20px;
    height: 470px;
    border: solid 1px #E7E7E7;
    padding: 10px;
    float: left;
    background-image: url(../c_support/img/1.png);
}
.faq li {
    font-size: 12px;
    padding: 5px;
}
/*取説とっぷ*/

.torisetu {
    background-color: #F5F5F5;
    border: #999999 1px solid;
    padding: 10px;
    font-size: 12px;
}
/*e見積もりスタイル*/

.leftnav5 {
    width: 220px;
    font-size: 17px;
    margin-top: 20px;
}
.leftnav5 li a {
    text-decoration: none;
    height: 40px;
    voice-family: inherit;
    height: 35px;
    /*高さ指定*/
    
    margin-bottom: 10px;
    /*感覚*/
    
}
.leftnav5 li a:link,
.leftnav5 li a:visited {
    color: #1C1C1C;
    display: block;
    background: url(../images/common/mitumoriside2.png);
    background-repeat: no-repeat;
    padding: 0px 0 0 22px;
    padding-top: 10px;
    
}
.leftnav5 li a:hover {
    color: #1C1C1C;
    background: url(../images/common/mitumoriside2.png) 0 -45px;
    padding: 0px 0 0 22px;
	background-repeat: no-repeat;
    /*ひだり*/
    
    margin-bottom: 10px;
   
    padding-top: 10px;
}
.leftnav5 li a.current {
    color: #1C1C1C;
    background: url(../images/common/mitumoriside2.png) 0 -135px;
    padding: 0px 0 0 22px;
	background-repeat: no-repeat;
    /*ひだり*/
    
    margin-bottom: 10px;
   
    padding-top: 10px;
}
.leftnav5 li a:active {
    color: #1C1C1C;
    background: url(../images/common/mitumoriside2.png) 0 -90px;
    padding: 0px 0 0 22px;
    margin-bottom: 10px;
    border: 1px solid #CCCCCC;
    padding-top: 10px;
	background-repeat: no-repeat;
}
.mitumorimidasi {
    font-size: 18px;
    background-color: #008080;
	font-family:"MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
    width: 200px;
    color: #FFF;
    margin-top: 20px;
	padding-left:10px;
   
    padding-top: 5px;
	font-weight:bold
}
/*アプリケーションサイド*/

.leftnav6 {
    width: 250px;
    font-size: 17px;
    margin-top: 20px;
}
.leftnav6 li a {
    text-decoration: none;
    height: 40px;
    voice-family: inherit;
    height: 35px;
    /*高さ指定*/
    
    margin-bottom: 10px;
    /*感覚*/
    
    border: 1px solid #CCCCCC;
}
.leftnav6 li a:link,
.leftnav6 li a:visited {
    color: #1C1C1C;
    display: block;
    background: url(../images/common/apuri.png);
    background-repeat: no-repeat;
    padding: 0px 0 0 22px;
    padding-top: 10px;
    border: 1px solid #CCCCCC;
}
.leftnav6 li a:hover {
    color: #1C1C1C;
    background: url(../images/common/apuri.png) 0 -45px;
	background-repeat: no-repeat;
    padding: 0px 0 0 22px;
    /*ひだり*/
    
    margin-bottom: 10px;
    border: 1px solid #CCCCCC;
    padding-top: 10px;
}
.leftnav6 li a.current {
    color: #1C1C1C;
    background: url(../images/common/apuri.png) 0 -135px;
	background-repeat: no-repeat;
    padding: 0px 0 0 22px;
    /*ひだり*/
    
    margin-bottom: 10px;
    border: 1px solid #CCCCCC;
    padding-top: 10px;
}
.leftnav6 li a:active {
    color: #1C1C1C;
    background: url(../images/common/apuri.png) 0 -90px;
	background-repeat: no-repeat;
    padding: 0px 0 0 22px;
    margin-bottom: 10px;
    border: 1px solid #CCCCCC;
    padding-top: 10px;
}
.apurimidasi {
    font-size: 18px;
    background-color: #FAAC58;
    width: 233px;
    color: #1C1C1C;
    margin-top: 20px;
    padding-left: 15px;
    padding-top: 5px;
}
/*お客様各位*/

.letter {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}
/*とりせつ*/

.table4 {
    border: 1px solid #a5a5a5;
    border-collapse: collapse;
    color: #333;
}
.table4 th {
    border: 1px solid;
    background-color: #D3D3D3;
    border-color: #666666;
    font-size: 90%;
}
.table4 td {
    border: 1px solid;
    border-color: #666666;
    font-size: 90%;
    padding: 3px;
}
/*fft用語集*/

.table5 {
    border: 1px solid #aaa;
}
.table5 th {
    border: 1px solid;
    background-color: #D3D3D3;
    font-size: 12px;
}
.table5 td {
    border: 1px solid;
    font-size: 90%;
    padding: 3px;
}
/*カタログ*/

.leftnav7 {
    width: 250px;
    font-size: 17px;
    margin-top: 20px;
}
.leftnav7 li a {
    text-decoration: none;
    height: 40px;
    voice-family: inherit;
    height: 35px;
    /*高さ指定*/
    
    margin-bottom: 10px;
    /*感覚*/
    
  
}
.leftnav7 li a:link,
.leftnav li a:visited {
    color: #1C1C1C;
    display: block;
    background: url(../images/common/catalog.png);
    background-repeat: no-repeat;
    padding: 0px 0 0 22px;
    padding-top: 10px;
   
}
.leftnav7 li a:hover {
    color: #1C1C1C;
    background: url(../images/common/catalog.png) 0 -45px;
    padding: 0px 0 0 22px;
    /*ひだり*/
    
    margin-bottom: 10px;
   
    padding-top: 10px;
}
.leftnav7 li a.current {
    color: #1C1C1C;
    background: url(../images/common/catalog.png) 0 -135px;
    padding: 0px 0 0 22px;
    /*ひだり*/
    
    margin-bottom: 10px;
  
    padding-top: 10px;
}
.leftnav7 li a:active {
    color: #1C1C1C;
    background: url(../images/common/catalog.png) 0 -90px;
    padding: 0px 0 0 22px;
    margin-bottom: 10px;
  
    padding-top: 10px;
}
/*音響マスター*/

.oya2 {
    width: auto;
}

.hidari2 {
    float: left;
    width: 26%;
    overflow: visible;
}
.migi2 {
    float: right;
    width: 600px;
    overflow: visible;
}




.hidari55 {
    float: left;
    width: 50%;
    overflow: visible;
}
.migi55 {
    float: right;
    width: 50%;
    overflow: visible;
}


.hidari28 {
    float: left;
    width: 15%;
    overflow: visible;
}
.migi28 {
    float: right;
    width: 85%;
    overflow: visible;
}



/*随想*/

.kurowaku {
    width: auto;
    border: #333 1px solid;
    padding: 10px;
    overflow: hidden;
}
.font9 {
    font-size: 9px;
}
.toleft {
    margin-left: 470px;
}
.table6 {
    width: 500px;
}
.table6 th {
    border: 1px solid;
    background-color: #D3D3D3;
    font-size: 12px;
}
.table6 td {
    border: 1px solid;
    font-size: 90%;
    padding: 3px;
}
.font50 {
    font-size: 36px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: italic;
    line-height: 90%;
    color: #555;
}


.font20 {
    font-size: 26px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: italic;
    line-height: 90%;
    color: #555;
}
/* 製品インデックスタブ */

.prdmenu {
    width: 100px;
    height: 60px;
    background-image: url(../images/common/prdtab3.png);
    background-repeat: no-repeat;
    float: left;
    list-style: none;
    padding-top: 10px;
    /*文字位置*/
    
    margin-left: 0px;
    text-align: center;
    display: block;
    cursor: pointer;
    color: #333;
}
.prdmenu:first-child {
    margin-left: 0px;
}
.pactive {
    background-image: url(../images/common/prdtab.png);
    font-weight: bold;
}
.phover {
    background-image: url(../images/common/prdtab2.png);
    font-weight: bold;
}
.prdtab {
    float: left;
    width: 700px;
    height: 1260px;
    border: #555555 0px solid;
    background: #fff;
    top: 119px;
    /*コンテンツ上からの位置*/
    /*ここでタブのしたの隙間なくす*/
    
    left: 3px;
    position: absolute;
    overflow: auto;
}
#page-top {
    width: 125px;
    height: 32px;
    display: none;
    position: fixed;
    z-index: 20;
    right: 0px;
    top: 80%;
}
#page-top p {
    margin: 0;
    padding: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
#page-top p:hover {
    background: #8b8b8b;
}
#move-page-top {
    display: block;
    cursor: pointer;
}



/* =-=-=-=-=-=-=-カタログ-=-=-=-=-=-=-=- */

.kaitei {
    color: #6600FF
}
.newL {
    color: #BB0303
}
.end {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
    margin: 10px 0;
}
.faceimages {
    background-image: url(../whats_new/catalogs/images/face/shadow-trans.png);
    background-repeat: no-repeat;
    background-position: center;
    padding: 15px 15px 15px 15px;
}
.cat_shelf li a {
    width: 116px;
    height: 220px;
    float: left;
    list-style: none;
    text-align: center;
    display: inline-block;
    
    line-height: 120%;
    margin-bottom: 0px;
    background: url(../whats_new/catalogs/images/shelfN.png);
    background-repeat: no-repeat;
    display: block;
	font-size:12px;
}
/*スマホで以下は使わない*/

.cat_shelf li {
    width: 116px;
    height: 220px;
    float: left;
    list-style: none;
    text-align: center;
    display: inline-block;
   font-size:12px;
    line-height: 120%;
    margin-bottom: 0px;
    background: url(../whats_new/catalogs/images/shelfN.png);
    background-repeat: no-repeat;
    display: block;
}
.cat_shelf2 li a {
    width: 116px;
    height: 220px;
    float: left;
    list-style: none;
    text-align: center;
    display: inline-block;
   font-size:12px;
    line-height: 120%;
    margin-bottom: 0px;
    background: url(../whats_new/catalogs/images/shelfN2.png);
    background-repeat: no-repeat;
    display: block;
}
/*スマホで以下は使わない*/

.cat_shelf2 li {
    width: 116px;
    height: 220px;
    float: left;
    list-style: none;
    text-align: center;
    display: inline-block;
  font-size:12px;
    line-height: 120%;
    margin-bottom: 0px;
    background: url(../whats_new/catalogs/images/shelfN2.png);
    background-repeat: no-repeat;
    display: block;
}





.centb {
    margin-left: auto;
    margin-right: auto;
    display: block;
    overflow: visible;
    width: 580px;
}



.centbN {

    margin-right: auto;
	margin-left:auto;
    display: block;
    overflow: visible;
    width: 960px;
	clear:both

}


.cat_shelfN li a {
	position: relative;
    width: 190px;
    height: 300px;
    float: left;
    list-style: none;
    text-align: left;
    display: inline-block;
	box-sizing: border-box;
    line-height: 120%;
	overflow: visible;
	margin-top:10px;
    margin-bottom: 0px;
    display: block;
	

}
/*スマホで以下は使わない*/

.cat_shelfN li {
	width: 190px;
    height: 300px;
    float: left;
    list-style: none;
    text-align: left;
    display: inline-block;
    line-height: 120%;
    margin: 20px 0px;
    display: block;
}




.faceimg {
    background-image: url(../whats_new/catalogs/img/backcolor.png);
    background-repeat: no-repeat;
	background-position: left;
    padding: 4px 3px 4px 1px;

}


.faceimg2 {
    background-image: url(../whats_new/catalogs/img/backcolor2.png);
    background-repeat: no-repeat;
	background-position: left;
    padding: 22px 3px 4px 1px;

}



.cat_shelfN .ttl {
　width: 160px;
  height:60px;
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.2;
}

.cat_shelfN p {
  margin-top: 8px;
  padding-left: 18px;
  font-size: 12px;
  line-height: 1.2;
  background-image: url(../whats_new/catalogs/img/pdf.png);
  background-repeat: no-repeat;
  background-position: left top;
}

.cat_shelfN a:hover{
  opacity: 0.8;
}


.cat_menu li a {
    position: relative;
    width: 190px;
    height: 30px;
    float: left;
    list-style: none;
    text-align: center;
	
	font-size:15px;
    display: inline-block;
	box-sizing: border-box;
	background-color:#06C;
	color:#fff;
	overflow: visible;
	border: #fff 1px solid;

    display: inline-block;
	
}


.cat_menu a:hover{
  opacity: 0.7;
}


.cat_menu_dc li a {
    position: relative;
    width: 190px;
    height: 30px;
    float: left;
    list-style: none;
    text-align: center;
	
	font-size:15px;
    display: inline-block;
	box-sizing: border-box;
	background-color: #000;
	color:#fff;
	overflow: visible;
	border: #fff 1px solid;

    display: inline-block;
	
}


.cat_menu_dc a:hover{
  opacity: 0.7;
}




.cat_menu2 li a {
    position: relative;
    width: 220px;
    height: 30px;
    float: right;
	margin-right:10px;
    list-style: none;
    text-align: center;
	font-size:15px;
    display: inline-block;
	box-sizing: border-box;
	background-color: #777;
	color:#fff;
	overflow: visible;
	border: #fff 1px solid;

    display: inline-block;
	
}


.cat_menu2 a:hover{
  opacity: 0.7;
}



.midashisq {
  position: relative;
  padding: .75em 1em .75em 2em;
  border: 1px solid #ccc;
  border-top: 3px solid #3498db;
  background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
  background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
  font-size: 14px;
  font-weight:900;
  margin-top:20px;
  margin-bottom:20px;
 
}
.midashisq::after {
  position: relative;
  top: 1em;
  left: 0.6em;
  z-index: 100;
  display: inline-block;
  width: 10px;
  height: 10px;
  background:#3498db;
  

}



/* =-=-=-=-=-=-=-↑↑カタログ↑↑-=-=-=-=-=-=-=- */
/* =-=-=-=-=-=-=-↓↓e見積り↓↓-=-=-=-=-=-=-=- */

.em_menu li a {

    width: 192px;
    height: 30px;
    float: left;
    list-style: none;
    text-align: center;
	
	font-size:15px;
    display: inline-block;
	box-sizing: border-box;
	background-color:#008080;
	color:#fff;
	overflow: visible;
	border: #fff 1px solid;

    display: inline-block;
	
}


.em_menu a:hover{
  opacity: 0.7;
}




/* =-=-=-=-=-=-=-↑↑e見積り↑↑-=-=-=-=-=-=-=- */

/* =-=-=-=-=-=-=-↓↓ev/hev↓↓-=-=-=-=-=-=-=- */

.ev_menu li a {

    width: 192px;
    height: 30px;
    float: left;
    list-style: none;
    text-align: center;
	
	font-size:15px;
    display: inline-block;
	box-sizing: border-box;
	background-color:#003399;
	color:#fff;
	overflow: visible;
	border: #fff 1px solid;

    display: inline-block;
	
}


.ev_menu a:hover{
  opacity: 0.7;
}




/* =-=-=-=-=-=-=-↑↑ev/hev↑↑-=-=-=-=-=-=-=- */

/* =-=-=-=-=-=-=-↓↓user_discon↓↓-=-=-=-=-=-=-=- */

.user_menu li a {

    width: 192px;
    height: 30px;
    float: left;
    list-style: none;
    text-align: center;
	
	font-size:15px;
    display: inline-block;
	box-sizing: border-box;
	background-color:#CC3300;
	color:#fff;
	overflow: visible;
	border: #fff 1px solid;

    display: inline-block;
	
}


.user_menu a:hover{
  opacity: 0.7;
}


.user_login li a {
    position: relative;
    width: 104px;
    float: left;
    list-style: none;
    text-align: center;
	line-height:130%;
	font-size:12px;
	color:#333333;
    display: inline-block;
	box-sizing: border-box;
	overflow: visible;

	
}




/* =-=-=-=-=-=-=-↑↑user_discon↑↑-=-=-=-=-=-=-=- */




.topnavi {
    font-size: 12px;
}
/*フロートにワイド指定は必要*/

.topnavi li {
    background-image: url(../products/images/p_right_arrow.png);
    background-repeat: no-repeat;
    list-style: none;
    float: right;
    padding-left: 16px;
    width: 90%;
}
.productsright {
    width: 50%;
    float: right;
    padding: 20px;
}
.productsright li {
    clear: both;
    width: 91%;
}
.muzi33 {
    width: 30%;
    font-size: 12px;
  
    height: auto;
    border-right: solid 1px #E7E7E7;
    padding: 5px;
    float: left;
}
.muzi33 a {
    display: block;
    font-weight: bold;
    width: 95%;
	
  
    padding-left: 5px;
    padding-right: 5px;
   
    color: #006;
    background: url(../images/common/right_arrow_g.png) no-repeat 96% 50%;
    background-color: #EBEBEB;
}
.npdt {
    margin-top: 0.5em;
    margin-bottom: 10px;
    float: left;
    border-bottom: #999 dotted 1px;
    line-height: 1.3em;
    margin-left: 0em;
    padding-right: 10px;
    font-size: 14px;
    list-style: none;
}
.list1 li {
    display: block;
}


/* 動画 youtube */
.mov_title {
    background-color: #333333;
    color: #FFFFFF;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
	padding-bottom: 5px;
    font-weight: 600;
}

a.overwhite{
    background-color:#ffffff;
    display:block;
}

a.overwhite:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}



/*メイン 展示会*/
#wrap #tenzikai {
    width: 960px;
    
    position: relative;
}


.tenzikaititle{
	padding-top:50px;
	font-size:36px;
	text-align:center;
}



.graywaku3 {
	background-color:#EBEBEB;
    padding: 10px;
    margin-bottom: 20px;
    width: 100%;
}


.prewaku{
	   border: solid 1px #999999;
	   padding-bottom:15px;
	   
}


.clearbox20 {
    overflow: hidden;
    padding-left: 30px;
}


.normal_section_jutukai{
	font-size:17px;
	margin-top:30px;
	
	
}



.rekisimidasi{
	 font-size: 18px;
    background-color: #3F2C1F;
    width: 233px;
    color: #fff;
    margin-top: 20px;
    padding-left: 15px;
    padding-top: 5px;
	
	
}


.backcha{
	background-color:#DDDDDD;
	
	
	
}





.wrapwidth100{
	/*background-color: #F6F6F6;*/
	
	
	
}





.jutaku{
    background: url(../products/category/img/jutaku.png) no-repeat center right;
	position: relative;
	 -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
    z-index: 20;
}



.tenzikaimidasi1{
	font-size:20px;



}


.oomidasi{
	font-size:30px;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:20px;
	margin-top:20px;
	border-top:#036 1px solid;
border-bottom:#036 1px solid;


}



.oomidasi3{
	font-size:20px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:20px;
	margin-top:30px;
	border-top:#036 1px solid;
border-bottom:#036 1px solid;
font-weight:bold;


}





/*アプリ系ボタン*/




.slide-bottom

{ 
width:100%;
background-image:url(../images/common/toumeidray.png);

bottom: 0;


z-index:10;


	

}


.slide-bottom a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=70)";
}






.botanhover a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=70)";
}




.apli_box02 {
  width: 220px;
  height: 220px;
  float:left;
  margin-right:10px;
  margin-top:10px;
  overflow:hidden;
 
}
.apli_box02 a{
  width: 220px;
  height: 220px;
  position: relative;
  background-color: #F6F6F6;
  border: 1px solid #666;
  box-sizing: border-box;
  color:#000000;
  display:block;
  padding: 7px;
  text-decoration:none;
  transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
}
.apli_box02 img{
	position: absolute;
	bottom: 30px;
	width:203px;
	height:110px;

}

.apli_box02 .ttl {
  margin-top: -6px;
  font-size: 16px;
  line-height: 1.7;
  border-bottom: 2px #f1f4f4 solid;
  text-align:center;
}
.apli_box02 p {
  font-size: 13px;
  line-height: 1.7;
}
.apli_box02 a:hover{
  background-color:#ddd
}



.graytitle{
	text-align:center;
	background-color: #008080;
	color:#FFF;
	font-size:25px;
	padding:10px;
	margin-top:20px;
}


.aowaku0 {
    border: solid 1px #0000CC;
    padding: 10px;
   
}


.mitumorioomidasi{
	font-size:30px;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:20px;
	margin-top:40px;
	border-top: #008080 2px solid;
border-bottom:#008080 2px solid;


}

/*カルーセル*/


.syoukaiwaku{
	
	border: #666 1px solid;

	

	
}



.syoukai{
	
	background-color:;
	
	
	
}


.konoseihin{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:40px;
	background-color:#F6F6F6;
	width:100%;
	background-image:url(../images/common/yubi.png);
	
	background-repeat:no-repeat;
	
  box-sizing: border-box;
	
}





.kansou{
	background-color:#F6F6F6;
	padding:10px;
	margin:5px;
	


}





.kansoutitle {
	line-height:20px;
   
  
    background-repeat: no-repeat;
	padding-bottom: 5px;
    border-bottom: 1px solid #666;
    font-size: 22px;
	margin-bottom:15px;
	margin-top:10px;
	font-weight:bold;
    
}


.kansoumidasi {
    background-image: url("../images/common/hukidasi.png");
    padding-left: 35px;
    background-repeat: no-repeat;
    border-bottom: 2px solid #717171;
    font-size: 21px;
    margin-top: 20px;
}



.hukidasi {
    background-image: url("../images/common/hukidasi2.png");
    padding-left: 25px;
    background-repeat: no-repeat;
   
    font-size: 15px;
    margin-bottom: 20px;
	margin-left:10px;
	
}


.hukidasi2 {
    background-image: url("../seminar/img/talk.png");
    padding-left: 53px;
    background-repeat: no-repeat;
   
    font-size: 15px;
    margin-bottom: 20px;
	margin-left:10px;
	
}



.img_m2 img {
    width: 100%;
}





.leftnavflo {
    width: 23%;
    font-size: 17px;
 
	float: left;
	overflow:hidden;
	margin-left:30px;;
}
.leftnavflo li a {
    text-decoration: none;
    height: 40px;
    voice-family: inherit;
    height: 35px;
    /*高さ指定*/
    
    margin-bottom: 10px;
    /*感覚*/
    
    ;
}
.leftnavflo li a:link,
.leftnavflo li a:visited {
    color: #555555;
    display: block;
    background: url(../images/common/side2.png);
    background-repeat: no-repeat;
    padding: 0px 0 0 22px;
    padding-top: 10px;
   
}
.leftnavflo li a:hover {
    
    background: url(../images/common/side2.png) 0 -45px;
    padding: 0px 0 0 22px;
    /*ひだり*/
    
    margin-bottom: 10px;
   
    padding-top: 10px;
}
.leftnavflo li a.current {
    
    background: url(../images/common/side2.png) 0 -135px;
    padding: 0px 0 0 22px;
    /*ひだり*/
    
    margin-bottom: 10px;
  
    padding-top: 10px;
}


.emitumori {

color:#194098; font-size:25px; border-bottom: solid 1px #194098;}















.rightnavflo {
    width: 23%;
    font-size: 17px;
 
	float: right;
	overflow:hidden;
	margin-left:30px;;
}
.rightnavflo li a {
    text-decoration: none;
    height: 40px;
    voice-family: inherit;
    height: 35px;
    /*高さ指定*/
    
    margin-bottom: 10px;
    /*感覚*/
    
    ;
}
.rightnavflo li a:link,
.rightnavflo li a:visited {
    color: #555555;
    display: block;
    background: url(../images/common/side2.png);
    background-repeat: no-repeat;
    padding: 0px 0 0 22px;
    padding-top: 10px;
   
}
.rightnavflo li a:hover {
    
    background: url(../images/common/side2.png) 0 -45px;
    padding: 0px 0 0 22px;
    /*ひだり*/
    
    margin-bottom: 10px;
   
    padding-top: 10px;
}
.rightnavflo li a.current {
    
    background: url(../images/common/side2.png) 0 -135px;
    padding: 0px 0 0 22px;
    /*ひだり*/
    
    margin-bottom: 10px;
  
    padding-top: 10px;
}










 /*セミナー親*/
.seminaroya {
	width:1000px;
	
	overflow:hidden;
	margin-left:auto;
	background-color:
	#FFF;
	padding-bottom:30px;
	padding-right:30px;
	
	margin-right:auto; /*これでコンテンツが中央に来る
	*/ 
	
	
	
	}
	
	
	
	
 /*セミナー親*/
.seminaroya2 {
	width:1200px;
	
	overflow:hidden;
	margin-left:auto;
	background-color:
	#FFF;
	padding-bottom:30px;
	padding-right:30px;
	
	margin-right:auto; /*これでコンテンツが中央に来る
	*/ 
	
	
	
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

.seminarmigi{
    width: 74%;
	float:right;
	overflow:hidden;
	margin-left: auto;
}




	

.seminarleft{
    width: 90%;
	float: left;
	overflow:hidden;
	margin-left: auto;
	margin-left:30px;
}


#main_headsemina {
    width: 1200px;
    margin-left: 30px;
    overflow: hidden;
	background-color:#FFFFFF;
  
    
    
}



.width960{
	width:960px;
	margin-left: auto;
	margin-right:auto;
	 box-sizing: border-box;}
	 
	 
	 
	 .button{
		 border:solid 1px #000000;
		 width:200px;
		 font-size:20px;
		 padding:10px;
		 text-align:center;
		 margin-top:40px;
		 margin-right:auto;
		 margin-left:auto;}
	 
	 
	 
	 .close {
    border:solid 1px #000000;
		 width:200px;
		 font-size:20px;
		 padding:10px;
		 text-align:center;
		 margin-top:40px;
		 margin-right:auto;
		 margin-left:auto;
		 background-color:#999999;
}
	 
	 
	 
	 
	 
	 
	 
	 #header.alt {
			
			animation: none;
			background-color:#003399;
			box-shadow: none;
			color: #fff;
			padding:10px;
			
			
		}

			#header.alt nav {
				right: 2.5em;
				top: 1.75em;
			}

				#header.alt nav ul li.active > a, #header.alt nav ul li:hover > a {
					border: solid 1px;
				}
.kensaku2 {
	border:#003399 1px solid;
	padding-right:15px;
	display:block;
	color:#FFFFFF ;
	background-color: #039;
}

.kensaku2 li a {
	color:#FFFFFF !important;
	
}

.kensaku2 a {
	color:#FFFFFF !important;
	
}

.kensaku3 {
	border:#33ccff 1px solid;
	padding-right:15px;
	display:block;
	color:#FFFFFF ;
	background-color: #3cf !important;
}


.center{
	margin-left:auto;
	margin-right:auto;}



.left50{
	float:left;
	width:47%;
	}


.right50{
	float:right;
	width:47%;
	}


.midashi12 {
    width: 100%;
    text-align: center;
	
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d0e4f7+0,0a33d6+48,0a33d6+58,b7d2e8+100 */
background: #d0e4f7; /* Old browsers */
background: -moz-linear-gradient(45deg, #d0e4f7 0%, #0a33d6 48%, #0a33d6 58%, #b7d2e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #d0e4f7 0%,#0a33d6 48%,#0a33d6 58%,#b7d2e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #d0e4f7 0%,#0a33d6 48%,#0a33d6 58%,#b7d2e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#b7d2e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	
	color:#FFFFFF;
    font-size: 20px;
  
    padding-bottom: 5px;
    padding-top: 5px;
   
    margin-top: 10px;
	margin-bottom:10px;
}

.grayback0 {
    background-color: #F6F6F6;
  
    width: 100%;
}





.botan{
    position: absolute;
    top: 8%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
   
}

















/*プロダクトグリッド*/

.prd_box1 {
  width: 340px;
  height: 60px;
  float: left;
  
  margin-left: 5px;
  margin-top:5px;
  overflow:visible;
  border-bottom: #CCC solid 1px;
}
.prd_box1 a{
  width: 340px;
  height: 60px;
  position: relative;
  background-color: #FAFAFA;
  box-sizing: border-box;
  color:#000000;
  display:block;
  padding: 7px;
  transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
}

.prd_box1 img{
	position: absolute;
	bottom: 2px;
	width: auto;
	max-height:55px;
	margin-left:5px;
	display:block;
	left: 0px;
	
}
.prd_box1 .ttl {
  margin-top: -2px;
   margin-left:60px;
  font-size: 15px;
  line-height: 1.5;
  text-align:left;
  font-weight:400; 
}
.prd_box1 p {
  font-size: 14px;
  font-weight:bold;
  line-height: 1.5;
   margin-left:68px;
  text-align:left;
  overflow-style:auto;

}

.prd_box1 a:hover{
  opacity: 0.9;
  background-color: #F2F2F2;
  border-bottom: #CCC solid 1px;
  text-decoration:none;
  
}


.usrWrapper{
	width: 95%;
padding: 10px;
overflow: hidden;
background-color: #F7F7F7;
border: solid 1px #ddd;
border-left: solid 18px #0066CC;
margin-left:auto;
margin-right:auto;
margin-bottom: 60px;
}


.usrWrapper2{
	width: 95%;
padding: 10px;
overflow: hidden;
background-color: #F7F7F7;
border: solid 1px #ddd;
border-left: solid 18px #CC3300;
margin-left:auto;
margin-right:auto;
margin-bottom: 60px;
}



.prdWrapper2{
padding:6px;
overflow: hidden;
background-color: #fff;
}


.prdWrapper3{

overflow: hidden;
background-color: #fff;
}



.prd_box02 {
  width: 332px;
  height: 120px;
  float:left;
  margin-right:10px;
  margin-top:10px;
  overflow:hidden;
}
.prd_box02 a{
  width: 332px;
  height: 120px;
  position: relative;
  background-color: #F3F3F3;
  
  box-sizing: border-box;
  color:#000000;
  display:block;
  padding: 10px;
  transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
}
.prd_box02 img{
	position: absolute;
	bottom: 10px;
	width:100px;
	height:100px;
	margin-left:2px;
	display:block;
	
}
.prd_box02 .ttl {
  margin-top: -6px;
  margin-left:110px;
  margin-bottom: 4px;
  
  font-size: 16px;
  line-height: 1.6;
  border-bottom: 1px  #3366CC solid;
  text-align:left;
}
.prd_box02 p {
  font-size: 13px;
  line-height: 1.5;
   margin-left:120px;
  text-align:left;
  overflow-style:auto;

}

.prd_box02 a:hover{
  opacity: 0.9;
  background-color: #ACCDEE;
  text-decoration:none;
}













.productstable {
	border: 1px solid #CCCCCC;
	
	border-collapse: collapse;
	
	width:90%;
	
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "ＭＳ Ｐゴシック", "メイリオ" ,Meiryo,"MS PGothic",  Osaka, sans-serif;
	font-size: 110% !important;
	margin-left:auto;
	margin-right:auto;
}



.productstable li{
	list-style:none;font-size: 94%;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
}




.productstable th {
	text-align:left;
	border: 1px solid #CCCCCC;
	background-color:#F0F0F0;
	padding:5px;
	
	
	
}

.productstable td {
	border: 1px solid #CCCCCC;
	text-align:left;
	

	font-size: 90%;
	padding: 5px;
	
}




.tabs11 {
     
  width: auto;
	
      font-size:15px;
      line-height:normal;
	  display:inline-block;	
	  margin-top:20px;
	  overflow:visible;
}

	 
      
.tabs11 ul {
          margin:0;
          padding:10px 10px 10 10px;
          list-style:none;
      }
.tabs11 li {
      display:inline;
      margin:0;
      padding:0;
	
      }
.tabs11 a {
      float:left;
      background:url("../products/images/tableft11.png") no-repeat left top;
      margin:0;
      padding:0 0 0 2px;
      text-decoration:none;
	  color:#FFFFFF;
      }
.tabs11 a span {
      float:left;
      display:block;
      background:url("../products/images/tabright11.png") no-repeat right top;
      padding:5px 10px 2px 6px;
      color:#FFFFFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs11 a span {float:none;}
    /* End IE5-Mac hack */
.tabs11 a:hover span {
     color:#FFFFFF;
      }
.tabs11 a:hover {
      background-position:0% -42px;
      }
.tabs11 a:hover span {
      background-position:100% -42px;
      }

.tabs11 .current a {
              background-position:0% -42px;
			    background:url("../products/images/tableft11.gif") no-repeat left top;
      }
.tabs11 .current a span {
              
			  font: 14px;
			  color:#FFFFFF;
			  background-position:100% -42px;
      }
	  	








/* セミナーの声メニュー \*/

.hako1{
	float:left;
	width:106px;
	margin-bottom:10px;
	padding:5px;
	
	
	}
	
	
	
	.hako1 a{
background-image:url(../seminar/img/nyumon_m.png);
	width:106px;
	height:106px;
	display: block;
	text-indent: -9999px;
	
	}
	
	.hako1 a:hover {
		
    color: #fff;
	display: block;
	background-position: 0 -106px;
	
	
}

.hako1on {
		
  
	
	display: block;
	background-image:url(../seminar/img/nyumon_m.png);
	text-indent: -9999px;
	background-position: 0 -318px;
	float:left;
	width:106px;
	height:106px;
	margin-bottom:10px;
	padding:0px;
	margin:5px;
	
	
	
}








/* 2 \*/

.hako2{
	float:left;
	width:106px;
	margin-bottom:10px;
	padding:5px;
	
	
	}
	
	
	
	.hako2 a{
background-image:url(../seminar/img/onkyou_m.png);
	width:106px;
	height:106px;
	display: block;
	text-indent: -9999px;
	
	}
	
	.hako2 a:hover {
		
    color: #fff;
	display: block;
	background-position: 0 -106px;
	
	
}


.hako2on {
		
  
	
	display: block;
	background-image:url(../seminar/img/onkyou_m.png);
	text-indent: -9999px;
	background-position: 0 -318px;
	float:left;
	width:106px;
	height:106px;
	margin-bottom:10px;
	padding:0px;
	margin:5px;
	
	
	
}














/* 3 \*/

.hako3{
	float:left;
	width:106px;
	margin-bottom:10px;
	padding:5px;
	
	
	}
	
	
	
	.hako3 a{
background-image:url(../seminar/img/sensa_m.png);
	width:106px;
	height:106px;
	display: block;
	text-indent: -9999px;
	
	}
	
	.hako3 a:hover {
		
    color: #fff;
	display: block;
	background-position: 0 -106px;
	
	
}

.hako3on {
		
  
	
	display: block;
	background-image:url(../seminar/img/sensa_m.png);
	text-indent: -9999px;
	background-position: 0 -318px;
	float:left;
	width:106px;
	height:106px;
	margin-bottom:10px;
	padding:0px;
	margin:5px;
	
	
	
}




/* 4 \*/

.hako4{
float:left;
	width:106px;
	margin-bottom:10px;
	padding:5px;
	
	
	}
	
	
	
	.hako4 a{
background-image:url(../seminar/img/souon5_m.png);
	width:106px;
	height:106px;
	display: block;
	text-indent: -9999px;
	
	}
	
	.hako4 a:hover {
		
    color: #fff;
	display: block;
	background-position: 0 -106px;
	
	
}

.hako4on {
		
  
	
	display: block;
	background-image:url(../seminar/img/souon5_m.png);
	text-indent: -9999px;
	background-position: 0 -318px;
	float:left;
	width:106px;
	height:106px;
	margin-bottom:10px;
	padding:0px;
	margin:5px;
	
	
	
}





/* 5 \*/

.hako5{
	float:left;
	width:106px;
	margin-bottom:10px;
	padding:5px;
	
	
	}
	
	
	
	.hako5 a{
background-image:url(../seminar/img/syuuhasuu_m.png);
	width:106px;
	height:106px;
	display: block;
	text-indent: -9999px;
	
	}
	
	.hako5 a:hover {
		
    color: #fff;
	display: block;
	background-position: 0 -106px;
	
	
}

.hako5on {
		
  
	
	display: block;
	background-image:url(../seminar/img/syuuhasuu_m.png);
	text-indent: -9999px;
	background-position: 0 -318px;
	float:left;
	width:106px;
	height:106px;
	margin-bottom:10px;
	padding:0px;
	margin:5px;
	
	
	
}




/* 5_2 \*/

.hako5_2{
	float:left;
	width:106px;
	margin-bottom:10px;
	padding:5px;
	
	
	}
	
	
	
	.hako5_2 a{
background-image:url(../seminar/img/math_b.png);
	width:106px;
	height:106px;
	display: block;
	text-indent: -9999px;
	
	}
	
	.hako5_2 a:hover {
		
    color: #fff;
	display: block;
	background-position: 0 -106px;
	
	
}

.hako5_2on {
		
  
	
	display: block;
	background-image:url(../seminar/img/math_b.png);
	text-indent: -9999px;
	background-position: 0 -318px;
	float:left;
	width:106px;
	height:106px;
	margin-bottom:10px;
	padding:0px;
	margin:5px;
	
	
	
}



/* 5 \*/

.hako6{
	float:left;
	width:106px;
	margin-bottom:10px;
	padding:5px;
	
	
	}
	
	
	
	.hako6 a{
background-image:url(../seminar/img/koyuu_m.png);
	width:106px;
	height:106px;
	display: block;
	text-indent: -9999px;
	
	}
	
	.hako6 a:hover {
		
    color: #fff;
	display: block;
	background-position: 0 -106px;
	
	
}

.hako6on {
		
  
	
	display: block;
	background-image:url(../seminar/img/koyuu_m.png);
	text-indent: -9999px;
	background-position: 0 -318px;
	float:left;
	width:106px;
	height:106px;
	margin-bottom:10px;
	padding:0px;
	margin:5px;
	
	
	
}





/*こゆう*/



.koyu{
	float:left;
	width:106px;
	margin-bottom:10px;
	padding:5px;
	
	
	}
	
	
	
	.koyu a{
background-image:url(../seminar/img/koyuu_m.png);
	width:106px;
	height:106px;
	display: block;
	text-indent: -9999px;
	
	}
	
	.koyu a:hover {
		
    color: #fff;
	display: block;
	background-position: 0 -106px;
	
	
}



.koyuon {
		
 
	display: block;
	background-image:url(../seminar/img/koyuu_m.png);
	text-indent: -9999px;
	background-position: 0 -318px;
	float:left;
	width:106px;
	height:106px;
	margin-bottom:10px;
	padding:0px;
	margin:5px;
	
}





/*こゆう*/










/* 5 \*/

.hako7{
	float:left;
	width:106px;
	margin-bottom:10px;
	padding:5px;
	
	
	}
	
	
	
	.hako7 a{
background-image:url(../seminar/img/toraking_m.png);
	width:106px;
	height:106px;
	display: block;
	text-indent: -9999px;
	
	}
	
	.hako7 a:hover {
		
    color: #fff;
	display: block;
	background-position: 0 -106px;
	
	
}



.hako7on {
		
  
	
	display: block;
	background-image:url(../seminar/img/toraking_m.png);
	text-indent: -9999px;
	background-position: 0 -318px;
	float:left;
	width:106px;
	height:106px;
	margin-bottom:10px;
	padding:0px;
	margin:5px;
	
	
	
}






/* 8 \*/

.hako8{
	float:left;
	width:106px;
	margin-bottom:10px;
	padding:5px;
	
	
	}
	
	
	
	.hako8 a{
background-image:url(../seminar/img/onsitu_m.png);
	width:106px;
	height:106px;
	display: block;
	text-indent: -9999px;
	
	}
	
	.hako8 a:hover {
		
    color: #fff;
	display: block;
	background-position: 0 -106px;
	
	
}




.hako8on {
		
  
	
	display: block;
	background-image:url(../seminar/img/onsitu_m.png);
	text-indent: -9999px;
	background-position: 0 -318px;
	float:left;
	width:106px;
	height:106px;
	margin-bottom:10px;
	padding:0px;
	margin:5px;
	
	
	
}




/* 9 \*/

.hako9{
	float:left;
	width:106px;
	margin-bottom:10px;
	padding:5px;
	
	
	}
	
	
	
	.hako9 a{
background-image:url(../seminar/img/oscope_m.png);
	width:106px;
	height:106px;
	display: block;
	text-indent: -9999px;
	
	}
	
	.hako9 a:hover {
		
    color: #fff;
	display: block;
	background-position: 0 -106px;
	
	
}



.hako9on {
		
  
	
	display: block;
	background-image:url(../seminar/img/oscope_m.png);
	text-indent: -9999px;
	background-position: 0 -318px;
	float:left;
	width:106px;
	height:106px;
	margin-bottom:10px;
	padding:0px;
	margin:5px;
	
	
	
}








/* 10 \*/

.hako10{
	float:left;
	width:106px;
	margin-bottom:10px;
	padding:5px;
	
	
	}
	
	
	
	.hako10 a{
background-image:url(../seminar/img/oscope2_m.png);
	width:106px;
	height:106px;
	display: block;
	text-indent: -9999px;
	
	}
	
	.hako10 a:hover {
		
    color: #fff;
	display: block;
	background-position: 0 -106px;
	
	
}


.hako10on {
		
  
	
	display: block;
	background-image:url(../seminar/img/oscope2_m.png);
	text-indent: -9999px;
	background-position: 0 -318px;
	float:left;
	width:106px;
	height:106px;
	margin-bottom:10px;
	padding:0px;
	margin:5px;
	
	
	
}








.hako_start{
	float:left;
	width:106px;
	margin-bottom:10px;
	padding:5px;
	
	
	}
	
	
	
	.hako_start a{
background-image:url(../seminar/img/oscope_start.png);
	width:106px;
	height:106px;
	display: block;
	text-indent: -9999px;
	
	}
	
	.hako_start a:hover {
		
    color: #fff;
	display: block;
	background-position: 0 -106px;
	
	
}


.hako_starton {
		
  
	
	display: block;
	background-image:url(../seminar/img/oscope_start.png);
	text-indent: -9999px;
	background-position: 0 -318px;
	float:left;
	width:106px;
	height:106px;
	margin-bottom:10px;
	padding:0px;
	margin:5px;
	
	
	
}








/* 11 \*/

.hako11{
	float:left;
	width:106px;
	margin-bottom:10px;
	padding:5px;
	
	
	}
	
	
	
	.hako11 a{
background-image:url(../seminar/img/modo_m.png);
	width:106px;
	height:106px;
	display: block;
	text-indent: -9999px;
	
	}
	
	.hako11 a:hover {
		
    color: #fff;
	display: block;
	background-position: 0 -106px;
	
	
}


.hako11on {
		
  
	
	display: block;
	background-image:url(../seminar/img/modo_m.png);
	text-indent: -9999px;
	background-position: 0 -318px;
	float:left;
	width:106px;
	height:106px;
	margin-bottom:10px;
	padding:0px;
	margin:5px;
	
	
	
}








/* 12 \*/

.hako12{
	float:left;
	width:106px;
	margin-bottom:10px;
	padding:5px;
	
	
	}
	
	
	
	.hako12 a{
background-image:url(../seminar/img/semina_m.png);
	width:106px;
	height:106px;
	display: block;
	text-indent: -9999px;
	
	}
	
	.hako12 a:hover {
		
    color: #fff;
	display: block;
	background-position: 0 -106px;
	
	
}

.hako12on {
		
  
	
	display: block;
	background-image:url(../seminar/img/semina_m.png);
	text-indent: -9999px;
	background-position: 0 -318px;
	float:left;
	width:106px;
	height:106px;
	margin-bottom:10px;
	padding:0px;
	margin:5px;
	
	
	
}







.tabskate {
     
  width: auto;
	
      font-size:15px;
      line-height:normal;
	  display:inline-block;	
	  margin-top:20px;
	  overflow:visible;
}

	 
      
.tabskate ul {
          margin:0;
          padding:10px 10px 10 10px;
          list-style:none;
      }
.tabskate li {
      display:inline;
	  margin-right:2px;
     padding:5px;
      padding:0;
	 
	
      }
.tabskate a {
      float:left;
	  border: #999 1px solid;
	  background-color: #F6F6F6;
            margin-right:5px;
			margin-bottom:5px;
			padding:3px;
      
      text-decoration:none;
	  color: #006;
	  

      }






.btnnavkate ul {
	
    width: 700px;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.btnnavkate li {
    display: inline;
    padding: 0;
    margin: 0;
    float: left;
}
.btnnavkate li a {
    position: relative;
    display: block;
    border: 1px solid #666;
    background-color: #F6F6F6;
    padding: 3px;
    text-decoration: none;
    color: #333;
    width: 223px;
    margin: 1px;
    text-align: center;
    font-size: 14px;
}
.btnnavkate li a:hover {
    background-color: #2d56be;
    color: #fff;
}


.midashi10 {
	text-align:center;
	padding:10px;
  background: -webkit-linear-gradient(top, #69b4e6 0%, #3498db 100%);
  background: linear-gradient(to bottom, #69b4e6 0%, #3498db 100%);
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
  font-size:15px;
  margin-bottom:10px;
}



.midashi111 {
	text-align:center;
	padding:10px;
	background-color:#FFFFFF;
	font-weight:bold;
 
  
  font-size:15px;
  margin-bottom:10px;
}

/*製品検索ページ*/
.width{
	width:1100px;
	margin-left:auto;
	margin-right:auto;
}






/*ハンバーガーボタン下のMENU*/

.menu_font_m_kensaku {
    padding-top: 34px;
    padding-left: 9px;
    color: #fff;
    font-weight: bold;
    display: block;
    position: absolute;
}
/*ハンバーガーボタン*/

.icon-animation_kensaku {
    width: 53px;
    height: 53px;
    display: block;
    cursor: pointer;
    float: right;
    position: absolute;
    right: .0rem;
    text-align: center;
    top: .3rem;
    background-color: #003399;
}











/*ハンバーガーボタン*/

.do333 {
   
    cursor: pointer;
    float: right !important;

	color:#FFFFFF !important;

    
}



.do222 {
	height:100px;

    
}












.icon-animation_kensaku span {
    width: 33px;
    height: 3px;
    display: block;
    background: #fff;
    position: absolute;
    left: 62%;
    top: 37%;
    margin-left: -23px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.icon-animation_kensaku .top {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}
.icon-animation_kensaku .bottom {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}
.is-open_kensaku .middle {
    background: rgba(51, 51, 51, 0);
}
.is-open_kensaku .top {
    -webkit-transform: rotate(-45deg) translateY(0px);
    -ms-transform: rotate(-45deg) translateY(0px);
    transform: rotate(-45deg) translateY(0px);
}
.is-open_kensaku .bottom {
    -webkit-transform: rotate(45deg) translateY(0px);
    -ms-transform: rotate(45deg) translateY(0px);
    transform: rotate(45deg) translateY(0px);
}



.nav_icon_kensaku div.icon_kensaku {
    border: solid 1px #bbb;
}

#global_nav_kensaku .nav_pulldown_kensaku div.icon_kensaku {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}















/*ハンバーガー*/

#global_nav_kensaku .nav_pulldown_kensaku dt a {
    z-index: 1;
    display: block;
    width: 40px;
    height: 50px;
    cursor: pointer;
    border: solid 0px #ccc;
    color: #fff;
    font-size: 10px;
    text-decoration: none;
    float: right;
    padding: 15px 17px 5px 8px;
    background: url('../images/common/nav_pull_arrow.png') no-repeat;
}
.nav_pulldown_kensaku dt a span {
    cursor: pointer;
    display: block;
    padding: 5px;
}
/*ナビ中身*/

.nav_pulldown_kensaku dd ul {
    display: none;
    list-style: none;
    position: absolute;
    left: auto;
    width: 180px;
    right: 0;
    cursor: pointer;
}
.nav_pulldown_kensaku dd ul li {
    margin: 0;
    width: 180px;
}
.nav_pulldown_kensaku span.value {
    display: none;
}
.nav_pulldown_kensaku dd ul li a {
    display: block;
    width: 180px;
    overflow: hidden;
    height: 36px;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    margin-right: 0;
    margin-top: -1px;
    text-overflow: ellipsis;
    -webkit-box-shadow: 0px 1px 3px #ccc;
    -moz-box-shadow: 0px 1px 3px #ccc;
    box-shadow: 0px 1px 3px #ccc;
}
.nav_pulldown_kensaku div.icon {
    float: left;
    margin-left: 6px;
    margin-right: 6px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    padding-top: 16px;
}
.nav_pulldown_kensaku ul li a span {
    font-weight: bold;
    display: block;
    padding-top: 8px;
    vertical-align: middle;
    margin-left: 6px;
    margin-right: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nav_pulldown_kensaku ul li {
    margin-bottom: 0;
}
/* ☆プルダウン型 ナビゲーション画像-s */

.nav_pulldown_kensaku #nav_shopping_kensaku div.icon_kensaku {
    background: url('image/nav_shopping.png') center center no-repeat;
}
.nav_pulldown_kensaku #nav_guide_kensaku div.icon_kensaku {
    background: url('image/nav_guide.png') center center no-repeat;
}
.nav_pulldown_kensaku #nav_profile_kensaku div.icon_kensaku {
    background: url('image/nav_profile.png') center center no-repeat;
}
.nav_pulldown_kensaku #nav_support_kensaku div.icon_kensaku {
    background: url('image/nav_support.png') center center no-repeat;
}
.nav_pulldown_kensaku #nav_cart_kensaku div.icon_kensaku {
    background: url('image/nav_cart.png') center center no-repeat;
}
.nav_pulldown_kensaku #nav_member_register_kensaku div.icon_kensaku {
    background: url('image/nav_member_register.png') center center no-repeat;
}
.nav_pulldown_kensaku #nav_member_confirm_kensaku div.icon_kensaku {
    background: url('image/nav_member_confirm.png') center center no-repeat;
}
.nav_pulldown_kensaku #nav_custom_1_kensaku div.icon_kensaku {
    background: url('image/calender.gif') center center no-repeat;
}
.nav_pulldown_kensaku #nav_custom_2_kensaku div.icon_kensaku {
    background: url('image/norton.gif') center center no-repeat;
}
.nav_pulldown_kensaku #nav_custom_3_kensaku div.icon_kensaku {
    background: url('image/nav_custom_3.png') center center no-repeat;
}
/* ☆プルダウン型 ナビゲーション画像-e */

#global_nav_kensaku .nav_pulldown_kensaku div.icon_kensaku {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}
/* ■navigation
============================================================ */

.nav_btn_kensaku a,
.nav_list_kensaku a,
.nav_pulldown_kensaku a {
    border: solid 1px #bbb;
    background: -moz-linear-gradient(top, #fff, #e9e9e9);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9e9e9));
    background: linear-gradient(#fff, #e9e9e9);
    color: #444;
    text-shadow: 1px 1px 0px #ddd;
}
.nav_icon_kensaku div.icon_kensaku {
    border: solid 1px #bbb;
}







/*ハンバーガーボタン*/

.icon-animation {
    width: 53px;
    height: 53px;
    display: block;
    cursor: pointer;
    float: right;
    position: absolute;
    right: .0rem;
    text-align: center;
    top: .3rem;
    background-color: #003399;
}
.icon-animation span {
    width: 33px;
    height: 3px;
    display: block;
    background: #fff;
    position: absolute;
    left: 62%;
    top: 37%;
    margin-left: -23px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.icon-animation .top {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}
.icon-animation .bottom {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}
.is-open .middle {
    background: rgba(51, 51, 51, 0);
}
.is-open .top {
    -webkit-transform: rotate(-45deg) translateY(0px);
    -ms-transform: rotate(-45deg) translateY(0px);
    transform: rotate(-45deg) translateY(0px);
}
.is-open .bottom {
    -webkit-transform: rotate(45deg) translateY(0px);
    -ms-transform: rotate(45deg) translateY(0px);
    transform: rotate(45deg) translateY(0px);
}





.modal {
    background-color: rgba(255, 255, 255, .5);
    width: 100%;
    height: 100%;
    left: 0;
    opacity: .1;
    position: fixed;
    top: 0;
    z-index: 98;
    visibility: hidden;
    webkit-transition: visibility 0 linear .4s, opacity .4s;
    -moz-transition: visibility 0 linear .4s, opacity .4s;
    transition: visibility 0 linear .4s, opacity .4s;
    webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.modal.on {
    opacity: 1;
    webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    transition-delay: 0;
    visibility: visible;
}



























.menu-btn {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 100px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    z-index: 200;
}

.menu-btn span {
    color: #fff;
	
}

.menu-btn span:after {
    content: attr(data-txt-menu);
}

/* 開閉用ボタンがクリックされた時のスタイル */
.open .menu-btn span:after {
    content: attr(data-txt-close);
	 z-index: 200;
	  position: fixed;
	  right: 40px;
	
}













.menu-btnao {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 100px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    z-index: 200;
}

.menu-btnao span {
    color: #194098;
	
}

.menu-btnao span:after {
    content: attr(data-txt-menu);
}

/* 開閉用ボタンがクリックされた時のスタイル */
.open .menu-btnao span:after {
    content: attr(data-txt-close);
	 z-index: 200;
	  position: fixed;
	  right: 40px;
	  color:#fff;
	
}










.menu11 {
    position: fixed;
    display: table;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
	
	
}

.menu11 ul {
    display: table-cell;
    vertical-align: middle;
	
}

.menu11 li {
    width: 300px;
    height: 80px;
    line-height: 80px;
    margin: 0 auto;
    text-align: center;
	
}

.menu11 li a {
    display: block;
    font-size: 18px;
    color: #fff;
	
	
}

.menu11 li a:hover {
    color: #999;
	z-index:10px;
}

/* 開閉用ボタンがクリックされた時のスタイル */
.open .menu11 {
    cursor: url(../images/cross.svg),auto;
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: visible;
    opacity: 1;
	z-index:100;
	
	
}


.tabsmini {
     
  width: auto;
	
      font-size:88%;
      line-height:normal;
	  display:inline-block;	
	  margin-top:20px;
	  overflow:visible;
}

	 
      
.tabsmini ul {
          margin:0;
          padding:5px 5px 0 5px;
          list-style:none;
      }
.tabsmini li {
      display:inline;
      margin:0;
      padding:0;
	
      }
.tabsmini a {
      float:left;
      background:url("../products/images/tableft11.png") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
.tabsmini a span {
      float:left;
      display:block;
      background:url("../products/images/tabright11.png") no-repeat right top;
      padding:5px 10px 4px 6px;
      color:#FFFFFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabsmini a span {float:none;}
    /* End IE5-Mac hack */
.tabsmini a:hover span {
      color:#FFFFFF;
      }
.tabsmini a:hover {
      background-position:0% -42px;
      }
.tabsmini a:hover span {
      background-position:100% -42px;
      }

.tabsmini .current a {
              background-position:0% -42px;
			    background:url("../products/images/tableft11.gif") no-repeat left top;
      }
.tabsmini .current a span {
              
			  font: 14px;
			  color:#FFFFFF;
			  background-position:100% -42px;
      }
button.button1 {
    font-size: 1.4em;
    font-weight: bold;
    padding: 10px 30px;
    background-color: #248;
    color: #fff ;
    border-style: none;
}



.ostyle{
width:1000px; margin-left:auto; margin-right:auto; background-color:rgba(255,255,255,1); padding:20px;
}

/*CSS http://www.north-geek.com/entry/js-scroll*/
.list{
	margin: 50px 50px 50px 50px;
	list-style-type: none;
	overflow: hidden;
}
.list p{
	margin: 50px 20px 50px 20px;
	float: left;
	transition: .8s;
}

.list-mv06{
	transform: scale(0, 0) rotateY(180deg);
	-webkit-transform: scale(0, 0) rotateY(180deg);
}
.mv06{
	transform: scale(1, 1) rotateY(360deg);
	-webkit-transform: scale(1, 1) rotateY(360deg);
}








.list2{
	margin: 10px 10px 10px 10px;
	list-style-type: none;
	overflow: hidden;
}
.list2 p{
	margin: 10px 10px 10px 10px;
	float: left;
	transition: .8s;
}



.ostylebox{border:#009999 3px solid; width:80%; padding:20px;"
}



.ostyle2{border:#099 5px solid; border-radius: 10px; width:28%; margin-left:30px; margin-right:auto; float:left; padding:10px;
}

.ostyle3{border:#06F 5px solid;  border-radius: 10px; width:28%; margin-left:15px; margin-right:auto; float:left; padding:10px;
}

.ostyle4{border:#099 5px solid; border-radius: 10px; margin-left:30px;  padding:10px;
}





.ostylep{color:#003366; font-size:26px; font-weight:bold; border-bottom:#006699 2px solid ; width:80%;
}

.ostitle{font-size:40px; color:#333333; font-weight:bold;}


.ostitle5{font-size:30px; color:#333333; font-weight:bold;}







.oswaku{border:#009999 4px solid; width:460px; padding:10px; height:310px;}


.oswaku2{border:#009999 4px solid; width:460px; padding:10px; height:129px;}



.ostitle2{width:1040px; margin-left:auto; margin-right:auto; background-color:#FFFFFF !important; height:180px;}


.flolef{ float:left;}

.florig{ float: right; }









.btnnav4 ul {
    width: 700px;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.btnnav4 li {
    display: inline;
    padding: 0;
    margin: 0;
    float: left;
}
.btnnav4 li a {
    position: relative;
    display: block;
    border: 1px solid #666;
    background-color: #F6F6F6;
    padding: 3px;
    text-decoration: none;
    color: #333;
    width: 223px;
    margin: 1px;
    text-align: center;
    font-size: 14px;
}
.btnnav4 li a:hover {
    background-color: #2d56be;
    color: #fff;
}


.pchidari {float:left; width:45%; margin-left:15px;}


.pcmigi {float:right; width:45%;}

.manumidashi {
	padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
	color: #333;/*文字色*/
	font-size:16px;
	border-left: solid 5px #003399;/*左線*/
	border-bottom: solid 3px #d7d7d7;/*下線*/
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px;
	background-color: #F6F6F6;
	}

.chusyaku{
	font-size:12px;
	margin-left:40px;

}

.chusyakuR{
	font-size:12px;
	text-align:right;
	margin-right:50px;

}

.chusyaku0{
	font-size:12px;
	

}
