@charset "utf-8";


#main #left{float:left; width:795px; padding-right: 12px;}
@media only screen and (max-width: 1126px){
	#main #left{width:98%; padding-right: 0;margin: 15px auto;float:none;}
}
@media only screen and (max-width: 640px){
	#main #left{ padding-right: 0;margin: 15px auto;float:none;}
}


/* tab */
#tabmenu{border-bottom:1px solid #489494; background:#fff;}
#tabmenu #tabblock{ margin:0;}
#tabmenu #tabblock a{display:inline-block; margin:15px 3em 10px 0; color:#000; text-decoration:none; font-weight:normal;}
#tabmenu #tabblock .tab1:hover{color:#489494;}
#tabmenu #tabblock .tab2:hover{color:#486d94;}
#tabmenu #tabblock .tab3:hover{color:#996666;}
#tabmenu #tabblock .tab4:hover{color:#816D46;}/*2017.08.22*/
#tabmenu #tabblock .tab5:hover{color:#DAA520;}/*2018.03.15*/
#tabmenu #tabblock a br{display:none;}
#tabmenu #tab2,
#tabmenu #tab3,
#tabmenu #tab4{display:none;}
@media only screen and (max-width: 1125px){
/* tab */
#tabmenu #tabblock{ width:100%;}
#tabmenu #tabblock a{width:20%; font-size:24px; margin:30px 0 20px; text-align:center; line-height:1.2em;}
#tabmenu #tabblock a br{display:inline;}
#tabmenu #tabblock .tab1:hover,
#tabmenu #tabblock .tab2:hover,
#tabmenu #tabblock .tab3:hover,
#tabmenu #tabblock .tab4:hover,
#tabmenu #tabblock .tab5:hover{color:#000;}
}
@media only screen and (max-width: 640px){
/* tab */
#tabmenu #tabblock a{font-size:12px; margin:5px 0 10px;}
}