@charset "UTF-8";

h1{
background: url(../images/izena/top_bg.jpg) repeat-y center top;
}

/*#main  #entry
---------------------------------------*/
#main,
#entry{
position: relative;
overflow: hidden;
width: 100%;
}

#main .visual img,
#entry .visual img{
width: 100%;
height: auto;
}

#main .box,
#entry .box{
position: relative;
color: #fff;
background: #CC786C;
padding: 25px 40px;
}

#main .box:before,
#entry .box:before{
content: "";
position: absolute;
top: -90px;
left: 240px;
display: block;
width: 121px;
height: 90px;
background: url(../images/izena/main_huki.png) no-repeat left top;
}

#main .box .area,
#entry .box .area{
position: relative;
overflow: hidden;
display: table;
}

#main .area:before,
#entry .area:before{
content: "";
position: absolute;
left: 310px;
display: block;
width: 1px;
height: 100%;
background: #fff;
}

#main h2,
#entry h2{
width: 310px;
font-size: 23px;
line-height: 36px;
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
letter-spacing: 2px;
padding: 10px 0;
vertical-align: middle;
display: table-cell;
}

#main .text,
#entry .text{
display: table-cell;
vertical-align: middle;
font-size: 14px;
line-height: 27px;
text-align: justify;
padding-left: 20px;
}


/*#history
---------------------------------------*/
#history{
background: url(../images/common/bg.jpg) repeat center top;
}

#history .box{
position: relative;
width: 980px;
margin: auto;
}

#history .text{
position: absolute;
top: 158px;
right: 40px;
font-size: 14px;
line-height: 28px;
text-align: justify;
width: 608px;
}


/*#entry
---------------------------------------*/
#entry .unit{
position: relative;
overflow: hidden;
color: #fff;
background: #CC786C;
padding: 17px 40px;
}

#entry .left{
float: left;
width: 50%;
}

#entry .right{
float: right;
width: 50%;
}

#entry .unit h3{
border-left: solid 14px #fff;
height: 40px;
line-height: 40px;
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
font-size: 18px;
padding-left: 10px;
letter-spacing: 2px;
}

#entry .unit p{
font-size: 14px;
line-height: 22px;
text-align: justify;
padding-top: 10px;
}

#entry .left p{
padding-right: 57px;
}

#entry .right h3,
#entry .right p{
margin-left: 57px;
}


/*#famous
---------------------------------------*/
#famous{
position: relative;
background: url(../images/common/bg.jpg) repeat center top;
padding-bottom: 20px;
margin-bottom: 70px;
}

#famous .box{
color: #CC786C;
position: relative;
overflow: hidden;
width: 900px;
margin: 0 auto 40px;
padding-top: 50px;
background: url(../images/common/famous_shadow.jpg) no-repeat center top;
}

#famous .box:before{
content: "";
display: block;
position: absolute;
left: 292px;
margin-left: -1px;
border-right: dotted 2px;
height: 100%;
}

#famous .box:after{
content: "";
display: block;
position: absolute;
right: 292px;
margin-left: -1px;
border-right: dotted 2px;
height: 100%;
}

#famous .box>div{
float: left;
width: 273px;
}

#famous .box .center{
padding: 0 40px;
}

#famous .box h3{
font-size: 19px;
line-height: 24px;
padding: 16px 0 16px 32px;
background: url(../images/izena/famous_icon.png) no-repeat left center;
}

#famous .box h3.br{
line-height: 23px;
}

#famous .box h3 span{
font-size: 15px;
}

#famous .box .visual{
height: 196px;
}

#famous .box .text{
font-size: 14px;
line-height: 24px;
text-align: justify;
color: #000;
}

/*.section_01*/
#famous .section_01:before,
#famous .section_01:after{
display: none;
}

#famous .section_01{
padding-top: 30px;
background: none;
}

#famous .section_01 .left{
width: 451px;
height: 425px;
background: url(../images/common/famous_bg.png) no-repeat left top;
}

#famous .section_01 .left h2{
padding-top: 70px;
}

#famous .section_01 .left p{
font-size: 16px;
line-height: 30px;
text-align: justify;
padding-top: 10px;
}

#famous .section_01 .right{
float: right;
width: 420px;
padding-top: 50px;
}

#famous .section_01 .visual{
height: auto;
}

/*#outline*/
#outline{
position: absolute;
left: 50%;
top: 476px;
width: 900px;
margin-left: -450px;
text-align: right;
z-index: 1;
}


/*#topic
---------------------------------------*/
#topic{
text-align: center;
font-weight: bold;
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
font-size: 16px;
line-height: 28px;
letter-spacing: 3px;
color: #CC786C;
background: url(../images/izena/topic.png) no-repeat center top;
padding-top: 171px;
}


/*#aside
---------------------------------------*/
#aside{
position: relative;
width: 630px;
margin: auto;
padding: 60px 0 50px;
text-align: center;
}

#aside .title{
color: #fff;
background: #CC786C;
font-size: 16px;
line-height: 40px;
letter-spacing: 1px;
}

#aside h3{
color: #CC786C;
background: #F8F4D4;
font-size: 27px;
font-weight: normal;
line-height: 48px;
letter-spacing: 2px;
}

#aside .lead{
font-size: 14px;
padding: 20px 0;
}

#aside .tel{
display: inline-block;
font-family: 'Rubik', sans-serif;
font-size: 32px;
letter-spacing: 1px;
vertical-align: -6px;
}

#aside .tel:before{
content: "";
display: inline-block;
background: url(../images/common/tel.png) no-repeat left center #000;
width: 31px;
height: 23px;
vertical-align: 1px;
}

#aside .text{
display: inline-block;
font-size: 16px;
padding-left: 7px;
}

#aside .unit{
font-size: 15px;
padding-top: 8px;
padding-bottom: 25px;
}

#aside .address{
color: #CC786C;
padding-top: 20px;
border-top: solid 1px;
font-size: 27px;
letter-spacing: 2px;
}

#aside .address span{
display: block;
font-size: 14px;
letter-spacing: 0;
padding-top: 10px;
color: #000;
}