@charset "utf-8";
/* CSS Document */

#main_contents {
	padding:25px 0 60px;
}
#information_cont{
	padding-top:2px;
	background:#fff;
}
#information_cont h3{
    font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;
	margin:0 2px;
	padding:17px;
	background:#e7e1ca;
	font-size:20px;
	color:#990000;
	line-height:1em;
}
#infomation_inner_cont{
	padding:20px;
}
/*------------------------------ responsive ------------------------------*/
@media screen and (max-width:750px){
    #main_contents {
        padding:15px 0 30px;
    }
    #information_cont h3{
        font-size: 18px;
	    padding:10px;
        line-height: 1.4;
    }
}

/*=====top_contents=====*/

#top_cont .img_area{
    width: 360px;
    text-align: center;
	float:left;
}
#top_cont .img_area.t-right{
    text-align: right;
}
#top_cont .img_area.w310{
    width: 310px;
}
#top_cont .img_area.w400{
    width: 400px;
}
#top_cont .img_area dd{
	font-size:13px;
	color:#666666;
	text-align:center;
	padding-top:5px;
}
#top_cont h4{
	font-size:17px;
	font-weight:normal;
}
#top_cont .text_area{
	float:right;
	width:580px;
	padding-right:20px;
}
#top_cont .text_area.pr70{
    width: 530px;
    padding-right: 70px;
}
#top_cont .text_area.w490{
    width: 490px;
}
#top_cont .text_area.w540{
    width: 540px;
}
#top_cont .text_area.w600{
    width: 600px;
}
#top_cont .text_area p{
	margin-top:15px;
	line-height:2em;
	color:#666;
}
/*------------------------------ responsive ------------------------------*/
@media screen and (max-width:750px){
    #top_cont .img_area,
    #top_cont .img_area.w310,
    #top_cont .img_area.w400,
    #top_cont .img_area.t-right{
        text-align: center;
        width: 100%;
        float:none;
        margin-bottom: 10px;
    }
    #top_cont .text_area,
    #top_cont .text_area.w490,
    #top_cont .text_area.w540,
    #top_cont .text_area.w600,
    #top_cont .text_area.pr70{
        width: 100%;
        float:none;
        padding-right:0;
    }
    #infomation_inner_cont{
        padding:15px 3%;
    }
	#top_cont .text_area dl{
		display: block!important;
	}
	#top_cont .text_area dl dt lmg{
		margin-left: 0!important;
	}
}

/*=====trade_overview=====*/
#trade_overview{margin-top:35px;}
#overview_inner{padding:30px 20px 0;}
#overview_inner table{
	border-collapse:collapse;
	width:100%;
	font-size:15px;
}
#overview_inner tbody th,
#overview_inner th{
	background:#e7e1ca;
	padding:10px 0 10px 10px;
	vertical-align:middle;
	font-weight:normal;
	border:1px solid #999999;
	text-align:left;
}
#overview_inner thead th{
	background:#cbc7aa;
	padding:10px;
	text-align:center;
	font-weight:normal;
	border:1px solid #999999;
}
#overview_inner td{
	padding:10px;
	vertical-align:middle;
	border:1px solid #999999;
	line-height:1.5em;
}
#overview_inner .second{
	margin-top:15px;
}
#overview_inner .second th{
	vertical-align:top;
}
#overview_inner dl{margin-top:15px;}
#overview_inner dt{
	font-weight:bold;
	font-size:15px;
	color:#FF0000;
}
#overview_inner dd{
	padding-top:5px;
}
#overview_inner .trade_catalog_link{
	margin-top:30px;
	text-align:right;
}
#overview_inner .trade_catalog_link a{
	color:#A5924B;
	font-size:15px;
	font-weight:bold;
	text-decoration:underline;
}
/*------------------------------ responsive ------------------------------*/
@media screen and (max-width:750px){
    #overview_inner{padding:15px 0 0;}
    #overview_inner tbody th,
    #overview_inner tbody th{
        padding:5px;
    }
    #overview_inner td{
        padding:5px;
    }
}

/*=====example=====*/
#example{
	margin-top:35px;
}
#example table.tenji_list {
	border: 1px solid #CCC;
	margin:0 auto 20px;
	border-collapse:separate;
	border-spacing:2px;
}
#example table.tenji_list th {
	text-align:center;
	vertical-align:middle;
	padding:7px;
	border: 1px solid #CCC;
}
#example table.tenji_list td {
	padding:7px;
	border: 1px solid #CCC;
}
.kiyorakanasekaiwoegaku,
.toritachiga{
    clear: both;
    overflow: hidden;
}
.kiyorakanasekaiwoegaku .leftcol,
.toritachiga .leftcol{
    float: left;
    width: 380px;
    box-sizing: border-box;
}
.kiyorakanasekaiwoegaku .leftcol#exhibition_area,
.toritachiga .leftcol#exhibition_area{
    padding: 20px 10px;
}
.kiyorakanasekaiwoegaku .rightcol,
.toritachiga .rightcol{
    float: right;
    width: 580px;
}
.kiyorakanasekaiwoegaku .rightcol table,
.toritachiga .rightcol table{
    width: 100%;
}
#exhibition_area{padding:35px 30px 0;}
#exhibition_area .exhibition_list{margin-bottom:30px;}
#exhibition_area .exhibition_list dl{float:left;}
#exhibition_area .exhibition_list dl:first-child{margin-right:52px;}
#exhibition_area .exhibition_list dl:last-child{
	margin-right:0;
	float:right;
}
#exhibition_area .exhibition_list_ot dl:first-child{
	width:206px;
}
#exhibition_area dd{
	padding-top:10px;
	text-align:center;
}	
#exhibition_area table{
    width: 100%;
}
#tbl_skauhin td{
padding : 0 10px 0 5px;
}
/*------------------------------ responsive ------------------------------*/
@media screen and (max-width:750px){
    #exhibition_area{padding:15px 0 0;}
    #tbl_skauhin td{ padding: 3px;}
    #example table.tenji_list th {
        padding:2px 3px;
    }
    .kiyorakanasekaiwoegaku .leftcol,
    .toritachiga .leftcol{
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .kiyorakanasekaiwoegaku .leftcol#exhibition_area,
    .toritachiga .leftcol#exhibition_area{
        padding: 15px 0 0;
    }
    .kiyorakanasekaiwoegaku .rightcol,
    .toritachiga .rightcol{
        float: none;
        width: 100%;
    }
    .kiyorakanasekaiwoegaku .rightcol table td,
    .toritachiga .rightcol table td{
        padding: 5px 10px;
    }
}

/*=====download_cont=====*/
#download_cont{
	margin-top:60px;
	padding:30px 0 30px 140px;
	background:#f1eee0;
}
#download_cont .img_area{
	float:left;
}
#download_cont .text_area{
	float:right;
	padding-top:60px;
	width:550px;
}
#download_cont .text_area h6{
	font-size:16px;
}
#download_cont .text_area p,
#download_cont .text_area ul{
	font-size:15px;
}
#download_cont .text_area ul{
	margin-top:50px;
}
#past_exhibition{
	margin-top:60px;
	padding:15px 0;
	text-align:center;
	background:#ded7bc;
}
#exhibition_list_link{
	margin-top:45px;
	text-align:center;
}
#exhibition_list_link a{
	display: inline-block;
	width: 170px;
	line-height: 40px;
	text-decoration: none;
	color: #fff;
	font-size: 18px;
	background: #b9a863;
	border: 1px solid #a39149;
}
/*------------------------------ responsive ------------------------------*/
@media screen and (max-width:750px){
    #download_cont{
        margin-top:30px;
        padding:15px 3% 30px;
    }
    #download_cont .img_area{
        width: 30%;
    }
    #download_cont .text_area{
        padding-top:0;
        width: 68%;
    }
    #download_cont .text_area ul{
        margin-top:20px;
    }
    #exhibition_list_link{
        margin-top:0;
		padding: 3%;
		background: #fff;
    }
	#exhibition_list_link a{
		display: block;
		width: auto;
		line-height: 40px;
		text-align: center;
		text-decoration: none;
		color: #855030;
		font-size: 18px;
		text-decoration: none;
		background: url(../images/top/detail_bt.gif) no-repeat right 10px center #e7e1ca;
		border: none;
	}
    #guidance .text_area p.btn a{
    }
}
/*------------------------------ responsive ------------------------------*/
@media screen and (max-width:400px){
    #download_cont .img_area{
        width: 100%;
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }
    #download_cont .text_area{
        padding-top:0;
        float: none;
        width: 100%;
    }
}