/* 
===================================================================
CSS index

common
index
library
memo
about
contact
work
result

===================================================================
*/


/* 
-------------------------------------------------------------------

common

------------------------------------------------------------------- */

.cmn_wrap{
width:100%;
margin:0 0 30px 0;
padding:0;
overflow:hidden;
}

.cmn_ttl{
margin:0 0 20px 0;
padding:20px 0;
text-align:center;
border-top:2px #000 solid;
border-bottom:2px #000 solid;
}


.bb_top{
border-top:2px #000 solid;
padding:20px 0 0 0;
}

.bb_btm{
border-bottom:2px #000 solid;
}


.page_ttl{
margin:0 0 30px 0;
padding:27px 0;
text-align:center;
font-size:100%;
letter-spacing:0.2em;
border-top:2px #000 solid;
border-bottom:2px #000 solid;
}



/* 
-------------------------------------------------------------------

index

------------------------------------------------------------------- */


/* news
------------------------------------------------------*/

dl.idx_news{
margin:0 0 15px 0;
padding:0;
}

dl.idx_news dt{
margin:0 0 10px 0;
padding:0;
}

dl.idx_news dd{
line-height:1.5;
margin:0 0 10px 0;
padding:0 0 10px 0;
border-bottom:1px #D6D6D6 solid;
}

dl.idx_news dd a{
color:#ff3200;
}

dl.idx_news dd a:hover{
color:#646464;
}


/* index pagenation
------------------------------------------------------*/

dl.idx_page{
margin:0 0 15px 0;
padding:0 0 10px 0;
position:relative;
}

dl.idx_page dt{
margin:0;
padding:0;
}


dl.idx_page dd{
margin:0;
padding:0;
position:absolute;
top:10px;
right:0;
}


/* books
------------------------------------------------------*/

ul.idx_books{
margin:50px 0 0 0;
padding:0;
overflow:hidden;
}

ul.idx_books li{
width:23.3333%;
margin:0 5% 30px 5%;
padding:0;
float:left;
}

@media screen and (max-width:480px){

ul.idx_books li{
width:60%;
margin:0 auto 30px auto;
padding:0;
float:none;
}

}

ul.idx_books dl{
margin:0;
padding:0;
text-align:center;
}

ul.idx_books dl dt{
margin:0 0 10px 0;
padding:0;
}
ul.idx_books dl dt img{
	border: 1px solid #CCC;
}

.idx_b_ttl{
margin:0 0 5px 0;
padding:0;
font-weight:bold;
}

ul.idx_books dl dd{
line-height:1.5;
padding:0;
}


/* 
-------------------------------------------------------------------

library

------------------------------------------------------------------- */

/* list
------------------------------------------------------*/

/* nav_lib */

ul.nav_lib{
width:100%;
margin:0 0 50px 0;
padding:10px 0;
text-align:center;
border-top:2px #000 solid;
border-bottom:2px #000 solid;
}

@media screen and (max-width:560px){

ul.nav_lib{
display:none;
}

}

ul.nav_lib li{
margin:0 4%;
padding:0;
font-size:110%;
font-weight:bold;
display:inline;
}

@media screen and (max-width:768px){

ul.nav_lib li{
margin:0 2%;
padding:0;
font-size:110%;
font-weight:bold;
display:inline;
}

}


/* list_lib */


ul.list_lib{
margin:0 0 20px 0;
padding:0;
overflow:hidden;
}

ul.list_lib li{
width:21%;
margin:0 2% 30px 2%;
padding:0;
float:left;
}


@media screen and (max-width:560px){

ul.list_lib li{
width:100%;
margin:0 0 30px 0;
padding:0;
float:none;
}

}


ul.list_lib dl{
margin:0;
padding:0;
}

ul.list_lib dl dt{
margin:0 0 5px 0;
padding:0;
}

ul.list_lib dl dd{
margin:0 0 5px 0;
padding:0;
text-align:center;
}



/* single
------------------------------------------------------*/


.lib_col{
width:590px;
margin:0 auto;
padding:0;
}
.lib_col a{
color:#ff3200;
}

.lib_col a:hover{
color:#646464;
}

@media screen and (max-width:560px){

.lib_col{
width:auto;
margin:0;
padding:0;
}

}

.lib_date{
margin:0 0 10px 0;
padding:50px 0 0 0;
font-weight:normal;
font-size:120%;
letter-spacing:0.2em;
text-align:center;
}

.lib_ttl{
margin:0 0 10px 0;
padding:15px 0;
text-align:center;
font-size:120%;
letter-spacing:0.2em;
border-top:2px #646464 solid;
border-bottom:2px #646464 solid;
}



/* 
-------------------------------------------------------------------

memo

------------------------------------------------------------------- */

/* aside */



ul.memo_cat{
margin:0 0 60px 0;
padding:0;
}

ul.memo_cat li{
margin:0 0 15px 0;
padding:0;
}

ull.memo_cat li a{
display:block;
}


/* contents */

.memo{
width:600px !important;
}

@media screen and (max-width:768px){

.memo{
width:auto !important;
}

}


.memo_date{
margin:0 0 20px 0;
padding:0;
font-weight:normal;
font-size:100%;
}

.memo_ttl{
margin:0 0 10px 0;
padding:0;
font-size:120%;
letter-spacing:0.3em;
color:#0F417D;
}


/*-------------------------------------------------------------------

about

------------------------------------------------------------------- */

/* about
------------------------------------------------------*/


.img_prof{
width:40%;
margin:0 0 20px 0;
}

@media screen and (max-width:480px){

.img_prof{
width:100%;
margin:0 0 20px 0;
}

}

/* consul
------------------------------------------------------*/

.bd_top{
border-top:2px #000 dotted;
padding:20px 0 0 0;
}


/* media
------------------------------------------------------*/

.list_about{
margin:0 0 30px 0;
padding:0 0 30px 0;
border-bottom:2px #000 solid;
overflow:hidden;
}

.img_list_about{
width:35%;
margin:0;
padding:0;
text-align:center;
float:right;
}


.txt_about{
width:62%;
line-height:2;
margin:0 3% 0 0;
padding:0;

}

@media screen and (max-width:480px){

.img_list_about{
width:100%;
margin:0 0 10px 0;
padding:0;
text-align:center;
float:none;
}

.txt_about{
width:100%;
line-height:2;
margin:0;
padding:0;

}

}

.media_link a{
width:290px;
margin:0 auto 30px auto;
padding:10px 0;
text-align:center;
color:#ff3200 !important;
border-top:2px #000 solid;
border-bottom:2px #000 solid;
display:block;
}

.media_link a:hover{
color:#828282 !important;
}




/* write
------------------------------------------------------*/

.txt_write{
line-height:1.8;
margin-bottom:30px;
padding-left:1em;
text-indent:-1em;
}




/*
-------------------------------------------------------------------

contact

------------------------------------------------------------------- */

.contact_wrap{
margin:0 0 30px 0;
padding:0;
text-align:center;
letter-spacing:0.2em;
font-size:120%;
border-bottom:2px #000 solid;

}


/*
-------------------------------------------------------------------

work

------------------------------------------------------------------- */

.work_wrap{
margin:0 0 30px 0;
padding:0;
font-size:120%;
}

.work_req{
line-height:1.8;
margin:50px 0;
text-align:center;
}

.work_col{
width:90%;
margin:0 auto 30px auto;
padding:0;
}


/*
-------------------------------------------------------------------

result

------------------------------------------------------------------- */

.result_ttl{
margin:0;
padding:0 0 20px 0;
font-size:100%;
border-bottom:2px #000 solid;
}

.result_wrap{
margin:0 0 10px 0;
padding:50px 0;
border-bottom:2px #000 solid;
}

.result_pre a{
color:#000 !important;
display:block;
}

/*
-------------------------------------------------------------------

english

------------------------------------------------------------------- */

.english{
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.4;
}

.caption{
font-size:80%;
margin-top:-15px;
}