@charset "utf-8";

/*********************************************************************
SAN-AI ECO SYSTEM Co.,Ltd.
For iPhone & Smartphone
*********************************************************************/

/* BASE --------------------------------------------------------*/

html{ background: none;}
body{
	padding: 0;
	font-size: 85%;
	font-family:  ArialMT, Verdana, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
	line-height: 150%;
	width: 100%;
	-webkit-text-size-adjust: none;
}

.sml1{ line-height: 150%;}
.sml2{ line-height: 140%;}

.img_r{ margin: 0 0 15px; float: none;}
.img_l{ margin: 0 0 15px; float: none;}
.f_l, .f_r{ float: none;}
.w270, .w300, .w330, .w325, .w335, .w400, .w410, .w465, .w600{ width: 100%;}
.w15p, .w20p{ width: 30%;}
.w25p, .w30p, .w33p, .w35p, .w40p, .w45p, .w47p, .w48p, .w50p, .w55p, .w60p,.w65p,.w70p,.w80p,.w90p{ width: 100%;}
.w33p{ margin: 0 0 1em;}

map{ display: none;}

/* LAYOUT --------------------------------------------------------*/

#wrap{
	margin: 0;
	width: 100%;
}
header{
	margin: 0;
	width: 100%;
	height: 155px;
}
#center{
	padding: 0 0 10px;
	float: none;
	width: 100%;
}
#center_3clm{
	float: none;
	width: 100%;
}
#left{
	margin: 0 10px;
	float: none;
	width: auto;
	text-align: center;
	font-size: 110%;
}
#right{
	padding: 0 0 20px;
	float: none;
	width: 100%;
}
#index #right{ display: none;}
footer{
	max-width: 100%;
	min-width: 100%;
}

/* TITLES --------------------------------------------------------*/

.h1{
	height: 75px;
	background: url(common/h1.jpg) no-repeat center;
	background-size: cover;
}
h1{
	margin: 0 0 1em;
	padding: 20px 15px 0;
	height: 1em;
	width: 100%;
	max-height: 1em;
	min-height: 1em;
	line-height: 1em;
	font-size: 26px;
}
.h2{
	margin: 0 0 10px;
	max-height: 30px;
}
h2{
	margin: 0 0 0.3em 0;
	padding: 0;
	min-height: 30px;
	font-size: 100%;
}
h2 span{ padding: 7px 0.5em;}
/*h3{
	margin: 0 0 0.5em;
	padding: 0 0 1em 20px;
	background: url(common/h3.gif)  no-repeat 0 0;
	font-size: 105%;
}
*/
/* Index --------------------------------------------------------------------------------------------*/

/* LAYOUT **********/

#slideshow{ display: none;}

#index .h1{
	margin: 0 0 20px;
	background: none;
	height: auto;
}
#index h1#mainimg_sph{
	margin: 0;
	padding: 0;
	display: inline;
	background: none;
}
#index section{ padding: 0 10px 20px;}
#index section#news{ padding: 0 0 20px;}
#index .dl2{ padding: 0 10px 20px;}
#index .dl2 dl{ float: none !important; width: auto;}
#index .dl2 dl dt{ width: 20%; line-height: 1.35;}
#index .dl2 dl dd{ width: 75%; line-height: 1.35;}

#index_1 img{ width: 47%; height: auto; float: left;}
#index_1 img.mg15l{ margin: 0 10px 0 0;}

#index #catalog ul{
	margin: 0 10px;
}
#index #catalog li,
#index #catalog li:last-child{
	margin: 0;
	float: none;
	clear: both;
	width: auto;
}
#index #catalog img{
	margin: 0 15px 10px 0;;
	float: left;
}

#index_2 ul{
	margin: 0 0 10px;
	float: none;
	width: auto;
}
#index_2 li{
	margin: 0 2% 0 0;
	width: 32%;
}

/* Articles --------------------------------------------------------------------------------------------*/

section{ padding: 0 10px 30px;}

section p{ margin: 0 0 .75em;}

/* column */

.column1, .column2{ margin: 0 0 20px; padding: 0.5em 1em;}
section.column1, section.column2{ margin: 0 10px 20px;}
.column3{ margin: 10px 0 0;}


/* LIST *********/
/* list_Check Icon */

section ul.ic_check{ margin: 0 0 15px;}

/* Forms ***********/

#form_sanai .Dlist{ margin: 0 0 10px;}

#form_sanai .dl2 dl dt{ margin: 0.25em 0 0; float: none; width: 100%;}
#form_sanai .dl2 dl dd{ margin: 0.25em 0 0; float: none; width: 100%;}

#form_sanai .dl2 dl dd input{ max-width: 160px;}

/* Tables **********/

table, tr, th, td{ font-size: 90%;}
th, td{ padding: 0.2em 0.4em;}
.tbl_1{ line-height: 110%; font-size: 70%;}
.tbl_1 th{ white-space: inherit;}

/* Entries etc ***********/

/* pagenav */
.pagenav{
	padding: 0 10px;
	width: 93%;
}
/* Contact ***********/

#to_contact{ display: none;}

/* product ||||||||||||||||||||||||*/

.product_thumb ul,
.product_sample ul{
	line-height: 1.3;
}
.product_thumb li,
.product_sample li,
.product_thumb li:last-child{ width: 31.5%;}
.product_thumb img,
.product_sample img{ width: 100%;}


/* Footer --------------------------------------------------------*/

.footer_inner{
	margin: 0;
	padding: 0 0 5px;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
}
footer .clrfx{ padding: 0 10px;}

/* #footer_btm ***********/

#footer_top{
	padding: 15px 0 5px;
}
#footer_btm{
	padding: 10px 0 0;
}
#f_content{
	margin: 0 0 0.5em;
	float: none;
	width: 100%;
	line-height: 1.5;
	text-align: center;
}
#copy{
	margin: 0.2em 0 0;
	float: none;
	width: 100%;
	text-align: center;
	font-size: 85%;
}


/* NAVIGATION --------------------------------------------------------------------------------------------*/

/* Logo **********************************/

#logo{
	margin: 0 auto;
	position: inherit;
}

/* Global Navi **********************************/

#g_navi{
	top: 100px;
	left: 0;
	width: 100%;
	border: none;
	font-size: 83%;
}
#g_navi li{
	width: 20%;
	background: url(common/line_dot.gif) right top repeat-y;
	border: none;
}]#g_navi li:last-child{ background: none;}
#g_navi li, #g_navi a{ height: 25px;}
#g_navi a{
	width: 100%;
	line-height: 25px;
	font-weight: bold;
}
#g_navi li a:hover{ background-image: none;}
	
/* Header BTNS ****************/

header .btn_request{ top: 65px;	right: 5px;}

#search, #navi_sml{ display: none;}

/* Top Navi **********************************/

#t_navi{
	top: 125px;
	left: 0;
	width: 100%;
	background: none;
	height: 25px;
	line-height: 25px;
}
#t_navi li{
	float: none;
	border: none;
	font-size: 80%;
}
#t_navi li, #t_navi a{
	width: auto;
	height: 25px;
	display: inline;
}

/* LEFT navigation ---------------------------------------------*/

#left ul{ text-align: left;}
#left a{ padding: 0.7em 15px 0.7em 10px; width: auto;}

#left li{ width: 100%;}
#left li.nolink{
	width: auto;
	border-bottom: none;
}
#left li.s, #left li.ss{ font-size: 12.5px;}
#left a,
#left li.s a,
#left li.ss a,
#left a:hover,
#left li.s a:hover,
#left li.ss a:hover,
#left ul ul li a,
#left ul ul li a:hover{
	background-position: 95% center;
}

/* Breadcrumbs ***********************************/

#breadcrumbs{ display: none;}

/* BTN h2, h3 ****************/

.h2 a.btn{ right: 5px;}

/* li float navi **********************************/

.li_fl3{
	margin: 0;
}
.li_fl3 li{
	margin: 0;
	float: none;
	width: auto;
}
.li_fl3 li.wide{ width: auto;}

/* PageBute **********************************/

#pagebute{
	margin: 0 0 15px;
	padding: 0;
}
.link_page, .link_before, .link_next{ background: none;}

/* Footer --------------------------------------------------------------------------------------------*/

/* BTN Pagetop(ID) ****************/

#pagetop{ margin: 0 10px; background: none; width:auto; max-width: 100%;}
#pagetop a{
	float: right;
}

/* BTN Pagetop(class) ****************/

.pagetop{ display: none;}

/* navi #footer_top ****************/

#footer_top li{ margin: 0 20px 0 0;}