/* 共通設定 */
body{
	margin:0 auto;
	line-height:1.8em;
	height:100%;
	min-width:360px;
	max-width:600px;
/*頭に*をつければＩＥだけ設定*/
}
a{
	color:#333;
	text-decoration:none;
}
a:hover{
}
.pc{
	display:none !important;
}
.wrapper{
	position:relative;
}
.wrapper img.bg{
width:100%;
	border:1px solid lime;
}
/* header */
.wrapper .lead{
	display:none !important;
}
h1{
	font-size:93%;
	color:#aaaaaa;
	margin-bottom:5px;
}
#header{
	margin-bottom:10px;
}
#header .logo{
	display:block;
	width:40%;
	float:left;
}
#header .logo img{
	margin-left:10px;
	width:100%;
	height:auto;
}
#header .header_text{
	display:block;
	float:right;
	text-align:right;
	width:50%;
}
#header .header_text a{
	display:inline-block;
	font-size:131%;
	padding:3% 10% 3% 25%;
	background:#109ebd url(../img/common/mail_btn.png) left 15% center no-repeat;
	background-size:auto 50%;
	border-radius:1.5em 0 0 1.5em;
	color:#fff;
	text-decoration:none;
}
#gloval{
	position:absolute;
/*	position:fixed;*/
	top:0;
	bottom:0;
	right:0;
	width:50px;
	height:50px;
	background:url(../img/sp_common/gloval_list.png) center center no-repeat;
	background-size:120% auto;
	z-index:999;

/*	background:#efefef;
	margin-bottom:20px;
	width:85%;
	float:left;
*/
}
#gloval ul{
	display:none;
	position:absolute;
	top:0;
	right:0;
}
#gloval.check ul{
	display:block;
/*	position:fixed;*/
/*	position:relative;	*/
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding-top:50px;
	background:red;
}
#gloval li{
	width:50%;
	margin-left:50%;
	text-align:right;
	background: url(../img/common/g_nav_li.gif) center right no-repeat;
	border-bottom:solid 1px #fff;
	background:#87a25b;
}
#gloval li a{
	display:block;
	padding:15px 10%;
	background:#87a25b;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
}
#gloval li a:hover{
	color:#56712a;
}
.nav{
	background:red;
	width:100%;
}



/* footer */
#footer{
	padding:10px 10px 5px;
	background:#efefef;
}
#footer .ft_menu{
	margin-bottom:10px;
}
#footer .ft_menu li{
	display:inline-block;
	padding:0 10px;
	border-left:solid 1px #666;
	margin-bottom:15px;
}
#footer .ft_lead{
	display:none;
}
address{
	text-align:center;
}
/* side_nav */
#Lside #Lindex{
	width:15%;
	float:right;
	padding-top:58px;
	background:#efefef url(../img/sp_common/sp_h_nav_05.png) center center no-repeat;
	border-bottom:solid 2px #109ebd;
	position:relative;
}
#Lside #Lindex.checked{
	background-color:#109ebd;
}
#Lside .check ul{
	display:none;
}
#Lside .checked ul{
	display:block;
	position:absolute;
	top:58px;
	right:0;
	width:200px;
	background:#efefef;
}
#Lside a,
#Lside .target li a{
	display:block;
	line-height:2em;
	padding:0 10px;
	font-size:161.6%;
	background:none;
	color:#666;
	border-left:solid 2px #109ebd;
}
#Lside .target a,
#Lside a:hover{
	line-height:38px;
	background:#109ebd;
	color:#fff;
	border-left:solid 2px #efefef;
}
#Lside .target li a{
	font-size:123.1%;
	padding-left:20px;
}
#Lside .target li a:hover{
	background:#109ebd;
	color:#fff;
}

/* main */
#contWrap{
	margin-bottom:50px;
}
#cont{
	clear:both;
}
#cont h3{
	color:#109ebd;
	font-size:138.5%;
	margin-bottom:20px;
}

/* page-navi */
.page-navi{
	clear:both;
	text-align:center;
}
.page-navi span,
.page-navi a{
	display:inline-block;
	line-height:3em;
	padding:5px 20px;
	border-radius:5px;
}
.page-navi span{
	background:#aaaaaa;
	color:#666666;
}
.page-navi a{
	background:#a5bff4;
	color:#109ebd;
}
.page-navi a:hover{
	background:#109ebd;
	color:#ffffff;
}



/* home */

.topics,
.top_message,
.top_note .list{
	background:#efefef;
	margin-bottom:20px;
	padding:2%;
}
.main_img{
	background:#efefef;
	margin-bottom:20px;
}
.main_img img{
	width:100%;
	height:auto;
}
.topics dt{
	margin-bottom:10px;
}
.topics dt p{
	display:inline-block;
}
.topics dt .title{
	font-size:116%;
	font-weight:bold;
}
.topics dt .date{
	display:inline-block;
	margin-right:10px;
}
.topics dd{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:dotted 1px #666666;
}
.topics dd:last-child{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
/*
.top_message,
.top_note .list{
	width:45%;
	float:right;
}
.top_note .list.left{
	float:left;
}
*/
.top_note .list .appeal{
	margin:0 10px 20px;
}
.top_message p,
.top_note .list p{
	margin:0 10px 5px;
}
.top_note .list h4{
	margin-bottom:10px;
	font-size:116%;
}
/* contents */
.main_navi{
	margin-bottom:15px;
}
.main_navi li{
	display:inline-block;
	width:32.2%;
	margin-bottom:10px;
	margin-left:0.2%;
}
.main_navi li a{
	display:block;
	text-align:center;
	background:#efefef;
	line-height:3em;
}
.main_navi li.hit a,
.main_navi li a:hover{
	background:#109ebd;
	color:#ffffff;
}
.service dl{
	margin-bottom:20px;
	background:#efefef;
	padding:15px 20px;
}


/* production */
.production .production_title{
	padding:15px 20px;
	background:#efefef;
	margin-bottom:20px;
}
.production .production_contents{
	margin-bottom:20px;
}
.production .production_contents dl{
	margin:0 0.5% 15px;
	padding:1.5%;
	background:#efefef;
}
.production .production_contents dt{
	display:inline-block;
	margin-bottom:5px;
	width:30%;
	overflow:hidden;
	border:solid 1px #666666;
	background:#ffffff;
	vertical-align:top;
}
.production .production_contents dt img{
	width:100%;
	max-width:auto;
	height:auto;
	min-height:100%;
}
.production .production_contents dd{
	display:inline-block;
	width:65%;
	margin-left:2%;
}
.production .production_contents .comment{
	display:block;
}

/* system */
.system .system_comment{
	padding:20px;
	margin-bottom:20px;
	background:#efefef;
}
.system .description{
	padding:20px;
	background:#efefef;
}
.system .description h4{
	margin-bottom:10px;
	margin-left:5px;
}
.system .description p{
	margin-bottom:20px;
	margin-left:15px;
}

/* flow */
.flow_note{
	padding:20px;
	background:#efefef;
	margin-bottom:20px;
}
.flow_note .left{
	display:inline-block;
	width:20%;
	text-align:center;
	margin:0;
	vertical-align:top;
}
.flow_note .left img{
	width:100%;
	height:auto;
}
.flow_note .right{
	display:inline-block;
	width:73%;
	margin:0 0 10px 3%;
}

.flow_note h4{
	margin:0 5px 10px;
}
.flow_note p{
	margin:0 5px 20px 15px;
}
.flow_note p a{
	color:#109ebd;
}
.flow_note p a:hover{
	text-decoration:underline;
}
/* company */
.company{
	padding:20px;
	background:#efefef;
}
.company table{
	width:100%;
	/*border-top:solid 1px #109ebd;*/
}
.company table th,
.company table td{
	/*border-bottom:solid 1px #109ebd;*/
	padding:10px ;
}
.company table th{
	vertical-align:middle;
	/*border-right:dotted 1px #109ebd;
	border-left:solid 1px #109ebd;*/
	border-bottom:dotted 1px #ffffff;
	background:#bfe5ed;
	color:#109ebd;
}
.company table td{
	/*border-right:solid 1px #109ebd;*/
	border-bottom:dotted 1px #a5bff4;
	background:#ffffff;
}



/* contact */
.contact{
	padding:20px;
	background:#efefef;
}
#contact h3{
	font-size:100%;
	padding:0 10px 3px;
	border-bottom:solid 1px #cacaca;
	margin-bottom:10px;
}
#contact p{
	margin:0 5px 5px;
	font-size:85%;
}
	/* width */
	#contact dl{
		margin:0 5px;
	}
	.dataTable{
		padding:0 2%;
		background:#ffffff;
	}
	.dataTable table{
		width:100%;
		font-size:85%;
	}
	.dataTable table td input[type="text"],
	.dataTable table td textarea{
		width:90%;
	}
	
	.dataTable table td textarea{
		height:100px;
	}
	.dataTable table td.contact_tel input{
		width:25%;
	}
	/* background&color */
	#contact{
		color:#505050;
	}
	.dataTable{
		/*background:#fcf7dd;*/
	}
	.necessity,
	.error{
		color:#ff0000;
	}
	.dataTable table input[type="radio"],
	.dataTable table input[type="checkbox"]{
		display:none;
	}
	/*確認画面へﾎﾞﾀﾝ*/
	.button input.go_conf{
		background: url(../img/contact/conf_btn_off.gif) center no-repeat;
	}
	.button input.go_conf:hover{
		background: url(../img/contact/conf_btn_on.gif) center no-repeat;
	}
	/*戻る*/
	.button input.back{
		background: url(../img/contact/back_btn_off.gif) center no-repeat;
	}
	.button input.back:hover{
		background: url(../img/contact/back_btn_on.gif) center no-repeat;
	}
	/*メール送信*/
	.button input.go_mail{
		background: url(../img/contact/submit_btn_off.gif) center no-repeat;
	}
	.button input.go_mail:hover{
		background: url(../img/contact/submit_btn_on.gif) center no-repeat;
	}
	.button input[type="submit"],
	.button input[type="submit"]:hover{
		max-width:45%;
		background-size:100% auto;
	}

.comp {
	text-align:center;
	margin:20px auto;
}
.dataTable{
	margin:15px auto 20px;
	border:#cccccc 1px solid;
}
.dataTable table .one th,
.dataTable table .one td{
	border:none;
}
.dataTable table th,
.dataTable table td{
	display:block;
	text-align:center;
}
.dataTable table th{
	font-weight:normal;
	border-top:#cccccc 1px dotted;
	padding:20px 0 10px;
}
.dataTable table td{
	padding:0 0 20px;
}
.dataTable table td input,
.dataTable table td textarea{
	padding:5px;
}
.dataTable table td.contact_radio input{
	width:15px;
}
.button{
	text-align:center;
}
.button input{
	cursor: pointer;
	display: inline-block;
	width:200px;
	height:45px;
	border:none;
	text-indent: -9999px;
	*sidplay:block;
	*float:left;
}