@charset "UTF-8";

h1{
background: url(../images/nakijin/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: #577FAE;
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/nakijin/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 h2 span{
display: block;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
font-size: 12px;
font-weight: normal;
line-height: 21px;
letter-spacing: 0;
padding-top: 15px;
}

#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: #577FAE;
padding: 17px 40px;
}

#entry .left{
float: left;
}

#entry .right{
float: right;
width: 206px;
padding-top: 10px;
}

#entry .unit p{
font-size: 12px;
line-height: 20px;
text-align: justify;
}

#entry .unit p strong{
display: block;
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
font-size: 18px;
line-height: 26px;
letter-spacing: 2px;
padding-bottom: 10px;
}


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

#famous .box{
color: #577FAE;
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 h3{
font-size: 19px;
line-height: 24px;
padding: 16px 0 16px 32px;
background: url(../images/nakijin/famous_icon.png) no-repeat left center;
}

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

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

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

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

#famous .section_01 .left{
float: 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;
}

/*#outline*/
#famous #outline{
position: absolute;
top: 30px;
left: 50%;
z-index: 1;
width: 970px;
margin-left: -485px;
text-align: right;
}

/*section_02*/
#famous .section_02>div{
float: left;
width: 450px;
}

#famous .section_02 .text{
width: 420px;
}

#famous .section_02 .right h3,
#famous .section_02 .right .text{
margin-left: 30px;
}


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

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

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

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


/*#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: #577FAE;
background: url(../images/nakijin/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: #577FAE;
font-size: 16px;
line-height: 40px;
letter-spacing: 1px;
}

#aside h3{
color: #577FAE;
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: #577FAE;
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;
}