@charset "utf-8";

#contentsArea p{

margin-bottom:25px;

}



footer{

    border-top: 1px #ccc solid;

    margin-top: 60px;

}



/*=======================================================*/

/* pannavi

/*=======================================================*/

#pannavi{

    width: 960px;

	font-size:80%;

	padding-bottom:5px;

	overflow:hidden;

	margin: 5px auto 5px auto;

}



/*=======================================================*/

/* title

/*=======================================================*/

#title{

    background: url(../images/top/main_bg.jpg) no-repeat center;

    padding: 36px 0;

    font-weight: bold;

    font-size: 180%;

    margin: 0 0 36px 0;

}

#title h2{

    width: 960px;

    margin: 0 auto;

}



/*=======================================================*/

/* 見出し

/*=======================================================*/

.title1st {

background-color: #E4DFD8;

	font-size:130%;

	padding:8px 16px;

	margin:0 0 10px 0;

}

.title2nd {

	font-size:180%;

	color: #fff;

	height:39px;

	background:url(../images/common/st01.gif) no-repeat;

	margin:0 0 20px 0;

	text-align:left;

	font-weight:bold;

	padding:16px 10px 0 10px;

}



/*=======================================================*/

/* table

/*=======================================================*/

.type01 {

	margin:15px 0px 20px;

	border-collapse: collapse;

	width:100%;

}



.type01 td {

	padding:16px;

	border:1px solid #ccc;

	vertical-align:middle;

}

.type01 th {

	padding:16px;

	text-align:center;

	border:1px solid #ccc;

	font-weight:bold;

	background-color:#eee;

	vertical-align:middle;

}



.type02 {

	margin:15px 0px 20px;

	border-collapse: collapse;

	width:100%;

    font-size: 130%;

}



.type02 td {

	padding:16px;

	border-top:1px solid #8CC63F;

	vertical-align:middle;

    text-align: center;

    background-color: #F5F5F5;

}

.type02 th {

	padding:16px;

	text-align:center;

	border-top:1px solid #8CC63F;

    color: #8CC63F;

	font-weight:bold;

    background-color: #F5F5F5;

	vertical-align:middle;

}

.type02 td .f-ss{

    font-size: 0.8rem;

}

.type02 th img{

    margin-top: 15px;

}

ul.kaiseki{

    overflow: hidden;

    margin-top: 24px;

}

ul.kaiseki li{

     border-radius: 10px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    display: inline-block;

    font-size: 140%;

    margin:0 16px 16px 0;

    line-height: 1.6em;

    vertical-align:middle;

    width: 45%;

    border: 1px solid #ccc;

    text-align: center;

    padding: 16px;

    box-sizing: border-box;

}

ul.kaiseki li:last-child{

}



.type03 {

	margin:15px 0px 20px;

	border-collapse: collapse;

	width:100%;

}



.type03 td {

	padding:8px;

	border:1px solid #ccc;

	vertical-align:middle;

    text-align: center;

}

.type03 th {

	padding:8px;

	text-align:center;

	border:1px solid #ccc;

	font-weight:bold;

	background-color:#eee;

	vertical-align:middle;

}

.type03 td span{

    background-color: #D90000;

    color: #fff;

    text-align: center;

    font-size: 70%;

    padding: 3px;

    line-height: 1em;

    margin-left: 5px;

}



/*=======================================================*/

/* 左右並び

/*=======================================================*/

.waku {

	margin:20px 0 25px 0;

}



.waku dl {

	margin:0 0 25px 0;

	padding: 0px;

}

.waku dt {

	font-weight: bold;

	color: #666666;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0.5em;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0;

}

.waku dd {

	margin-top: -2.1em;

	margin-right: 0px;

	margin-bottom: 0.5em;

	margin-left: 0px;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #999999;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 11em;

}



/*=======================================================*/

/* お問い合わせ

/*=======================================================*/

table input,

table textarea,

table select{

    vertical-align: middle;

    background-color: #fff;

    border: #A7A7A7 1px solid;

    border-radius: 2px;

    -webkit-border-radius:2px;

    -moz-border-radius:2px;

    box-sizing: border-box;

    -moz-box-shadow: inset 1px 1px 2px 0px rgba(0,0,0,0.1);

-webkit-box-shadow: inset 1px 1px 2px 0px rgba(0,0,0,0.1);

box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,0.1);

    font-size: 1rem;

    padding: 3px;

}

table input[type=radio]{

    vertical-align: middle;

    background-color: #fff;

    border:none;

    box-sizing: border-box;

    -moz-box-shadow: inset 0 0 0 0px rgba(0,0,0,0.0);

-webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,0.0);

box-shadow:inset 0 0 0 0px rgba(0,0,0,0.0);

    font-size: 1rem;

    padding: 5px;

}

table .ml{

    margin-left: 15px;

}

table input{

    height: 45px;

}

table textarea{

min-height:10em;

}

table input:focus,

table textarea:focus{

    color:#333;

    background-color:#FFF;

    border-color:#DD4748;

}

input[type="submit"] {

-webkit-appearance: none;

border-radius: 0;

}

.send_btn{

    background-color:#DD4748;

    color:#fff;

    font-size: 1.3rem;

    border-radius: 3px;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    border: none;

    box-sizing: border-box;

    padding:16px 36px;

    font-weight: bold;

    cursor: pointer;

}

.send_btn:hover{

    opacity:.5

}

ul.btn{

    list-style: none;

    display:flex;

    justify-content: center;

    padding: 0;

    margin: 0;

}

ul.btn li{

    margin: 10px;

}



/*=======================================================*/

/* 製品・サービス

/*=======================================================*/

#products li{

    width: 450px;

    float: left;

    margin-bottom: 36px;

    text-align: center;

}

#products li:nth-child(even){

    float: right;

}

#products li img{

    width: 100%;

    display: block;

    margin-bottom: 8px;

}



/*Cu-Cyto全体*/

#cucyto h3{

    background: url(../images/products/cucyto/h3_bg.gif) repeat-x bottom;

    font-size: 180%;

    padding: 0 0 20px 0;

    font-weight:normal;

    margin: 24px 0 36px 0;

}

#tab {

overflow: hidden;

    margin: 24px auto 36px auto;

    display: table;

    vertical-align: middle;

    text-align: center;

    width: 100%;

    border-collapse: collapse;

    box-sizing: border-box;

}

#tab li{

    width: 13%;

    margin:0 1%;

    background-color: #eee;

    border-left: 1px solid #ccc;

    border-right: 1px solid #ccc;

    border-top: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

    box-sizing: border-box;

    display:table-cell;

    vertical-align: middle;

    line-height: 1.4em;

    font-size: 14px;

    height: 70px;

    font-weight: bold;

}

#tab li a{

    text-decoration: none;

    display: block;

    padding: 16px 8px;

}

#tab li.on{

    border-bottom: 1px #fff solid;

    background-color: #fff;

    color:#DD4748;

}

#tab li.on a{

    color:#DD4748;

}



ul.system li{

    line-height: 0;

    margin-bottom: 16px;

}



/*index*/

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2090af+0,1aa7d3+100 */

.box01{

    padding: 24px;

    color: #fff;

background: #2090af; /* Old browsers */

background: -moz-linear-gradient(left, #2090af 0%, #1aa7d3 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left, #2090af 0%,#1aa7d3 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right, #2090af 0%,#1aa7d3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2090af', endColorstr='#1aa7d3',GradientType=1 ); /* IE6-9 */

}

.box01 h4{

    border-bottom: 1px #fff solid;

    padding: 0 0 5px 0;

    overflow: hidden;

    margin-bottom: 8px;

}

.box01 h4 span{

    float: right;

    font-size: 130%;

    font-weight: bold;

}

.box02{

    font-size: 1rem;

    padding: 24px;

    color: #fff;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c78a7+0,7db9e8+100 */

background: #4c78a7; /* Old browsers */

background: -moz-linear-gradient(left, #4c78a7 0%, #7db9e8 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left, #4c78a7 0%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right, #4c78a7 0%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c78a7', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */

    margin: 24px 0;

    position: relative;

}

.box02 .index02{

    position: absolute;

    top: 8px;

    left: 480px;

}

.box02 h4{

    border-bottom: 1px #fff solid;

    padding: 0 0 5px 0;

    overflow: hidden;

    margin-bottom: 8px;

}

.box02 h4 span{

    float: right;

    font-size: 130%;

    font-weight: bold;

}

.box03{

    padding: 24px;

    color: #fff;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#916e9b+0,af84b9+100 */

background: #916e9b; /* Old browsers */

background: -moz-linear-gradient(left, #916e9b 0%, #af84b9 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left, #916e9b 0%,#af84b9 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right, #916e9b 0%,#af84b9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#916e9b', endColorstr='#af84b9',GradientType=1 ); /* IE6-9 */

    overflow: hidden;

}

.box03 h4{

    border-bottom: 1px #fff solid;

    padding: 0 0 5px 0;

    overflow: hidden;

    margin-bottom: 8px;

}

.box03 h4 span{

    float: right;

    font-size: 130%;

    font-weight: bold;

}

.box04{

border: 3px solid #CE8751;

    padding: 24px 24px 0 24px;

    margin-bottom: 24px;

}

.box04 h4{

    color: #CE8751;

    font-size: 150%;

    font-weight: bold;

    margin-bottom: 16px;

}



.box05{

    background-color: #E3DBC9;

    padding: 24px;

    box-sizing: border-box;

    margin-top: 24px;

    position: relative;

    font-size: 110%;

    line-height: 1.6em;

}

.box05 p{

    margin-bottom: 0!important;

}

.box05 .robot{

    position: absolute;

    top: -150px;

    right: 25px;

}

.box05 .textcolor{

    color: #DD4748;

}

.box05 h4{

    color: #DD4748;

    font-size: 120%;

    font-weight: bold;

    margin-bottom: 16px;

}

.box05 .box05-1{

    border: 2px #DD4748 solid;

    padding: 16px;

    overflow: hidden;

    float: left;

    width: 45%;

    min-height: 190px;

    margin-bottom: 24px;

}

.box05 .box05-2{

    border: 2px #DD4748 solid;

    padding: 16px;

    overflow: hidden;

    float: right;

    width: 45%;

    min-height: 190px;

    margin-bottom: 24px;

}



.box06{

    border: #00A0E9 4px double;

    padding: 24px;

    box-sizing: border-box;

    margin-top: 36px;

}

.box06 h4{

    background-color: #00A0E9;

    color: #fff;

    padding: 13px;

    font-size: 160%;

    line-height: 1em;

    text-align: center;

    margin-bottom: 24px;

}

.box06 ol{

    font-size: 130%;

    margin-top: 24px;

}

.box06 ol li{

    margin: 0 0 16px 26px;

}

.box06 li:first-child:before{

    content:url(../images/products/cucyto/box06-1.gif);

  display: inline-block;

    vertical-align:middle;

    margin-right: 8px;

}

.box06 li:nth-child(2):before{

    content:url(../images/products/cucyto/box06-2.gif);

  display: inline-block;

    vertical-align:middle;

    margin-right: 8px;

}

.box06 li:last-child:before{

    content:url(../images/products/cucyto/box06-3.gif);

  display: inline-block;

    vertical-align:middle;

    margin-right: 8px;

}



.box07{

    border: #8CC63F 4px double;

    padding: 24px;

    box-sizing: border-box;

    margin-top: 36px;

}

.box07 h4{

    background-color: #8CC63F;

    color: #fff;

    padding: 13px;

    font-size: 160%;

    line-height: 1em;

    text-align: center;

    margin-bottom: 24px;

}

.box07 ol{

    font-size: 130%;

    margin-top: 24px;

}

.box07 ol li{

    margin: 0 0 16px 26px;

}

.box07 li:first-child{

    min-height: 63px;

    background: url(../images/products/cucyto/box07-1.gif) no-repeat left top;

    padding: 18px 0 0 70px;

}

.box07 li:nth-child(2){

    min-height: 63px;

    background: url(../images/products/cucyto/box07-2.gif) no-repeat left top;

    padding: 8px 0 0 70px;

    margin-bottom: 20px;

}

.box07 li:last-child{

    min-height: 63px;

    background: url(../images/products/cucyto/box07-3.gif) no-repeat left top;

    padding: 8px 0 0 70px;

}



/*faq*/

#faq dt{

	background:url(../images/products/q.gif) no-repeat left;

	padding:13px 0 8px 40px;

	min-height:41px;

	font-weight:bold;

	color:#00AEEF;

	border-bottom:1px dotted #ccc;

	font-size:130%;

	margin-bottom:10px;

}

#faq dd{

	background-image:url(../images/products/a.gif);

	background-repeat:no-repeat;

	background-position:left top 5px;

	margin-left:30px;

	padding:1px 15px 0 35px;

	margin-bottom:20px;

}

#faq dl{

	margin-bottom:20px;

}



#flow table {

	margin:25px 0px 20px;

	border-collapse: collapse;

	width:100%;

    border-bottom: #00AEEF 2px solid;

    border-top: #00AEEF 2px solid;

}

#flow table td {

	padding:36px;

	vertical-align:middle;

    text-align: left;

}

#flow table td span{

    border: 1px solid #ccc;

    padding: 8px;

    text-align: center;

    display: block;

    width: 180px;

    margin-bottom: 8px;

    background-color: #fff;

    margin-right: 8px 16px;

    font-size: 110%;

    font-weight: bold;

}

#flow table tr{

    border-bottom: 1px dotted #00AEEF;

}

#flow table tr:nth-child(even){

    background-color: #F0FBFF;

}

#flow table th {

    font-size: 130%;

	padding:36px;

    border-right: #00AEEF 1px solid;

	text-align:center;

	font-weight:bold;

	vertical-align:middle;

}





/*=======================================================*/

/* ブログ雛形

/*=======================================================*/

#blog h3.title {

  position: relative;

  padding-bottom: .5em;

  border-bottom: 4px solid #ccc;

    font-size: 145%;

    margin-top: 36px;

    line-height: 1.4em;

    color: #DD4748;

}

#blog h3.title::after {

  position: absolute;

  bottom: -4px;

  left: 0;

  z-index: 2;

  content: '';

  width: 20%;

  height: 4px;

  background-color: #DD4748;

}

#blog h3.title:first-child{

    margin-top: 0;

}

#blog .day{

	font-family:"Times New Roman", Times, "serif";

    text-align: center;

    border: 1px solid #999;

    padding: 8px 16px;

    line-height: 1em;

    display:inline-block;

    margin: 8px 0 5px 0;

    float: right;

    font-size: 90%;

}

#blog .entry{

    clear: both;

}