/* 共通処理
---------------------------------------------*/
HTML {
}

body {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック";
	font-size: 12px;
	line-height: 1.8;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
h1, h2, h3, p, ul, li {
    margin: 0px;
    padding: 0px;
}
p {
    padding-bottom: 10px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
	vertical-align: middle;
}
a:link {
    color: #4a4a4a;
}

a:hover,
a:visited:hover {
    color: #b6b6b6;
}

a:visited {
    color: #45553a;
}

hr {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
}

table {
    border-collapse: collapse; 
    margin-bottom: 10px;
    width: 100%;
}

table tr {
    vertical-align: top;
}

table th {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-weight: bold;
}

table td {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
}

#company  {
    margin-left: 5px;
}
#company img {
    float: left;
}
#companyname {
    padding-left: 20px;
    padding-right: 10px;
    font-size: 14px;
    font-weight:bold;
    text-shadow: 1px 1px 2px #909090;
    margin-top: 10px;
}
/*フッター。コピーライトや著作部分。
------------------------------------------------------------------*/
#headerimg {
	background: url(images/header.png) repeat-x bottom;
	height: 85px;
    /*margin-top: 10px; masukura 変更*/
    margin-top: 25px;
    margin-bottom: 10px;
}
#footer {
	background: url(images/footer.png) repeat-x center;
    font-size: 10px;
    padding-top: 130px;
    margin-top: -10px;
    vertical-align: bottom;
}
/* Nav
------------------------------------ */
#nav {
	width:1000px;
	margin:5px auto 5px 0px;
	clear:both;
    width: 100%;
}

#nav li {
    float: left;
    display: inline;
    height: 50px;
    width: 165px;
    text-align: center;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
    margin-bottom: 3px;
}

#nav li img{
    margin-right: 8px;
    vertical-align: middle;
}

#nav li.home {
    border-bottom: solid 5px #ffb4a4;
}
#nav li.home:hover {
    background:linear-gradient(rgb(255, 255, 255), #ffb4a4);
    background: -moz-linear-gradient(top, #fff, #ffb4a4);
     /* Firefox用 */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ffb4a4));
}
#nav li.company {
    border-bottom: solid 5px #bdddff;
}
#nav li.company:hover {
    background:linear-gradient(#fff, #bdddff);
    background: -moz-linear-gradient(top, #fff, #bdddff);
     /* Firefox用 */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#bdddff));
}
#nav li.product {
    border-bottom: solid 5px #d1f29c;
}
#nav li.product:hover {
    background:linear-gradient(rgb(255, 255, 255), #d1f29c);
    background: -moz-linear-gradient(top, #fff, #d1f29c);
     /* Firefox用 */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d1f29c));
}
#nav li.recruit {
    border-bottom: solid 5px #dccdff;
}
#nav li.recruit:hover {
    background:linear-gradient(rgb(255, 255, 255), #dccdff);
    background: -moz-linear-gradient(top, #fff, #dccdff);
     /* Firefox用 */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dccdff));
}
#nav li.support {
    border-bottom: solid 5px #ffd947;
}
#nav li.support:hover {
    background:linear-gradient(rgb(255, 255, 255), #ffd947);
    background: -moz-linear-gradient(top, #fff, #ffd947);
     /* Firefox用 */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ffd947));
}
#nav li.inquiry {
    border-bottom: solid 5px #fec1e1;
}
#nav li.inquiry:hover {
    background:linear-gradient(rgb(255, 255, 255), #fec1e1);
    background: -moz-linear-gradient(top, #fff, #fec1e1);
     /* Firefox用 */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fec1e1));
}



#nav li:first-child {
    border-left: solid 1px #ccc;
}
#nav li:hover {
    background:linear-gradient(rgb(255, 255, 255), #95c253);
    background: -moz-linear-gradient(top, #fff, #95c253);
     /* Firefox用 */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#95c253));
}
#nav li a {
    text-decoration:none;
    font-size:18px;
    text-shadow: 1px 1px 2px #808080;
    display:block;
	padding:10px 5px 10px 5px;
}

#nav li a:link {
    color: #4a4a4a;
}

#nav li a:visited {
    color: #4a4a4a;
}

/* SideMenu
------------------------------------ */
#contents #sub #snav {
    margin-left: 3px;
    margin-bottom: 30px;
    color: #333333;
}
#contents #sub #snav h2 {
    padding: 0;
    margin-right: 15px;
    padding-left: 15px;
    border: #ccc 1px solid;
    border-left: solid 10px #bababa;
    background: linear-gradient(rgba(255, 255, 255, 0.50), #CCCCCC);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.50), #CCCCCC); 
    /* Firefox用 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.50)), to(#066CCCCCC));
    /* Safari,Google Chrome用 */
}
#contents #sub #snav li {
    width: 230px;
    border-bottom: #ccc 1px solid;
}
#contents #sub #snav li.end {
    border-bottom: none;
}
#contents #sub #snav li a {
    background: #f8f8f8;
    padding: 13px 0px 10px 20px;
    border-left: solid 10px transparent;
    display: block;
}
#contents #sub #snav li a:hover {
    background: #ededed;
    color: #1a9d00;
    border-left: solid 10px #b8dc7f;
    text-decoration: none;
}
#contents #sub #snav li a.current {
    color: #4f6328;
}
/* サブタイトル
-------------------------------------------------*/
.subtitle {
    border: #ccc 1px solid;
    border-left: solid 10px #c1c1c1;
    padding-left: 10px;
    background: linear-gradient(rgba(255, 255, 255, 0.50), #CCCCCC);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.50), #CCCCCC); /* Firefox用 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.50)), to(#066CCCCCC));
    margin-bottom:5px;
}
.subtitle_alert {
    color: #fff;
    border: #e85b5b 1px solid;
    /*border-left: solid 10px #b70000;*/
    padding-left: 10px;
    background-color: #e85b5b;
}
/* スクエアマーク
---------------------------------------*/
.square,
 .square-gray,
.square-green{
    position: relative;
    padding-left: 25px;
    padding-right: 5px;
    text-align:left;
    color: #333;
}

.square:before,
.square-gray:before,
.square-green:before {
    position: absolute;
    top: 7px;
    left: 7px;
    width: 7px;
    height: 7px;
    border: 2px solid #B2E0FF;
    content: "";
}

.square:after,
.square-gray:after,
.square-green:after {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 2px solid #0099FF;
    content: "";
}

.square-gray {
    color: #333;
}

.square-gray:before {
    border: 2px solid #bec3c6;
}

.square-gray:after {
    border: 2px solid #667883;
}


.square-green {
    /*color: #333;*/
}

.square-green:before {
    border: 2px solid #b9d591;
}

.square-green:after {
    border: 2px solid #839f46;
}

/* 製品情報
------------------------------------*/
#tblProduct {
    border-collapse: collapse;
    width: 100%;
}

#tblProduct td{
    width:33%; 
    padding-bottom: 30px;
    padding-right: 10px;
    text-align: center;
}

#tblProduct p {
    text-align: left;
}

/* 太字
------------------------------------*/
.bold {
    font-weight: bold;
}

/* パンくずリスト
-----------------------------------*/
div.breadcrumbs {
    padding: 0 0 2px 5px;
}

/* ページジャンプ
-----------------------------------*/
.goto-pagetop {
    float: right;
}

/* 下線
-----------------------------------*/
.borderbottom {
    border-bottom: 1px solid #c8c8c8;
}

/* トップ画像
------------------------------------*/
.topimg {
     margin-top:5px;
     text-align: center;
}
/* slideshow
------------------------------------*/
#slideshow {
	position:relative;
	/*height:300px;*/
}
#slideshow IMG {
	position:absolute;
	top:70px;
	left:0px;
	z-index:8;
	opacity:0.0;
}
#slideshow IMG.active {
	z-index:10;
	opacity:1.0;
}
#slideshow IMG.last-active {
	z-index:9;
}
/*2016/02/13 masukura 追加*/
.ssllink{
    height:10px;
}