@charset "Shift_JIS";
/* CSS for MailFrom 20170830 */
/* @group Reset */

/**{ margin: 0;padding: 0}
article, aside, dialog, figure, footer, header,hgroup, menu, nav, section { display: block;	margin: 0; padding: 0; }*/

/*a { text-decoration : none}
ul, ol { list-style : none}
img { vertical-align : middle}*/

/* @end */


/* @group Fluid-img */

/*img { max-width : 100%}*/

/* @end */


/* @group HTML */

/*html {
	font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size : 100%;
	letter-spacing:1px;
	line-height : 1.5;
	background-color: #FFFFFF;
}*/
/* clearfix */
.clearfix 		{zoom:1;/*for IE 5.5-7*/}
.clearfix:after {content:".";	display: block;	height:0px;	clear:both;	visibility:hidden;	font-size: 0.1em;	line-height:0;}
.clear 			{clear:both; margin:0;}

p.p_center		{text-align:center;}
p.p_right		{text-align:right;}
p.p_inside		{margin:1em 0 1em 1em;}
img.img_right01	{float:right;	margin:0 0 20px 30px;}
img.img_left01	{float:left;	margin:0 30px 20px 0;}


.img-border {
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding: 4px;
}
/*small {
	font-size:0.9em;
}*/
.caution {
	color:#E80003;
}

/* @end */
a {
	color: #00509F;
	text-decoration: underline;
}
a:hover {
	color: #FF6600;
	text-decoration:none;
}
a.link-external {
	background:url(https://www.kpresto.com/image/common/icn_externalLink01.png) no-repeat right center;
	padding-right:18px;
}

a.link-pdf {
	background:url(https://www.kpresto.com/image/common/icn_pdf01.png) no-repeat right center;
	padding-right:20px;
}

/* @group Heading */

/*h1,h2,h3,h4,h5,h6 { margin-bottom : 24px}

h1 {
font-size : 24px; 
line-height : 1} 

h2 {
font-size : 24px;
line-height : 1.3333} 

h3 {
font-size : 28px;
line-height : 1} 

hgroup h2,h4,h5,h6 {
font-size : 16px; 
line-height : 1.5} */

/* @end */

/* @group Header */

header { 
text-align : center;
padding-top : 12px;
}

header:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

header h1.h1-contact01 { margin-bottom : 1rem}
header h1.h1-contact01 img {width: auto;}
/*header h2 { margin-bottom : 12px; color : #999; font-size:0.78em; font-weight:normal;}*/

/* @end */

/* @group Nav */

.globalNavi {
	clear:both;
	border-top:1px dotted #CECECE;
	border-bottom:1px solid #CECECE;
margin-bottom : 1px;
background-color: #9B6B58;
background: -moz-linear-gradient(top, rgba(227,219,209,1) 0%, rgba(91,80,68,1) 66%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,219,209,1)), color-stop(66%,rgba(91,80,68,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(227,219,209,1) 0%,rgba(91,80,68,1) 66%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(227,219,209,1) 0%,rgba(91,80,68,1) 66%); /* Opera 11.10+ */
background: linear-gradient(to bottom, rgba(227,219,209,1) 0%,rgba(91,80,68,1) 66%); /* W3C */
}

/*.globalNavi ul { overflow : hidden}
.globalNavi ul:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}*/
/*.globalNavi ul li { width : 24.9%; float : left; font-size:0.8em;}
.globalNavi ul li a {
	display : block;
	color : #F5E9D8;
	padding : 12px 0;
	text-decoration:none;
}

.globalNavi ul li a:hover {
	color : white;
	background-color : #9B6B58
}*/

.sp-hide{
display: none;
}

/* @end */

/* @group Contents */

#contents {
width : 96%;
margin : 0 auto;
padding-top:10px ;
text-align : center;
background-color:#FFF;}

#contents p { 
margin-bottom : 1rem;
text-align:left;
}

#contents #main,
#contents #sub { 
margin : 0 10px 10px 10px;
}

/*#contents h1 {
	margin: 0 10px 26px 0;
	background:url(https://www.kpresto.com/images/common/title_bgimg.gif) repeat-x left bottom;
	text-align : left;
	color:#003366;
	font-size:1.2em;
	line-height:160%;
	padding:8px 0 4px 20px;
}

#contents h2{
	margin-bottom: 5px;
	background: url(https://www.kpresto.com/images/common/icn_arrow04.png) no-repeat 3px center;
	text-align : left;
	color: #634D4E;
	font-size: 1.2em;
	line-height: 150%;
	padding: 5px 0 5px 25px;
	clear:both;
}*/

/*contaact form table------------------------------------------------*/

.table-scroll {
	overflow: auto; /*tableをスクロールさせる*/
	white-space: nowrap;
	width:100%;
}
.table-scroll::-webkit-scrollbar { /*tableにスクロールバーを追加*/
	height: 5px;
}
table.table-contact {
	width:96%;
	margin: 5px 0 20px 0;
	background-color: #CCCCCC;
}

table.table-contact th {
	text-align:left;
	padding: 5px 3px 5px 7px;
	font-size: 1.0em;
	line-height: 160%;
	font-weight: normal;
	color: #58513F;
	background-color: #eeeee5;

}
table.table-contact td {
	text-align:left;
	background-color: #FFFFFF;
	font-size: 1.0em;
	line-height: 160%;
	padding: 5px 5px 5px 15px;
}

table.table-contact02 {
    box-sizing: border-box;
	width:96%;
	line-height: 150%;
	background: #fff;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    /*border: 1px solid #ccc;*/
	margin-bottom: 1rem;
}

table.table-contact02 th {
display: block;
	padding: 10px 10px;
	background: #eeeee5;
	color: #58513F;
	text-shadow: 1px 1px 1px #fff;
	text-align: left;
	vertical-align: top;
    font-weight: normal;
}
table.table-contact02 td {
display: block;
	padding: 10px 10px;
	border-bottom: 1px solid #ccc;
    text-align:left;
}

.form-necessary { color:#FF0C10;}

/* @end */

/* @group Footer */

footer {
padding : 20px 0 15px 0;
margin-top:0;
color : white;
text-align : center;
background-color:#998A75;
}

.footer-profile {
	margin:5px auto;
	padding-bottom: 1em;
	font-size:0.87em;
	text-align:left;
	width: 320px;
	border-bottom: 1px solid #FFFFFF;
}


.copy {
	font-size:0.80em;
}


/* @end */

/*768px*/
@media screen and (min-width : 768px){

/*.globalNavi ul li { width : 20.0%; float : left; font-size:0.9em;}*/
.sp-hide{
display:inherit;
}
#contents { text-align : left}


.copy {
	clear:both;
}

table.table-contact02{
	width:100%;
}
table.table-contact02 th{
	display: table-cell;
	padding: 16px 16px;
	width: 20%;
	border-bottom: 1px solid #ccc;
}
table.table-contact02 td{
	display: table-cell;
	padding: 16px 16px 16px 24px;
	border-bottom: 1px solid #ccc;
}
}

/*1024px*/
@media screen and (min-width : 1024px) {

/* @group Nav */
hgroup  { 
width : 980px;/* 960/1024 */
margin : 0 auto}

header h1.h1-contact01 { float:left;}
header h2 { float:right;}

.globalNavi ul {
width : 980px;/* 960/1024 */
margin : 0 auto}
.globalNavi ul li { font-size:1.0em;}

/* @end */

/* @group Contents */

#contents {
overflow : hidden;
width : 1000px;
/*font-size:85%;*/}


#contents #main { 
float : left;
margin : 10px 10px 25px 20px;} 

#contents #sub { 
float : left;
margin : 10px 10px 0 5px;} 

/*#contents #sub { width : 230px; font-size:90%;}*/
/*テーブル*/
table.table-contact02 th	{width: 18%;}

/* @end */



}