body {
    border-top: #755bc3 5px solid;
    font-size: 15px;
	min-width: 940px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
//    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
//	background-image: url("/images/bg.jpg");
	background-color:#f8f8f8;
//	background-color:#f8f0fc;
}

#header {
	width: 958px;
	background-color:white;
}

#navbar {
	width: 958px;
	background-color:white;
}

#main {
	width: 958px;
	background-color:white;
}

#searchbox {
	width: 958px;
	background-color:white;
}

#footer {
	width: 958px;
	text-align:center;
}

#onlineshop {
	width:163px;
	height:38px;
	vertical-align:top;
}

#footer2015 {
	width: 958px;
	height: 250px;
	text-align:center;
	padding-top:200px;
	color:#ffffff;
	background-repeat: no-repeat;
	background-image: url(../../images/footer_bg.jpg);
	vertical-align:middle;
}

#header #logo {
	margin: 46px 0px 45px 0px;
	float: left;
}

#header #banner {
	padding: 0;
	margin: 46px 0px 0px 0px;
	float: right;
}

#admin_panel {
	text-align: right;
	padding: 0;
	visibility: visible;
}

#topbar {
    margin-top: 0px;
    margin-bottom: 10px;
    background: #f0f0f0;
    border: #808080 1px solid;
    padding: 2px;
//    height: 40px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

#about_tokuden {
	margin-top:-50px;
	padding-top:50px;
	background-image:url(/images/topimage.jpg);
	background-repeat: no-repeat;
}

#about_tokuden h1 {
	font-size : x-large;
#	font-weight: bold;
	text-align : center;
	color : #755bc3;
}

#about_tokuden h2 {
	font-size : x-large;
	text-align : left;
	color : #000;
	background-color: transparent;
}

#about_tokuden {
    color: #000;
	text-align : center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;

}

.toiawase {
    color: #000;
	text-align : center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

img.titleicon {
  opacity: 0.8;
  transition: 0.5s;
}

img.titleicon:hover {
  opacity: 1.0;
  transition: 0.3s;
}

img.primg {
  opacity: 1.0;
  transition: 0.5s;
  border:#0f8 2px solid;
}

img.primg:hover {
  opacity: 0.5;
  transition: 0.3s;
  cursor:pointer;
  border:#f00 2px solid;
}

.newsbox {
   overflow: scroll;   /* スクロール表示 */ 
   width: 80%;
   border:0px solid #000;
   height: 100px;
   background-color: white;
   text-align:left;
   position: float;
   margin: 0 auto;
   line-height:100%;
}

.newsbox2 {
   overflow: scroll;   /* スクロール表示 */ 
   width: 100%;
   border:1px solid #ccc;
   height: 100px;
   background-color: white;
   text-align:left;
   position: float;
   margin: 0 auto;
   padding-top:10px;
   line-height:100%;
}

.feedback2015 {
   width: 95%;
   border:4px solid #ccc;
   background-color: #fff;
   line-height:100%;
   margin-left: 30px;
}

h1.pagetitle {
	padding-left:10px;
	margin:0;
	margin-top:-0px;
	margin-bottom:15px;
	font-size:xx-large;
	border-left:#755bc3 8px solid;
	border-bottom:#865bc2 1px dashed;
	background-color:#ffffff;
}

img.rich {
	box-shadow: 2px 2px 10px #000; /* CSS3 */
	 -moz-box-shadow: 2px 2px 10px #000; /* Firefox用*/
	-webkit-box-shadow: 2px 2px 10px #000; /* Google Chrome, Safari用*/
}

img.banner {
	text-align: center;
	margin: 2px;
	border:#000 1px solid;
}

img.box {
	border:#888 1px solid;
}

h2.design2015 {
	padding: 4px 0 4px 4px;
	margin:0;
	margin-top:15px;
	margin-bottom:15px;
	font-size:x-large;
	border-left:#848 8px solid;
	border-bottom:#848 1px solid;
	background-color:#ffffff;
    font-family: "メイリオ"
}

h2 {
	padding: 4px 0 4px 4px;
	margin:0;
	margin-top:15px;
	margin-bottom:15px;
	font-size:x-large;
	border-left:#848 8px solid;
	border-bottom:#848 1px solid;
	background-color:#fff8ff;
//	background-color:#f8f0fc;
//	border:#a4c 1px solid;
//    border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
}

h3 {
	padding-left:px;
	margin:0;
	margin-top:25px;
	margin-bottom:25px;
	font-size:large;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight:bold;
//	border-left:#a4c 8px solid;
//	border-bottom:#a4c 1px dashed;
}

h3:before {
   content: url(/images/h3icon.png);
   padding-right:10px;
}

h4 {
	padding-left:10px;
	margin:0;
	margin-top:25px;
	margin-bottom:25px;
	font-size:medium;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight:bold;
}

ul.condense {
	line-height:1.8;
	list-style-type: none;
}

.tkdnad {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size:x-small;
//    padding:1px;
//    margin:1px;
}

.infobox {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
//    padding: 4px;
//    margin-bottom:32px;
}
.infobox h4 {
    font-size: medium;
    font-weight: bold;
//    padding-bottom: 10px;
    padding-bottom: 0px;
    color:#000;
}
#infobox-products {
    border-top: #800080 5px solid;
}
#infobox-techinfo {
    border-top: #c0c080 5px solid;
}
#infobox-corpinfo {
    border-top: #c07892 5px solid;
}
#infobox-about {
    border-top: #8080c0 5px solid;
}
#infobox-news {
    border-top: #e02042 5px solid;
}

.infobox a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


p.news_title {
	margin:0;
}
p.news_date {
	margin-top:-4px;
	margin-left:10px;
	margin-bottom:1em;
	font-size:x-small;
}

div.feedback_box {
	padding:4px;
	margin-bottom: 10px;
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f0f8ff;
	border: 1px solid #e3e3e3;
	border-radius: 12px;
}
.feedback_datetime {
	font-size:small;
}
.feedback_name {
	font-weight:bold;
}
.feedback_product {
	font-weight:bold;
	color:#484;
}

.carousel-caption {
  color: rgb(51, 51, 51);
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 13px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  line-height: 13px;
  margin: 0px 0px 0px 0px;
  padding: 0px 15px 15px 15px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.75);
  text-align: left;
  text-shadow: none;
}

.carousel-caption h3:before {
   content: none;
}


.carousel-caption-staff {
  color: rgb(51, 51, 51);
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 13px;
  top: 0px;
  bottom: 0px;
  left: 100px;
  right: 0px;
  line-height: 13px;
  margin: 0px 0px 0px 0px;
  padding: 0px 15px 15px 15px;
  position: absolute;
//  background-color: rgba(255, 255, 255, 0.75);
  text-align: left;
  text-shadow: none;
}
.flowchart_item {
  padding-top: 19px;
  padding-bottom: 10px;
  background-color: #fff;
  font-size: x-large;
  border: 2px solid #806080;
  border-radius: 20px;
}

.mywell {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #ffffc0;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
}

.mywell-red {
  background-color: #fff0d0;
}
.mywell-green {
  background-color: #d0fff0;
}
.mywell-blue {
  background-color: #ffe0e0;
}

// navbar 
.navbar-tokuden {
    background-color: #f0f0f0;
    border-color: #808080;

    margin-top: 0px;
    margin-bottom: 10px;
    border: #808080 1px solid;
//    padding: 2px;
    height: 32px;
    min-height: 32px;
    border-radius: 4px;
}

.navbar-default {
	width:958px;
	margin:0 auto;
}

#navbar-collapse-tokuden {
    height: 32px;
    min-height: 32px;
    padding: 0;
}

// title 
.navbar-tokuden .navbar-brand {
    color: #202020;
}
.navbar-tokuden .navbar-brand:hover,
.navbar-tokuden .navbar-brand:focus {
    color: #202020;
}
// 書かれている文字 
.navbar-tokuden .navbar-nav > li > a {
    color: #202020;
}
.navbar-tokuden .navbar-nav > li > a:hover,
.navbar-tokuden .navbar-nav > li > a:focus {
    color: #202020; // フォーカスされている場所の文字 
    background-color: #c040c0;
}
.navbar-tokuden .navbar-nav > .active > a, 
.navbar-tokuden .navbar-nav > .active > a:hover, 
.navbar-tokuden .navbar-nav > .active > a:focus {
    color: #e00;
    background-color: #700070;
}
.navbar-tokuden .navbar-nav > .open > a, 
.navbar-tokuden .navbar-nav > .open > a:hover, 
.navbar-tokuden .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #c040c0;
}
// caret 
.navbar-tokuden .navbar-nav > .dropdown > a .caret {
    border-top-color: #eeeeee;
    border-bottom-color: #e0e0e0;
}
.navbar-tokuden .navbar-nav > .dropdown > a:hover .caret,
.navbar-tokuden .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #e0e0e0;
}
.navbar-tokuden .navbar-nav > .open > a .caret, 
.navbar-tokuden .navbar-nav > .open > a:hover .caret, 
.navbar-tokuden .navbar-nav > .open > a:focus .caret {
    border-top-color: #e0e0e0;
    border-bottom-color: #e0e0e0;
}
// mobile version 
.navbar-tokuden .navbar-toggle {
    border-color: #fff;
}
.navbar-tokuden .navbar-toggle:hover,
.navbar-tokuden .navbar-toggle:focus {
    background-color: #fff;
}
.navbar-tokuden .navbar-toggle .icon-bar {
    background-color: #fff;
}

@media (max-width: 767px) {
    .navbar-tokuden .navbar-nav .open .dropdown-menu > li > a {
    }
    .navbar-tokuden .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-tokuden .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #ff0000;
    }
    .navbar {
    	width:320px;
    	margin-left:0;
    }
}
@media (min-width: 767px) {
	.navbar-brand {
		display:none;
	}
	.navbar-default {
    	left: 0;  
    }
}

@charset "UTF-8";

/*
#blognews {
//	height: 400px;
	text-align: left;
	margin: 0px auto 40px;
	border: 1px solid #CCCCCC;
	overflow: auto;
	border-radius: 2px;
	width: 200px;
	font-color:red;
}
#blognews .title{
	text-align: center;
	font-size: 13px;
	font-weight: normal;
	background: #FFCCFF;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	margin: 2px;
}

#blognews .space{
//margin:10px;
}
#blognews .midasi{
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	text-decoration: none;
	clear:both;
	margin: 0px;
	padding: 0px;
	padding-bottom: 3px;
	margin-bottom: 8px;
	border-bottom: 1px solid #000;

}
#blognews .date{
	text-align: right;
	font-size: 12px;
	font-weight: normal;
	color: #888888;
}

#blognews a,#blognews a:link,#blognews a:visited{
	color: #0000FF;
	text-decoration: underline;
}
#blognews a:active,#blognews a:hover{
	color: #FF3300;
	text-decoration: underline;
}
*/

p {
	padding:0 1em;
}

td p {
	padding:0;
}

div.jtag-voice-red p {
	font-weight: normal;
	font-size:11pt;
	font-family: "HG丸ｺﾞｼｯｸM-PRO";
	line-height:130%;
	padding:0px;
	margin:10px;
	margin-bottom: 10pt;
}
div.jtag-voice-green p {
	font-weight: normal;
	font-size:11pt;
	font-family: "HG丸ｺﾞｼｯｸM-PRO";
	line-height:130%;
	padding:0px;
	margin:10px;
	margin-bottom: 10pt;
}
div.jtag-voice-blue p {
	font-weight: normal;
	font-size:11pt;
	font-family: "HG丸ｺﾞｼｯｸM-PRO";
	line-height:130%;
	padding:0px;
	margin:10px;
	margin-bottom: 10pt;
}

div.jtag-voice-red {
	background-color:white;
	padding:0px;
	margin:10px;
	width:650px;
    border-collapse: collapse;
    border-spacing: 0;
    border: 2px #c080a0 solid;
}
div.jtag-voice-green {
	background-color:white;
	padding:0px;
	margin:10px;
	width:650px;
    border-collapse: collapse;
    border-spacing: 0;
    border: 2px #a0c080 solid;
}
div.jtag-voice-blue {
	background-color:white;
	padding:0px;
	margin:10px;
	width:650px;
    border-collapse: collapse;
    border-spacing: 0;
    border: 2px #80a0c0 solid;
}


.mybtn{
    background: url(/images/upload/btn2.png) no-repeat;
    width: 160px;
    height: 64px;
    }
    .mybtn a{
        display: block;
    }
        .mybtn a:hover{
            background: none;
        }
        .mybtn a:hover img{
            visibility: hidden;
        }




#jtagtop{
    background: url(/images/upload/jtagtop.png) no-repeat;
    width: 160px;
    height: 64px;
    }
#jtagtop:hover {
    animation: shake 0.2s linear infinite;
    -webkit-animation: shake 0.2s linear infinite;
}
@keyframes shake {
    0% { transform: translate(3px, 2px) rotate(0deg); }
    10% { transform: translate(-2px, -3px) rotate(-1deg); }
    20% { transform: translate(-4px, 0px) rotate(1deg); }
    30% { transform: translate(0px, 3px) rotate(0deg); }
    40% { transform: translate(2px, -2px) rotate(1deg); }
    50% { transform: translate(-2px, 3px) rotate(-1deg); }
    60% { transform: translate(-4px, 2px) rotate(0deg); }
    70% { transform: translate(3px, 2px) rotate(-1deg); }
    80% { transform: translate(-2px, -2px) rotate(1deg); }
    90% { transform: translate(2px, 4px) rotate(0deg); }
    100% { transform: translate(2px, -3px) rotate(-1deg); }
}

div.mangafb_box {
	background-color:#f8f8ff;
	padding:4px;
	margin:10px;
	width:600px;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px #80a0c0 solid;
    border-radius: 4px;
    font-size:small;
}

div.mangafb_box.lv1 {
	background-color:#f8f8ff;
    border: 1px #80a0c0 solid;
}

div.mangafb_box.lv2 {
	background-color:#f8ffff;
    border: 1px #80a0c0 solid;
}

div.mangafb_box.lv3 {
	background-color:#f8fff8;
    border: 1px #80a0c0 solid;
}

div.mangafb_boxvlv4 {
	background-color:#fffff8;
    border: 1px #80a0c0 solid;
}

div.mangafb_box.lv5 {
	background-color:#fff8f8;
    border: 1px #80a0c0 solid;
}

.mangafb_datetime {
	font-color:#ccc;
}

.mangafb_name {
	font-weight:bold;
	font-color:green;
}

#toptable {
	valign:top;
}

#toptable h4 {
	font-size:small;
	font-weight:bold;
	border-left: 2px solid #f8f;
	padding-left: 2px;
	border-bottom: 2px solid #f8f;
	padding-bottom: 1px;
	margin-bottom:0;
	margin-top:0;
}
#toptable p {
	font-size:small;
	font-weight:normal;
	line-height:100%;
}

a[name] {
	color: black;
}
a[name]:hover {
	color: black;
	text-decoration: none;
}