/* 画像ボーダーなし、下揃え */
img{
	border : 0px;
	}
/* 文字の縦位置 */
.m{
	vertical-align : middle;
	}
.vm{
	vertical-align : middle;
	}

	
/* リンク */
a:link { color: #1598D5; text-decoration : none;} 
a:visited { color: #1598D5; text-decoration : none;} 
a:hover { color: #E10000; text-decoration : underline;} 
a:active { color: #1598D5; text-decoration : none;} 
a:focus{ outline:none;}

.hover a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
	}

/* フロート類 */
.fl{
	float : left;
	margin-right : 20px;
	}
.fr{
	float : right;
	margin-left : 10px;
	}
.cr{
	clear : both;
	}
.crr{
	clear : right;
	}
	
.clear:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clear {
  min-height: 1px;
}

* html .clear{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* センター */
.ce{
	text-align : center;
	}
.rr{
	text-align : right;
	}
.ll{
	text-align : left;
	}
/* P　マージンなし */
p{
	margin : 0 auto;
	}
sup{
	vertical-align: baseline;
	position:relative;
	top:-2px
	}

.f10{
	font-size : 10px;
	line-height : 1.5em;
	}
.f12{
	font-size : 12px;
	}
.f14{
	font-size : 14px;
	}
.f16{
	font-size : 16px;
	}
.f18{
	font-size : 18px;
	}
.f20{
	font-size : 20px;
	}
.f24{
	font-size : 24px;
	}
.f40{
	font-size : 40px;
	}

.ind{
	text-indent : -1em;
	margin : 0 0 0 1em;
	}
.bold{
	font-weight : bold;
	}

/* 赤文字 */
.red{
	color : #d0111a;
	}

.mb10{
	margin-bottom : 10px;
	}
.mb20{
	margin-bottom : 20px;
	}
.mb30{
	margin-bottom : 30px;
	}
.mb40{
	margin-bottom : 40px;
	}
.mt10{
	margin-top : 10px;
	}
.mt20{
	margin-top : 20px;
	}
.mt30{
	margin-top : 30px;
	}
.mt40{
	margin-top : 40px;
	}

.black{color: #000 !important;}

/* h */

h2 a:link { color: #2BB3E6; } 
h2 a:visited { color: #2BB3E6; } 
h2 a:hover { color: #E46100; text-decoration : underline;} 
h2 a:active { color: #2BB3E6; } 
h2,h3{
	font-size : 14px;
	font-weight : normal;
	margin : 0;
	padding : 0;
	}

form{
	margin : 0;
	}
textarea{
	font-size : 12px;
	}
input,select{
	margin : 0 0 10px 0;
	}
table{
	line-height : 1.8em;
	}
.nowrap{
	white-space : nowrap;
	}

ul,ol{
	margin : 0;
	padding : 0 0 0 2em;
	}
.margin_list li{
	margin : 0 0 10px 0;
	}

.radius{
	border-radius : 3px;
	-webkit-border-radius : 3px;
	}


/* ボディ全体 */
body{
	margin : 0 auto;
	padding : 0;
	text-align : center;
	font-size : 14px;
	color : #000;
	line-height : 1.8em;
	min-width : 950px;
	font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS UI Gothic", "Osaka", "san-serif";
	}

/* ヘッダ */
	
#head{
	border-top : solid 5px #1860b1;
	margin : 0 auto;
	text-align : center;
	margin-bottom : 15px;
	}
#head_content{
	margin : 0 auto;
	width : 950px;
	text-align : left;
	overflow : hidden;
	padding: 15px 0 0 0;
	}
#head_content h1{
	margin : 0;
	font-size : 30px;
	}
#head_content h1{
	margin : 0;
	font-size : 30px;
	}
#head_content h1 a{
	text-decoration : none;
	color : #1860b1;
	font-weight : bold;
	}

#head_content .call{
	float : right;
	text-align : right;
	font-weight : bold;
	font-size : 16px;
	}
#head_content .call .tel{
	font-size : 26px;
	background : url('../img/common/tel.png') no-repeat left center;
	padding : 3px 0 3px 35px;
	}



/* ナビゲーション */


#navi{
	border-top : solid 1px #d8d8d8;
	border-bottom : solid 1px #d8d8d8;
	margin : 0 0 4px 0;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
	}
#navi ul{
	list-style : none;
	overflow : hidden;
	width : 950px;
	margin : 0 auto;
	padding : 0 0 3px 0;
	box-sizing : border-box;
	}
#navi li{
	float : left;
	font-weight : bold;
	width : 20%;
	box-sizing : border-box;
	border-right : solid 1px #d8d8d8;
	border-top : solid 6px #fff;
	padding : 5px 0 7px 0;
	}
#navi li:first-child{
	border-left : solid 1px #d8d8d8;
	}
#navi li a{
	color : #000;
	text-decoration : none;
	padding : 5px 0;
	display : block;
	line-height : 1.4;
	}
#navi li a:hover{
	color : #004d8f;
	}
#navi li:hover,
#navi li.current{
	border-top : solid 6px #004d8f;
	}
#navi li a span{
	color : #004d8f;
	display : block;
	font-size : 10px;
	line-height : 1.4;
	}



/* メイン部分 */


#content{
	margin : 0 auto;
	text-align : left;
	padding : 100px 0;
	width : 950px;
	font-size : 16px;
	}
#title{
	background : #eee;
	padding : 120px 0;
	margin : 0 auto;
	text-align : center;
	font-size : 26px;
	color : #fff;
	}
#title_content{
	width : 950px;
	margin : 0 auto;
	text-align : left;
	}
#title_content span{
	margin : 0 0 0 10px;
	font-size : 18px;
	color : #fff;
	}
	.box{
		margin : 0 0 120px 0;
		}
	.box .title{
		border-bottom : solid 1px #000;
		font-size : 26px;
		padding : 0 0 5px 0;
		margin : 0 0 50px 0;
		}
	h3{
		background: url(../img/common/line.jpg) no-repeat left bottom;
		padding: 0 0 10px 0;
		font-size : 26px;
		margin : 0 0 50px 0;
		}

/* ページトップへ */
#scrollUp {
	bottom: 60px;
	right: 60px;
	height: 48px;  /* Height of image */
	width: 48px; /* Width of image */
	background: url(../img/common/top.png) no-repeat;
	}



/* フッター */
	
	
#foot{
	border-top : solid 3px #1860b1;
	background : #f2f2f2;
	text-align : left;
	line-height : 1.5;
	padding : 30px 0;
	overflow : hidden;
	}
#foot_content{
	overflow : hidden;
	width : 950px;
	margin : 0 auto;
	}
#foot_logo{
	width : 300px;
	float : left;
	}
#foot_logo h2{
	font-weight : bold;
	font-size : 20px;
	color : #003965;
	}
#foot_navi{
	width : 580px;
	float : left;
	padding : 35px 0 0 0;
	margin : 0 0 0 70px;
	text-align : right;
	}
#foot_navi a{
	color : #000;
	}
#copy{
	text-align : center;
	padding : 5px 0;
	font-size : 12px;
	}



/* TOPページ */
#index_main{
	border-bottom : solid 1px #dfdfdf;
	}
#index_main img{
	width : 100%;
	}
#greeting{
	padding : 120px 0;
	width : 950px;
	margin : 0 auto;
	font-size : 16px;
	}
#greeting .title{
	font-size : 30px;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	margin : 0 0 20px 0;
	}

#navi_bnr{
	border-top : solid 1px #dfdfdf;
	padding : 80px 0;
	}
#navi_bnr ul{
	width : 950px;
	margin : 0 auto;
	list-style-type : none;
	padding : 0;
	}
#navi_bnr ul li{
	width : 435px;
	float : left;
	margin : 0 0 0 80px;
	}
#navi_bnr ul li:first-child{
	margin : 0;
	}

#store_bnr{
	border-top : solid 1px #dfdfdf;
	padding : 80px 0;
	}
#store_bnr .title{
	margin : 0 0 50px 0;
	font-size : 24px;
	font-weight : bold;
	}
#store_bnr .title span{
	border-bottom : solid 3px #000;
	background : url('../img/common/cart.png') no-repeat left center;
	padding : 0 0 0 40px;
	}
#store_bnr ul{
	width : 950px;
	margin : 0 auto;
	list-style-type : none;
	padding : 0;
	}
#store_bnr ul li{
	float : left;
	margin : 0 0 0 6px;
	}
#store_bnr ul li:first-child{
	margin : 0;
	}


/* 会社概要 */
#title.company{
	background : url('../img/company/main.jpg') no-repeat center center;
	background-size : cover;
	}
	.company_table{
		border : solid 1px #c3c3c3;
		border-collapse : collapse;
		width : 100%;
		}
	.company_table th{
		width : 150px;
		font-weight : normal;
		white-space : nowrap;
		text-align : left;
		vertical-align : top;
		border : solid 1px #c3c3c3;
		background : #ececec;
		padding : 15px;
		}
	.company_table td{
		border : solid 1px #c3c3c3;
		vertical-align : top;
		padding : 15px;
		}


/* 採用情報 */
#title.recruit{
	background : url('../img/recruit/main.jpg') no-repeat center center;
	background-size : cover;
	}
	.recruit_block{
		margin : 0 0 50px 0;
		}
	.recruit_block .title{
		font-weight : bold;
		font-size : 16px;
		padding : 10px 20px;
		border : solid 1px #003c89;
		margin : 0 0 30px 0;
		color : #003c89;
		}
	.recruit_block .image{
		width : 400px;
		float : left;
		}
	.recruit_block .text{
		width : 520px;
		float : left;
		margin : 0 0 0 30px;
		}
	.recruit_block .text .read{
		font-weight : bold;
		font-size : 18px;
		margin : 0 0 20px 0;
		}




/* 製品案内 */
#title.products{
	background : url('../img/products/main.jpg') no-repeat center center;
	background-size : cover;
	}
#title.products #title_content{
	}
#title.products #title_content span{
	}
	.products_table{
		width : 100%;
		}
	.products_table td{
		width : 33%;
		text-align : center;
		padding : 20px 0;
		}
	.products_table td img{
		max-width : 200px;
		}




/* お問い合わせ・申し込み */
#title.contact{
	background : url('../img/contact/main.jpg') no-repeat center center;
	background-size : cover;
	}
	.contact_table{
		border : solid 1px #c3c3c3;
		border-collapse : collapse;
		margin : 10px 0 60px 0;
		width : 100%;
		}
	.contact_table th{
		font-weight : normal;
		white-space : nowrap;
		width : 180px;
		text-align : left;
		vertical-align : top;
		border : solid 1px #c3c3c3;
		background : #ececec;
		padding : 15px;
		}
	.contact_table td{
		padding : 15px 0 15px 15px;
		border : solid 1px #c3c3c3;
		vertical-align : top;
		}
	.contact_table .mark{
		background : #e73658;
		padding : 2px 5px;
		font-size : 10px;
		color : #fff;
		border-radius : 5px;
		}
	.contact_table input,
	.contact_table textarea{
		padding : 10px;
		border : solid 1px #ccc;
		border-radius : 3px;
		background:none;
		}
	.contact_table input[type=text]{
		width : 500px;
		}
	.contact_table .zip{
		width : 100px !important;
		}
	.contact_table .number{
		width : 30px !important;
		}
	.contact_table textarea{
		width : 600px;
		}
	.red12{
		font-size : 12px;
		color : #d0111a;
		}
	.kiyaku_box{
		overflow : auto;
		height : 200px;
		border : solid 1px #cdcdcd;
		margin : 0 0 30px 0;
		background : #fff;
		}
	.kiyaku_box .text{
		padding : 25px;
		}
	.kiyaku_box .text ol{
		list-style : decimal;
		padding : 0 0 0 15px;
		}
	.kiyaku_box .text ol li{
		margin : 0 0 10px 0;
		}
	.kiyaku_box .text .title{
		font-size : 120%;
		border-bottom : solid 1px #cdcdcd;
		}
	.kiyaku_box .text p{
		margin : 0 0 15px 0;
		}

	.btn01{
		background : #e73658;
		border : none;
		color : #fff;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
		padding : 15px 0;
		width : 300px;
		font-size : 16px;
		cursor : pointer;
		border-radius : 5px;
		}
	.btn01:hover{
		background : #f36882;
		}
	.btn02{
		background : #a4a4a4;
		border : none;
		color : #fff;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
		padding : 10px 0;
		width : 200px;
		font-size : 12px;
		cursor : pointer;
		border-radius : 5px;
		}
	.btn02:hover{
		background : #cecece;
		}
		
	#input a{
		text-decoration : none;
		}