@charset "UTF-8";


/* ========================================
   base layout
======================================== */

body { background: url(https://www.osaka-cu.net/wp/wp-content/themes/zengaku/css/img/patterns_01.png) repeat center top;}

#header,#copy { background-color: #762f4d;}

#header { box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2);}

h1 {
	position: relative;
	color: #fff;
	width: 450px;
	box-sizing: border-box;
}
h1 div {
	position: absolute;
	left: 5px;
	top: 5px;
	font-size: 20px;
	line-height: 1em;
	text-align: left;
	width: 100%;
}
h1 div span {
	display: block;
	font-size: 14px;
	line-height: 1em;
	margin-top: 5px;
}

@media screen and (max-width: 740px) {
	h1 {
		width: 260px;
	}
	h1 div {
		position: absolute;
		left: 3px;
		top: 5px;
		font-size: 14px;
		line-height: 1em;
		text-align: left;
		width: 100%;
	}
	h1 div span {
		display: block;
		font-size: 9px;
		line-height: 1em;
		margin-top: 5px;
	}
}

#copy,#copy a { color: #fff;}
#copy a:hover { text-decoration: underline;}


/* ========================================
   form part
======================================== */

#formUnit { box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2);}

#inq dt span { color: #cc9a1b;}

#formUnit p.att2 {
  text-indent: -1em;
  padding-left: 1em;
  margin-top: 1em;
}

#formUnit input[type="submit"] {
  display: inline-block;
  font-size: 16px;
  line-height: 1em;
  text-align: center;
  padding: 5px 15px;
  margin: 10px 0 20px;
  cursor: pointer;
}


/* ========================================
   text&link
======================================== */

body { color: #333;}
p,th,td {
 font-size: 13px;
 line-height: 1.5em;
}

/*===== link =====*/
a { color: #13397d;}
a:hover { color:#cc9a1b;}