@charset "utf-8";
/* CSS Document */

/* 下層枠 */
#wrap{
width: 840px;
margin:25px auto 0;
}

/* メイン */

#wrap h2{
margin: 0 0 13px;

} 

/* bg */

#wrap #bg_840{
width: 840px;
background: url(../imgs/bg_main840.gif) ;
}

#wrap #bg_840_h{
background:url(../imgs/bg_main840_h.gif) top no-repeat;
padding-top:20px;
}

#wrap #bg_840_b{
background:url(../imgs/bg_main840_b.gif) no-repeat;
height:50px;
margin: -50px 0 0;
}

#wrap h3{
margin: 0 15px 25px;
padding: 0 0 3px;
border-bottom: 4px solid #D9D9D9;
}


/* インデント */

#wrap .f_indent{
width: 625px;
margin: 0 0 50px 175px;
}
#wrap .s_indent{
width: 610px;
margin: 0 0 0 15px;
}

.f_indent h4{
margin: 0px 0px 15px;
padding: 1px 0 1px 10px;
border-left: 4px solid #1B6593;
font-size:12px;
}

.f_indent h5{
margin: 20px 0px 10px;
font-size:inherit;
}

/* テキスト　ボックス */
.f_indent .txtbox_n{
margin: 20px 0;
line-height: 170%;
}
.f_indent .txtbox_b{
margin: 20px 0 0;
line-height: 170%;
}
.f_indent .txtbox_bl{
margin: 30px 0 0;
line-height: 170%;
}
.f_indent .txtbox_bp{
padding: 20px 0 0;
line-height: 170%;
}
.f_indent .txtbox{
line-height: 170%;
}
.f_indent p.para{
margin: 0 0 5px;
padding: 0 0 0 12px;
background: url(../../general/imgs/icon_txt_square.gif) left 3px no-repeat;
}

.f_indent .pricebox{
margin: 20px 0 0;
}
/* 表 */
.f_indent table.normal{
border-top:1px solid #C8C8C8;
border-left:1px solid #C8C8C8;
text-align:left;
}

.f_indent table.normal td{
border-bottom:1px solid #C8C8C8;
border-right:1px solid #C8C8C8;
padding: 6px 0 6px 10px;
}
.f_indent table.normal th{
border-bottom:1px solid #C8C8C8;
border-right:1px solid #C8C8C8;
background:#EAEAEA;
padding: 6px 0 6px 10px;
font-weight:normal;
}
/* 表　幅小センター */
.f_indent table.small{
border-top:1px solid #C8C8C8;
border-left:1px solid #C8C8C8;
}

.f_indent table.small td{
border-bottom:1px solid #C8C8C8;
border-right:1px solid #C8C8C8;
text-align:center;
padding: 2px 0 2px 1px;
}
.f_indent table.small th{
border-bottom:1px solid #C8C8C8;
border-right:1px solid #C8C8C8;
background:#EAEAEA;
text-align:center;
font-weight:normal;
padding: 4px 0 2px;
line-height: 1.2;
}
/* 作品リスト */
.f_indent table.worklist{
border:1px solid #C8C8C8;
}
.f_indent table.worklist tr.g{
background: #EAEAEA;
}
.f_indent table.worklist th{
border-right:1px solid #C8C8C8;
text-align:center;
width:48px;
vertical-align:top;
padding: 2px 0 1px;
font-weight:normal;
}
.f_indent table.worklist td{
text-align:left;
padding: 4px 0 3px 10px;
}

/* 左右分 */
.f_indent .txt_gr_item{
float:left;
width:110px;
padding-top:3px;
}

.f_indent .txt_gr_txt{
float:right;
width: 515px;
line-height: 170%;
}

/* 左右分２ */
.f_indent .txt_gr_item_w{
float:left;
width:140px;
padding-top:3px;
}

.f_indent .txt_gr_txt_w{
float:right;
width: 485px;
line-height: 170%;
}


/* 問い合わせ*/
#stage_contact{
margin: 20px 0 0 0;
background:url(../imgs/bg_contact.gif) repeat-y;
text-align:left;
width:404px;
}
#stage_contact .top{
height:8px;
background:url(../imgs/bg_contact_t.gif) no-repeat;
overflow:hidden;
}
#stage_contact .btm{
height:8px;
background:url(../imgs/bg_contact_b.gif) no-repeat;
overflow:hidden;
}
/*map*/
#main{
margin:15px auto;
width:650px;
height:520px;
}
/* ネットワーク用スタイル */

.network_box{
border:2px dotted #d9d9d9;
padding:12px 10px 5px ;
margin-bottom:10px;
}


/* サイトマップ用スタイル */

.sitemap_box{
border-top:3px solid #C8C8C8;
margin-bottom: 30px;
width: 624px;
}

/* カテゴリ用 */
.sitemap_box .category{
padding: 7px 0 7px 10px;
border-bottom:1px solid #C8C8C8;

}
.sitemap_box .category a{
font-weight:bold;
}

.sitemap_box .category_d{
padding: 7px 0 7px 0px;
width: 310px;
border-bottom:1px solid #C8C8C8;
font-size:11px;
}

.sitemap_box .page{
padding: 6px 0 6px 45px;
background:url(../imgs/line_dot_gray.gif) bottom repeat-x ;
}

.sitemap_box .page_d{
padding: 6px 0 6px 0;
width: 310px;
background:url(../imgs/line_dot_gray.gif) bottom repeat-x ;
font-size:11px;
}



/* ニュース用 */

.news_arcive{
border-top:3px solid #C8C8C8;
border-bottom:3px solid #C8C8C8;
padding: 0 1px 20px;
margin-bottom: 30px;
width: 622px;
}

.news_arcive .news_ttl{
background:url(../imgs/line_dot_gray.gif) bottom repeat-x ;
padding: 9px 1px;
margin-bottom: 20px;
}

#wrap h3.news{
margin: 10px 0 30px 0;
padding: 0 0 3px;
border-bottom: 4px solid #D9D9D9;
font-size:14px;
color:#333333;
}

#wrap h3.news .big{
font-size:20px;
}
.news_entry{

margin-bottom:40px;
}
.news_entry td{
text-align:left;
vertical-align:top;
}
.news_entry table.photo{
margin: 0 17px;
}
.news_entry .photo_image_r{
float:right;
margin:0 0 10px 10px;
}

.news_entry .photo_t{
height:15px;
margin: 15px 0 0;
background:url(../imgs/line_dot_gray.gif) top repeat-x ;
}

.news_entry .photo_b{
height:10px;
padding-bottom:15px;
background:url(../imgs/line_dot_gray.gif) 10px repeat-x ;
}
/*作品紹介*/

.sakuhin_read{
    text-align: center;
    margin:20px auto 0;
}
.sakuhin_read .motion{
    margin:40px auto 0;
    position:relative;
    width: 640px;
    height: 320px;
}
.sakuhin_read .motion div{
    top:0;
    left: 0;
    position:absolute;
    opacity: 0;
}
.sakuhin_read .motion div.fix{
    opacity: 0;
}


.sakuhin_img {
    margin-bottom: 20px;
}
.sakuhin_img div{
    display: flex;
    justify-content: center;
}
.sakuhin_img img{
    display: inline-block;
    margin: 10px 0 0;
    opacity:0;
    
}
.copylist{
    margin: 10px 15px 30px;
    font-size:10px
}
dl.sakuhin{
display: flex;
flex-wrap: wrap;
}
dl.sakuhin dt,dl.sakuhin dd{
    border-bottom:solid 1px #CCC;
    padding: 5px 0;
}
dl.sakuhin dt{
    width: calc(100% - 17rem);
}
dl.sakuhin dd:nth-of-type(-n+2){
    font-size: 10px;
}
dl.sakuhin dt span{
    font-size: 10px;
    color:#13659B;
}
dl.sakuhin dd{
    width: 7rem; 
}
dl.sakuhin dd:nth-of-type(2n+2){
    width: 10rem; 
}


/*policy*/

.policy{

}
.policy ul{
    margin:  0 0 0.5rem 2rem;
    list-style-type: none;
}
.policy ul.parent {
    list-style-type: none;
    counter-reset: cnt 0; 
    margin:  0 0 1rem 2rem;
}
.policy ul.parent > li::before {
	counter-increment: cnt;
	content: "(" counter(cnt) ")";
	display:inline-block;
    width: 2em;
    margin-left: -2em;
}
.policy ul li{
    margin:  0.5rem 0 0 0;    
}
.policy ul ul{
    list-style: lower-roman;
}
.policy ul ul li{
    
}
.policy ul ul ul{
    list-style: lower-latin;
}
.policy ul ul ul li{
    
}