@charset "utf-8";

/* CSS Document */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: url(../images/read_bg.png) repeat;
	font-size: 28px;
	line-height: 36px;
	color: #542c03;
}


/* TOP PAGE header layout 
----------------------------------------------*/
header {
	background-color: #0089ff;
}

header h1{
	margin: 0;
	padding: 0;
}

header h1 img {
	margin: 0 auto;
	display: block;
	padding: 10px 0 8px 0;
}


/* LOW PAGE header layout 
----------------------------------------------*/
.lhead {
	background-color: #fff !important;
}

.lhead  h1{
	margin: 0;
	padding: 0;
}

.lhead  h1 img {
	margin: 0 auto;
	display: block;
	padding: 10px 0 8px 0;
}

.low p{
	padding: 0 20px;
}



/* contents layout
----------------------------------------------*/

.cnt {
	margin-bottom: 32px;
}

.cnt h3 {
	margin: 40px 0 0 0;
	background: url(../images/h3ttl.png) repeat-x;
	padding: 0px 20px 20px;
	color: #ffffff;
	font-weight: bold;
}

.cnt h3 span {
	background: url(../images/h3point.png) no-repeat;
	padding-left: 68px;
	padding-bottom: 30px;
	padding-top: 20px;
	margin-top: 40px;
	display: block;
}

.cnt p {
	padding: 0px 20px;
}

.ablt dl {
	overflow: hidden;
	margin: 40px 0;
}

.ablt dl dt {
	background: url(../images/h4ttl.png) repeat-x;
	padding: 22px 0 24px 38px;
	margin: 0 20px 20px;
	font-size: 36px;
	color: #ffffff;
	font-weight: bold;
}

.ablt dl dd {
	color: #000;
	margin: 0;
	padding: 0 20px;
	line-height: 44px;
}

.ablt dl dd img {
	float: left;
	margin-right: 22px;
}

.ablt dl dd span {
	color: #9c6915;
	font-weight: bold;
}

.ablt .abltnote {
	font-size: 24px;
	line-height: 30px;
	color:#000;
}
	

/* apply layout
----------------------------------------------*/
.apply ul {
	padding: 0 20px 20px 20px;
}

.apply ul li{
	font-weight: bold;
	color: #FFFFFF !important;
	font-size: 36px;
	text-shadow: -2px -1px 2px #C25A10;
	box-shadow: 0px 6px 0px #b45400;
	padding: 32px 0 32px 60px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #63B8EE;
	background: linear-gradient(top,  #EFAB2E,  #DE5617);
	background: -ms-linear-gradient(top,  #EFAB2E,  #DE5617);
	background: -webkit-gradient(linear, left top, left bottom, from(#EFAB2E), to(#DE5617));
	background: -moz-linear-gradient(top,  #EFAB2E,  #DE5617);
	margin-bottom: 30px;
	text-align: center;
}

.apply ul li img {
	float: right;
	padding-top: 4px;
}


.apply ul a {
	color: #ffffff;
}

.apply dl {
	padding: 0 20px;
	margin: 0 0 28px 0;
}

.apply dl dt {
	font-weight: bold;
	color: #542c03;
	background: none;
	margin: 30px 0 6px 0;
	padding: 0;
}

.apply dl dt span {
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border: 0px solid #000000;
	background-color: #ffffff;
	color: #f16700;
	font-size: 18px;
	padding: 2px 8px;
}

.apply dl dd {
	color: #000000;
	margin: 0;
	padding: 0;
}

/* nav layout
----------------------------------------------*/

nav ul {
	border-top: 4px solid #8b4915;
	background: #f4f4f4;
}

nav ul li {
	padding: 48px 0 48px 20px; 
	font-size: 24px;
	color: #8b4915;
	font-weight: bold;
	background-color: #f4f4f4;
	border-bottom: 4px solid #8b4915;
	background-image: url(../images/foot_menu_arrow.png) ;
	background-position: right;
	background-repeat: no-repeat;
	text-decoration: underline;
}


/* mess layout
----------------------------------------------*/
.mess {
	background: #fff1dc;
	padding: 30px 20px;
/*	margin-top: 20px;*/
	border-top: solid 2px #dcd0be;
	border-bottom: solid 2px #dcd0be;
}
	
.mess dl dt {
	color: #0089ff;
	font-size: 32px;
	font-weight: bold;
	line-height: 44px;
	margin-bottom: 20px;
}

.mess dl dd {
	margin: 0;
	padding: 0;
	color: #444444;
}

.mess dl dd a {
	color: #0089ff;
	display: block;
	margin-top: 30px;
	font-weight: bold;
	background: url(../images/tax_arrow.png) no-repeat right;
	width: 290px;
}

/* footer layout
----------------------------------------------*/
footer {
	background: #FFFFFF;
	padding: 36px 20px 10px 20px;
}

footer ul li {
	color: #444;
}

footer ul .pagetop {
	color: #0089ff;
	text-align: right;
	font-weight: bold;
	padding-right: 36px;
	margin-bottom: 30px;
	background: url(../images/pagetop_arrow.png) no-repeat right;
}

footer ul .retop {
	color: #0089ff;
	text-align: right;
	font-weight: bold;
	padding-right: 36px;
	margin-bottom: 30px;
	background: url(../images/bk_home_arrow.png) no-repeat right;
}

footer ul .menu {
	text-align: center;
}

footer ul .menu a {
	color: #0089ff;
	display: inline;
	font-size: 18px;
}

/* address layout
----------------------------------------------*/
address {
	margin: 0;
	background: #0089ff;
	padding: 30px 0;
}

address a {
	font-size: 22px;
	color: #fff;
	font-style:normal;
	text-align: center;
}