@charset "utf-8";

/*** common ***/
body {
	background: url(../common/img/background.png) repeat-x 50% 0;
}
.wrap {
	width:920px;
	margin:0 auto;
	padding-bottom: 30px;
}
#header {
	position: relative;
	width:920px;
	height:150px;
	margin-bottom: 15px;
}
#header h1{
	position: absolute;
	top:20px;
	left: 20px;
}


#global_nav,
#utility_nav,
#information_nav{
	position: absolute;
}

#global_nav li,
#utility_nav li,
#information_nav li{
	float: left;
	list-style: none;
}

#global_nav{ top: 81px; left: 20px; }
#utility_nav{ top: 46px; left: 445px;}
#information_nav{ top: 0; left: 720px;}

#item-search{
	position: absolute;
	top:45px;
	right: 17px;
	width: 182px;
}

/* Googleカスタム検索ボックス */
.gsc-control-cse{
	background: none !important;
	border: none !important;
	padding: 0 !important;
}
#cse-search-box td {
  padding: 0 !important;
}
#cse-search-box input {
	padding: 0 !important;
}
.gsc-search-box table{
	background: white;
}
.gsc-input-box {
	border: none !important;
}
input[type="text"]:focus {
    outline: 0;  /*safariの自動フォーカスを切る */
}
.gsc-search-button {
	background: #2f3539 !important;
	border: none !important;
	width: 25px !important;
	height: 25px !important;
	padding: 0 !important;
	margin: 0 !important;
}
.gsc-search-button:hover{
	background: #af1617 !important;
}
input.gsc-search-button {
	background: none !important;
	border: none !important;
	width: auto !important;
	height: auto !important;
	margin: 0 0 0 0 !important;
	padding: 6px !important;
}

/* ボタンの位置調整と角丸消し */
.gsc-search-button{
    margin:0 0 0 -16px !important;
    border-radius:0;
}
/* 入力時に出る「×」ボタンの位置調整 */
.gsib_b a{
    position:absolute;
    top:3px;
    left:135px;
}
/* 入力時に出る×ボタン -- Firefox位置調整 -- */
.gsib_b span{
        box-sizing: border-box;
   -moz-box-sizing: border-box;
        padding:2px 0 0 0;
}

#gsc-iw-id1{
	border: none !important;
	outline: 0 !important;
}
#gs_id50,
#gs_id50 input{
	background: transparent !important;
	font-size: 14px;
	border: none;
}
#gs_tti50{
	line-height: 1 !important;
}




#footer{
	background: #262b2e;
	color: white;
}
#footer-inner {
	width:880px;
	margin:0 auto;
	padding: 30px 20px;
}
#footer-link li{
	float: left;
	list-style: none;
	color: white;
	margin-right: 25px;
}
#footer-link li a{
	color: white;
}
#footer-link li a:hover{
	color: #8cb5c3;
	text-decoration: none;
}
#copyright{
	color: white;
	float: right;
}


#select-brand{
	margin-left: 10px;
}
#select-brand div{
	position: relative;
	float: left;
	margin: 0 10px 20px;
	width: 430px;
	height: 220px;
}
#select-brand div p{
	position: absolute;
	left: 32px;
	top: 85px;
	line-height: 1.4;
	color: white;
}
#select-brand div ul{
	position: absolute;
	top:150px;
	left: 32px;
}
#select-brand div ul li{
	list-style: none;
	float: left;
	margin-right: 20px;
}
#select-delta{
	background: url(../img/home/bg-select-delta.jpg) no-repeat 0 0;
}
#select-stones{
	background: url(../img/home/bg-select-stones.jpg) no-repeat 0 0;
}



#local_nav{
	padding-bottom: 30px;
}
#local_nav h2{
	margin-bottom: 15px;
}
#local_nav ul{
	margin-left: 10px;
	margin-bottom: 25px;
}
#local_nav ul li{
	list-style: none;
	padding-left: 13px;
	margin-bottom: 6px;
	background: url(../common/img/arrow-gray.gif) no-repeat 0 5px;
	line-height: 1.2;
}
#local_nav ul li:hover{
	background: url(../common/img/arrow-blue.gif) no-repeat 1px 5px;
}
#local_nav ul li a{
	line-height: 1.2;
}
#local_nav ul li a:hover{
	color: #156384;
}
#local_nav ul li span{
  font-size: 9px;
  padding: 2px 6px;
  background: #B01617;
  color: white;
  border-radius: 3px;
}
#local_nav ul li .cr{
	font-weight: bold;
	color: white;
}


#banner-area ul li{
	list-style: none;
	margin-bottom: 8px;
}




#page-ttl{
	margin-bottom: 20px;
}
#brand_select{
	margin-right: -10px;
}
#brand_select li{
	float: left;
	margin-right: 10px;
	margin-bottom: 3px;
	list-style: none;
}



.h2_p{
	font-size:14px;
	font-weight:bold;
	color:#333333;
}
.h_contact {
	width:117px;
	height:32px;
	float:right;
	padding:16px 0 0;
}

.menu {
	list-style:none;
	width:100%;
	height:33px;
	padding:0 0 20px;
}
.menu li, .menu a {
	float:left;
}
.visual {
	clear:both;
	width:100%;
/* 	float:left; */
	padding:0 0 20px;
	text-align:center;
}
.content {
	width:600px;
	float:left;
	padding:0 0 30px 18px;
}
.border {
	width:570px;
	float:left;
	padding:14px;
	border-left:solid #d2d2d2 1px;
	border-right:solid #d2d2d2 1px;
}
.border_btm {
	clear:both;
	width:100%;
	height:3px;
	background:url(../images/border_btm.gif) no-repeat;
	font-size:3px;
}
.right {
	width:262px;
	float:left;
	padding:0 0 30px 20px;
}

.policy{
	margin-left:20px;
	line-height:120%;
}


/*** home ***/
#news-area{
	height: 290px;
	overflow: auto;
}
.news_wrap {
	clear:both;
	width:100%;
	padding:3px 0;
	border-bottom:dotted #ccc 1px;
	overflow:auto;
}
.news_date {
	width:70px;
	float:left;
}
.news_body {
	width:500px;
	float:left;
}

#facebook-area{
	margin-top: 20px;
}


/*** sub ***/
.s_visual {
	padding:0 0 20px;
	text-align:center;
}
.product_wrap {
	clear:both;
	width:100%;
	padding:10px 0;
	border-bottom:dotted #ccc 1px;
	overflow:auto;
}
.product_main_wrap {
	-moz-border-radius-bottomleft:0.5em;
	-moz-border-radius-bottomright:0.5em;
	-moz-border-radius-topleft:0.5em;
	-moz-border-radius-topright:0.5em;
	border:dotted #ccc 1px;
	overflow:auto;
	clear:both;
	width:100%;
	padding:10px 0px 10px 5px;
	margin-bottom:10px;
}
.thumb {
	width:150px;
	float:left;
}
.p_right {
	width:410px;
	float:left;
	padding:0 0 0 10px;
}
.thumb2 {
	width:200px;
	float:left;
}
.p_right2 {
	width:360px;
	float:left;
	padding:0 0 0 10px;
}
.p_title {
	width:100%;
	padding:0 0 10px;
}
.p_right p {
	padding:0;
}
.border h3 {
	padding:30px 0 10px;
}
.table_list {
	width:100%;
	table-layout: fixed;
}
.table_list th, .table_list td {
	padding:5px 5px;
/* 	text-align:left; */
	vertical-align:middle;
	text-align: center;
}
.table_list th {
	background:#f0f0f0;
	text-align: center;
}
.table_list th:first-Child{width: 180px;}
.table_list th:last-Child{width: 100px;}
.table_list td:nth-child(4){text-align: center;}

.table_list2 {
	width:100%;
}
.table_list2 .padd{
	padding-top:8px;
	padding-bottom:8px;	
}
.table_list2 th, .table_list2 td {
	padding:1px 5px 1px 5px;
	text-align:left;
	border-bottom: #cccccc 1px dashed;
}
.table_list3 td, .table_list4 td {
	padding:1px 5px 1px 5px;
	text-align:left;
}
.table_list3 {
	width:100%;
	border:none;
	border-collapse:collapse;
}
.table_list3 td {
	margin-top:8px;
	padding:10px 10px 10px 10px;
	text-align:left;
	background-color: #edeefc;
	
	vertical-align:top;
}
.table_list4 {
	width:100%;
	border:none;
	border-collapse:collapse;
}
.table_list4 td {
	margin-top:8px;
	padding:10px 10px 10px 10px;
	text-align:left;
	background-color: #ffdddd;
	
	vertical-align:top;
}
.table_list4 .c1 {
	padding-bottom:3px;
}
.table_list4 .c0 {
	vertical-align:bottom;
	padding-bottom:4px;
}
.table_list_recruit {
	width:100%;
	border:none;
	border:1px solid #ccc;
	margin-top:10px;
}
.table_list_recruit td {
	padding:10px 5px 10px 5px;
	text-align:left;
	border-bottom:1px solid #ccc;
	vertical-align:top;
}

.table_list_recruit th {
	padding:10px 5px 10px 5px;
	background:#dddddd;
	text-align:left;
	vertical-align:middle;
	width:20%;
}
.table_list0 {
	width:100%;
	border:none;
}
.table_list0 td {
	padding:1px 5px 1px 5px;
	text-align:left;
	
	vertical-align:top;
}

.table_list0 th {
	padding:5px 5px 1px 5px;;
	text-align:left;
	
	vertical-align:top;
}
.table_list0 .c1 {
	padding-bottom:3px;
}
.table_list0 .c0 {
	vertical-align:bottom;
	padding-bottom:4px;
}
.table_list0 .center{
	text-align:center;
}
.align_left {
	text-align:left !important;
}
.row2 {
	background:#e9efef;
	vertical-align:top;
}
.totop {
	width:100%;
	padding:10px 0 0;
	text-align:right;
}
.totop a {
	padding:0 0 0 15px;
	background:url(../images/arrow.gif) no-repeat 0 1px;
}
.sm {
	list-style:none;
	width:100%;
	height:384px;
	padding:0 0 20px;
}
.sm li {
	width:100%;
	height:31px;
	float:left;
}
.sm a {
	display:block;
	width:100%;
	height:31px;
	float:left;
	text-indent:-9999px;
}
.sm1 a {
	background:url(../images/s_manu.gif) no-repeat 0 0;
}
.sm1 a:hover {
	background:url(../images/s_manu.gif) no-repeat -262px 0;
}
.sm2 a {
	background:url(../images/s_manu.gif) no-repeat 0 -31px;
}
.sm2 a:hover {
	background:url(../images/s_manu.gif) no-repeat -262px -31px;
}
.sm3 a {
	background:url(../images/s_manu.gif) no-repeat 0 -62px;
}
.sm3 a:hover {
	background:url(../images/s_manu.gif) no-repeat -262px -62px;
}
.sm4 a {
	background:url(../images/d_manu.gif) no-repeat 0 -93px;
}
.sm4 a:hover {
	background:url(../images/d_manu.gif) no-repeat -262px -93px;
}
.sm5 a {
	background:url(../images/d_manu.gif) no-repeat 0 -124px;
}
.sm5 a:hover {
	background:url(../images/d_manu.gif) no-repeat -262px -124px;
}
.sm6 a {
	background:url(../images/s_manu.gif) no-repeat 0 -155px;
}
.sm6 a:hover {
	background:url(../images/s_manu.gif) no-repeat -262px -155px;
}
.sm7 a {
	background:url(../images/s_manu.gif) no-repeat 0 -186px;
}
.sm7 a:hover {
	background:url(../images/s_manu.gif) no-repeat -262px -186px;
}
.sm12 a {
	background:url(../images/ssss_manu.gif) no-repeat 0 -186px;
}
.sm12 a:hover {
	background:url(../images/ssss_manu.gif) no-repeat -262px -186px;
}
.sm13 a {
	background:url(../images/ssss_manu.gif) no-repeat 0 -217px;
}
.sm13 a:hover {
	background:url(../images/ssss_manu.gif) no-repeat -262px -217px;
}
.sm8 a {
	background:url(../images/s_manu.gif) no-repeat 0 -217px;
}
.sm8 a:hover {
	background:url(../images/s_manu.gif) no-repeat -262px -217px;
}
.sm9 a {
	background:url(../images/s_manu.gif) no-repeat 0 -248px;
}
.sm9 a:hover {
	background:url(../images/s_manu.gif) no-repeat -262px -248px;
}
.sm10 a {
	background:url(../images/s_manu.gif) no-repeat 0 -279px;
}
.sm10 a:hover {
	background:url(../images/s_manu.gif) no-repeat -262px -279px;
}
.sm11 a {
	height:34px;
	background:url(../images/s_manu.gif) no-repeat 0 -310px;
}
.sm11 a:hover {
	background:url(../images/s_manu.gif) no-repeat -262px -310px;
}

.ss {
	list-style:none;
	width:100%;
	height:135px;
	padding:0 0 20px;
}
	.ss li {
		width:100%;
		height:31px;
		float:left;
	}
	.ss a {
		display:block;
		width:100%;
		height:31px;
		float:left;
		text-indent:-9999px;
	}
	.ss1 a {
		background:url(../images/ss_manu.gif) no-repeat 0 0;
	}
	.ss1 a:hover {
		background:url(../images/ss_manu.gif) no-repeat -262px 0;
	}
	.ss2 a {
		background:url(../images/ss_manu.gif) no-repeat 0 -31px;
	}
	.ss2 a:hover {
		background:url(../images/ss_manu.gif) no-repeat -262px -31px;
	}
	.ss3 a {
		background:url(../images/ss_manu.gif) no-repeat 0 -62px;
	}
	.ss3 a:hover {
		background:url(../images/ss_manu.gif) no-repeat -262px -62px;
	}
	.ss4 a {
			height:34px;
		background:url(../images/ss_manu.gif) no-repeat 0 -93px;
	}
	.ss4 a:hover {
		background:url(../images/ss_manu.gif) no-repeat -262px -93px;
	}
.sss {
	list-style:none;
	width:100%;
	height:289px;
	padding:0 0 20px;
}
	.sss li {
		width:100%;
		height:31px;
		float:left;
	}
	.sss a {
		display:block;
		width:100%;
		height:31px;
		float:left;
		text-indent:-9999px;
	}
	.sss1 a {
		background:url(../images/sss2_manu.gif) no-repeat 0 0;
	}
	.sss1 a:hover {
		background:url(../images/sss2_manu.gif) no-repeat -262px 0;
	}
	.sss2 a {
		background:url(../images/sss_manu.gif) no-repeat 0 -31px;
	}
	.sss2 a:hover {
		background:url(../images/sss_manu.gif) no-repeat -262px -31px;
	}
	.sss21 a {
		background:url(../images/sss2_manu.gif) no-repeat 0 -31px;
	}
	.sss21 a:hover {
		background:url(../images/sss2_manu.gif) no-repeat -262px -31px;
	}
	.sss25 a {
			height:34px;
		background:url(../images/sss2_manu.gif) no-repeat 0 -124px;
	}
	.sss25 a:hover {
		background:url(../images/sss2_manu.gif) no-repeat -262px -124px;
	}
	.sss3 a {
		background:url(../images/sss_manu.gif) no-repeat 0 -62px;
	}
	.sss3 a:hover {
		background:url(../images/sss_manu.gif) no-repeat -262px -62px;
	}
	.sss4 a {
			height:34px;
		background:url(../images/sss_manu.gif) no-repeat 0 -93px;
	}
	.sss4 a:hover {
		background:url(../images/sss_manu.gif) no-repeat -262px -93px;
	}
	.sss5 a {
			height:34px;
		background:url(../images/sss_manu.gif) no-repeat 0 -124px;
	}
	.sss5 a:hover {
		background:url(../images/sss_manu.gif) no-repeat -262px -124px;
	}
	.sss6 a {
			height:34px;
		background:url(../images/sss_manu.gif) no-repeat 0 -155px;
	}
	.sss6 a:hover {
		background:url(../images/sss_manu.gif) no-repeat -262px -155px;
	}

.table_form {
	width:100%;
	margin:0 0 10px 0;
	border-top:solid #eee 1px;
	border-left:solid #eee 1px;
}
.table_form th, .table_form td {
	padding:5px;
	border-right:solid #eee 1px;
	border-bottom:solid #eee 1px;
}
.table_form th {
	width:190px;
	background-color:#eeeeee;
	color:#333333;
}
.tf1 {
	width:150px;
}
.tf2 {
	width:250px;
}
.tf3 {
	width:330px;
}
.ta1 {
	width:330px;
	height:200px;
}
.banner iframe {
	border:none;
	overflow:hidden;
}
.checker {
	margin-bottom:10px;
}
.table-conform td {
	font-size:10px;
}
.list_right {
	margin-left: 15px;
}
.gray h3 {
	background-color: #CCCCCC;
	float: left;
	height: 21px;
	display: block;
	width: 560px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	clear: both;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.top_kuhaku {
	padding-top: 30px;
	padding-bottom: 10px;
}
.red {
	color: #FF0000;
}



/*  Clear Floats Without Structural Markup (http://www.positioniseverything.net/easyclearing.html)
*******************************************************************************/
.wrap:after,
#header:after,
#header-inner:after,
#content:after,
#main:after,
#aside:after,
#footer:after,
#footer-inner:after,
#topic-path:after,
#footer-sitemap:after,
.clearfix:after,
.cf:after{
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.wrap,
#header,
#header-inner,
#content,
#main,
#aside,
#footer,
#footer-inner,
#topic-path,
#footer-sitemap,
.clearfix,
.cf{
  zoom:1;
}