@charset "UTF-8";

/*
	hirosfactory.net Main Site/ layout
	created by Hiroshi Konnai
*/

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

BASIC

***************************************/
/*body TAG*/
body{
	color: #333333 ;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
a:link,a:visited{
	color: #333333 ;
}
a:hover{
	color: #666666 ;
}
img{
	vertical-align:top;
	line-height:1;
	font-size:0.1;
}
/**************************************

common

***************************************/
#wrapper{
	margin:0 auto;
	padding:0;
	min-width:320px;
	max-width:640px;
	background-color:#f8f7f7;
	border-top:3px solid #004381;
}
#header{
	border-top:1px solid #ffffff;
}
#mainview{
	margin:0 auto;
	position:relative;
	border-bottom:1px solid #b1b1b1;
}
#mainview img{
	width:100%;
	height:auto;
}
#header #top{
	position:absolute;
	top:30%;
	right:10px;
	width:40px;
	height:37px;
}
#smenu1 {
	margin:0;
	width:47px;
	height:35px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background-image:url(../img/common/menu.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	background-size:47px 35px;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border:none;
	text-indent:-9999px;
}
#tel{
	margin:0 auto;
	text-align:center;
	padding:10px;
}
#tel img{
	width:302px;
	height:42px;
}

#kai{
	margin:0 auto;
	text-align:center;
	padding:10px;
}
#kai img{
	width:350px;
	height:54px;
}

#ani{
	margin:0 auto;
	text-align:center;
	padding:10px;
}
#ani img{
	width:350px;
	height:75px;
}

#recruit{
	margin:0 auto;
	text-align:center;
	padding:10px;
}
#recruit img{
	width:350px;
	height:100px;
}


#footer {
	margin:0;
	padding:0;
	background-image:url(../img/common/fback.jpg);
	background-repeat:repeat;
	background-position:left top;
}
#footer .footadress{
	margin:0;
	padding:0;
}
#footer .footadress h2 img{
	width:100%;
	height:auto;
}
#footer .footadress p{
	margin:0 auto;
	padding:0 15px 15px 15px;
	font-size:15px;
	line-height:1.2;
	font-weight:bold;
	text-shadow:
		0 0 1px #ffffff,
		0 0 1px #ffffff,
		0 0 1px #ffffff,
		0 0 1px #ffffff,
		0 0 1px #ffffff,
		0 0 1px #ffffff,
		0 0 1px #ffffff;
	-webkit-text-shadow:
		0 0 1px #ffffff,
		0 0 1px #ffffff,
		0 0 1px #ffffff,
		0 0 1px #ffffff,
		0 0 1px #ffffff,
		0 0 1px #ffffff,
		0 0 1px #ffffff;
	-moz-text-shadow:
		0 0 1px #ffffff,
		0 0 1px #ffffff,
		0 0 1px #ffffff,
		0 0 1px #ffffff,
		0 0 1px #ffffff,
		0 0 1px #ffffff,
		0 0 1px #ffffff;
}
#footer .flink{
	margin:0;
	padding:15px 5px;
	text-align:right;
	background-color:#ffffff;
}
#copyright{
	margin:0 auto;
	background-image:url(../img/common/footer.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:320px 84px;
	position:relative;
}
#copyright p{
	position:absolute;
	top:0;
	left:0;
}
#copyright img{
	width:100%;
	height:auto;
}

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

index

***************************************/
#nav ul li{
	margin:0;
	padding:0;
	border-bottom:1px solid #b1b1b1;
	background:url(../img/common/icon1.png),linear-gradient(#ffffff, #e5e5e5);/* 通常用 */
	background:url(../img/common/icon1.png),-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e5e5));/* webkit用 */
	background:url(../img/common/icon1.png),-moz-linear-gradient(top, #ffffff, #e5e5e5);/* mozilla用 */
}
#nav ul li a{
	display:block;
	text-decoration:none;
	font-size:18px;
	padding:26px 35px 26px 45px;
	text-shadow:0 0 3px #ffffff;
	-webkittext-shadow:0 0 3px #ffffff;
	-moz-text-shadow:0 0 3px #ffffff;
	font-weight:bold;
}
#nav ul li a.ex{
	background-image:url(../img/index/arrow.png),url(../img/index/icon01.png);
	background-position:right center, 5px center;
	background-repeat:no-repeat, no-repeat;
	background-size:35px 18px, 34px 34px;
}
#nav ul li a.fun{
	background-image:url(../img/index/arrow.png),url(../img/index/icon02.png);
	background-position:right center, 5px center;
	background-repeat:no-repeat, no-repeat;
	background-size:35px 18px, 34px 34px;
}
#nav ul li a.pri{
	background-image:url(../img/index/arrow.png),url(../img/index/icon03.png);
	background-position:right center, 5px center;
	background-repeat:no-repeat, no-repeat;
	background-size:35px 18px, 34px 34px;
}
#nav ul li a.acc{
	background-image:url(../img/index/arrow.png),url(../img/index/icon04.png);
	background-position:right center, 5px center;
	background-repeat:no-repeat, no-repeat;
	background-size:35px 18px, 34px 34px;
}
#nav ul li a.lic{
	background-image:url(../img/index/arrow.png),url(../img/index/icon05.png);
	background-position:right center, 5px center;
	background-repeat:no-repeat, no-repeat;
	background-size:35px 18px, 34px 34px;
}
#whatsnew {
	margin:10px auto 10px;
	padding:20px 0 15px;
	background: #ffffff;
}
	div.whatsnew_main {
		margin: 10px auto;
		padding: 0 15px;
		height: 250px;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		overflow-y: scroll;
	}
	div.whatsnew_main2 {
		font-size:18px;
		padding: 0 15px;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		overflow-y: scroll;
	}
		div.whatsnew_main div {
			font-size:18px;
			font-weight: bold;
			line-height: 150%;
			text-indent: -1.3em;
			margin: 20px 0 0 1.3em;
			max-height: 999999px;
		}
		div.whatsnew_main p {
			font-size:16px;
			line-height: 150%;
			margin: 5px 0 10px;
			max-height: 999999px;
		}
			div.whatsnew_main p img {
				margin: 2px 0;
			}
/**************************************

access

***************************************/
#header .gototop{
	position:absolute;
	bottom:7%;
	left:0;
	width:50%;
}
#article{
	margin:0;
	padding:0;
}
#article .title{
	background:url(../img/common/icon1.png),linear-gradient(#fbfafa, #e5e5e5);/* 通常用 */
	background:url(../img/common/icon1.png),-webkit-gradient(linear, left top, left bottom, from(#fbfafa), to(#e5e5e5));/* webkit用 */
	background:url(../img/common/icon1.png),-moz-linear-gradient(top, #fbfafa, #e5e5e5);/* mozilla用 */
	border-bottom:1px solid #b1b1b1;
}
#article .title h1{
	font-size:18px;
	padding:16px 5px 16px 58px;
	text-shadow:
		0 0 3px #ffffff,
		0 0 3px #ffffff,
		0 0 3px #ffffff,
		0 0 3px #ffffff,
		0 0 3px #ffffff,
		0 0 3px #ffffff,
		0 0 3px #ffffff;
	-webkit-text-shadow:
		0 0 3px #ffffff,
		0 0 3px #ffffff,
		0 0 3px #ffffff,
		0 0 3px #ffffff,
		0 0 3px #ffffff,
		0 0 3px #ffffff,
		0 0 3px #ffffff;
	-moz-text-shadow:
		0 0 3px #ffffff,
		0 0 3px #ffffff,
		0 0 3px #ffffff,
		0 0 3px #ffffff,
		0 0 3px #ffffff,
		0 0 3px #ffffff,
		0 0 3px #ffffff;
	font-weight:bold;
	background-image:url(../img/common/title_left.jpg);
	background-position:left center;
	background-repeat:repeat-y;
	background-size:48px 52px;
}
#article .upper{
	margin:10px auto 0 auto ;
}
#article .upper .mapbox{
	margin:0 auto;
	padding:10px 0 0 0;
	width:318px;
}
.mapbtn{
	margin:0 auto;
	padding:10px 0 0 0;
	width:302px;
}
.mapbtn img{
	width:100%;
	height:auto;
}
h2.h2title{
	margin:0;
	font-size:19px;
	font-weight:bold;
	color:#ff9900;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h2.h2title1{
	margin:0;
	font-size:19px;
	font-weight:bold;
	color:#3d1bd0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.sec1{
	margin:0 auto;
	padding:0 5px 10px 5px;
	/*width:320px;*/
	font-size:16px;
}
.sec1 p{
	padding:5px 2px;
	line-height:1.3;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
}
#middlebanner{
	margin:0 auto;
	padding:10px 0;
	width:320px;
}
#middlebanner ul{
	width:302px;
	margin:0 auto;
}
#middlebanner ul li{
	padding:3px 0;
}
#underbanner{
	margin:0;
	padding:8px 0;
}
#underbanner ul{
	display:table;
	margin:0 auto;
	width:320px;
}
#underbanner ul li{
	display:table-cell;
	padding:1px 1px 1px 1px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#underbanner ul li img,#middlebanner ul li img{
	width:100%;
	height:auto;
}
#underbanner ul li.left{
	width:161px;
}
#underbanner ul li.right{
	width:159px;
}
/**************************************

price

***************************************/
.pricebox1{
	margin:0;
	padding:20px 5px 10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background-color:#bccf1c;
}
	.pricebox1.bg_w{
		background-color:#fff;
	}
.pricebox1 img,.pricebox2 img{
	width:100%;
	height:auto;
}
.pricebox2{
	margin:0;
	padding:20px 5px 10px;
	border-radius:5px;
}
	.pricebox2 h2{
		margin:0;
		padding:20px 0 0;
		border-radius:5px;
		background-color:#1aa3bc;
	}
	.pricebox2.bg_w{
		background-color:#fff;
	}
.rentalbox{
	margin:5px 8px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
	font-size:16px;
}
.rentalbox h3{
	font-size:17px;
	/*font-weight:bold;*/
	padding:0 0 5px 0;
}
.rentaltable1{
	margin:0;
	padding:0;
	display:table;
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
	border-bottom:1px solid #454545;
}
.rentaltable1 dt{
	display:table-cell;
	width:70%;
	padding:3px 4px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	background-color:#f0f0f0;
}
.rentaltable1 dd,.rentaltable2 dd,.rentaltable3 dd{
	display:table-cell;
	padding:3px 4px;
}
.rentaltable2,.rentaltable3{
	margin:5px 0 0 0;
	padding:0;
	display:table;
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
	border-bottom:1px solid #454545;
}
.rentaltable2 dt{
	display:table-cell;
	width:70%;
	padding:3px 4px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	background-color:#d7dcff;
}
.rentaltable3 dt{
	display:table-cell;
	width:70%;
	padding:3px 4px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	background-color:#fee1ff;
}
.rentalbox p{
	padding:10px 3px 2px 3px;
	line-height:1.2;
}
/**************************************

fun

***************************************/
p.functxt1{
	padding:20px 5px 30px 5px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5;
	font-size:16px;
}
	p.functxt1.bg_w {
		background: #fff
	}
p.functxt2{
	padding:5px 5px 20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5;
	font-size:16px;
}
	p.functxt2 + p.functxt2 {
		padding-top:20px;
	}
	p.functxt2.bg_w {
		background: #fff
	}
	p.functxt2 strong {
		display: block;
		font-size: 18px;
		font-weight: normal;
	}
p.functxt2 a,p.functxt2 span.orange{
	color:#ff9900;
	text-decoration: none;
}
/**************************************

experience

***************************************/
h3.h3title{
	padding:10px 0 5px 0;
}
h3.h3title img,.expricetable dt img,.exbanner img,.inputbtn input[type="image"]{
	width:100%;
	height:auto;
}

.expricetable{
	margin:0 auto 10px auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:100%;
}
.expricetable dt{
	display:flex;
	width:100%;
}
.expricetable dt img{
	width:50%;
	height: auto;
}
.expricetable dd{
	padding:5px 5px 0;
	display:block;
	line-height:1.3;
	font-size:15px;
}
.expricetable dd strong{
	color:#F90;
	font-size:23px;
}
p.functxt3{
	padding:5px 5px 5px 5px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.4;
	font-size:16px;
}
.exbanner{
	margin:0;
	padding:5px 5px 10px 5px;
	line-height:1.4;
	font-size:16px;
}
/**************************************

contact

***************************************/
p.contacttxt1{
	padding:15px 5px 5px 5px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5;
	font-size: 16px;
}
p.contacttxt1 a,p.contacttxt2 .orange,.contacttable dt .orange{
	color:#F90;
}
p.contacttxt2{
	padding:10px 5px 0 5px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.3;
	font-size:15px;
}
.contacttable{
	margin:0 auto;
	padding:0;
	display:table;
	width:98%;
	border-collapse:separate;
	border-spacing:2px;
	border-top:1px solid #adadad;
	border-left:1px solid #adadad;
	border-right:1px solid #adadad;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height:1.5;
}
.contacttable.end{
	border:1px solid #adadad;
}
.contacttable dt{
	display:table-cell;
	width:130px;
	padding:4px 4px;
	background-color:#e8e8e8;
	box-sizing:border-box;
	vertical-align:middle;
}
.contacttable dd{
	padding:4px 5px;
	display:table-cell;
	text-align:middle;
}
.contacttable dd ul.list2{
	display:table;
	width:100%;
}
.contacttable dd ul.list2 li{
	display:table-cell;
	/*width:50%;*/
}
.contacttable dd input[type="radio"]{
	/*appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;*/
	border:1px solid #d6d6d6;
	vertical-align:-0.1em;
}
.contacttable dd input[type="text"]{
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border:1px solid #d6d6d6;
	padding:3px;
}
.contacttable dd textarea{
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border:1px solid #d6d6d6;
	padding:3px;
}
.contacttable dd input[type="text"].txt1{
	width:20px;
}
.contacttable dd input[type="text"].txt2{
	width:95%;
}
.contacttable dd textarea.txt2{
	width:95%;
}
.contacttable dd select{
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border:1px solid #d6d6d6;
	padding:3px;
}
.contacttable dd p{
	padding:3px 0;
}
.inputbtn{
	margin:0 auto;
	width:94%;
	padding:10px 0 5px 0;
}

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

license

***************************************/
h4.sub_ttl {
	width: 100%;
	margin: 20px auto 0;
	padding:5px 10px;
	box-sizing:border-box;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:19px;
	line-height:1.5;
	background: #100066;
	color: #fff;
}
dl.license_tbl {
	width: 100%;
	margin: 10px auto 0;
	padding: 0;
	font-size:16px;
	line-height: 140%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
	dl.license_tbl dt {
		width: 100%;
		margin: 0;
		padding:5px 10px;
		box-sizing:border-box;
		background: #eeeeee;
	}
	dl.license_tbl dd {
		width: 100%;
		margin: 0;
		padding:5px 10px;
		box-sizing:border-box;
		background: #fff;
	}
	dl.license_tbl dd strong {
		font-weight: bold;
	}
.licensebox1{
	margin:10px 5px 10px 5px;
	padding:5px 0 5px 0;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background-color:#bccf1c;
}
.licensebox1 img,.licensebox2 img,.licensebox3 img{
	width:100%;
	height:auto;
}
.licensebox2{
	margin:10px 5px 10px 5px;
	padding:5px 0 5px 0;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background-color:#1aa3bc;
}
.licensebox3{
	margin:10px 5px 10px 5px;
	padding:5px 0 5px 0;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background-color:#deedff;
}
.license_which h3{
	width: 80%;
	margin: 10px auto 0;
	padding: 5px 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	line-height:1.5;
	background: #fe9c01;
	color: #fff;
	text-align: center;
	font-weight: nomal;
	border-radius: 10px;
}
.license_which ul{
	width: 80%;
	margin: 10px auto 0;
	padding: 5px 5%;
	box-sizing:border-box;
	line-height: 140%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	list-style: none;
}
.license_which ul p{
	margin: 5px auto 0;
}