@charset "UTF-8";

/*
総合カタログスマホ
*/
/************reset****************/

*{
	box-sizing: border-box;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
	font:12px/1.2;
	-webkit-text-size-adjust:none;
	word-wrap:break-word;
}



article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/***********/

*{
margin:0;
padding:0;
font-size: 13;
font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Droid Sans', メイリオ, 'sans-serif';
}


body{
	font:14px/1.2;
}

.hidden{
	display:none;
}

.clear{
	display:block;
	clear:both;
	height:1px;
}


/* index */

#header{
	height:40px;
	background-image: -webkit-gradient(linear, left top,left bottom, from(#0074bf),to(#01499F) );
	background-image: -webkit-linear-gradient( top,#0074bf, #01499F );
	background-image: -linear-gradient(to bottom,#0074bf, #01499F);
}



.topimg_area{
	position:relative;
}

.topimg_area img{
	display:block;
	width:100%;
	background-size:100%;
}

.topimg_area a{
	position:absolute;
	display:block;
	text-decoration:none;
	color:#FFF;
	width:70%;
	border:#FFF 1px solid;
	left:0;
	right:0;
	bottom:6%;
	margin:0 auto;
	text-align:center;
	height:2.7em;
	line-height:2.7em;
	font-size:1.2em;
}


.toplogo{
	display:block;
	float:left;
	height:100%;
	text-indent:-9999px;
	width:200px;
	background:url(../img/logo.png) no-repeat 15px 50%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}


.langbt{
	display:block;
	float:right;
	text-indent:-9999px;
	height:100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);

}
.langbt.en{
	width:88px;
	background:url(../img/btn_en.png) no-repeat 0 50%;
}
.langbt.ja{
	width:99px;
	background:url(../img/btn_ja.png) no-repeat 0 50%;
}

@media only screen and (-webkit-min-device-pixel-ratio:2){
	.toplogo{
	background:url(../img/logo2x.png) no-repeat 15px 50%;
	background-size:63px 20px;
	}

	.langbt.en{
		background:url(../img/btn_en_2x.png) no-repeat 0 50%;
		background-size:78px 20px;
	}
	
	.langbt.ja{
		background:url(../img/btn_ja_2x.png) no-repeat 0 50%;
		background-size:89px 20px;
	}
}


.bn_catalog{
	display:table;
	width:98%;
	height:160px;
	margin:5px auto;
	border:#0074bf 1px solid;
	border-radius: .25em;
	background-image: -webkit-gradient(linear, left top,left bottom, from(#fff),to(#efefef) );
	background-image: -webkit-linear-gradient( top,#fff,#efefef );
	background-image: -linear-gradient(to bottom,#fff,#efefef);
	cursor:pointer;
}

.bn_catalog span{
	display:table-cell;
	width:48%;
	height:100%;
	vertical-align:middle;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	color:#0074bf;
	text-decoration:none;
}

.bn_catalog img{
	width:100%;
}

.bn_catalog a{
}

ul.topmenu{
	display:block;
	margin:15px 15px;
	clear:both;
	margin-bottom:5%;
}

ul.topmenu li{
	display:table;
	width:100%;
	height:60px;
	line-height:60px;
	background-image: -webkit-gradient(linear, left top,left bottom, from(#0074bf),to(#01499F) );
	background-image: -webkit-gradient( top, #0074bf, #01499F );
	background-image: linear-gradient(to bottom,#0074bf, #01499F);
	color:#FFF;
	font-size:1.2em;
	font-weight:bold;
	text-shadow:2px 2px 0 #000;
	cursor:pointer;
	margin-top:2%;
}


ul.topmenu li.m_support{
	font-size:1.0em;
}
ul.topmenu li.m_pickup{
	font-size:1.1em;
}


ul.topmenu li span{
	display:table-cell;
}

ul.topmenu li span.bt_close{
	background:url(../img/ico_down.png) no-repeat 95% 50% !important;
}
ul.topmenu li span.bt_open{
	background:url(../img/ico_up.png) no-repeat 95% 50% !important;
}


ul.topmenu li span.topico{
	height:100%;
	width:50px;
	padding-left:10px !important;
	text-indent:-9999px;
	background-size:40% auto !important;
	
}

.topico.products{
	background:url(../img/ico_products.png) no-repeat 50% 50% !important;
}
.topico.download{
	background:url(../img/ico_download.png) no-repeat  50% 50% !important;
}
.topico.abroad{
	background:url(../img/ico_abroad.png) no-repeat  50% 50% !important;
}
.topico.company{
	background:url(../img/ico_company.png) no-repeat  50% 50% !important;
}
.topico.support{
	background:url(../img/ico_support.png) no-repeat  50% 50% !important;
}
.topico.pickup{
	background:url(../img/ico_pickup.png) no-repeat  50% 50% !important;
}

ul.topmenu li.topsub{
	display:none;
	height:auto;
	margin-top:0;
	z-index:0;
	background-image:none;
	background-color:#FFF;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

ul.topmenu li.topsub a{
	display:block;
	z-index:10;
	height:60px;
	text-indent:20px;
	font-weight:bold;
	text-decoration:none;
	color:#181818;
	text-shadow:none;
	font-size:1.0em;
	border-left:#06C 1px solid;
	border-right:#06C 1px solid;
	border-bottom:#06C 1px solid;
}

.touch{
	background-color:rgba(0,113,189,0.2);
}





ul.topsub{
	display:block;
}

ul.topsub li{
	display:block;
	background-image:none;
	background-color:#FFF;
	border-left:#069 1px solid;
	border-right:#069 1px solid;
	border-bottom:#069 1px solid;
}
ul.topsub li a{
	display:block;
	height:100%;
	width:100%;
	text-indent:10px;
	color:#000;
	text-shadow:none;
}


/* products */
#search{
	display:block;
	position:fixed;
	height:40px;
	color:#FFF;
	width:100%;
	padding-top:8px;
	background-color:#FFF;
	box-shadow:0 7px 7px 0 rgba(0,0,0,0.2);
}

/*
.shadow_header{
	display:block;
	position:fixed;
	top:48px;
	height:9px;
	width:100%;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to rgba(255,255,255,0));
    background-image: -webkit-linear-gradient(top, #000 , rgba(255,255,255,0));
	background-image: linear-gradient(to bottom, #000 , rgba(255,255,255,0));
	
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
	
}
*/

#footer{
	text-align:center;
	background-color:#0074bf;
	color:#FFF;
	padding-top:2%;
	padding-bottom:2%;
	height:100px;
}

#footer p{
	color:#FFF;
	font-size:12px;	
}
#footer p *{
	color:#FFF;
}

.to_pc{
	display:block;
	width:45%;
	border:#FFF 1px solid;
	padding:5px 20px;
	margin:5px auto;
	color:#FFF;
	text-decoration:none;
}


#body{
	/*color:#787C86;*/
	color:#363433;
	background-color:#FFF;
	margin: 0;
	padding: 0;
	text-align:left;
	z-index:0;
	_text-align:center;
}

#main{
	background-color:#FFF;
	display:block;
	width:100%;
	padding-top:58px;
}



.sform form{
	display:table;
	width:100%;
}

.sform span{
	display:table-cell;
	padding-right:3px;
	margin-right:5px;
	vertical-align:middle;
}


.sform span:last-child{
	padding-left:10px;
	width:60px;
}


.logo{
	display:inline-block;
	width:75px;
	height:24px;
	background:url(../img/logo_1.png) no-repeat 0 0;
	background-size:75px 24px;
	text-indent:-9999px;
	margin-left:5px;
}

.cimg{
	margin-right:5px;
}

@media only screen and (-webkit-min-device-pixel-ratio:2){
	.logo{
		background:url(../img/logo2x_1.png) no-repeat 0 0;
		background-size:75px 24px;
	
	}
}

#k{
	width:100%;
	font-size:14px;
	padding:.2em 3px;
	border-radius: .25em;
	border:#666 1px solid;
}

.sbt{
	width:60px;
	padding-left:0;
	padding-right:0;
}

.h{
	background-color:#0074bf;
	font-size:14px;
	font-weight:bold;
	line-height:1;
	padding:2% 10px;
	text-shadow:1px 1px 2px rgba(255,255,255,0.3);
	text-decoration:none;
	color:#FFF;
	border:none;
	margin-bottom:3%;
}

.h a{
	font-size:20px;
	color:#FFF;
	
}
.catpan{
	display:none;
}

.button{
	background-color:#FFF;
	background-image: -webkit-linear-gradient( rgba(255, 255, 255, .1), rgba(0, 0, 0, .1) );
	background-image: -linear-gradient( rgba(255, 255, 255, .1), rgba(0, 0, 0, .1) );
	background-origin: border-box;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: .25em;
	box-shadow:0 1px 2px rgba(0,0,0,.1) , inset 0 1px rgba(255,255,255,.1);
	color:rgb(0,0,0);
	display:inline-block;
	font-weight:bold;
	line-height:1.5;
	margin:0;
	padding: .25em 1em;
	text-align:center;
	text-decoration:none;
}

.button:hover{
	background-image: -webkit-linear-gradient( rgba(0, 0, 0, .1), rgba(255, 255, 255, .1) );
	background-image: -linear-gradient( rgba(0, 0, 0, .1), rgba(255, 255, 255, .1) );
	
}

.button.blue{
	background-color:#0074bf;
	color:#FFF;
}

ul.cpane{
	display:block;
	border-bottom:#666 1px solid;
}

ul.cpane li{
	background-color:#FFF;
	background-image: -webkit-gradient(linear, left top,left bottom, from(#fff),to(#efefef) );
	background-image: -webkit-linear-gradient( top,#fff,#efefef );
	background-image: -linear-gradient(to bottom,#fff,#efefef);
	border-top:#666 1px solid;
}

ul.cpane li a{
	display:block;
	background:url(../img/arrow_r.png) no-repeat 100% 50%;
	font-size:14px;
	font-weight:bold;
	line-height:1;
	padding:16px 10px;
	text-shadow:1px 1px 2px rgba(255,255,255,0.3);
	text-decoration:none;
	color:#333;
}

ul.cpane.c2 li a{
}

.toppane a{
	display:block;
	float:left;
	width:40%;
	margin-left:5%;
	margin-bottom:3%;
}

.toppane .cimg{
	width:100%;
}




.button.bt_ret{
	background-color:#D7E3EA;
	margin-top:5px;
	margin-bottom:4px;
	margin-left:3px;
}

.result_area{
	border-top:#666 1px solid;
}


.result_img{
}

.sename{
	display:table;
	clear:both;
	width:100%;
	min-height:100px;
	background-color:#FFF;
	/*
	background-image: -webkit-gradient(linear, left top,left bottom, from(#fff),to(#efefef) );
	background-image: -webkit-linear-gradient( top,#fff,#efefef );
	background-image: -linear-gradient(to bottom,#fff,#efefef);
	*/
	border-bottom:#666 1px solid;
	text-shadow:1px 1px 2px rgba(255,255,255,0.3);
	text-decoration:none;
	line-height:1;
}

.sename a{
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	padding:16px 35px 16px 10px;
	background-image:url(../img/ico_close.png) !important;
	background-repeat:no-repeat;
	background-position:100% 50%;
	text-decoration:none;
	font-size:11;
	font-weight:bold;
	color:#333;
}
.sename .imgbox{
	display:table-cell;
	vertical-align:middle;
	width:10%;
}
.sename img{
	margin-right:5px;
	height:50px;
}

.seclose a{
	background-image:url(../img/ico_open.png) !important;
}

.close .prod{
	display:none;
}

.prod{
	padding:5px 15px;
	border-bottom:#666 1px solid;
}

.items{
	font-weight:bold;
}

.prod_bt_area{
	margin-left:20px;
}

.keyword{
	font-weight:bold;
}

.pn{
	display:none;
}

.navi{
	display:block;
	height:45px;
	width:90%;
	margin:0.3em auto;
}

.navifb{
	width:45%;
	margin:0;
	border-radius:0;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#D7E3EA;
}

.navifb.back{
	float:left;
}

.navifb.fw{
	float:right;
}

.navifb.back_na,
.navifb.fw_na
{
	background-color:#F5F5F5;
	color:#999;
	display:none;
}

.bt_pdf{
	background-color:#06C;
	margin:3px auto;
	color:#FFF;
}

.yt_video{
	width:100%;
}

.hl{
	background-color:#FF0;
}