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

@media screen, print {
	div.m_overrideBox .news-box a:hover img,
	div.m_overrideBox .link-box a:hover img {
	    opacity: 0.5;
	    -moz-opacity: 0.5;
	    filter: alpha(opacity = 50);
	}

	/*---- ページコンテンツ ----*/

	div.m_overrideBox .history-index-contents-box{
		margin: 0 auto 30px;
	}

	div.m_overrideBox .history-index-contents-box  p{
		font-size: 1.0em;
		line-height: 1.666;
	}

	div.m_overrideBox .history-index-contents-box img{
		width: 100%;
	}

	div.m_overrideBox .history-index-contents-box img.img_auto{
		width: auto;
	}

	div.m_overrideBox .history-index-contents-box .inner_wrap {
		padding: 20px 18px 5px;
		background-color: #ffffff;
	}
	/* index.html */
	div.m_overrideBox .history-index-contents-box .arrow-link {
		margin-top: 22px;
		margin-bottom: 43px;
		padding: 20px 14px;
		background: #fef1dd;
	}

	div.m_overrideBox .history-index-contents-box .arrow-link ul {
		display: table;
		width: 100%;
		margin: 0 ;
		border-collapse: separate;
		border-spacing: 5px;
	}

	div.m_overrideBox .history-index-contents-box .arrow-link ul li{
/*		float: left;	*/
		display: table-cell;
/*		width: 32.13333333%;	*/
		width: 33.33333333%;
/*		height: 56px;	*/
		min-height: 56px;
/*		margin: 2px 0.6%;	*/
		padding: 6px;
		padding-left: 32px;
		vertical-align: middle;
		background: url(/common/images/about/history/list_link_arrow.gif) no-repeat 6px center;
		background-color: #fff;
		border: 2px solid #ffdfad;

	}

	div.m_overrideBox .history-index-contents-box .arrow-link ul li a{
		font-weight: bold;
		font-size: 1.1667em;
		line-height: 20px;
		text-decoration: none;
	}

	div.m_overrideBox .history-index-contents-box .arrow-link ul li.blank {
		background: none;
		border: none;
	}

	/* mac safari用 */
	div.m_overrideBox .ua-safari .history-index-contents-box .arrow-link ul li{
		width: 32%;
		margin: 2px 3px;
	}

	div.m_overrideBox .history-index-contents-box .info-box ul{
		margin-left: -1%;
		padding: 0px 1%;
	}

	div.m_overrideBox .history-index-contents-box .info-box ul li{
		width: 48%;
		float: left;
		border: 1px solid #cccccc;
		margin-left: 2%;
		margin-bottom: 17px;
	}

	div.m_overrideBox .history-index-contents-box .info-box ul li h4{
		font-size: 1.5em;
		font-weight: bold;
		font-family: sans-serif;
		text-align: center;
		padding: 14px 0px 9px 0px;
		border-bottom: 5px solid #e60000;
	}

	div.m_overrideBox .history-index-contents-box .info-box ul li h4 img {
	    width: auto;
	}

	div.m_overrideBox .history-index-contents-box .info-box ul li a{
		display: block;
		padding: 15px 11px;
	}

	div.m_overrideBox .history-index-contents-box .info-box ul li a p.short{
		font-size: 1.0em;
		line-height: 20px;
		margin-top: 10px;
	}

	div.m_overrideBox .history-index-contents-box .info-box2 ul{
		margin: 2em 0 0 -1.772%;
	}

	div.m_overrideBox .history-index-contents-box .info-box2 ul li{
		float: left;
		margin-left: 1.770%;
		width: 23.2292%;
	}

	div.m_overrideBox .history-index-contents-box .history-link {
		clear: both;
	}

	/* 詳細ページ */
	div.m_overrideBox .history-index-contents-box h3{
	    background-color: #e60000;
	    border-bottom: 6px solid #ffe1b3;
	    color: #fff;
	    font-size: 1.5em;
	    font-weight: bold;
	    padding: 12px 15px 10px;
	}

	div.m_overrideBox .history-index-contents-box .history-index-content-box{
		padding: 15px 10px 15px;
	}

	div.m_overrideBox .history-index-contents-box .history-content-box{
		background-color: #e9e9e9;
		padding: 15px 10px 15px;
	}

	div.m_overrideBox .history-index-contents-box .history_content{
		background-color: #fff;
	}

	div.m_overrideBox .history-index-contents-box .history-content-box .left-wrap-content{
		padding: 25px 25px 40px;
	}

	div.m_overrideBox .history-index-contents-box .history-content-box .right-wrap-content{
		float: right;
		padding: 25px 25px 20px;
		width: 40%;
	}

	div.m_overrideBox .history-index-contents-box .history-content-box .center-wrap-content{
		padding: 25px 25px 40px;
		width: 100%;
	}

	div.m_overrideBox .history-index-contents-box .history-content-box .right-wrap-content img{
		margin: 6px 0;
	}

	div.m_overrideBox .history-index-contents-box .history-content-box .left-wrap-img-content img{
		margin: 0 0 6px;
	}

	div.m_overrideBox .history-index-contents-box .history-content-box .left-wrap-img-content{
		float: left;
		padding: 0 25px 20px;
		width: 40%;
	}

	div.m_overrideBox .history-index-contents-box .history-content-box .right-wrap-text-content{
		padding: 0 25px 40px;
	}

	div.m_overrideBox .history-index-contents-box .mt20{
		margin-top: 20px;
	}

	div.m_overrideBox .history-index-contents-box .mb20{
		margin-bottom: 20px;
	}

	/* 011.html */
	div.m_overrideBox .his-011-img {
		padding: 10px 5% 0;
	}

	/* 012.html */
	div.m_overrideBox table.his-012-table{
		margin-top: 20px;
		width: 100%;
		line-height: 1.3;
	}

	div.m_overrideBox table.his-012-table th{
		background-color: #fff5e5;
		border: 1px solid #bcbcbc;
		font-weight: normal;
		padding: 10px 15px;
		text-align: center;
		width: 30%;
	}

	div.m_overrideBox table.his-012-table td{
		border: 1px solid #bcbcbc;
		width: 70%;
		padding: 10px 15px;
	}

	/* 014.html */
	div.m_overrideBox .his-014-table-title{
		font-size: 1.1667em;
		margin: 40px 0 5px;
		font-weight: bold;
	}

	div.m_overrideBox table.his-014-table{
		width: 100%;
		line-height: 1.3;
		border-collapse: collapse;
	}

	div.m_overrideBox table.his-014-table th{
		background-color: #fff5e5;
		border: 1px solid #bcbcbc;
		font-weight: normal;
		padding: 10px 5px;
		text-align: center;
		width: 40%;
	}

	div.m_overrideBox table.his-014-table td{
		border: 1px solid #bcbcbc;
		width: 60%;
		padding: 10px 15px;
		text-align: center;
	}

	/* 015.html */
	div.m_overrideBox .his-015-img {
		margin:10px auto 0;
		width:50%;
		text-align: center;
	}

	/* now.html */
	div.m_overrideBox .history-list h4 {
	    background-color: #ffffff;
	    border-bottom: 3px solid #e60000;
	    color: #000;
	    font-size: 1.5em;
	    font-weight: bold;
	    margin: 0 0 10px;
	    padding: 0 0 8px;
	}

	div.m_overrideBox .his-list-now {
	    margin: 30px 0;
	}

	div.m_overrideBox .his-list-now p {
	    padding: 12px 0 0;
	}

	div.m_overrideBox .his-list-now p.list-text {
	    padding: 12px 0 16px;
	}

	div.m_overrideBox .his-list-now ul {
	    padding: 0 0 10px;
	}

	div.m_overrideBox .his-list-now ul li {
	    line-height: 1.5;
	}

	/* design.html */			
	div.m_overrideBox .history-list h5 {
	    color: #000;
	    font-size: 1.25em;
	    font-weight: bold;
		line-height: 1.2;
	    margin: 20px 0 5px;
	}

	div.m_overrideBox .history-list .h5-head {
	    color: #e60000;
	    font-size: 1.3333em;
	    font-weight: bold;
	    padding-right: 3px;
	}

	div.m_overrideBox .his-list-design {
	    margin: 30px 0;
	}

	div.m_overrideBox .history-index-contents-box .img_design{
		width: 100%;
		text-align: center;
		margin: 20px 0 35px;
		overflow: hidden;
	}

	div.m_overrideBox .history-index-contents-box .img_design img{
		width: auto;
	}

	div.m_overrideBox .history-index-contents-box .two_images img{
		width: 40%;
		padding: 0 1%;
	}

	div.m_overrideBox .history-index-contents-box .caption_img{
		width: 50%;
		margin: 0 auto;
	}

	div.m_overrideBox .history-index-contents-box .caption_img td{
		padding: 5px 10px;
		vertical-align: middle;
		text-align: center;
	}

	div.m_overrideBox .history-index-contents-box .img_design .imgbox-1 {
		clear: both;
		width: 100%;
	}
	
	div.m_overrideBox .history-index-contents-box .img_design .imgbox-2 {
		float: left;
		padding: 5px 10px;
		text-align: center;
	}
	
	div.m_overrideBox .history-index-contents-box .ayumi_box {
		clear: both;
	}

	/* ボタンエリア */
	div.m_overrideBox .history-index-contents-box .btn_area{
		margin: 40px 0;
/*		padding: 0 20px;	*/
	}

	div.m_overrideBox .history-index-contents-box .btn_area .history_ctrl {
	    display: table;
/*		width: 95%;*/
		min-height: 86px;
		margin: 0 auto;
		overflow: hidden;
		border-collapse: separate;
		border-spacing: 10px;
	}

	div.m_overrideBox .history-index-contents-box .btn_area .history_ctrl .history_prev,
	div.m_overrideBox .history-index-contents-box .btn_area .history_ctrl .history_next {
	    display: table-cell;
		width: 50%;
		padding: 0 10px;
		vertical-align: middle;
	    background-color: #e60000;
	}

	div.m_overrideBox .history-index-contents-box .btn_area .history_ctrl .history_prev.blank,
	div.m_overrideBox .history-index-contents-box .btn_area .history_ctrl .history_next.blank {
		background: none;
	}

	div.m_overrideBox .history-index-contents-box .btn_area .history_ctrl .history_prev:hover,
	div.m_overrideBox .history-index-contents-box .btn_area .history_ctrl .history_next:hover {
		opacity: 0.7;
	}

	div.m_overrideBox .history-index-contents-box .btn_area .history_link_btn { 
		background-color: #e60000;
	    display: table;
	    height: 55px;
	    width: 100%;
	}

	div.m_overrideBox .history-index-contents-box .btn_area .history_link_btn:hover{
		opacity: 0.5;
	}

	div.m_overrideBox .history-index-contents-box .history_prev .history_link_btn {
	     padding-left: 13px;
	}

	div.m_overrideBox .history-index-contents-box .history_next .history_link_btn {
	    padding-right: 13px;
	}

	div.m_overrideBox .history-index-contents-box .history_ctrl .history_prev a,
	div.m_overrideBox .history-index-contents-box .history_ctrl .history_next a {
		display: inline-block;
		width: 100%;
	    font-size: 1.3333em;
	    font-weight: bold;
	    line-height: 1.2em;
	    text-align: center;
	    text-decoration: none;
	    color: #fff;
	}

	div.m_overrideBox .history-index-contents-box .history_link_btn a {
	    display: table-cell;
	    font-size: 1.6rem;
	    font-weight: bold;
	    line-height: 18px;
	    text-align: center;
	    text-decoration: none;
	    vertical-align: middle;
	    color: #fff;
	}

	div#ayumi.m_overrideBox .history-index-contents-box .history_prev {
	    float: left;
	    padding: 0 12px;
	    width: 50%;
	}

	div#ayumi.m_overrideBox .history-index-contents-box .history_next {
	    float: right;
	    padding: 0 12px;
	    width: 50%;
	}

	div.m_overrideBox .history-index-contents-box .history_center {
	    margin: 0 auto;
		float: none;
	}
	div.m_overrideBox .history-index-contents-box .history_ctrl .history_prev a,
	div.m_overrideBox .history-index-contents-box .history_prev .history_link_btn a{
	    background: url("/common/images/about/history/link_arrow_left.gif") no-repeat scroll left center;
		padding: 5px 5px 5px 20px;
	}

	div.m_overrideBox .history-index-contents-box .history_ctrl .history_next a,
	div.m_overrideBox .history-index-contents-box .history_next .history_link_btn a{
	    background: url("/common/images/about/history/link_arrow.gif") no-repeat scroll right center;
		padding: 5px 20px 5px 5px;
	}

	div.m_overrideBox .history-index-contents-box .center-wrap-content dl.kuji-his-list{
		float: left;
		width: 50%;
		padding: 0 0 25px;
	}

	div.m_overrideBox .history-index-contents-box .center-wrap-content dl.kuji-his-list dt{
		text-align: center;
		padding: 0 0 10px;
		font-size: 1.1667em;
	}

	div.m_overrideBox .history-index-contents-box .center-wrap-content dl.kuji-his-list dd{
		text-align: center;
		padding: 0 20%;
	}

	div.m_overrideBox .history-index-contents-box .center-wrap-content dl.last-list{
		padding: 0;
	}
}



@media print {
	div.m_overrideBox .history-index-contents-box .arrow-link ul li a{
		font-size: 1.0em!important;
	}
	
	div.m_overrideBox .history-index-contents-box .history_link_btn br {
		display: none;
	}
}

@media print, screen and (max-width: 968px) {
	div.m_overrideBox .history-index-contents-box .img_design .imgbox-2 {
		float: none;
		width: 100%;
	}
	
}


/*===========================================
	SP用スタイル
============================================*/
@media screen and (max-width: 767px) {
	/* 全体 */
	div.m_overrideBox .news-box,
	div.m_overrideBox .link-box,
	div.m_overrideBox .history-index-contents-box {
		margin: 0 auto;
/*		width: 95%;*/
	}
	
	div.m_overrideBox .history-index-contents-box .inner_wrap {
		padding: 45px 10px 20px;
	}
	
	div.m_overrideBox .history-index-contents-box p {
		line-height: 1.4;
	}
	
	/* index.html */
	div.m_overrideBox .ua-safari .history-index-contents-box .arrow-link ul{
		margin: 0 1%;
	}
	
	div.m_overrideBox .history-index-contents-box .arrow-link ul li,
	div.m_overrideBox .ua-safari .history-index-contents-box .arrow-link ul li,
	div.m_overrideBox .ua-safari .history-index-contents-box .arrow-link ul li.first-list{
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	div.m_overrideBox .history-index-contents-box .arrow-link ul {
		border-spacing: 0;
	}

	div.m_overrideBox .history-index-contents-box .arrow-link ul li {
		float: left;
		display: table;
		margin-bottom: 1%;
	}

	div.m_overrideBox .history-index-contents-box .arrow-link ul li a {
		display: table-cell;
		color: #000;
		font-size: 1.1667em;
		vertical-align: middle;
	}

	div.m_overrideBox .history-index-contents-box .arrow-link ul li.blank {
		display: none;
	}
	
	div.m_overrideBox .history-index-contents-box .info-box ul li {
		margin-bottom: 17px;
		margin-left: 0;
		width: 100%;
	}
	
	div.m_overrideBox .history-index-contents-box .info-box ul li a p.short {
		color: #000;
	}
		
	div.m_overrideBox .history-index-contents-box .info-box ul li h4 img {
		width: auto;
	}
	
	div.m_overrideBox .history-index-contents-box .info-box2{
/*		width: 95%;*/
		margin: 0 auto;
	}
	
	div.m_overrideBox .history-index-contents-box .info-box2 ul{
		margin: 0;
	}
	
	/* 詳細ページ */	
	div.m_overrideBox .caption-box p.nontext-caption-image img {
		width: 40%;
	}
	
	div.m_overrideBox .history-index-contents-box h3 {
		font-size: 1.1667em;
		padding: 10px 10px 8px;
	}
	
	div.m_overrideBox .history-index-contents-box .inner_wrap {
		padding: 0 0 20px;
	}
	
	div.m_overrideBox .history-index-contents-box .history-content-box {
		background-color: #fff;
		padding: 0;
	}
	
	div.m_overrideBox .history-index-contents-box .history-content-box .right-wrap-content {
		float: left;
		padding: 25px 40px 0;
		width: 100%;
	}
	
	div.m_overrideBox .history-index-contents-box .history-content-box .right-wrap-content img{
		width: 100%;
		margin: 10px 0;
	}
	
	div.m_overrideBox .history-index-contents-box .history-content-box .left-wrap-img-content {
		float: left;
		padding: 0 40px 0;
		width: 100%;
	}
	
	div.m_overrideBox .history-index-contents-box .history-content-box .left-wrap-img-content img{
		width: 100%;
		margin: 10px 0;
	}
	
	div.m_overrideBox .history-index-contents-box .history-content-box .left-wrap-content,
	div.m_overrideBox .history-index-contents-box .history-content-box .right-wrap-text-content,
	div.m_overrideBox .history-index-contents-box .history-content-box .center-wrap-content {
		padding: 25px 15px 5px;
		width: 100%;
	}
	
	/* 004.html */
	div.m_overrideBox .history-index-contents-box .center-wrap-content dl.kuji-his-list{
		width: 100%;
		padding: 0 0 25px;
	}
	
	div.m_overrideBox .history-index-contents-box .center-wrap-content dl.kuji-his-list dt{
		font-size: 1.0em;
	}
	
	div.m_overrideBox .history-index-contents-box .center-wrap-content dl.kuji-his-list dd{
		padding: 0 10%;
	}
	
	/* 011.html */
	div.m_overrideBox .his-011-img {
		padding: 10px 0 0;
	}
	
	/* 012.html */
	div.m_overrideBox .his-012-img{
		width: 60% !important;
		margin: 0 20% !important;
		padding-bottom: 10px; 
	}
	
	/* now.html */	
	div.m_overrideBox .history-index-contents-box .his-now-inner {
		padding: 14px 14px 5px;
	}
	
	div.m_overrideBox .history-list h4 {
		font-size: 1.1667em;
	}
	
	div.m_overrideBox .his-list-now,
	div.m_overrideBox .his-list-design {
		margin: 20px 0;
	}
	
	div.m_overrideBox .his-list-now p.list-text {
		padding: 12px 0;
	}
	
	/* design.html */				
	div.m_overrideBox .history-index-contents-box .img_design img {
		width: 90%;
		margin: 0 5%;
	}
	
	div.m_overrideBox .history-index-contents-box .caption_img {
		width: 100%;
	}
	
	div.m_overrideBox .history-index-contents-box .caption_img td {
		padding: 5px;
	}
	
	div.m_overrideBox .history-index-contents-box .his-list-design p {
		margin: 0 5px;
	}
	
	/* ボタンエリア */
	div.m_overrideBox .history-index-contents-box .btn_area {
		padding: 0;
	}
	
	div.m_overrideBox .history-index-contents-box .history_ctrl a {
		color: #000;
		font-size: 1.1667em;
		height: 60px;
	}

}