@charset "UTF-8";
/* CSS Document */
.container { width: 940px; margin: 0 auto;}

html {
	/*font-family:'ＭＳ Ｐゴシック',Arial,sans-serif;*/
	line-height:1.6;
}

body {
	font-family:
	'メイリオ',
	'Meiryo',
	'Hiragino Kaku Gothic Pro',
	'ヒラギノ角ゴ Pro W3',
	'Osaka',
	'ＭＳ Ｐゴシック',
	sans-serif;
	color: #333;
	
}


/*-------- grid style --------*/

.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12,.grid13 {
	
  float: left;
  display: inline;
  margin-left: 20px;
}
.grid1 {width: 60px;}
.grid2 {width: 140px;}
.grid3 {width: 220px;}
.grid4 {width: 300px;}
.grid5 {width: 380px;}
.grid6 {width: 460px;}
.grid7 {width: 540px;}
.grid8 {width: 620px;}
.grid9 {width: 700px;}
.grid10 {width: 780px;}
.grid11 {width: 860px;}
.grid12 {width:340px;}
.grid13{width: 940px;} /*4.5 4.5 3の場合の4.5*/
.first {margin-left: 0;clear: left;}
.wrap_contents{
	width:940px;
	margin-bottom:40px;
}

/*-------- margin --------*/

.margin-t10{margin-top:10px;}
.margin-t20{margin-top:20px;}
.margin-t30{margin-top:30px;}
.margin-t40{margin-top:40px;}
.margin-t80{margin-top:70px;}
.margin{margin-bottom:20px;}
.margin30{margin-bottom:30px;}
.margin10{margin-bottom:10px;}
.margin40{margin-bottom:40px;}
.margin-r10{margin-right:10px;}
.margin-r{margin-right:20px;}
.margin-l{margin-left:20px;}
.margin-r50{margin-right:50px;}
.margin-l50{margin-left:50px;}
.t-margin1{margin:10px 0 10px 0;}
.t-margin2{margin:20px 0 20px 0;}

/*-------- place  --------*/
.alline{text-align:center;}

/*-------- first setup --------*/
	
a img{border:none;}
a:hover{
    opacity: 0.5;  
    filter: alpha(opacity=50);  
}
li a{
	list-style:none;
}

li a:hover{
	opacity: 0.5;  
    filter: alpha(opacity=50);  
}
	
.center{
	text-align: center;
}

p a{
	text-decoration:none;
}

.contents{
	padding:0.5em 0 0.5em 2em;
	background:url(../images/contact_icon.jpg) no-repeat left center;
	color:#006;
	font-size:12px;
}


/*-------- float right&left --------*/	
.flr {
	float: right;
}

.fll{
	float: left;
}


/*-------- font size ----------*/
.fsize12{
	font-size:12px;
}
.fsize14{
	font-size:14px;
}
.fsize16{
	font-size:16px;
}
/* latest list*/
ul#latest_list{
margin:6px 0 0 0;
padding:5px 0 0 3px;
}

ul li.date{
padding-top:10px;
margin:0 1em 0 1em;
float:left;
width:8em;
color:#999999;
font-weight:bold;
font-size:100%;
line-height:1.8em;
display:block;
}

ul li.image{
	float:left;
	padding: 10px;
	margin-right:30px;
	display:block;
	width:10em;
}

ul li.image p7{
	font-size:12px;
	color:#fff;
	background-color:#06C;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	margin-right:3px;
}
ul li.image p8{
	font-size:12px;
	color:#fff;
	background-color:#0C3;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	margin-right:3px;
}

ul li.image p9{
	font-size:12px;
	color:#fff;
	background-color:#F09;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	margin-right:3px;
}

ul li.text{
background:url(../images/c_icon_arrow_2.png) no-repeat 21em;
border-bottom: 1px #c0c0c0 dotted;
padding : 10px 0 10px 0;
display:block;
}



/*bread_container*/
#bread_container{
width:100%;
background:#eee;
border-bottom:solid 1px #ddd;
margin:0 0 10px 0;
}
#breadcrumbs{
width:940px;
margin:0 auto;
font-size:86%;
padding:0.5em 0 0.5em 10px;
line-height:1em;
}
#breadcrumbs a{
margin:0 5px;
}


/*sub navi*/
ul#subnavi li{
margin:0;
padding:10px 0 10px 25px;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
border-left:solid 1px #ccc;
border-ladius: 5px;
background:url(../images/contact_icon.jpg) 5px 13px no-repeat;
display:block;
font-size:14px;
}

ul#subnavi h2{
   padding:10px 0 10px 17px;
   font-size:14px;
   font-weight:bold;
   color:#fff;
   background:url(../images/bg-ttl.png) 0 0 repeat-x;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
}

ul#subnavi li a:link{
color:#000099;
text-decoration:none;
}
ul#subnavi li a:hover{
color:#3366bb;
/*text-decoration:underline;*/
}

ul#subnavi li#pagename{
margin:20px 0 0 0;
padding:0 0 5px 0;
}

ul#subnavi li#select{
background:url(../images/menu_listicon.gif) 5px 13px no-repeat #69b;
color:#fff;
}

ul#subnavi li.list_child{
padding:5px 0 5px 30px;
background:url(../images/menu_listicon.gif) 15px 13px no-repeat #eee;
}

.lastchild{
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}


#special_navi1{
	width:220px;
	height:70px;
	background:url(../product/squid/images/squidsystem_about.png) no-repeat;
	margin-top:10px;
}

#special_navi2{
	width:220px;
	height:70px;
	background:url(../product/squid/images/squidship_about.png) no-repeat;
	margin-top:10px;
}

.special_list1{
	background:url(../product/squid/images/contact_icon.png) 5px 25px no-repeat;
	color:#fff;
	padding-top:22px;
	padding-left:25px;
	font-size:14px;
}

.special_list2{
    background:url(../product/squid/images/contact_icon.png) 5px 25px no-repeat;
	color:#000;
	padding-top:22px;
	padding-left:25px;
	font-size:14px;
}

/*-------- toppage box --------*/
#box1{
	width:600px;
	background-color: white;
	border: 1px solid #ddd;
	box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
	-o-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
	border-radius: 5px;
	font-size: 12px;
	margin-bottom:10px;
}

#box1 h2{
	background:url(../images/bg_ttl.png) 0 0 repeat-x;
	color:#006;
	font-size:14px;
	border-bottom:#CCC 3px solid;
	padding:14px 19px 8px;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	}
	
#box1 a{
	text-decoration:none;
}
#box1 a img {
 vertical-align: bottom;
 border: 0;
 margin-right:5px;
}

.award_space{
	width:600px;
}
.award{
	width:150px;
	height:98px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:20px;
	float:left;
}
.award_text{
	width:400px;
	padding-top:10px;
	padding-left:10px;
	float:left;
}

.award_title{
	text-align:left;
	color:#666;
	font-size:18px;
	font-weight:bold;
}


.sub_button{
font-size:93%;
padding:0.5em 0 0.5em 2em;
background:url(../images/icon_arrow.png)  left center;
background-repeat:no-repeat;
	color:#006;
}
	
#box2{
    width:300px;
	border: 1px solid #ddd;
	box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
	-o-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
	border-radius: 5px;
	font-size: 12px;
	margin-bottom:10px;
	float:right;
}

	

#box2 h2{
	background:url(../images/bg-ttl.png) 0 0 repeat-x;
	color:#FFF;
	font-size:14px;
	padding:14px 19px 8px;
	border-bottom:#CCC 3px solid;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	}

#box2 h3{
	padding:14px 0px 0 19px ;
	font-size:14px;
}

#box2 h4{
	font-size:14px;
	text-align:center;
}

ul#s_contents{
width:250px;
}

#box2 p{
	padding-left:19px;
}



.area{
	padding:14px 0 14px 19px;
}


/*-------- toppage product box --------*/

.small-box{
	float:left;
	margin-left: 10px;
}

.small-box{
    width:180px;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 12px;
	margin-bottom:10px;
}

.small-box a img {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
}




#left-image{
	float:left;
	background-image:url(../images/bg_company.jpg);
	background-repeat:no-repeat;
	width:600px;
	height:258px;
}

#right-text{
	width:320px;
	height:258px;
	padding:0 10px 0 0;
	line-height:1.6;
	float:right;
	}

#right-text2{
	width:300;
	line-height:1.6;
	padding:10px 20px 0 0;
	float:right;
	}

div#latest{
margin:0;
padding:20px 0 0 10px;
font-size:90%;
color:#333333;
line-height:1.8em;
float:left;
}
	
ul.list{
	margin:0;
	padding:0;
	list-style-type: none;
	display:block;
}



/*バナーBOX*/

ul#pickup_menu li{
	float:right;
    display:block;
}

.banner2 {
	position:relative;
	width:300px;
	margin:12px 0 0 0;
	box-shadow:0 0 4px 0 rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 4px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 4px 0 rgba(0,0,0,0.2);
	-o-box-shadow:0 0 4px 0 rgba(0,0,0,0.2);
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	background:#ffffff;
}
.banner .banner2 a img {
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
}
.banner .banner2 a span {
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -0.7em;
	line-height: 1.2;
	display: inline-block;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Arial,sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

/*---product box---*/
.pro_button{
	vertical-align: text-bottom;
}
#sample1{
	background-color: white;
	border : 1px solid #ddd;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	border-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	border-left-radius: 10px;
	box-shadow:1px 1px 0 #fff inset, 1px 1px 3px rgba(0,0,0,0.1);
	padding:10px 10px 0 10px;
	margin: 0 0 20px 0;
	font-size : 12px;
	height:130px;
}

#sample2 img{
	border-top-right-radius:10px;
	-moz-border-top-right-radius:10px;
	-webkit-border-top-right-radius:10px;
	-ms-border-top-right-radius:10px;
	-o-border-top-right-radius:10px;
	border-top-left-radius:10px;
	-moz-border-top-left-radius:10px;
	-webkit-border-top-left-radius:10px;
	-ms-border-top-left-radius:10px;
	-o-border-top-left-radius:10px;
}
	

#sample2{
	background-image:url(../images/bg_pt.png);
	text-align: center; 
	padding: 10px 0 10px 0;
	width:220px;
	display:block;
}

a.sample2{
	text-decoration:none;
}

.product_intro{
	width:180px;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
}
.product_intro2{
	width:260px;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:40px;
}
.product_pict{
	width:133x;
	height:100px;
	float:right;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	text-align:center;
}


.product-box{
	border: 1px solid #ddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	box-shadow:1px 1px 0 #fff inset, 1px 1px 3px rgba(0,0,0,0.1);
	font-size: 12px;
	height:250px;
	width:220px;
}

.product-box a img {
	border-top-right-radius:5px;
	-moz-border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	-ms-border-top-right-radius:5px;
	-o-border-top-right-radius:5px;
	border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	-ms-border-top-left-radius:5px;
	-o-border-top-left-radius:5px;
	
}

.product-box_space{
	background-image:url(../images/bg_pt.png);
	text-align: center;
	font-size:16px;
	padding: 10px 0 10px 0;
	width:220px;
}

.text{
	padding:10px;
}


#sample3{
	background-color:#ddd;
	width:700px;
}

.detail_box{
	width:200px;
	float:right;
}
.detail{
	background-image:url(../images/b_02.png);
	background-repeat:no-repeat;
	font-size:10px;
	overflow:visible;
	padding:10px 25px 10px 25px;
	float:right;
	width:106px;
	height:36px;
}

p1 hover{
	background:url(../images/b_01_o.jpg);
}

p2{
	background:url(../images/b_01.png);
	background-repeat:no-repeat;
	width:80px;
	height:36px;
	padding:10px 25px;
	font-size:10px;
	overflow:visible;
	float:right;
	margin-top:10px;
	margin-bottom:10px;
}

/*contact*/
#contact_img1{
	width:260px;
	height:100px;
	background:url(../images/contact-link1.png);
	margin-left:20px;
}

#contact_img1 t1{
	float:left;
	padding-left:75px;
	padding-top:30px;
	color:#fff;
	font-size:14px;
}
t1 a{
	text-decoration:none;
	color:#fff;
}

.contact_text{
	float:left;
	padding-left:75px;
	padding-top:30px;
	color:#fff;
	font-size:14px;
}
#contact_img2 a{
	text-decoration:none;
	color:#fff;
}

#contact_img2{
	width:260px;
	height:100px;
	background:url(../images/contact-link2.png);
	margin-left:20px;
	display:block;
}

/*header*/
#header{
	background-image:url(../images/menu_back_bar.png);
    background-repeat:repeat-x;
    height:65px;
	width:100%;
	clear:both;
}

#header_menu{
	width:940px;
	height:65px;
	margin: 0 auto;
}

#header_menu ul li{
	display:block;
	float:left;
	width:97px;
}
ul li.header_text{
background:url(../images/c_icon_arrow_4.png) no-repeat left center;
display:block;
color:#fff;
margin-left:30px;
margin-top:20px;
padding-left:20px;
list-style:none;
font-size:90%;
}


ul li.header_text a{
	text-decoration:none;
	color:#fff;
}
ul li.header_first{
background:url(../images/c_icon_arrow_4.png) no-repeat left center;
display:block;
color:#fff;
margin-left:120px;
margin-top:20px;
padding-left:20px;
list-style:none;
font-size:90%;
}
ul li.header_first a{
text-decoration:none;
color:#fff;
}

a:hover img.css-hover{
 background:url(../images/b_01_o.jpg);
}

/*-----------  footer menu  -------------*/
#footer{
	background-image:url(../images/foot_menu_bg.png);
    background-repeat:repeat-x;
    height:200px;
	width:100%;
	clear:both;
}

.footer_menu{
	width:200px;
	height:140px;
	float:left;
	margin-right:20px;
	margin-top:30px;
	color:#fff;
	font-size:12px;
    border-left:1px solid #fff;
}

#footer_wrapper{
width:940px;
height:200px;
margin: 0 auto;

}

ul li.footer_text{
background:url(../images/c_icon_arrow_3.png) no-repeat left center;
display:block;
margin-left:15px;
margin-bottom:3px;
padding-left:10px;
list-style:none;
}

ul li.footer_text a{
	color:#fff;
	text-decoration:none;
}

ul li dd{
	background:url(../images/footer_icon.png) 0 0.7em no-repeat;
	margin-left:15px;
	padding-left:20px;
	line-height:1.6;
}


ul li.footer_text2{
	padding-left:10px;
	margin-bottom:3px;
	display:block;
	margin-left:15px;
	font-size:10px;
	list-style:none;

}

ul li.footer_text2 a{
	color:#fff;
	text-decoration: none;
}


#footer_logo{
display:block;
padding:0 15px 0 10px;
margin-top:30px;
float:right;
font-size:10px;
color:#fff;
width:200px;
}


p#footer_links{
font-size:86%;
margin:0;
padding:0;
}

p#footer_links a{
color:#FFFFFF;
text-decoration:none;
}

p#footer_links a:hover{
color:#cccccc;
text-decoration:underline;
}
a.footer_menus{
margin:13px 12px 0 0;
display:block;
float:left;
}


/*company*/
table.company_info{
margin:35px 0 3em 5px;
padding:0;
border-collapse:collapse;
width:700px;
font-size: 14px;
}
table.company_info td{
background:#fff;
padding: 3px 10px;
border:1px solid #CCC;
}
table.company_info td.name{
background:#eee;
width:120px;
text-align:center;
border:1px solid #CCC;
}

#image_container2{
	width:100px;
	height:100px;
	float:left;
	border:#999;
}

#text_container2{
	height:100px;
	width:600px;
	float:right;
}


.media_text{ 
    background:url(../images/c_icon_arrow_5.png) no-repeat 0.5em;
	padding-left:20px;
	margin:5px 0 15px 0;
}
.media_text a{
	text-decoration:underline;
}

p10{
	font-size:14px;
}

.philosophy{
	font-size:16px;
	font-weight:bold;
	padding-bottom:0.5em;
	
}

.pagetop{
	padding:0.5em 0 0.5em 2em;
	background:url(../images/pagetop.png) no-repeat left center;
	color:#006;
	font-size:12px;
	margin-top:30px;
	margin-bottom:20px;
}
	
/*バーの上に文字*/


.btA{
	padding-left:20px;
	padding-bottom:10px;
	padding-top:7px;
	text-decoration		: none;
	background-image	: url(../images/bar02.jpg);
	background-repeat	: no-repeat;
	background-position	: left top;
	display				: block;
}

.btB{
	padding-left:30px;
	padding-top:15px;
	text-decoration		: none;
	background-image	: url(../images/bar04.jpg);
	background-repeat	: no-repeat;
	background-position	: left top;
	border-radius       : 5px;
	box-shadow:1px 1px 0 #fff inset, 1px 1px 3px rgba(0,0,0,0.1);
	display				: block;
}
#bt{
	width				: 700px;
	height				: 50px;
	font-size			: 14px;
	color               : #006;
	text-align          : start;
	font-weight         : bold;
}

#bt2{
	width               : 670px;
	height              : 38px;
	font-size           : 18px;
	color               : #000;
	text-align          : start;
	font-weight         : bold;
}

.bar{
	background-image:url(../images/company_info.png);
	background-repat:no-repeat;
}
#company_bar{
	width:700px;
	height:241px;
	color:#fff;
    background-image:url(../images/company_info.png);
	background-repat:no-repeat;
}
#contact_bar{
	width:600px;
	height:241px;
	color:#fff;
	background-image:url(../images/contact.jpg);
	background-repeat:no-repeat;
}

.right{
	float: right;
	padding-right: 60px;
	padding-top:100px;
}


/*商品説明フォント*/
.p_name{
	font-size:16px;
	margin-bottom:5px;
	line-height: 1.2;
	font-weight:bold;

}

#image_container{
	width:200px;
	padding:20px 0 10px 0;
	float:right;
}


#text_container{
	width:140px;
	float:left;
	padding:20px 0 20px 0;
}

#compare_button{
	background:url(../images/b_01.png);
	background-repeat:no-repeat;
	font-size:10px;
	overflow:visible;
	padding:8px 0px 0px 25px;
	margin-top:10px;
	width:100px;
	height:28px;
}


.product_about{
    width:220px;
	height:320px;
	border: 1px solid #ddd;
	box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
	-o-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
	border-radius: 5px;
	font-size: 12px;
	margin-bottom:10px;
	padding:10px;
	list-style-position:inside;
}

.product-title{
	width:220px;
	height:40px;
	vertical-align:middle;
	text-align:center;
}

.product-title p{
	display: inline-block;
	text-align:left;
	font-size:14px;
}
.product-text{
	width:200px;
	height:80px;
	padding-left:50px;
	margin-top:10px;
	list-style-position:inside;
}

/*以前のモデル商品フォント*/
#o_container{
	padding:20px 0 20px 0;
}


/*table*/
table#table-01 {
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
}
table#table-01 th{
	padding: 5px;
	border:#E3E3E3 solid;
	border-width: 0 0 1px 1px;
	background:#FFF;
	font-weight:bold;
	line-height:120%;
	text-align:center;
}
table#table-01 td{
	padding:5px;
	border:1px #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	text-align:center;
	background-color:#E0E7EF;
}
table#table-02 td{
	padding:5px;
	border:1px #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	text-align:center;
	background-color:#FFF;

}




/*----  product  ----*/
p.back{
	background-image:url(../images/product_bar.gif);
	padding:5px 0px 5px 10px;
	margin:5px 0 5px 0;
}

#p_imarge_container{
	width:200px;
	float:left;
	padding:10px 0 20px 10px;
}
#p_text_container{
	width:460px;
	float:right;
	padding:10px 0 20px 10px;
}

/*------   product detail   -----*/
#p_detail{
	background:#fff;
	width:100%;
	border-collapse:collapse;
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);
	box-shadow:0 1px 4px rgba(0,0,0,0.3);
	margin-bottom:40px;
	}

#p_detail th,#p_detail td{
	text-align:center;
	padding:1em;
	border:1px solid #ddd
	}
#p_detail caption{
	font-weight:bold;
	font-size:120%;
	margin-bottom:.5em
	}
	
#p_detail tbody tr:nth-of-type(odd){
	background:rgba(204,204,204,0.3)
	}
	
#p_detail span{
	display:inline-block;
	width:16px;
	height:16px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden
	}
span.ok{background:url(../images/check.png) no-repeat 100% 100%}

span.no{background:url(../images/x.png) no-repeat 100% 100%}

#p_detail tbody td:nth-of-type(odd){background:rgba(204,204,204,0.3)}

#p_detail td{padding:.5em}
#p_detail{font-size:80%}
#p_detail img{max-width:200px}
#p_detail span{width:16px;height:16px}
span.ok{-webkit-background-size:16px 16px;background-size:16px 16px}
span.no{-webkit-background-size:16px 16px;background-size:16px 16px}

.list{
	list-style-type:none;
}

/*-----------------------------------------
  -------------- CONTACT ------------------
  -----------------------------------------*/
  
.btC{
	padding-left:30px;
	padding-top:15px;
	text-decoration		: none;
	background-image	: url(../images/bar04.jpg);
	background-repeat	: no-repeat;
	background-position	: left top;
	border-radius       : 5px;
	box-shadow:1px 1px 0 #fff inset, 1px 1px 3px rgba(0,0,0,0.1);
	display				: block;
}

#bt3{
	width               : 590px;
	height              : 38px;
	font-size           : 18px;
	color               : #000;
	text-align          : start;
	font-weight         : bold;
}




.box3{
	width: 900px;
	padding : 20px;
	border-radius       : 5px;
	border-color:#999;
	box-shadow:1px 1px 0 #fff inset, 1px 1px 3px rgba(0,0,0,0.1);
}

table{
	width:620px;
	font-size:90%;
	margin-bottom:10px;
	
}

table a:hover{
    opacity: 0.5;  
    filter: alpha(opacity=50);  
}


td,th{
	padding:5px 10px;
	
}



.midashi{
	background-color: rgba(250, 250, 252, 1);
}
.spec{
	background-color: rgba(240, 241, 247, 0.8);
}


#mail_button{
	background-image:url(../contact/contact_bgimg2.png);
	overflow:visible;
	width:250px;
	height:63px;
	margin-top:10px;
	
}
.mail_text{
	font-size:14px;
	padding:10px 25px;
	float:left;
	margin-bottom:10px;
	color:#fff;
}

/*-------------- cite map ------------------*/
ul li.map_text{
background:url(../images/contact_icon.jpg) no-repeat left center;
display:block;
margin-left:15px;
margin-bottom:3px;
padding-left:20px;
list-style:none;
}

ul li.map_text a{
	text-decoration:none;
}

ul li.map dd{
	background:url(../images/footer_icon.png) 0 0.7em no-repeat;
	margin-left:15px;
	padding-left:20px;
	line-height:1.6;
}


ul li.map_text2{
	padding-left:10px;
	margin-bottom:3px;
	display:block;
	margin-left:15px;
	font-size:8px;
	list-style:none;

}

ul li.map_text2 a{
	text-decoration: none;
}


/*-------   squid product    ---------*/
#squid_top{
	width:700px;
	height:233px;
	background:url(../images/squid.png);
	color:#fff;
}


/*-------   led product    --------*/
.led_top1{
	width:700px;
	height:233px;
	background:url(../product/lamp/saury_lamp/top_saury_lamp.png);
	color:#fff;
}
.led_top2{
	width:700px;
	height:233px;
	background:url(../product/lamp/work_lamp/top_work_lamp.png);
	color:#fff;
}

.led_top3{
	width:700px;
	height:233px;
	background:url(../product/lamp/squid_lamp/squid_lamp_top.png);
	color:#fff;
}

.right_text{
	width:300px;
	float:right;
	padding-top:80px;
	font-family:serif;
	text-align:center;
}
.left_text{
	width:300px;
	float:left;
	padding-top:40px;
	padding-left:10px;
	font-family:serif;
	text-align:center;
}
.right_stext{
	float:right;
	padding-top:150px;
	font-family:serif;
	font-size:12px;
}
.right_text h3{
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		line-height: 1.2;
		font-size: 32px;
		padding-bottom:20px;
	}
	
.left_text h3{
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		line-height: 1.2;
		font-size: 32px;
		padding-bottom:26px;
	}
/*特長ページ*/
.point_squid{
	border : 1px solid #ddd;
	border-radius:10px;
	box-shadow:1px 1px 0 #fff inset, 1px 1px 3px rgba(0,0,0,0.1);
	padding:10px 10px 0 10px;
	margin: 0 0 20px 0;
	width:680px;
	height:120px;
}
.point_led{
	border : 1px solid #ddd;
	border-radius:10px;
	box-shadow:1px 1px 0 #fff inset, 1px 1px 3px rgba(0,0,0,0.1);
	padding:10px 10px 0 10px;
	margin: 0 0 20px 0;
	width:680px;
	height:120px;
}		
/*----  サンマ・イカLEDシステムイメージ  ----*/	
.led_system_image{
	background:url(../product/lamp/squid_lamp/squid_led_system.png);
	width:700px;
	height:376px;
}

#sq_system1{
	font-size:12px;
	padding-top:10px;
	padding-left:40px;
	padding-right:40px;
	text-align:center;
	float:left;
}
#sq_system2{
	font-size:12px;
	padding-top:10px;
	padding-left:40px;
	padding-right:40px;
	text-align:center;
	float:left;
}
#sq_system3{
	font-size:12px;
	padding-top:10px;
	padding-left:35px;
	padding-right:35px;
	text-align:center;
	float:left;
}
#sq_system4{
	font-size:12px;
	padding-top:10px;
	padding-left:50px;
	text-align:center;
	float:left;
}
#sq_system5{
	width:140px;
	font-size:12px;
	padding-top:180px;
	text-align:center;
	color:#fff;
}

#system_about{
	width:480px;
	margin-right:110px;
	margin-left:110px;
	margin-bottom:20px;
	text-align:center;
	font-size:12px;
}

.led_system_image2{
	width:700px;
	background:url(../product/lamp/saury_lamp/saury_lamp_system.jpg);
	background-repeat:no-repeat;
	height:376px;
}

#sa_system1{
	font-size:14px;
	text-align:center;
	float:left;
	width:340px;
	padding-left:360px;
	padding-top:100px;
}
#sa_system2{
	font-size:14px;
	text-align:center;
	padding-left:170px;
	padding-top:30px;
	width:150px;
	float:left;
}
#sa_system3{
	font-size:14px;
	text-align:center;
	float:left;
	width:150px;
	padding-top:30px;
	padding-left:30px;
}
#sa_system4{
	font-size:14px;
	text-align:center;
	float:left;
	width:490px;
	padding-top:120px;
	padding-right:210px;
	color:#009;
}

/*作業灯システムイメージ*/
#led_system_image3{
	width:340px;
	height:198px;
	background:url(../product/lamp/work_lamp/worklamp_system2.jpg);
	background-repeat:no-repeat;
}
#led_system_image4{
	width:340px;
	height:198px;
	background:url(../product/lamp/work_lamp/worklamp_system.jpg);
	background-repeat:no-repeat;
}
#w_system1{
	font-size:14px;
	margin-left:130px;
	padding-top:50px;
	width:210px;
}
#w_system2{
	font-size:14px;
	padding-top:60px;
	padding-left:30px;
}
#w_system3{
	font-size:14px;
	padding-top:130px;
	padding-left:30px;
}

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix {zoom: 1;}