@charset "UTF-8";

/* -----------------------------------------------------------
	CSS Information
	Site Name: Tateshina Assistance Corps Web site
	 File name: 	home.css
 	Style Info:	トップページ(index.html)設定
	Version: 1.01
	update/auther(admin): [2009-02-04][Shinobu Kiuchi](Shinobu Kiuchi)
----------------------------------------------------------- */


/* 1: Formatting Reset : base reset layouts
---------------------------------------------------------------------------------- */
div{
 zoom:1;/*for IE 5.5-7*/
}
div:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0; 
    visibility:hidden;
}
	


/* 2: Redefine : body and base setting
---------------------------------------------------------------------------------- */
html {
	overflow-y: scroll;
	background-color: #EFE3C2;
	color: #333;	
	height: 100%;
	background-color: transparent;	
 	background-image:url(../images/share/siteBg.gif) ;
	background-repeat:repeat;
	background-position: top center;
}


body {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin:0;
	padding:0;
	font: normal 62.5% "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", verdana, arial, sans-serif;
	text-align:center;
	background-color: transparent;	
 	background-image:url(../images/share/header_bg.gif) ;
	background-repeat:repeat-x;
	background-position: 50% -40px;

}

/* IE7 only */
* + html body {
	font-family:"ＭＳ Ｐゴシック", "メイリオ","Meiryo", verdana, arial, sans-serif;
		padding:0 0 0 0;
		height: auto;
}

*html body {
	font-family:"ＭＳ Ｐゴシック", Osaka;
	padding:0 0 0 0;
	height: auto;
	font: 80%;
}

/* safari2 only
-------------------------------------------------- */	
/* safari2 only \*/
html:\66irst-child body {
	font-size: 62.5%;
		padding:0 0 0 0;

 }

/* safari3 only
-------------------------------------------------- */

 body:first-of-type {
	font-size: 62.5%;
		padding:0 0 0 0;

}

/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form,  blockquote{
	padding: 0;/* margin&padding reset */
	line-height: 1.4;/* base line height */
	text-align: left;
	display: block;
	margin: 0;
	font-size: 100%;
	text-decoration: none;
	font-style:normal;
}
input, textarea{
	padding: 0;/* margin&padding reset */
	line-height: 1.4;/* base line height */
	text-align: left;
	margin: 0;
	font-size: 100%;
	text-decoration: none;
	font-style:normal;
}

table {
	margin : 0;empty-cells: show;
	font-size:small;
	border-collapse:collapse;
	border-spacing:0;
	}
	
hr,.areaAnchor,.anchor { display : none; }
img {
	border: none;/* img do not want a border */
	vertical-align: bottom;

}
img a{
	border-style: none;
		outline: 0;
}

li { list-style: none; }/* link do not want a dot */

caption, cite, code, dfn, em, strong, var {
	font-style: normal;
	font-weight: normal;
}
/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr{cursor:help;}

hr {
	display: none;
	}
	
object,
embed {
	vertical-align: top;
}

q:before,q:after {
	content: '';
}

fieldset{
	border:0;
	}	
	
select option{
	padding:0 5px;
	}	

form label{
	cursor:pointer;
	}


/* 3: link setting
---------------------------------------------------------------------------------- */
a{
	text-decoration: none;
	color: #3A86A8;
	line-height:1.4;
	outline: 0;
	}

a:link{
	color: #3A86A8;
	text-decoration: underline;
	}

a:visited{
	color: #5E45A8;
	text-decoration: underline;
	}
	
	
a:hover{
	color: #C5557A;
	text-decoration: none;
	}

a:active{
	color: #C5557A;
	text-decoration: underline;
	}	
	
	
	

/* 4: other setting 
---------------------------------------------------------------------------------- */

/* for voice blowser 
-------------------------------------*/
#naviskip {
	position: absolute;
	left: -9999px;
	width: 900px;
	}	
	
/* for float Hack 
-------------------------------------*/
.clearfix:after { 
content: url(pixel.gif);
display: block;
clear: both; height: 0; 
}

.clearfix { display: inline-block; }
.clearfix { display: block; }
/* Mac版IEのみに適用 \*//*/
.clearfix { overflow: hidden; }
/* */




/* 5: main layout
---------------------------------------------------------------------------------- */

div#page {
	margin-top:0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 25px 0 0 0;
	width:760px;
	text-align: left;
	position: relative;
	background-color: transparent;	
 	background-image:url(../images/topBg.gif) ;
	background-repeat:no-repeat;
	background-position: 50% 25px;
	height: 100%;
	}
/* header layout
---------------------------------------------------------------------------------- */

div#page div#header{
	margin-top:0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0 0;
	width:550px;
	text-align: left;
	position: relative;
	}

body.admission div#page div#header,
body.contact div#page div#header{
	margin-top:0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0 0;
	width:520px;
	text-align: left;
	position: relative;
	}
div#page div#header h1{
	margin: 55px 0 5px 0;
	padding: 0;
	text-align: center;
	}
div#page div#header h2{
	margin: 0 0 5px 0;
	padding: 0;
	text-align: center;
	}
div#page div#header h3{
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
	}
div#page div#header p{
	margin: 0 10px 20px 10px;
	padding: 0;
	text-align: left;
	font-size: 1.4em;
	}

/* privilege layout
---------------------------------------------------------------------------------- */
div#page ol#privilege{
	margin-top:0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	width:520px;
	text-align: left;
	position: relative;

	}


div#page ol#privilege li{
	margin: -10px 0 0 0;
	padding: 0;
	clear: both;

}
div#page ol#privilege li.firstChild{
	margin:0 0 0 0;
}

div#page ol#privilege li.lastChild{
	margin:0 0 25px 0;
}


div#page ol#privilege li:after { 
content: url(pixel.gif);
display: block;
clear: both; height: 0; 
}
div#page ol#privilege li{ display: inline-block; }
div#page ol#privilege li{ display: block; }
/* Mac版IEのみに適用 \*//*/
div#page ol#privilege li{ overflow: hidden; }
/* */

div#page ol#privilege li h2{
	margin: 0 0 0 0;
	padding: 0;


}
div#page ol#privilege li div.privilegeDetail {
	margin: 0;
	padding: 0;
	width: 310px;
	float: left;

}
div#page ol#privilege li div.noPhoto{
	margin: 0;
	padding: 0;
	width: auto;
	float: none;

}
div#page ol#privilege li div.privilegeDetail :after { 
content: url(pixel.gif);
display: block;
clear: both; height: 0; 
}

div#page ol#privilege li div.privilegeDetail { display: inline-block; }
div#page ol#privilege li div.privilegeDetail { display: block; }
/* Mac版IEのみに適用 \*//*/
div#page ol#privilege li div.privilegeDetail { overflow: hidden; }
/* */


div#page ol#privilege div.privilegeDetail p{
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 1.4em;
}
div#page ol#privilege div.privilegeDetail p a{

	font-size: 1.0em;
}
div#page ol#privilege li div.privilegeDetail ul li{
	margin: 0;
	padding: 0;
	display: block;
	float: none;
	font-size: 1.2em;

}

div#page ol#privilege p.privilegeGraph{
	margin: -5px 0 0 0;
	padding: 0;
	width: 200px;
	float: right;

	position: relative;
	
}
	
/* main layout
---------------------------------------------------------------------------------- */
div#page ul#main{
	margin-top:0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	width:520px;
	text-align: left;
	position: relative;
	}

div#page ul#main li div.section{
	margin: 0 0 15px 0;
	padding:0;
	width:520px;
	text-align: left;
	position: relative;
	background-color: transparent;	
 	background-image:url(../images/sectionBg.gif) ;
	background-repeat:repeat-y;
	background-position: top left;
	border: 1px solid #CCC;
	}
div#page ul#main li div.section h3{
	margin: 10px 15px 5px 15px;
	padding;0;
	}

div#page ul#main li div#application_form h2{
	text-align: center;
	margin: 15px;
	}

div#page ul#main li div#footer h3{
	margin: 10px 15px 0 15px;
	padding;0;
	text-align: center;
	}

div#page ul#main li div#footer address{
	margin: 0 15px 15px 15px;
	padding;0;
	text-align: center;
	font-size: 1.4em;
	}

div#page ul#main li div#footer address span{
	display: block;
	font-size: 0.85em;
	margin: 0 0 15px 0;
	padding: 0;
	}

div#page p#copyright{
	margin: 0 0 15px 0;
	padding;0;
	text-align: center;
	font-size: 1.2em;
	clear: both;
	}
div#page ul#footerNav {
	margin-top:0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	width:520px;
	position: relative;
		z-index: 900;
	}

div#page ul#footerNav:after { 
content: url(pixel.gif);
display: block;
clear: both; height: 0; 
}

div#page ul#footerNav { display: inline-block; }
div#page ul#footerNav { display: block; }
/* Mac版IEのみに適用 \*//*/
div#page ul#footerNav { overflow: hidden; }
/* */


div#page ul#footerNav li{
	margin: 0 0 5px 15px;
	padding;0;
	float: right;
	display: inline;
	height: 21px;

	}

div#page p#imageA{
	margin: 0;
	padding;0;
	position: absolute;
	bottom: 20px;
	left: 35px;
	}

div#page p#imageB{
	margin: 0;
	padding;0;
	position: absolute;
	bottom: -10px;
	right: -220px;
	}
div#page ul#main li div.section ul.sectionBody{
	margin: 0 15px 15px 15px;
	padding;0;
	position: relative;
	background-color: transparent;	
	font-size: 1.3em;
	}
div#page ul#main li div.section ul.sectionBody ul.detailList{
	margin: 5px 0 0 15px;
	padding;0;
	}

div#page ul#main li div.section ul.sectionBody ul.detailList li{
	margin: 0 0 10px 0;
	padding;0;
	font-size: 0.9em;
	line-height: 1.25;
	color: #A0522D;
	}
div#page ul#main li div.section ul.sectionBody li{
	margin: 0 0 15px 1em;
	padding;0 0 0 1em;
	text-indent: -1em;
	}

div#page ul#main li div.section dl.news{
	margin: 0 15px 15px 15px;
	padding;0;
	position: relative;
	background-color: transparent;	
	font-size: 1.3em;
	line-height: 1.8;
	}

div#page ul#main li div.section dl.news:after { 
content: url(pixel.gif);
display: block;
clear: both; height: 0; 
}

div#page ul#main li div.section dl.news{ display: inline-block; }
div#page ul#main li div.section dl.news { display: block; }
/* Mac版IEのみに適用 \*//*/
div#page ul#main li div.section dl.news{ overflow: hidden; }
/* */

div#page ul#main li div.section dl.news dt{
	clear: both;
	margin: 0;
	padding;0;
	position: relative;
	background-color: transparent;	
	color: #009900;
	width: 90px;
	float: left;
	}
div#page ul#main li div.section dl.news dd{
	margin: 0;
	padding;0;

	}

/* contact layout
---------------------------------------------------------------------------------- */

body.contact div#page ul#main li div#contactArea p{
	margin: 20px 15px 15px 35px;
	padding;0;
	}
	
body.contact div#page ul#main li div#contactArea{
	margin: 0;
	padding: 5px 0 15px 0;

	}

body.contact div#page ul#main li div#contactArea ul#contact{
	margin: 0 auto 15px auto;
	padding: 0;
	width: 450px;
	}
body.contact div#page ul#main li div#contactArea ul#contact li.firstChild{
	margin: 0 0 5px 0;
	padding: 0;
	width: 450px;

	}
body.contact div#page ul#main li div#contactArea ul#contact li{
	margin: 0 0 5px 0;
	padding: 0;
	width: 450px;

	}
body.contact div#page ul#main li div#contactArea ul#contact li h3{
	margin: 0;
	padding: 0;

	}
body.contact div#page ul#main li div#contactArea ul#contact li h3 span{
	margin: 2px 0;
	padding: 0;
	display: block;
	font-size: 1.2em;

	}
/* greeting layout
---------------------------------------------------------------------------------- */
body.greeting div#page ul#main li div.section{
	margin: 0 0 15px 0;
	padding:35px;
	width:450px;
	text-align: left;
	position: relative;
	background-color: transparent;	
 	background-image:url(../images/sectionBg.gif) ;
	background-repeat:repeat-y;
	background-position: top left;
	border: 1px solid #CCC;
	}
body.greeting div#page ul#main li div#footer{
	margin: 0 0 15px 0;
	padding:0;
	width:520px;

	}
body.greeting div#page ul#main li div.section h3{
	margin: 0 0 15px 0;
	padding:0;
	text-align: center;
	font-size: 1.5em;
	color: #A0522D;
	}	
body.greeting div#page ul#main li div.section p{
	margin: 0 0 15px 0;
	padding:0;
	text-align: left;
	font-size: 1.3em;
	}
body.greeting div#page ul#main li div.section div.qualification {
	margin: 0;
	padding: 25px 25px 0 25px;
	background-color: #F4E3D1;
}

body.greeting div#page ul#main li div.section div.qualification h4{
	margin: 0;
	padding: 0 0 0 1em;
	font-size: 1.3em;
	text-indent: -1em;
	color: #A0522D;
}
body.greeting div#page ul#main li div.section ul,
body.greeting div#page ul#main li div.section ol{
	margin: 10px 0 25px 0;
	padding:0;
	text-align: left;
	font-size: 1.1em;

	} 
body.greeting div#page ul#main li div.section ul li,
body.greeting div#page ul#main li div.section ol li{
	margin: 0 0 10px 0;
	padding:0 0 0 2em;
	text-align: left;
	font-size: 1.1em;
	text-indent: -2em;
	} 	
	
body.greeting div#page ul#main li div.section div.extraDetail {
margin: 0;
padding: 35px 0 0 0;
	}



body.greeting div#page ul#main li div.section div.extraDetail h4#first{
	margin: 0 0 0 0;
	padding:0;
	text-align: left;
	font-size: 1.3em;
	color: #A0522D;
	font-weight: normal;
	} 
	
body.greeting div#page ul#main li div.section div.extraDetail h4,
body.greeting div#page ul#main li div.section div.extraDetail h5{
	margin: 2px 0 2px 0;
	padding:0;
	text-align: left;
	font-size: 1.1em;
	color: #A0522D;
	font-weight: normal;
	} 
body.greeting div#page ul#main li div.section div.extraDetail ul,
body.greeting div#page ul#main li div.section div.extraDetail ol{
	margin: 10px 0 10px 0;
	padding:0;
	text-align: left;
	font-size: 1em;
	} 

body.greeting div#page ul#main li div.section div.extraDetail ul li,
body.greeting div#page ul#main li div.section div.extraDetail ol li{
	margin: 0;
	padding:0 0 0 1em;
	text-indent: -1em;
	} 
	
	
body.greeting div#page ul#main li div.section div.extraDetail p{
	margin: 0 0 15px 0;
	padding:0;
	text-align: left;
	font-size: 1em;
	color: #333;
	}


	/* 6: mainNav style
---------------------------------------------------------------------------------- */
div#page ul#mainNav{
	clear: both;
	margin-top:0px;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0 0;
	width:530px;
	text-align: left;
	position: relative;
	}

div#page ul#mainNav:after { 
content: url(pixel.gif);
display: block;
clear: both; height: 0; 
}

div#page ul#mainNav{ display: inline-block; }
div#page ul#mainNav { display: block; }
/* Mac版IEのみに適用 \*//*/
div#page ul#mainNav { overflow: hidden; }
/* */

div#page ul#mainNav li{
	margin: 0 5px 0 0;
	padding: 0;
	width: 170px;
	float: left;
	}
div#page ul#mainNav li.lastChild{
	margin: 0 0 0 0;
	padding: 0;

	}

/* 2009-03-10追加footerBanner
---------------------------------------------------------------------------------- */

div#page ul#footerBanner {

width: 380px;
margin: 0 auto;
text-align: center;
}
div#page ul#footerBanner:after { 
content: url(pixel.gif);
display: block;
clear: both; height: 0; 
}

div#page ul#footerBanner { display: inline-block; }
div#page ul#footerBanner { display: block; }
/* Mac版IEのみに適用 \*//*/
div#page ul#footerBanner { overflow: hidden; }
/* */

div#page ul#footerBanner li {
width: 120px;
float: left;
display: inline;
margin: 0 10px 20px 0
}
div#page ul#footerBanner li#last {
margin: 0 0 20px 0
}
	/* 000: cleafix Huck base source
---------------------------------------------------------------------------------- */

.clearfix:after { 
content: url(pixel.gif);
display: block;
clear: both; height: 0; 
}

.clearfix { display: inline-block; }
.clearfix { display: block; }
/* Mac版IEのみに適用 \*//*/
.clearfix2 { overflow: hidden; }
/* */