/* CSS Document */

#sub_title h2.cyouzai{
	background: url(../image/works/cyouzai-main.jpg) no-repeat center center;
	background-size: cover;
}

#main h2{
    margin-bottom: 165px;
}

/*
**************************/
#main h2.achieve_index{
    margin-bottom: 55px;
}

#achieve_index hr{
    width: 45%;
    height: 1px;
    border: none;
    background: #eee;
    margin: 0.5em auto;
    display: block;
}

#achieve_index a{
    font-size: 180%;
    line-height: 1;
    vertical-align: baseline;
    text-align: center;
    display: block;
    padding: 0.7em 0;
}

#achieve_index a:hover{
    text-decoration: none;
    color:#008cd6;
}

#achieve_index a strong{
    font-size: 230%;
    margin-right: 0.1em;
    font-style: italic;
}

/*
**************************/

#achievements_menu ul{
    overflow: hidden;
}

#achievements_menu ul li{
	border-bottom:1px solid #DDDDDD;
}

#achievements_menu ul li a{
	width:100%;
	padding:8px 24px;
	display: block;
	background:url(../image/share/arrow-side.png) no-repeat 0 center;
}

#achievements_menu ul li a:hover,
#achievements_menu ul li.now_page a{
	background-position: 2px center;
	text-decoration: none;
	color:#008CD6;
}
#achievements_menu ul li a:hover{
	text-decoration:none;
}

#achievements_menu_cat{
	margin-bottom:40px;
}

#achievements_menu_cat ul{
    overflow: hidden;
}

#achievements_menu_cat ul li{
    float: left;
}

#achievements_menu_cat ul li+li{
    margin-left: 8px;
}

#achievements_menu_cat ul li a{
	padding:0 16px;
	color:#FFFFFF;
	background:#008cd6;
	border-radius:3px;
	display: block;
	font-size:90%;
}

#main h3{
	font-size:154%;
	margin-bottom:55px;
}

#monograph,
#lecture,
#conference,
#prize,
#competitive{
    position: relative;
    top:0;
    left:0;
    z-index: 1;
	margin-bottom:47px;
}

#monograph_link,
#lecture_link,
#conference_link,
#prize_link,
#competitive_link{
    position: absolute;
    top:0;
    left: 0;
    z-index: 1;
}

#monograph p,
#lecture p,
#conference p,
#prize p,
#competitive p{
	margin-bottom:60px;
	font-size:92%;
	line-height:200%;
	margin-right:20px;
	padding-left: 2em;
	
	position: relative;
	top:0;
	left: 1;
	z-index: 1;
}

#monograph .pnum,
#lecture .pnum,
#conference .pnum,
#prize .pnum,
#competitive .pnum{
    position: absolute;
    top:0;
    left:0;
    z-index: 1;
}

#monograph .page_inner_link,
#lecture .page_inner_link,
#conference .page_inner_link,
#prize .page_inner_link,
#competitive .page_inner_link{
    display: block;
    position: absolute;
    top:-300px;
    left:0;
    z-index: 1;
}

#monograph .blue_dot,
#lecture .blur_dot,
#conference .blue_dot,
#prize .blue_dot,
#competitive .blue_dot{
    color:#008cd6;
}

#monograph p strong,
#lecture p strong,
#conference p strong,
#prize p strong,
#competitive p strong{
    display: block;
	font-weight:normal;
	text-decoration:underline;
}


#monograph p a,
#lecture p a,
#conference p a,
#prize p a,
#competitive p a{
    color:#158dd2;
}


@media screen and (max-width: 999px) {
	#monograph p,
	#lecture p,
	#conference p,
	#prize p,
	#competitive p{
		margin-right:0px;
	}
	#achievements_menus,
	#achievements_menus.scroll{
		left:279px;
		margin:0;
		width:100%;
	}
}

@media screen and (max-width: 639px) {
    #main h2{
        margin-bottom: 0px;
    }
	#main h3{
		margin-bottom:20px;
	}
	
	#achievements_menu_cat ul li+li{
        margin-left: 2em;
    }
    
    #monograph_link,
	#lecture_link,
    #conference_link,
    #prize_link,
	#competitive_link{
        top:-200px;
    }
    
	#monograph p,
	#lecture p,
	#conference p,
	#prize p,
	#competitive p{
	    line-height: 160%;
		margin-bottom:20px;
		padding-bottom:20px;
		border-bottom:1px solid #eee;
	}
	
	#monograph p strong,
	#lecture p strong,
	#conference p strong,
	#prize p strong,
	#competitive p strong{
	    margin: 0.5em 0;
	}

    #monograph .page_inner_link,
	#lecture .page_inner_link,
    #conference .page_inner_link,
    #prize .page_inner_link,
	#competitive .page_inner_link{
        display: block;
        position: absolute;
        top:-200px;
        left:0;
        z-index: 1;
    }
	#achievements_menus,
	#achievements_menus.scroll{
		position:relative;
		top:0;
		left:0;
		margin:0 0 30px;
		width:auto;
		padding:0;
	}
}