@charset "UTF-8";
#page-top {
    
    position: fixed;
    bottom: 20px;
    right: 8px;
    font-size: 77%;
}
#page-top a {
    text-decoration: none;
    text-align: center;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
}


*{}

.arrow_right{
    display: inline-block;
    transform: rotate(30deg);
}

.arrow_right:after{
    content: '▼';
}

html,body{
    height: 100%;
    margin: 0;
    padding: 0;
}
/*******************************************************************************
 *フロントページ
 *******************************************************************************/
/*
 * 枠組み
 */
#header{
    background-image: url('../img/common/border.png');
    background-repeat: no-repeat;
    overflow: hidden;
    padding-top: 16px;
}

/*
 * ヘッダ部
 */

#header_title{
    position: relative;
    width: 960px;
    height: 320px;
    background-image: url('../img/common/title_bg.jpg');
    background-repeat: no-repeat;
    margin: 0 auto;
}

#header #nagoya_logo{
    position: absolute;
    top: 16px;
    left: 16px;
    width: 199px;
    height: 108px;
    background-image: url('../img/common/nagoya_logo.png');
}

#header #org_name{
    position: absolute;
    top: 80px;
    left: calc(50% - 256px);
    width: 500px;
    height: 120px;
    background-image: url('../img/common/org_name.png');
}

#header #character{
    position: absolute;
    top: 32px;
    right: 0px;
    width: 235px;
    height: 325px;
    background-image: url('../img/common/character.png');
}

#header #nav{
    position: absolute;
    bottom: 0px;
    left: 96px;
}

#header #btn_about{
    display: inline-block;
    width: 169px;
    height: 142px;
    background-image: url('../img/common/btn_about.png');
}

#header #btn_about:hover{
    background-image: url('../img/common/btn_about_on.png');
}

#header #btn_bosyu{
    display: inline-block;
    margin-left: 30px;
    width: 142px;
    height: 142px;
    background-image: url('../img/common/btn_bosyu.png');
}

#header #btn_bosyu:hover{
    background-image: url('../img/common/btn_bosyu_on.png');
}

#header #btn_contact{
    display: inline-block;
    margin-left: 48px;
    width: 142px;
    height: 142px;
    background-image: url('../img/common/btn_contact.png');
}

#header #btn_contact:hover{
background-image: url('../img/common/btn_contact_on.png');}

#header #btn_home{
    display: inline-block;
    margin-left: 24px;
    width: 97px;
    height: 93px;
    margin-bottom: 32px;
    background-image: url('../img/common/btn_home.png');
}

#header #btn_home:hover{
    background-image: url('../img/common/btn_home_on.png');
}

/*
 * フッタ部
 */
#footer{
    position: absolute;
    bottom: 0;
    left: calc(50% - 480px);
    background-color: #638c0b;
    color: #fff;
}

#footer #footer_link{
    background-color: #638c0b;
    line-height: 1em;
    text-align: center;
}

#footer #footer_link a{
    color: #fff;
}

#footer #footer_link a:hover{
    color: #ff0;
}

#footer #footer_link #blog_link, #footer #footer_link #bosyu_link, #footer #footer_link #contact_link{
    display: inline-block;
    padding-top: 4px;
    line-height: 1em;
}

#footer #footer_link #bosyu_link, #footer #footer_link #contact_link{
    margin-left: 16px;
}

#footer #information{
    position: relative;
    width: 960px;
    height: 64px;
    margin: 0 auto;
}

#footer #link{
    padding-left: 16px;
    position: absolute;
    left: 0;
    top: 0;
}

#footer #_information{
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    padding-right: 16px;
}

#index #main{
    width: 960px;
    margin: 0 auto;
    vertical-align: top;
    min-height: 100%;
    margin-bottom: 160px;
}

#index #main #l_menu{
    display: table-cell;
    width: 272px;
    vertical-align: top;
}

#index #main #r_main{
    display: table-cell;
    width: 688px;
    padding-bottom: 16px;
    vertical-align: top;
}

/*
 * 左メニュー部
 */
#index #main #l_menu .menu_title{
    color:white;
    background-color: #638c0b;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 4px;
}

#index #main #l_menu .category_name{
    margin-top: 2px;
}

#index #main #l_menu .category_name a{
    display: block;
    margin: 0 auto;
    color: #000;
    text-decoration: none;
}

#index #main #l_menu .category_name a:hover{
    background-color: #add6ad;
}

#index{
    position: relative;
    min-height: 100%;
}

/*
 * 単記事ページ
 */

#article{
    margin-left: 32px;
    border: #000 1px solid;
}

#article #content_header{
    background-color: #638c0b;
    color: #fff;
    position: relative;
    min-height: 36px;
}

#article #content_header #content_title{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

#article #content #content_datetime{
    position: relative;
    min-height: 24px;
}

#article #content #content_datetime #_datetime{
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
}

#article #content{
    border-top: #000 1px solid;
    padding-top: 8px;
    padding-left: 16px;
    padding-right: 16px;
}

#article #content img{
    max-width: 624px !important;
}

/*
 * 記事一覧表示ページ
 */
#r_main #pager{
    display: table;
    margin: 0 auto;
}

/*
 * 最後に適用させたい共通スタイル
 */
.b16{
    margin-bottom: 16px !important;
}

/*
 * home
 */
#home #news_border{
    height: 32px;
    background-image: url('../img/common/border_thick.png');
}

#home #news_caption{
    display: inline-block;
    width: 140px;
    vertical-align: middle;
    padding-left: 32px;
    color: #fff;
    font-weight: bold;
    padding-top: 4px;
}

#home #to_news_list{
    width: 786px;
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    padding-top: 4px;
}

#home #to_news_list a{
    color: #fff;
    font-weight: bold;
}

#home #intro_image{
    position: relative;
    width: 960px;
    height: 355px;
}

#home #intro_image .bosyu_ad{
    position: absolute;
    width: 179px;
    height: 355px;
    background-image: url('../img/common/bosyu_ad.png');
    top: 0;
    left: 0;
}

#home #intro_image .image1{
    position: absolute;
    width: 240px;
    height: 168px;
    top: 0;
    left: calc(179px + 20px);
}

#home #intro_image .image2{
    position: absolute;
    width: 240px;
    height: 168px;
    top: 0;
    left: calc(179px + 20px + 240px + 20px);
}

#home #intro_image .image3{
    position: absolute;
    width: 240px;
    height: 168px;
    top: 0;
    left: calc(179px + 20px + 240px + 20px + 240px + 20px);
}

#home #intro_image .image4{
    position: absolute;
    width: 240px;
    height: 168px;
    top: calc(168px + 16px);
    left: calc(179px + 20px);
}

#home #intro_image .image5{
    position: absolute;
    width: 240px;
    height: 168px;
    top: calc(168px + 16px);
    left: calc(179px + 20px + 240px + 20px);
}

#home #intro_image .image6{
    position: absolute;
    width: 240px;
    height: 168px;
    top: calc(168px + 16px);
    left: calc(179px + 20px + 240px + 20px + 240px + 20px);
}

#home #intro_image .character{
    position: absolute;
    width: 288px;
    height: 119px;
    top: 80px;
    left: 440px;
}

#home #intro_image .image1{
    background-image: url('../img/common/intro_image1.png');
}
#home #intro_image .image2{
    background-image: url('../img/common/intro_image1.png');
}
#home #intro_image .image3{
    background-image: url('../img/common/intro_image1.png');
}
#home #intro_image .image4{
    background-image: url('../img/common/intro_image1.png');
}
#home #intro_image .image5{
    background-image: url('../img/common/intro_image1.png');
}
#home #intro_image .image6{
    background-image: url('../img/common/intro_image1.png');
}

#home #intro_image .character{
    background-image: url('../img/common/bosyu_character.png');
}

#home #introduction{
    position: relative;
    padding-top: 16px;
    padding-bottom: 16px;
    text-align: center;
    border: #888 1px solid;
    overflow: visible;
    margin-top: 4px;
    background-image: url('../img/common/paper_turn.png');
    background-repeat: no-repeat;
    background-position: bottom right;
}

#home #intro_content{
    display: inline-block;
    text-align: left;
}

#home #pin_left{
    position: absolute;
    top: -16px;
}

#home #pin_right{
    position: absolute;
    top: -16px;
    right: 0;
}

#home #link{
    text-align: center;
}

#home #link a:hover{
    opacity: 0.7;
}

#home #link #syoubouchou, #home #link #gaiyou, #home #link #event{
    display: inline-block;
    width: 240px;
    height: 48px;
    background-color: #C1272D;
    border-radius: 8px;
    border: #000 1px solid;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding-top: 8px;
}

#home #link #gaiyou, #home #link #event{
    margin-left: 16px;
}

#home #contact_banner{
    width: 960px;
    padding: 16px;
    border: #C1272D 1px solid;
    border-radius: 8px;
}

#home #contact_content{
    display: inline-block;
    vertical-align: middle;
}

#home #contact_tel{
    display: inline-block;
    vertical-align: middle;
}

#home #contact_mailto{
    display: inline-block;
    vertical-align: middle;
    padding-left: 8px;
}

#home #contact_mail{
    display: inline-block;
    vertical-align: middle;
    padding-left:8px;
}

#home #contact_mail:hover{
    opacity: 0.7;
}

#front_content .sep{
    height: 28px;
}

#no_content{
    margin-left: 32px;
    text-align: center;
    border: #C1272D 1px solid;
    padding: 64px 32px;
}

/*
 * contact
 */
#contact #contact_tel{
    text-align: center;
}

#contact #contact_header{
    padding-left: 32px;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #C1272D;
    color: #fff;
}

#contact_table{
    display: table;
    border-collapse: collapse;
    overflow: visible;
}

#contact_table .td1{
    display: table-cell;
    min-height: 64px;
    width: 244px;
    background-color: #FFFFC8;
    padding: 16px 32px;
    border: #000 1px solid;
    vertical-align: middle;
    font-size: 14px;
}

#contact_table ._td1{
    display: table-cell;
    width: 212px;
    position: relative;
    min-height: 32px;
    overflow: visible;
}

#contact_table .item{
    min-height: 32px;
    vertical-align: middle;
}

#contact_table .required{
    position: absolute;
    width: 42px;
    padding: 5px;
    background-color: #C1272D;
    right: -8px;
    color: #fff;
    top: calc(50% - 16px);
}

#contact_table .required:after{
    content: '必須';
}

#contact_table .td2{
    display: table-cell;
    width: 716px;
    padding: 16px 32px;
    border: #000 1px solid;
    vertical-align: middle;
}

#contact_table input{
    font-size: 18px;
}

#contact_table input.long{
    width: 100%;
    height: 32px;
}

#contact_table input.short{
    width:30%;
    height: 32px;
}

#contact_table textarea{
    width: 100%;
    height: 128px;
}

#contact .button{
    text-align: center;
}

#contact .button input[type='submit']{
    width: 320px;
    padding: 8px;
    border-style: none;
    color: #fff;
    background-color: #C1272D;
    border-radius: 8px;
    font-size: 18px;
}

#contact .button input[type='submit']:hover{
    opacity: 0.7;
}

#contact #contact_thanx{
    display: inline-block;
    padding: 16px 32px;
    border: #C1272D 2px solid;
    border-radius: 8px;
}

/*
 * bosyu
 */
#bosyu #bosyu_tel{
    text-align: center;
}

#bosyu #bosyu_header{
    padding-left: 32px;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #C1272D;
    color: #fff;
}

#bosyu_table{
    display: table;
    border-collapse: collapse;
    overflow: visible;
}

#bosyu_table .td1{
    display: table-cell;
    min-height: 64px;
    width: 244px;
    background-color: #FFFFC8;
    padding: 16px 32px;
    border: #000 1px solid;
    vertical-align: middle;
    font-size: 14px;
}

#bosyu_table ._td1{
    display: table-cell;
    width: 212px;
    position: relative;
    min-height: 32px;
    overflow: visible;
}

#bosyu_table .item{
    min-height: 32px;
    vertical-align: middle;
}


#bosyu_table .required:after{
    content: '必須';
}

#bosyu_table .td2{
    display: table-cell;
    min-height: 64px;
    width: 716px;
    padding: 16px 32px;
    border: #000 1px solid;
    vertical-align: middle;
}

#bosyu_table input{
    font-size: 18px;
}

#bosyu_table input.long{
    width: 100%;
    height: 32px;
}

#bosyu_table input.short{
    width:30%;
    height: 32px;
}

#bosyu_table textarea{
    width: 100%;
    height: 128px;
}

#bosyu #contact_banner{
    width: 960px;
    padding: 16px;
    border: #C1272D 1px solid;
    border-radius: 8px;
}

#bosyu #contact_content{
    display: inline-block;
    vertical-align: middle;
}

#bosyu #contact_tel{
    display: inline-block;
    vertical-align: middle;
}

#bosyu #contact_mailto{
    display: inline-block;
    vertical-align: middle;
    padding-left: 8px;
}

#bosyu #contact_mail{
    display: inline-block;
    vertical-align: middle;
    padding-left:8px;
}

#bosyu #contact_mail:hover{
    opacity: 0.7;
}