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

*{margin:0; padding:0; border:0;}
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}/* 超大事 */
body{font-family:"メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; display: block;
	font-size:95%; color:#666; line-height:160%; word-wrap:break-word; background:#fff; -webkit-text-size-adjust : 100%!important ; background: #8e8e8e;
}
#wapper{width:100%; display:block; box-sizing:padding-box;
}

header{width:100%; text-align:center;}
#headarea{display:table;}
#headarea h1{}
#headarea a{}
h1{margin: 0.1em 0;}

img{
-webkit-backface-visibility: hidden;
}

a:hover{
    opacity: 0.6;
}


a:link {color:#369; text-decoration:none;}　/* メインカラー：ブルー */
a:visited { color:#F30; }
a:hover { color:#369; text-decoration:underline; /*opacity: 0.7;*/}
a:active { color:#F00; }

section{width:100%; text-align: center; display: block;}

article{}

ul,ol{margin-left:2em;}

nav ul,nav ol{margin-left:0em; display:table; margin-bottom:1em; border-collapse:collapse;}
nav ul li,nav ol li{list-style:none; border:1px solid #ddd; border-bottom:0; widows: 100%; }
nav ul li a,nav ol li a{display:block; border-bottom:1px solid #369;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+47,eeeeee+100 */
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top, #fefefe 47%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fefefe 47%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fefefe 47%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}

nav ul li a img,nav ol li a img{
	margin:0.3em 1em 0 0; overflow: hidden; float: left;
}

nav ul li a:hover,nav ol li a:hover{ 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,152a4f+100 */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #152a4f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1e5799 0%,#152a4f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1e5799 0%,#152a4f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#152a4f',GradientType=0 ); /* IE6-9 */
color: #fff;
text-decoration:none;
}


.small{font-size: 85%; font-weight: normal; line-height: normal;}

table.company{
	border-collapse:collapse;
}
table.company th,table.company td{
	border:1px solid #ccc;
}
table.company th{
	background:#eee;
	text-align:left;
}

table.product{
	border-collapse:collapse;
	word-break:break-all;
}
table.product th,table.product td{
	border:1px solid #ccc;
}
table.product th{
	background:#eee;
	text-align:left;
}


#footend{background:#222222; color:#fff; text-align:center; font-weight:normal; }

dl{margin-bottom:1em;}
dt{font-weight:bold;}
dd{margin-left:1em;}

.notes{font-size: 90%; line-height: normal; color: #fff;}




ul.foot_area{
	max-width:100%;
	margin: auto;
}
ul.foot_area li{
	list-style:none;
	text-align: left;
	margin-bottom:0.5em;
	margin-right:0.5em;
}

form{}
form input,form textarea{
	border:1px solid #ddd;
	margin-bottom:1em;
}
form input{
	width:70%;
}
form textarea{
	width:70%;
	height:6em;
}
label:hover{
}
form dl.mail{ }
form dl.mail dt{}
form dl.mail dd{padding-left:0;}
form dl.mail dd input{width:auto; margin-right:0.5em;}
form dl.mail ul.product li{list-style:none; text-align:left;}

.hand{cursor: pointer;}

/**/
fieldset{text-align:left;}
fieldset img{margin-bottom:0.01em;}

/* news */
div#new{display:block; /*overflow-y:scroll;border:1px solid #ccc; */ max-width:100%; border-bottom: 1px dotted #ddd; margin-bottom: 0.5em;}
div#new dl{margin:0;}
div#new dt{line-height:120%;}
div#new dd{}
div#new small{color:#999;}

/* product */
ul.product_list li p{
	line-height:160%;
	text-align:left;
}
ul.product_list li a{
	text-align:center;
}

/* clearfix */
.clearfix {width:100%;}
.clearfix::after {content: ""; display: table; clear: both;}
.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/}

/* margin-bottom */
.mb01{margin-bottom:1em;}
.mb02{margin-bottom:2em;}
.mb03{margin-bottom:3em;}

/* デフォルト設定 */
.mb1{margin-bottom: 1em;}
.mb2{margin-bottom: 2em;}
.mb3{margin-bottom: 3em;}







































.phone{display:none;}

header{background: #8e8e8e; color: #fff;}
#headarea{width:100%; margin: auto;}
#headarea h1{}
#headarea h1 img{width:6em; float: left;}
#headarea h1 p{font-size: 50%; font-weight: normal;}

#contents{width:100%; margin:0; background:#fff; }

#contents2{width:100%; margin:0 auto; background:#fff;}

#container{width:100%; float:left;}
#containerunder{width:800px; margin: auto;}	
#containerarea{display:block;}
#sidebar{width:250px; float:right;}
#sidebararea{display:block;}

footer{background:#8e8e8e; color:#fff;}

#footarea{width:1000px; margin:0 auto; color:#fff; text-align: center;}
#foot_link{display: table; table-layout: fixed; text-align: center; width: 75%; border-collapse:collapse;}
#foot_link li{list-style: none; display: table-cell; vertical-align: middle; text-align: right; line-height: 150%; }
#foot_link li:last-child{text-align: left; margin-right: 0;}
	


ul.nuv{display: table; table-layout: fixed; text-align: center; width: 100%; border-collapse:collapse; margin-left:0; background: #eee;}
ul.nuv li{list-style:none; border-right:1px solid #fff; display: table-cell; vertical-align: middle;}
ul.nuv li:last-child{border-right:0;}
ul.nuv li a{display:block; text-align: center;}
ul.nuv li a:hover{display:block;}

ul.column{display: table; table-layout: fixed; text-align: center; width: 100%; border-collapse:collapse; margin:0em; padding:0;}
ul.column li{list-style:none; display: table-cell; vertical-align: middle; /* border-right:1px solid #ccc;*/}
ul.column li a{display:block; font-weight:bold;}

ul.column li a:hover{display:block;}
ul.column li:last-child{border-right:0;}

ul.column li img{max-width: 100%; padding: 0; margin: 0;}
	
ul.con_end_link{margin: 0; padding: 0;}
ul.con_end_link li{list-style: none; float:left; margin-right: 1.5em;}
ul.con_end_link li:last-child{margin-right: 0;}
	


/* 下層indexページ */
ul.index_menu{margin: 0; padding: 0; max-width: 100%; display: table; box-sizing: border-box; }
ul.index_menu li{list-style: none; width: 31%; margin-right: 1em; overflow: hidden; float: left;}
ul.index_menu li a{ display: block; border: 1px solid #ccc; color:#333; background: url(../img/index_arrow.png) #eee no-repeat right;}
ul.index_menu li a:hover{ color:#fff; background: url(../img/index_arrow_hover.png) #036 no-repeat right; }