/* CSS Document */

/* =========================================== *
 *	page centering
 * =========================================== */
body {
	text-align: center;
}

#page {
	margin: 0 auto;
	text-align: left;
}

#footer {
	text-align: center;
}

/* =========================================== *
 *	layout
 * =========================================== */
#page {
	width: 702px;
}

* html #page {
	width: 704px;
}

#page #contents {
	padding: 0 17px 40px;
}

/* =========================================== *
 *	border & background
 * =========================================== */

body {
	background: #FCF9E8;
}

#page {
	border-left: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	background: #fff;
}

/* =========================================== *
 *	
 * =========================================== */
/*編集不要*/
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
}

body {
	margin: 0;
	line-height: 1.5;
	color: #666666;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3',
	'Hiragino Kaku Gothic Pro',Arial,Helvetica,sans-serif;
}

p,
pre {
	margin: 0;
	font-size: 93%;
}

h1,
h2 {
	margin: 0;
}

h1 {
	font-size: 189%;
}

h2 {
	font-size: 159%;
}

pre {
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
	padding: 0.5em 10px;
	border: 1px solid #222;
	width: 90%;
	overflow: scroll;
	color: #555;
	background-color: #fff;
	line-height: 1.4;
}

a:link {
	color: #327ACB;
	text-decoration: underline;
}

a:visited {
	color: #327ACB;
	text-decoration: underline;
}

a:hover {
	color: #327ACB;
	text-decoration: none;
}

img {
	vertical-align: bottom;
}

a img {
	border: 0;
}

a:hover img {
	border: 0;
}

object,
embed {
	margin: 0;
}

:root input { /* Firefox、Mozilla、Safari、MacIE5 */
line-height:1.0 !important;
font-size:medium;
}

:root select { /* Firefox、Mozilla、Safari、MacIE5 */
line-height:1.0 !important;
font-size:medium;
}

:root textarea { /* Firefox、Mozilla、Safari、MacIE5 */
line-height:1.0 !important;
font-size:medium;
}

/* =========================================== *
 *	
 * =========================================== */
#header {
	margin: 0px 0px 14px 17px;
	padding-top:14px;
	position: relative;
}

#contents div#mainImg {
	width: 667px;
	margin: 0px;
	position: relative;
}

#contents div#main {
	margin: 28px 0px 0px 0px;
}

#contents div#main p.title {
	background:url(../images/icon_square.gif) no-repeat  0px 5px;
	padding: 0px 0px 0px 12px;
	font-weight:bold;
	margin: 0px 0px 4px 10px;
}

/*/////個人情報の取り扱いについて/////*/
#contents div#main div.privacy {
	width:580px;
	margin-left:auto;
	margin-right:auto;
	margin-top:8px;
	height: 152px;
	border: 1px solid #ACACAC;
	overflow-y: scroll;
	padding-top: 3px; 
}

#contents div#main div.privacy div.sentence {
	width: 555px;
	margin-left: auto;
	margin-right: auto;
}

* html body #contents div#main div.privacy div.sentence { /* IE6 */
	width: 545px;
	margin-left: auto;
	margin-right: auto;
}

#contents div#main div.privacy div.sentence p.right {
	width:40%;
	margin: 0px 0px 10px 337px; 
}

* html body #contents div#main div.privacy div.sentence p.right { /* IE6 */
	width:40%;
	margin: 0px 4px 8px 335px; 
}

*:first-child+html #contents div#main div.privacy div.sentence p.right { /* IE7 */
	width:43%;
	margin: 0px 4px 8px 315px; 
}

#contents div#main div.privacy div.sentence p.strong {
	font-weight:bold;
	margin-bottom:0px;
	margin-top:12px;
}

#contents div#main div.privacy div.sentence p.text {
	margin-top: -2px;
	margin-bottom:0px;
	text-indent: 0em;
	padding-left: 12px;
}

#contents div#main div.privacy div.sentence ul {
	margin: -2px 0px 6px 22px;
	padding: 0px;
}

#contents div#main div.privacy div.sentence ul li {
	margin: 0px;
	padding: 0px 0px 0px 14px;
	list-style-type:none;
	background:url(../images/squareIcon.gif) no-repeat 2px 5px;
}

/*/////フォーム部分/////*/
#contents div#main div.form {
	margin-left:auto;
	margin-right:auto;
	margin-top:12px;
}

#contents div#main div.form p.agree {
	font-size: 106%;
	text-align:center;
	margin: 0px 0px 24px 0px;
	padding: 0px;
}

#contents div#main div.form p.attention {
	font-weight:bold;
	margin: 0px 0px 14px 10px;
}

.org {
	color:#FF8230;
}

.clear {
	clear:both;
	margin:0px;
	padding:0px;
}

.small {
	font-size:86%;
}

/*/////お名前/////*/
#contents div#main div.form dl.name {
	width:668px;
	background-color:#F6FCFE;
	border-top: 1px dotted #CCCCCC;
	border-right: none;
	border-bottom: 1px dotted #CCCCCC;
	border-left: none;
	padding: 12px 0px 8px 0px;
	margin: 0px;
	position:relative
}

#contents div#main div.form dl.name dt {
	float:left;
}

#contents div#main div.form dl.name dd {
	float:right;
	text-align:left;
	width:519px;
}

/*/////フリガナ/////*/
#contents div#main div.form dl.kana {
	width:668px;
	background-color:#FFFFFF;
	border-right: none;
	border-bottom: 1px dotted #CCCCCC;
	border-left: none;
	padding: 12px 0px 8px 0px;
	margin: 0px;
	position:relative
}

#contents div#main div.form dl.kana dt {
	float:left;
}

#contents div#main div.form dl.kana dd {
	float:right;
	text-align:left;
	width:519px;	
}

/*/////住所/////*/
#contents div#main div.form dl.address {
	width:668px;
	background-color:#F6FCFE;
	border-right: none;
	border-bottom: 1px dotted #CCCCCC;
	border-left: none;
	padding: 12px 0px 8px 0px;
	margin: 0px;
	position:relative
}

#contents div#main div.form dl.address dt {
	float:left;
}

#contents div#main div.form dl.address dd {
	float:right;
	text-align:left;
	width:518px;
	margin-bottom:auto;
}

* html body #contents div#main div.form dl.address dd  { /* IE6 */
	float:right;
	text-align:left;
	width:518px;
	margin-bottom:-18px;
}

*:first-child+html #contents div#main div.form dl.address dd { /* IE7 */
	float:right;
	text-align:left;
	width:518px;
	margin-bottom:-18px;
}

#contents div#main div.form dl.address dd p.left {
	float:left;
	margin-top:2px;
}

#contents div#main div.form dl.address dd p.right {
	float:right;
	text-align:left;
	width:405px;
	padding-bottom:3px;
}


/*/////電話番号/////*/
#contents div#main div.form dl.tel {
	width:668px;
	background-color:#FFFFFF;
	border-right: none;
	border-bottom: 1px dotted #CCCCCC;
	border-left: none;
	padding: 12px 0px 8px 0px;
	margin: 0px;
	position:relative
}

#contents div#main div.form dl.tel dt {
	float:left;
}

#contents div#main div.form dl.tel dd {
	float:right;
	text-align:left;
	width:518px;
	margin: 0px;
}

* html body #contents div#main div.form dl.tel dd { /* IE6 */
	float:right;
	text-align:left;
	width:518px;
	margin-bottom: 0;
}


/*/////メールアドレス/////*/
#contents div#main div.form dl.mail {
	width:668px;
	background-color:#F6FCFE;
	border-right: none;
	border-bottom: 1px dotted #CCCCCC;
	border-left: none;
	padding: 12px 0px 8px 0px;
	margin: 0px;
	position:relative
}

#contents div#main div.form dl.mail dt {
	float:left;
}

#contents div#main div.form dl.mail dd {
	float:right;
	text-align:left;
	width:518px;
	margin: 0; 
}

/*/////学校名/////*/
#contents div#main div.form dl.school_name {
	width:668px;
	background-color:#FFFFFF;
	border-right: none;
	border-bottom: 1px dotted #CCCCCC;
	border-left: none;
	padding: 12px 0px 8px 0px;
	margin: 0px;
	position:relative
}

#contents div#main div.form dl.school_name dt {
	float:left;
}

#contents div#main div.form dl.school_name dd {
	float:right;
	text-align:left;
	width:518px;
	margin: 0px;
}

* html body #contents div#main div.form dl.school_name dd { /* IE6 */
	float:right;
	text-align:left;
	width:518px;
}

*:first-child+html #contents div#main div.form dl.school_name dd { /* IE7 */
	float:right;
	text-align:left;
	width:518px;
}

/*/////希望校舎/////*/
#contents div#main div.form dl.school_house {
	width:668px;
	background-color:#F6FCFE;
	border-right: none;
	border-bottom: 1px dotted #CCCCCC;
	border-left: none;
	padding: 12px 0px 8px 0px;
	margin: 0px;
	position:relative
}

#contents div#main div.form dl.school_house dt {
	float:left;
}

#contents div#main div.form dl.school_house dd {
	float:right;
	text-align:left;
	width:518px;
}

/*/////ヒューマン学園を知ったきっかけ/////*/
#contents div#main div.form dl.view {
	width:668px;
	background-color:#FFFFFF;
	border-right: none;
	border-bottom: 1px dotted #CCCCCC;
	border-left: none;
	padding: 8px 0px 10px 0px;
	margin: 0px;
	position:relative
}

#contents div#main div.form dl.view dt {
	margin-left:0px;
}

#contents div#main div.form dl.view dd {
	margin: 6px 0px 0px 22px;
}

/*/////DMの希望/////*/
#contents div#main div.form dl.dm {
	width:668px;
	background-color:#F6FCFE;
	border-right: none;
	border-bottom: 1px dotted #CCCCCC;
	border-left: none;
	padding: 8px 0px 10px 0px;
	margin: 0px;
	position:relative
}

#contents div#main div.form dl.dm dt {
	margin-left:0px;
}

#contents div#main div.form dl.dm dd {
	margin: 4px 0px 0px 22px;
}

/*/////ご質問など/////*/
#contents div#main div.form dl.question {
	width:668px;
	background-color:#FFFFFF;
	border-right: none;
	border-bottom: 1px dotted #CCCCCC;
	border-left: none;
	padding: 8px 0px 10px 0px;
	margin: 0px 0px 26px 0px;
	position:relative
}

#contents div#main div.form dl.question dt {
	margin-left:0px;
}

#contents div#main div.form dl.question dd {
	margin: 6px 0px 0px 22px;
}

/*/////【内容を確認する】ボタン/////*/
#contents div#main div.form p.inquiryBtn {
	margin: 0 auto;
	text-align:center;
	width:163px;	
}

#contents div#main div.form p.inquiryBtn a {
	width: 163px;
	height: 40px;
	display: block;
	background: url(../images/naiyouBtn.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

#contents div#main div.form p.inquiryBtn a:hover {
	background-position: 0 -40px;
}

/* =========================================== *
 *	common footer
 * =========================================== */
#footer {
	
}

#footer ul {
	margin: 10px 0;
}

#footer ul li {
	padding: 0 7px;
	border-right: 1px solid #333;
	display: inline;
}

#footer ul li.right {
	border-right: 0;
}

#footer ul li a {
	text-decoration: none;
}

#footer ul li a:hover {
	text-decoration: underline;
}

#footer div.copyright {
	background: url(../images/footerBg.jpg) repeat-x #BABABA;
	letter-spacing: 1px;
	color: #fff;
	font-size: 10px;
	height: 28px;
}

#footer div.copyright p {
	letter-spacing: 1px;
	padding-top:6px;
	color: #fff;
	font-size: 10px;
}

