@charset "utf-8";
/* CSS Document */

/*色々な細かい指定*/
body{
	font-size:14px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
	min-height:100%;
}
.yellow{
	color:rgb(255, 203, 5);
	margin-right:5px;
}
a:link{
	text-decoration:none;
	color:#666;
	font-size:13px;
}
a:visited{
	color:#000;
}
.mt10{
	margin-top:10px;
}
.mt20{
	margin-top:20px;
}
.mt50{
	margin-top:50px;
}
.ml20{
	margin-left:20px;
}
.mb5{
	margin-bottom:5px;
}
.pt7{
	padding-top:7px;
}
.pb7{
	padding-bottom:7px;
}
td{
	padding-right:20px;
	padding-top:7px;
	padding-bottom:7px;
}
.fl{
	float:left;
}
.fr{
	float:right;
}

/*main*/

#contentsWrapper{
	width:980px;
	margin:0 auto;

}
#wrapper{
	margin: 0 0 80px 91px;
	position:relative;
}

.title {
	margin-top: 28px;
	min-height: 72px;
}

h2{
	font-size:24px;
	font:normal normal normal 24px/1.4em 'open sans', sans-serif;
	letter-spacing:0.1em;
	color: rgb(74, 74, 74);
	margin: 0px;
	line-height: normal;
	letter-spacing: normal;
}
.logoArea{
	padding-top:12px;
	padding-bottom:20px;
	width:300px;
}
.logo{
	float:left;
	margin:0 10px;
}
.logotxt{
	float:left;
	margin:26px 0 0 9px;
}
.grobalNavArea{
	float:right;
	margin: 15px 20px 0 0;
}
.grobalNav{
	float:left;
	margin-right:30px;
}
.grobalNav a{
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}

/*index*/
.topimg{
	position:relative;
}
.topimg img{
	margin-top: -16px;
}
.topimgOnTxt{
	position:absolute;
	left: 91px;
	top: 321px;
	font-size:24px;
	font-weight:500;
	color:rgb(74, 74, 74);
}
#indexWrapper{
	width:800px;
	margin:0 auto;
/*	position:absolute;*/
/*	top:400px;*/
	margin-top: -81px;
	left:100px;
	padding-bottom:100px;
}
#indexWrapper p{
	line-height:1.5em;
	margin-top:0px;
	margin-bottom:20px;
}
#indexfooter{
	text-align:center;
	padding-top:50px;
	margin-top:600px;
}
.tableTtl{
/*	margin-top:30px;*/
	margin-bottom:15px;
}
.jigyoTtl{
	margin-top:30px;
	margin-bottom:15px;
}
.profileArea{
/*	padding-bottom:100px;*/
}
#footer{
	position: fixed;
	bottom: 0px;
	vertical-align: baseline;
	border-radius: 6px 6px 0px 0px;
	text-align:center;
/*	position:absolute;*/
/*	bottom:0;*/
	width:100%;
	padding:10px 0;
	background-color: rgb(74, 74, 74);
	color: #fff;
}

/* artwork */

.artwork01-txtarea {
	float: left;
	padding-left: 30px;
	}

.artwork-ttl {
	line-height:2.5em;
	font-size: 15px;
	color: #777777;
	}
.artwork-ttl .yellow {
	font-size: 24px;
	margin-right:2px;
	}
.artwork-txt {
	font-size: 12px;
	}

/* contact */

.contactAboutTxt {
	margin-top: 150px;
}
/*contact*/
.contactForm {
	width: 486px;
}

input[type=text], textarea,
form p {
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 4px 0px;
	background-color: rgb(255, 255, 255);
	font: normal normal normal 15px/1.4em arial, 'ｍｓ ｐゴシック', 'ms pgothic', 돋움, dotum, helvetica, sans-serif;
	color: rgb(113, 112, 112);
	padding: 5px;
	margin: 0px 0px 5px;
	border: 0px solid rgb(255, 204, 0);
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
	width: 100%;
	-webkit-appearance: none;
} 
/*.form-message input, */
.form-message textarea{
	min-height: 130px;
	resize: vertical;
}

/*input[type=text]:focus {
   border:solid 1px #20b2aa;
} */
input[type=text], select {
   outline: none;
}
input[type=button]{
/*   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   width:40px;
   height:25px;
   padding:0 3px;
   cursor:pointer;
   color:#333;
   background:rgb(255, 203, 5);
*/
	float: right;
	max-width: 35%;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 4px 0px;
	background-color: rgb(255, 203, 5);
	font: normal normal normal 15px/1.4em arial, 'ｍｓ ｐゴシック', 'ms pgothic', 돋움, dotum, helvetica, sans-serif;
	color: rgb(74, 74, 74);
	padding: 5px;
	border: none;
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
	cursor: pointer;
	margin: 0px;
}
.contactArea{
/*	padding-top:50px;*/
	line-height:1.4em;
}
.form-submit{
	text-align:right;
	margin-right: -10px;
}
.form-txt-left{
	width:291px;
	margin-right: 50px;
}

#attention {
	font-size:small;
	color: rgb(237, 28, 36)}

.thankslink a{
	text-decoration:underline;
	}