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

@media screen, print {
	/*---- ページコンテンツ ----*/
	div.m_overrideBox a:hover,
	div.m_overrideBox a:hover img{
		opacity:0.5;
	    -moz-opacity:0.5;
	    filter:alpha(opacity = 50);
	}

	div.m_overrideBox .ayumi_wrap .menu_ul{
		list-style:none;
		background:#fff;
		border-bottom:5px solid #e60000;
	}
	div.m_overrideBox .ayumi_wrap .menu_ul ul{
		margin: 0;
	}
	div.m_overrideBox .ayumi_wrap .menu_ul li{
		float:left;
		width:25%;
		text-align:center;
		border-left:1px solid #e60000;
	}

	div.m_overrideBox .ayumi_wrap .menu_ul li.first{
		border-left:0;
	}

	div.m_overrideBox .ayumi_wrap .menu_ul li a{
		font-size: 1.25em;
		color:#010101;
		font-weight:bold;
		line-height:20px;
		padding-top:13px;
		padding-bottom:4px;
		text-decoration:none;
		display:block;
		border-bottom:1px solid #fff2dd;
		
		background:url(/common/images/about/history/ayumi/icon_menu_ul.png) no-repeat 6px center;
		background-color:#fff;
		
	}

	div.m_overrideBox .ayumi_wrap .menu_ul li a.select{
		background:url(/common/images/about/history/ayumi/icon_menu_ul_hover.png) no-repeat 6px center;
		background-color:#e60000;
		border-bottom:1px solid #e60000;
		color:#fff;
	}

	div.m_overrideBox .ayumi_wrap .menu_ul ul li a:hover{
		background:url(/common/images/about/history/ayumi/icon_menu_ul_hover.png) no-repeat 6px center;
		background-color:#e60000;
		border-bottom:1px solid #e60000;
		color:#fff;
		opacity: 1;
		-moz-opacity: 1;
		filter: alpha(opacity = 100);
	}

	div.m_overrideBox .ayumi_wrap h2{
		border-bottom: 2px solid #e60000;
	    color: #000000;
	    font-size: 1.5em;
	    font-weight: bold;
	    margin: 20px 0;
	    padding-bottom: 9px;
	}

	div.m_overrideBox .ayumi_wrap h4{
		border-bottom: 2px solid #e60000;
	    color: #e60000;
	    font-size: 1.5em;
	    font-weight: bold;
	    margin: 20px 0 15px;
	    padding-bottom: 9px;
	}

	div.m_overrideBox .ayumi_wrap .lead-inner-box p{
		padding-bottom: 20px;
	}

	div.m_overrideBox .ayumi_wrap .ayumi_box{
		padding: 0 15px 20px;
	}

	div.m_overrideBox .ayumi_wrap .ayumi_title{
		font-size: 1.5em;
		font-weight: bold;
	}

	div.m_overrideBox .ayumi_wrap .ayumi_strong{
		font-weight: bold;
	}

	div.m_overrideBox .ayumi_wrap .mb5{
		margin-bottom: 5px;
	}

	div.m_overrideBox .ayumi_wrap .mb10{
		margin-bottom: 10px;
	}

	div.m_overrideBox .ayumi_wrap .ayumi_f16{
		font-size: 1.3333em;
	}

	div.m_overrideBox .ayumi_wrap .ayumi_f20{
		font-size: 1.6667em;
	}
	div.m_overrideBox .ayumi_wrap .ayumi_f24{
		font-size: 2.0em;
	}

	div.m_overrideBox .ayumi_wrap .red{
		color: #ff0000;
	}

	div.m_overrideBox .ayumi_list ,
	div.m_overrideBox .ayumi_list ul { 
		margin: 0;
		padding: 0;
	}
	  
	div.m_overrideBox .ayumi_list li { 
		list-style: none;
		padding: 0 14px 5px; 
	    background: url(/common/images/about/history/ayumi/list_dot.gif) left 5px no-repeat;  
	    line-height: 20px;  
	}

	div.m_overrideBox .ayumi_wrap .gray_dot li { 
	    background: url(/common/images/about/history/ayumi/list_dot_gray.gif) left 5px no-repeat;  
	}

	div.m_overrideBox .ayumi_detail_box{
		background: #fff8ee;
		padding: 20px 20px 17px;
		border: 5px solid #ffe1b3;
		margin: 0 20% 20px;
	}

	div.m_overrideBox .ayumi_detail_box p{
		font-size: 1.0833em;
	}

	div.m_overrideBox .ayumi_img_design{
		text-align: center;
		margin: 15px 0 10px;
	}

	div.m_overrideBox .ayumi_img_design img{
		width: auto;
	}

	div.m_overrideBox .ayumi_img_design dd{
	    padding: 5px 0;
		font-size: 1.0833em;
	}

	div.m_overrideBox .ayumi_img_design table{
		width:60%;
		margin:auto;
		text-align:center;
	}

	div.m_overrideBox .ayumi_img_design table th{
		text-align:center;
	}
	
	div.m_overrideBox .ayumi_img_design table td{
		vertical-align:middle;
		line-height:1.3em;
		text-align:center;
	}

	div.m_overrideBox .ayumi_img_mini {
	    padding: 5px 0 !important;
	}
}



/*===========================================
	SP
============================================*/

@media screen and (max-width: 767px){		
	div.m_overrideBox .ayumi_wrap .menu_ul li {
		border-bottom: 1px solid #e60000;
		width: 50%;
	}
	
	div.m_overrideBox .ayumi_wrap .menu_ul li.first,
	div.m_overrideBox .ayumi_wrap .menu_ul li.third {
		border-left: none;
	}
	
	div.m_overrideBox .ayumi_wrap .menu_ul li a,
	div.m_overrideBox .ayumi_wrap .menu_ul li a.select {
		background-size: 14px 14px;
		font-size: 1.0em;
		line-height: 1.3;
	}
	
	div.m_overrideBox .history-index-contents-box .inner_wrap {
		padding: 20px 10px 20px;
	}
	
	div.m_overrideBox .ayumi_wrap h2 {
		font-size: 1.0833em;
		margin: 0 0 10px;
		padding-bottom: 9px;
	}
	
	div.m_overrideBox .ayumi_wrap h4 {
		font-size: 1.25em;
		margin: 20px 0 15px;
		padding-bottom: 6px;
	}
	
	div.m_overrideBox .ayumi_wrap .ayumi_box {
		padding: 0 5px 20px;
	}
	
	div.m_overrideBox .ayumi_list li {
		line-height: 18px;
		padding: 0 14px 5px;
	}
	
	div.m_overrideBox .ayumi_wrap .ayumi_title {
		font-size: 1.25em;
		margin-bottom: 5px;
	}
		
	div.m_overrideBox .ayumi_detail_box {
		margin: 10px 0 15px;
		padding: 20px 15px 17px;
	}
	
	div.m_overrideBox .ayumi_detail_box p {
		font-size: 1.0em;
	}
	
	div.m_overrideBox .ayumi_wrap .ayumi_f16 {
		font-size: 1.1667em;
	}
	
	div.m_overrideBox .ayumi_wrap .ayumi_f20 {
		font-size: 1.5em;
	}
	
	div.m_overrideBox .ayumi_wrap .mb10{
		margin-bottom: 15px;
	}
	
	div.m_overrideBox .history-index-contents-box .ayumi_box .caption_img td {
		padding: 5px 0;
	}
	
	div.m_overrideBox .history-index-contents-box .ayumi_box .img_design img {
		margin: 0 2%;
		width: 96%;
	}
	div.m_overrideBox .ayumi_img_design {
		margin: 15px 10px 10px;
	}
	
	div.m_overrideBox .ayumi_img_design img{
		width: 100%;
	}
	
	div.m_overrideBox .ayumi_img_design dd {
		font-size: 1.0em;
	}
}