@charset "UTF-8";
@import "/common/css/basefont.css.php";

/*-----------------------------------------------
CSSファイル名：style.css
初期制作者：shiba
最終更新日：

中ページのCSS
-----------------------------------------------*/

@media screen,tv,projection {

html{
margin:0;
padding:0;
background:#fff;
}

body{
width:100%;
color:#000;
font-size:75%;
margin:0;
padding:0;
border-top:3px solid #777;
letter-spacing:0.1em;
background:#fff;
}

article,aside,dialog,figure,footer,header,hgroup,nav,section{
display:block;
}

a:link{
color:#000;
text-decoration:none;
}

a:visited{
color:#333;
text-decoration:none;
}

a:hover,
a:active{
color:#999;
text-decoration:none;
}

a img{
border:0;
}

#printLogo{ display:none; }


#document{
position:relative;
width:960px;
margin:0 auto;
padding:271px 0 0;
}

.externalafterIcon{
padding:0.3em 0 0.4em;
vertical-align:middle;

margin:0 5px 0 3px;
}



/*---------------------------------------------------------------
 header
----------------------------------------------------------------*/
header{
position:absolute;
top:0;
left:0;
width:100%;
height:241px;
margin:0 auto 30px;
padding:15px 0 0;
background:url(/houjin/common/img/visual.jpg) no-repeat 0 bottom;
}

header hgroup{
position:absolute;
top:15px;
left:0;
margin:0;
padding:0;
}

header hgroup h1{
font-size:100%;
line-height:1;
margin:0 0 5px;
}

header hgroup h2{
font-size:100%;
line-height:1;
margin:0;
text-align:center;
}

#globalNav{ /* clearfix */
width:321px;
margin:0 auto;
padding:0;
}

#globalNav ul{
margin:0;
padding:0;
}

#globalNav ul li{
list-style-type:none;
line-height:1;
float:left;
margin:0 27px 0 0;
padding:0;
}

#globalNav ul li:last-child{ margin:0; }
#globalNav ul li.last{ margin:0; }

#assistNav ul{ /* clearfix */
position:absolute;
width:244px;
right:0;
top:15px;
margin:0;
padding:0;
border-left:1px solid #777;
line-height:1;
}

#assistNav ul li{
list-style-type:none;
float:left;
margin:0;
padding:0;
border-right:1px solid #777;
line-height:1;
}


/*---------------------------------------------------------------
 footer
----------------------------------------------------------------*/
footer{
width:960px;
text-align:center;
margin:0 auto 3em;
padding:1em 0 3em;
border-top:1px solid #777;
}

body > footer{ padding:1em 0 0; }

footer ul{
margin:0 auto 2em;
padding:0 0 0 25px;
}

footer ul li{
list-style-type:none;
display:inline;
margin:0;
padding:0 25px 0 0;
}

footer ul li a{
text-decoration:none;
color:#000;
padding:0 0 0 7px;
background:url(/houjin/common/img/arrow.gif) no-repeat center left;
}

footer ul li a:link,footer ul li a:visited{ color:#000; }
footer ul li a:hover,footer ul li a:active{
color:#999;
background:url(/houjin/common/img/arrow_on.gif) no-repeat center left;
}

footer address{
margin:0 0 0.5em;
padding:0;
font-style:normal;
}

footer p{
margin:0;
padding:0;
}

/*---------------------------------------------------------------
 aside
----------------------------------------------------------------*/
aside{
margin:0;
padding:0;
}

aside p{
text-align:right;
margin:0;
padding:0;
line-height:1;
}

aside p img{ vertical-align:bottom; }

/*---------------------------------------------------------------
 topic path
----------------------------------------------------------------*/
#topicPath{
margin:0 0 30px;
padding:0.55em 10px 0.5em;
background:#eee;
}

#topicPath ol{ /* clearfix */
margin:0;
padding:0;
}

#topicPath ol li{
list-style-type:none;
float:left;
margin:0 18px 0 0;
padding:0;
}

#topicPath ol li a{
padding:0 20px 0 0;
text-decoration:underline;
background:url(/houjin/common/img/arrow.gif) no-repeat center right;
}

#topicPath ol li a:hover{ text-decoration:none; }

/*---------------------------------------------------------------
 article
----------------------------------------------------------------*/
article{ /* clearfix */
position:relative;
margin:0 0 4em;
padding:1em 0 0 270px;
}

article *{ line-height:1.8; }

article h1{
position:absolute;
top:0;
left:0;
width:240px;
margin:0;
padding:0;
}

article a:link,article a:visited{ text-decoration:none; }
article a:hover,article a:active{ text-decoration:underline; }
article a:hover span.anchorIn{ text-decoration:underline; }

article p{
margin:0 0 1.2em;
padding:0;
}

article p + section{
margin:2.5em 0;
}

article section p{
margin:1.2em 0;
}

article p.attention{
margin-top:-0.7em;
line-height:1.2;
text-indent:-1em;
padding:0 0 0 1em;
}

article p.attention small{
font-size:90%;
color:#d53e15;
}

article p.link a{
padding:0 0 0 20px;
background:url(/houjin/common/img/arrow_big.gif) no-repeat 0 0.15em;
}

article p.link a:hover{
background:url(/houjin/common/img/arrow_big_on.gif) no-repeat 0 0.15em;
}

article p.link > a,
article p.link > a:hover{ background-position: 0 0.33em; }

*:first-child+html article p.link a{ background-position: 0 0.1em; }
*:first-child+html article p.link a:hover{ background-position: 0 0.1em; }

article section{
margin:0 0 3.5em;
padding:0;
}

article section:last-child { margin:0 0 1.5em; }
article section.last{ margin:0 0 1.5em; }

article section h1{
font-size:100%;
position:static;
width:auto;
margin:0 0 1.5em -10px;
padding:0;
}

article section section h1{
font-size:120%;
margin:0 0 1em -10px;
padding:0 0 0.3em 10px;
border-bottom:1px solid #777;
}


article section section h2{
font-size:120%;
margin:0 0 1em -10px;
padding:0 0 0.3em 10px;
border-bottom:1px solid #777;
}

article section table{
width:100%;
margin:1em 0 1.2em;
padding:0;
border-collapse:collapse;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}

article section table th,
article section table td{
padding:0.4em 15px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
text-align:left;
}

article section table td dl{
margin:1em 0 0;
padding:0;
}

article section table td dl dt{
line-height:1.2;
font-weight:bold;
margin:0;
padding:0;
}

article section table td dl dd{
line-height:1.4;
margin:0 0 1em;
padding:0;
}

article section table th{
background:#eee;
white-space:nowrap;
}

/* chronology */
article section table.chronology{
border:0;
}

article section table.chronology th,
article section table.chronology td{
vertical-align:top;
background:none;
border:0;
padding:0.4em 0;
}

article section table.access th{ width:10em }

article section table.chronology th{
width:13em;
padding:0.4em 15px 0.4em 0;
}

article section table.chronology td ul{
margin:0;
}

article section ul{
margin:1em 0 1.2em;
padding:0;
}

article section ul li{
display:inline-block;
list-style-type:none;
margin:0 0 0.7em;
padding:0 0 0 15px;
background:url(/houjin/common/img/icon_disc.gif) no-repeat 5px 0.8em;
}

article section ul li{
display:block;
}

article section ul > li{
background-position:5px 0.7em;
}

article section ul.privacy li{
text-indent:-1.75em;
padding:0 0 0 1.75em;
background:none;
}

article section ul.browser{ /* clearfix */
margin:1.5em 0;
}

article section ul.browser li{
width:334px;
float:left;
margin:0 20px 1.5em 0;
padding:0;
background:none;
}

article section ul.browser li:nth-child(even){ margin:0 0 1.5em; }
article section ul.browser li.even{ margin:0 0 1.5em; }

article section ul.browser li dl{ /* clearfix */
margin:0;
padding:0;
}

article section ul.browser li dl dt{
float:left;
margin:0;
padding:0;
}

article section ul.browser li dl dd{
margin:0;
padding:0.25em 0 0 63px;
}

article section ul.browser li dl dd a{
display:inline-block;
padding:0 0 0 20px;
background:url(/houjin/common/img/arrow_big.gif) no-repeat 0 0.2em;
}

article section ul.browser li dl dd > a{
background:url(/houjin/common/img/arrow_big.gif) no-repeat 0 0.33em;
display:inline;
}

*:first-child+html article section ul.browser li dl dd a{
background:url(/houjin/common/img/arrow_big.gif) no-repeat 0 0.3em;
}

article section ul.img{ /* clearfix */
margin:1.5em 0 0.5em;
}

article section ul.img li{
float:left;
margin:0 20px 0.5em 0;
padding:0;
background:none;
}

article section ul.img li:nth-child(even){ margin:0 0 0.5em; }
article section ul.img li.even{ margin:0 0 0.5em; }

article section div.box{
margin:1.2em 0;
padding:1em 20px;
background:#eee;
display:inline-block;
}

article section div.box{
display:block;
}

article section div.box p{
margin:0 0 1em;
}

article section div.box *:last-child {
margin-bottom:0;
}

article section div.box *.last{
margin-bottom:0;
}

.externalIcon{
margin:0 5px;
padding:0.3em 0;
background:#fff;
vertical-align:middle;
}

a > .externalIcon{
padding:0;
vertical-align:0;
background:transparent;
}

*:first-child+html a .externalIcon{
background:#fff;
}

/* form */
article section form div.box{
margin:0 0 3em;
background:#fff;
border:2px solid #ccc;
}

ul.school{ /* clearfix */
margin:0;
padding:0;
}

ul.school li{
float:left;
margin:0 40px 1em 0;
padding:0;
background:none;
display:inline;
text-align:center;
}

ul.school li input{
margin:0 5px 0 0;
vertical-align:baseline;
}

ul.school > li input{ vertical-align:middle; }

form p.attention{
text-align:right;
text-indent:0;
padding:0;
display:inline-block;
color:#d53e15;
}

form p.attention{
display:block;
}

form section table{
margin:0;
}

form section table th{
width:12em;
}

form section table th em{
color:#d53e15;
font-style:normal;
vertical-align:super;
}

textarea{
margin:0;
line-height:1.2;
}

span.cap{
font-size:75%;
line-height:1.2;
padding:0.5em 0 0;
}

td > span.cap{ font-size:80%; }

*:first-child+html span.cap { font-size:75%; }

/* check & radio button */
.checkbox, .radio {
width:12px;
height:12px;
padding:0 5px 0 0;
margin:5px 0 0;
background:url(/houjin/common/img/checkbox.gif) no-repeat;
display:block;
clear:left;
float:left;
}

.radio {
background:url(/houjin/common/img/radiobox.gif) no-repeat;
}

form input{
padding:0.2em 2px;
line-height:1;
}

#h_name1,#h_name2,#h_kana1,#h_kana2,#j_name1,#j_name2,#j_kana1,#j_kana2{
width:10em;
margin:0 10px 0 0;
}

#h_post1,#j_post1{
width:2em;
margin:0 5px 0 0;
vertical-align:middle;
}

#h_post2,#j_post2{
width:2.5em;
margin:0 0 0 5px;
vertical-align:middle;
}

#h_address,#j_address{
width:95%;
}

#h_cram,#j_cram,#j_school,#h_mail,#j_mail{
width:15em;
}

#h_tel1,#h_tel2,#h_tel3,#j_tel1,#j_tel2,#j_tel3{
width:2.5em;
margin:0 5px;
vertical-align:middle;
}

#h_tel1,#j_tel1{
margin:0 5px 0 0;
}

#h_grade,#j_grade{
margin:0 5px 0 0;
}

#h_content,#j_content{
width:95%;
height:6em;
}

article section form td dl{
margin:0.5em 0 0;
padding:0;
}

article section form td dl dt{
margin:0 0 0.3em;
}

article section form td dl dd{
margin:0;
}

form td dl dd ul{ /* clearfix */
margin:0;
}

form td dl dd ul li{
float:left;
width:13em;
margin:0 20px 0.5em 0;
padding:0;
background:none;
}

p.button{
text-align:center;
margin:2em 0;
}

p.button input{
margin:0 20px;
}

.error{
margin:0 0 1.5em;
padding:1em 20px 0.5em;
border:1px solid #d53e15;
}

.error ul{
padding:0;
margin:0;
line-height:1.4;
}

.error ul li{
display:block;
color:#d53e15;
background:none;
text-indent:-1em;
padding:0 0 0 1em;
margin:0 0 0.5em;
}

p.print{
text-align:right;
}

article section.finish table{
color:#777;
}


}

@media print {
body,html{
width:100%;
margin:0;
padding:0;
color:#000;
line-height:1.6;
}

a{
color:#000;
text-decoration:none;
}

a img{
border:0;
}

header,footer ul,#topicPath,aside,.externalIcon{
display:none;
}

#printLogo{
text-align:center;
padding:0 0 10px;
margin:0 0 30px;
border-bottom:2px solid gray;
}

article{
font-size:90%;
}

h1{
font-size:110%;
margin:1em 0;
}

article > section{
margin:0 0 2em;
}

section section h1{
font-size:100%;
padding:0 0 0.3em;
border-bottom:1px solid gray;
}

footer{
display:block;
border-top:2px solid gray;
padding:1em 0 0;
margin:1em 0 0;
font-size:90%;
}

footer p{
margin:0 0 0.5em;
}

footer address{
font-style:normal;
}

ul.browser{
margin:1em 0;
padding:0;
}

ul.browser li{
clear:left;
list-style-type:none;
margin:0 1em;
padding:0;
}

ul.browser li dl{
margin:0;
padding:0;
}

ul.browser li dl dt{
float:left;
margin:0;
padding:0;
}

ul.browser li dl dd{
margin:0;
padding:0.2em 0 0 63px;
}

.print,.button{
display:none;
}

.box{
padding:0.5em 10px;
margin:0 0 1.5em;
border:1px solid gray;
}

table{
width:100%;
text-align:left;
border:1px solid gray;
border-collapse:collapse;
margin:1.5em 0;
}

table th,table td{
padding:0.3em 5px;
border:1px solid gray;
}

table th{
background:#eee;
}


}


@media screen,tv,projection,print {

/*---------------------------------------------------------------
 clearfix
----------------------------------------------------------------*/
#globalNav:after,
#assistNav ul:after,
#topicPath ol:after,
#body section ul.browser:after,
#body section ul.browser li dl:after,
article section ul.img:after,
form td dl dd ul:after,
ul.school:after,
article:after,
.clearfix:after{
content:url(/common/img/pixel.gif);
display:block;
clear:both;
height:0;
}

#globalNav,
#assistNav ul,
#topicPath ol,
#body section ul.browser,
#body section ul.browser li dl,
article section ul.img,
form td dl dd ul,
ul.school,
article,
.clearfix{
display:inline-block;
}

#globalNav,
#assistNav ul,
#topicPath ol,
#body section ul.browser,
#body section ul.browser li dl,
article section ul.img,
form td dl dd ul,
ul.school,
article,
.clearfix{
display:block;
}


}