@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
html, body {
	background:url(../images/common/bg.gif) repeat-x #e8e8e8 ;
	margin:0px; 
	padding:0px; 
	font-size:13px;
	font-family:'Hiragino Kaku Gothic Pro',Meiryo, 'MS PGothic',Arial,sans-serif, 'Helvetica Neue',Helvetica;
	text-align:left; 
	word-break:normal;
	list-style-type:none;
	vertical-align:bottom;
	line-height:20px;
	color:#333333;	
	height:100%; 
}
	
*html .container{height:100%;}
a{color:#0088cc;text-decoration:none;}
a:hover{color:#005580;text-decoration:underline;}
h1,h2,h3,h4,h5,h6{margin:0;font-family:inherit;font-weight:bold;color:inherit;text-rendering:optimizelegibility;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;color:#999999;}
.text12{font-size:12px}
.floatL{float:left}
.floatR{float:right}
.marginL10{margin-left:10px; *margin-left:5px}
.marginL15{margin-left:13px; *margin-left:15px}
.red {color:#F00; font-weight:bold}

.invisible{text-indent:-9999px; line-height:0px}
h1{color:#07145e}
h1{font-size:26px;}h1 small{font-size:18px;}
h2{font-size:20px;}h2 small{font-size:18px;}
h3{font-size:15px;}h3 small{font-size:14px;}
h4{font-size:14px;}h4 small{font-size:12px;}
h5{font-size:12px;}
h6{font-size:11px;color:#999999;text-transform:uppercase;}
h3.subtitle{background-color: #07145e; color:#FFF; padding:4px; margin-bottom:20px}
h3.subsubtitle{margin: 0 20px 20px 0;padding: 2px 0 2px 4px;color: #07145e;border-left: solid 6px #1b1464;}

.container{margin:auto; min-height:100%; width:980px; background-color:#FFFFFF; padding-bottom:40px}
.content {margin-bottom:40px;}
.footer{margin:auto; width:980px; border-top:1px solid #e0e0e0;background-color:#FFF;}
.footer-con{margin-top:2px; background-color:#e0e0e0; padding:20px; font-size:11px; color:#636363; text-align:right}

.header{ position:relative; width:980px}
.version{padding:10px 15px 5px 10px; text-align:right}
.logo{position:absolute; top:0; left:25px;z-index:999999}

.NerveName {position:relative; }
.NerveName-rt{position:absolute; margin:-12px 0 0 -38px;*margin:-22px 0 0 -38px;font-size:9px}

.keyvisual{height:270px;z-index:0}
.keyshadow{height:35px;}

.box {display: -moz-inline-box;display: inline-block;vertical-align: top; }
#box1 {width:255px; float:left; margin-left:25px;  _margin-left:13px}
#box2 {width:675px;*width:670px; margin-right:25px;}

.Lnav-img{margin-bottom:10px}
.Lnav ul{margin-left:20px; *margin-left:14px}
.Lnav  li{list-style:url(../images/common/bullet.gif); margin:5px 0; *padding-left:5px; font-size:12px}
.Lnav  .subLnav{margin-left:-25px;*margin-left:-35px;}
.Lnav  .subLnav li{list-style:url(../images/common/arrow.gif) inside;}
.Lnav  .subLnav li a{*margin-left:5px}
.Lnav  .active{color: #F60}

.title{background: url(../images/common/title_line.gif) no-repeat; height:27px;  line-height:28px; color:#FFF; margin-bottom:20px}
.title h3{margin-left:58px}
.title-bluetag{background: url(../images/common/title_bg.gif) no-repeat; }
.title-greytag{background: url(../images/common/title_greybg.gif) no-repeat;}
.title li{list-style:none; float:left; width:143px; margin-right:2px}
.title li a{color:#FFF ; text-decoration:none}
.title li a:hover{color:#FFF ; text-decoration:underline}



.news ul{list-style:none;}
.news li{
	list-style:none;
	width:655px;*width:650px;
	padding-bottom: 30px;
}
.news .date{
	float:left;
	height:15px; line-height:15px; width:86px; font-size:11px; text-align:center;
	background:url(../images/common/news_date_bg.gif) no-repeat;
}
.news .topic_Con{
	margin-left: 96px;
	margin-top:-3px;
	width:549px;
}
.top-banner{clear:both; padding:30px 25px; background:url(../images/common/top_hr.gif) top no-repeat;color:#797a7e; font-size:15px; font-weight:bold; margin-top:30px}
.top-banner li{ list-style:none; float:left; margin-right:8px;line-height:60px; }

.banner-txt{margin-left:280px; padding:12px 0;*padding:7px 0}
.banner-ptxt{margin-left:280px; line-height:76px}
.banner-ptxt span, .NerveNameL span{font-size:26px; color:#07145e; font-weight:bold;font-family:inherit;}
.banner-profile{background:url(../images/common/banner_profile.gif) no-repeat right #FFF; height:76px}
.banner-adoption{background:url(../images/common/banner_adoption.gif) no-repeat right #FFF; height:76px}
.banner-news{background:url(../images/common/banner_news.gif) no-repeat right #FFF; height:76px}
.banner-contact{background:url(../images/common/banner_contact.gif) no-repeat right #FFF; height:76px}
.banner-product{background:url(../images/common/banner_product.gif) no-repeat right #FFF; height:76px}

.NerveNameL-rt{ padding-left:38px;*padding-left:50px;font-size:9px;}
.NerveNameL{line-height:26px;*line-height:36px;}

.breadcrumb {font-size:12px; color:#959595; margin-bottom:20px}

.profile, .profileE {width:675px; *width:670px;background:url(../images/common/profile_img.jpg) right top no-repeat;}
.profile th{background:url(../images/common/profile_bg.gif) no-repeat; font-weight:bold; width:86px;height:19px;line-height:18px; padding-left:5px; vertical-align:top; text-align:left}
.profileE th{background:url(../images/common/profile_Lbg.gif) no-repeat; font-weight:bold; width:160px;height:19px;line-height:18px; padding-left:5px; vertical-align:top; text-align:left}


.philosophy{width:675px; *width:670px; margin-bottom:20px}
.philosophy ul{ background-color:#e8e8f8;text-align:center;}
.philosophy li{list-style:none; font-size:16px; padding:8px; font-weight:bold}
.normal-txt{ color:#6262ac}
.highlight{ background-color:#c2c2dd; font-weight:bold; padding:3px; color:#44447e}

.dot-frame{border:1px dotted #666; padding:5px;}

.summary-img {background:url(../images/common/summary_img.jpg) center  no-repeat;float:right; padding:1px; border:1px solid #cccccc; width:196px; height:130px; margin-left:10px}

#item-list {width:650px;text-align:center; margin-bottom:10px}
#item-list .entry {float:left; width:210px; height:160px; background:url(../images/common/voice.gif) no-repeat;}
#item-list .entry .txt, #item-list .entryE .txt{ text-align:left; margin:45px 10px 10px 20px; color:#3e690b}
#item-list .devider {float:left; width:10px; height:12px;}
#item-list .break {clear:both; width:600px; height:1px;overflow:hidden;}

#item-list .entryE {float:left; width:210px; height:200px; background:url(../images/common/voiceE.gif) no-repeat;}

.adoption {margin-top:10px}
.adoption th{text-align:left;}
.adoption td{padding-left:20px}

.outline-img{float:left; width:180px; margin-right:40px; text-align:center}

.contact-row ul{list-style:none;padding-bottom: 30px;}
.contact-row  li{
	list-style:none;
	width:650px;
	padding-bottom: 10px;}

.contact-row .cate{float:left; width:120px}
.contact-row .txtfield{margin-left:140px; }
.btn{padding:3px 6px; margin-right:20px}

.img-frame{padding:1px; border:1px solid #cccccc; margin:10px}

/*-------------------------------------
	    2018/1/15 追加
-------------------------------------*/
div.topProductList { display:flex; flex-wrap:wrap; }
div.topList { width:31%; padding:0 1%; margin-bottom:20px; }
div.topList h4 { font-size:16px; padding:4px 0 4px 10px; margin:1px 0; }
div.topList h4 span { font-size:12px; }
div.topList h4.blue { background:url(../images/jp/h4blue.png) no-repeat; background-position:left;}
div.topList h4.yellow { background:url(../images/jp/h4yellow.png) no-repeat; background-position:left;}
div.topList h4.redb { background:url(../images/jp/h4red.png) no-repeat; background-position:left;}
div.topList h4.green { background:url(../images/jp/h4green.png) no-repeat; background-position:left;}
div.topList h4.purple { background:url(../images/jp/h4purple.png) no-repeat; background-position:left;}
div.topList h4.orenge { background:url(../images/jp/h4orenge.png) no-repeat; background-position:left;}

div.topList p.pic { width:100%; height:140px; overflow:hidden; }
div.topList img { width:100%; }
div.topList img:hover { width:110%; margin:-5% ; }
p.productTxt { width:80%; margin:2px auto; font-weight:600; }
.contactBottom { clear:both; margin-left:92px; }
.contactBottom img:hover { opacity:0.8; }
/*-------------------------------------
	    Contact Form
-------------------------------------*/
table.contactTable {  width: 100%; border-collapse: collapse; margin-bottom:20px; }
table.contactTable tr th,
table.contactTable tr td { padding: 10px; border: 1px solid #DDD; vertical-align: middle; }
table.contactTable tr:nth-child(even) td { background: #f2f2f2; }
table.contactTable td:nth-child(1) { width:120px; }
table.contactTable td:nth-child(3) { font-size:12px; }

table.contactTable strong.reruired { color:#fff; float: right; width: 40px; height: 20px;
            text-align:center; background:#ff6666; }
table.contactTable input, textarea { line-height: 1.5; border: 1px solid #ddd; padding: 5px 4px; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px [#faffbd] inset;
}

#contactForm { margin:20px 0px 20px 50px; }
.contactLeft { width:200px;float:left;margin:3px;}
.contactRight { margin:5px 14px; }
.contactRight input, .contactRight textarea { width:400px;}
.submitBtn { margin-left:200px;}
#contactForm table { table-layout:fixed; }
#contactForm .formTable { width:80%;margin:10px auto 10px auto;
         border-spacing:0;border-collapse:collapse; }
#contactForm .formTable td { width:70%;padding:5px 20px 5px 20px;word-wrap:break-word; }
#contactForm .formTable th { width:30%;padding:5px 20px 5px 20px; }