@charset "UTF-8";
/*
auto-iroha.css
*/

/*
main main main
*/
img{height: auto;}
#iroha {background-color: #b81c22;background-position: center top;background-repeat: repeat-x;padding: 0 0 50px 0;/* max-width: 990px; */margin: 0 auto;}
#iroha p {
font-size: 100%;
}
#iroha p a:link,a:visited {text-decoration: underline;}

#iroha ul.uAlpha {
font-size: 108%;
}
#iroha ul.uAlpha li {
font-weight: bold;
}

#iroha .index {/* padding: 40px 161px 15px 232px; */max-width: 500px;}

#iroha .ttl_iroha {max-width: 730px;margin: 0 auto; padding-top: 15px;    text-align: center;}
.ttl_iroha img {/*display: block;float: left;*/}
.ttl_iroha .boxR {
float: right;
padding: 35px 0 0 0;
}
.ttl_iroha .boxR img {
padding: 0 0 0 15px;
}

/*
index
*/
#iroha .index .explain {
margin: 0 auto;
max-width: 350px;
}
#iroha .index .explain .pig {
float: left;
}
#iroha .index .explain .txt {
float: left;
padding: 10px 0 0 0;
}
#iroha .index .explain .txt a {
display: block;
padding: 15px 0 20px 0;
}
#iroha .index .pdfBox {
margin: 10px 0 40px 0;
}
#iroha .index .pdfBox p {
color: #ffffff;
}
#iroha .index .adobeReader {margin: 0 auto;padding: 10px 0 0 0;max-width: 380px;}
#iroha .index .adobeReader p {
color: #ffffff;
font-size: 77%;
}
#iroha .index .adobeReader img {
display: block;
float: left;
margin: 0 10px 0 0;
}

#iroha .index a:link {color: #ffffff; text-decoration: underline;}
#iroha .index a:visited {color: #ffffff; text-decoration: underline;}
#iroha .index a:hover,
#iroha .index a:active {color: #ffffff; text-decoration: none;}


/*
second
*/
#iroha .content {max-width: 730px;margin: 0 auto;}
#iroha .content #scroll {background-image: url(/images/iroha/bg_scroll.jpg);background-position: 19px top;background-repeat: repeat-y;max-width: 100%;background-size: auto;margin-right: 1%;}
#iroha .content #scWhat {
background-image: url(/images/iroha/bg_scroll.jpg);
background-position: 19px top;
background-repeat: repeat-y;
max-width: 730px;
padding: 35px 0 0 0;
}
#iroha .content .ttl_scroll {margin: 0 0 0 11px;text-align: left;padding: 0;}

#iroha .content #scroll #scroll_inner {background-image: url(/images/iroha/bg_inner.png);background-position: center top;background-repeat: repeat-y;margin: 0 8%;max-width: 627px;/* padding: 0 1em; */width: 90%;}
#iroha .content #scroll #scroll_inner p,
#iroha .content #scroll #scroll_inner ul {
line-height: 1.7em;
}
#iroha .content #scWhat #scroll_inWhat {
background-image: url(/images/iroha/bg_inner.png);
background-position: center top;
background-repeat: repeat-y;
margin: 0 auto;
padding: 45px 30px 30px 30px;
max-width: 567px;
}
#iroha .content #scroll #scroll_inner .basis {background-image:none;padding: 30px 5%;/* max-width: 560px; */width: 100%;}
#iroha .content #scroll #scroll_inner .expect {
background-image:none;
padding: 15px 30px 30px 30px;
max-width: 560px;
}
#iroha .content .foot_inner {margin: 0 auto;width: 100%;}

#iroha .content #scroll #scroll_inner .ttl {
text-align: center;
padding: 0 0 25px 0;
}
#iroha .content #scroll #scroll_inner .lead {/* font-size: 108%; */font-weight: bold;text-align: center;margin: 0 0 30px 0;}
#iroha .content .sttl {
margin: 0 0 20px 0;
}
#iroha .content .contentBox {margin: 0 0 40px 0;text-align: left;}
#iroha .content .irohaArrow {
text-align: right;
margin: 0 0 40px 0;
}




/*
pagemenu
*/
#iroha ul.pagemenu {
text-align: center;
font-size: 0;
line-height: 0;
padding: 10px 0 20px 0;
}
#iroha ul.pagemenu li {
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
margin: 0 10px;
}
#iroha ul.pagemenu li:first-child {margin-left: 24px;}
#iroha ul.pagemenu li a {
display: block;
}

/*
page00 mokuji
*/
.page00_mokuji{
margin:30px 0;
}

.page00_mokuji li{padding-top:10px;margin-left: 10%;text-align: left;font-size: 150%;}

.page00_mokuji img{
margin-right:10px;
vertical-align: bottom;
}


/*
kakejiku
*/
.kakejiku{
background:url(/images/auto-iroha/kakejiku_body.png) repeat-y left top;
background-size: contain;
margin-bottom:40px;
}
.kakejiku_title{
padding:90px 30px 15px 30px;
background:url(/images/auto-iroha/kakejiku_top.png) no-repeat left top;
background-size: contain;
}
.kakejiku_title img{
    width: 80%;
}

.kakejiku .kakejiku_body {
padding:0px 60px 60px 60px;
background:url(/images/auto-iroha/kakejiku_bottom.png) no-repeat left bottom;
background-size: contain;
}

/*
next
*/
.next{
margin-bottom:40px;
}
.next p{
text-align:right;
}

/*
border-yellow
*/
.border-yellow{
border-style:solid;
border-color:#FBCF00;
padding:10px;
margin:20px 0 30px 0;
}

/*
tab
*/
.tab{
margin-bottom:30px;
}
.tab img{
    width: 49%;
    float: left;
}
img.tab1{/* margin-right:6px; *//* float:left; */}
img.tab_bar{/* margin:0 0 0 -30px; */clear:both;width: 100%;}

/*
kakeshiki
*/
.kakeshiki dt{
margin-top:30px;
margin-bottom:15px;
}

/*
dictionary
*/
.dictionary dt{
color:#B81C22;
font-size:150%;
margin:15px 0;
display:list-item;
list-style-type:square;
list-style-position:inside;
}
#innerIroha.index {
    margin: auto;
}
@media screen and (max-width: 750px) {
#iroha .content .foot_scroll {position: absolute; left: 1px; right: -8px;top: 0;}
.kakejiku_title img{
    width: 100%;
}
.kakejiku_title{
padding:15vw 5vw 5vw 5vw;

}
@media screen and (max-width: 640px) {
#iroha .content #scroll #scroll_inner .lead {text-align: left;}
#iroha .content .ttl_scroll {  margin: 0 0 -11px 12px;}
.kakejiku_title{padding: 90px -1px 15px 0px;}
.kakejiku .kakejiku_body { padding: 0px 25px 60px 25px;text-align: left;}
#iroha .content .foot_scroll {position: absolute; left: 4px; right: -7px;top: 0;}
}

@media screen and (max-width: 480px) {
#iroha .content .ttl_scroll {margin: 0 0 -10px 15px;}
#iroha .content .foot_scroll {position: absolute; left: 7px; right: -6px;top: 0;}

}
@media screen and (max-width: 380px) {
#iroha .content .ttl_scroll {margin: 0 0 -10px 15px;}
#iroha .content .foot_scroll {position: absolute; left: 10px; right: -4px;top: 0;}

}
@media screen and (max-width: 320px) {
#iroha .content .ttl_scroll {margin: 0 0 -10px 16px;}
#iroha .content .foot_scroll {position: absolute; left: 11px; right: -3px;top: -1;}
}