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

	item_cc CSS
 
********************************************************************************************************/
/********************************************************************************************************
	index
********************************************************************************************************/
#item_cc.top{
 background:url(../images/top_bg.jpg) no-repeat center top;
 background-size:100% auto;
}
#item_cc.top #container{
 position:relative;
 z-index:1;
}
#item_cc.top .hubLink li.hubBox_01 .ph{
 background:url(../images/item_cc_top_01.jpg) no-repeat center top;
 background-size: cover;
}
#item_cc.top .hubLink li.hubBox_02 .ph{
 background:url(../images/item_cc_top_02.jpg) no-repeat center top;
 background-size: cover;
}
#item_cc.top .hubLink li.hubBox_03 .ph{
 background:url(../images/item_cc_top_03.jpg) no-repeat center top;
 background-size: cover;
}
#item_cc.top .hubLink li.hubBox_04 .ph{
 background:url(../images/item_cc_top_04.jpg) no-repeat center top;
 background-size: cover;
}
#item_cc.top .hubLink li.hubBox_05 .ph{
 background:url(../images/item_cc_top_05.jpg) no-repeat center top;
 background-size: cover;
}
#item_cc.top .toSearch{
 padding:65px 0 75px;
 text-align:center;
 background:url(../images/item_cc_top_search.jpg) no-repeat center top;
 background-size: cover;
 color:#FFF;
}
#item_cc.top .toSearch h3{
 font-size:20px;
 margin-bottom:75px;
}
#item_cc.top .toSearch h3 .en{
 font-size:50px;
 line-height:1.5em;
}
#item_cc.top .toSearch .linkBtn{
 width:600px;
 margin:10px auto;
}
#item_cc.top .toSearch .linkBtn a{
 font-size:150%;
 padding:25px 0;
}

/********************************************************************************************************
	list
********************************************************************************************************/
#item_cc.list{
 background:url(../images/under_01_bg.jpg) repeat-x center top;
}
#item_cc.list #container{
 color:#191919;
}
#item_cc.list .grayBox {
 border:1px solid #333;
 margin-bottom:10px;
 background:#FFF;
}
#item_cc.list .grayBox a{
 color:#505050;
 font-size:14px;
}
#item_cc.list .grayBox h3{
 background:#555;
 color:#FFF;
 font-weight:bold;
 padding:5px 10px;
}
#item_cc.list .grayBox h3 .cap{
 font-size:12px;
 font-weight:normal;
}
#item_cc.list .grayBox h3 a{
 color:#FFF;
}
#item_cc.list .grayBox dl.grayBoxInner{
 display:table;
 width:100%;
 padding:10px;
 box-sizing:border-box;
}
#item_cc.list .grayBox dl.grayBoxInner dt,
#item_cc.list .grayBox dl.grayBoxInner dd{
 display:table-cell;
 vertical-align:top;
}
#item_cc.list .grayBox dl.grayBoxInner dt{
 width:110px;
}

/*20200716無効

#item_cc.list .grayBox dl.grayBoxInner dd ul.flexwrap{
 width:868px;*/
}
#item_cc.list .clm3 li{
 width:32%;
}
#item_cc.list .clm3 li .grayBox p{
 padding:10px;
 font-size:12px;
 line-height:1.2em;
}

#item_cc.list .graph table tr th:first-child{
 width:5em !important;
}

#item_cc.list .listcap{
 font-size:12px;
 font-weight:normal;
 color:#eb6100;    
}


/********************************************************************************************************
	example
********************************************************************************************************/
#item_cc.example {
 background:url(../images/under_01_bg.jpg) repeat-x center top;
}
#item_cc.example .exampleList.dispTbl { width:100%;}
#item_cc.example .exampleList ul{ width:600px;}
#item_cc.example .exampleList .pic{ text-align:center;}

/********************************************************************************************************
	cc_tech
********************************************************************************************************/
#item_cc.cc_tech {
 background:url(../images/under_01_bg.jpg) repeat-x center top;
}

#item_cc.cc_tech .anchor li{
 margin-bottom:10px;
}
#item_cc.cc_tech .anchor li a{
 display:block;
 padding:15px 0;
 background:#eb6100;
 text-align:center;
 font-size:20px;
 color:#FFF;
 text-decoration:none;
}
#item_cc.cc_tech .anchor li a:hover{
 background:#FFA005;
}
#item_cc.cc_tech .dispTbl .pic{
 width:600px;
 padding:10px;
 background:#FFF;
 text-align:center;
 vertical-align:middle;
}
#item_cc.cc_tech .dispTbl .pic img {
 max-width:100%;
 height:auto;
}
#item_cc.cc_tech .dispTbl .text_02{
 margin-right:1em;
}
#item_cc.cc_tech .dispTbl.example img,
#item_cc.cc_tech .dispTbl.example .flexnowrap img{
 width:245px;
 height:auto;
}
#item_cc.cc_tech #anc_06 table td:last-child{ text-align:center;}

/********************************************************************************************************
	standard
********************************************************************************************************/
#item_cc.standard {
 background:url(../images/under_01_bg.jpg) repeat-x center top;
}
#item_cc.standard h4.submi { color:#FFF;}
#item_cc.standard .tabSwitch li.active {
 background: #AF5C22 none repeat scroll 0 0;
 color: #FFF;
}
#item_cc.standard .markList > li{
 border:2px solid #505050;
 padding:5px;
 box-sizing:border-box;
 text-align:center;
 margin-bottom:20px;
 margin-right:1%;
}
#item_cc.standard .markList li .mark {
 padding:10px 0;
 background:#FFF;
 margin-bottom:10px;
}
#item_cc.standard .markList li .text_03 {
 margin-bottom:10px;
 line-height:1.3em;
 height:4em;
}
#item_cc.standard .markList li .number {
 width:100%;
}
#item_cc.standard .markList li .number > li{
 border:1px solid #999;
 box-sizing:border-box;
 text-align:center;
 font-size:12px;
}
#item_cc.standard dl.bgGray {
 width:100%;
 background:#FFF;
 margin-bottom:20px;
 border-bottom:2px solid #333;
}
#item_cc.standard dl.bgGray dt{
 background:#FFF;
}
#item_cc.standard dl.bgGray h4 {
 margin-bottom:0;
 background:#FFF;
 color:#333;
}

/********************************************************************************************************
	search
********************************************************************************************************/
#item_cc.search {
 background:url(../images/under_01_bg.jpg) repeat-x center top;
}
#item_cc.search #selecter {
 background:#FFF;
 border:5px solid #555;
 box-sizing:border-box;
 padding:30px 35px 10px;
}
#item_cc.search #selecter dl.row{
 margin:0 0 20px;
}
#item_cc.search #selecter dl.row dt{
 width:160px;
}
#item_cc.search #selecter dl.row dd{
 margin-right:10px;
}
#item_cc.search #selecter .keyword input[type="text"]{
 padding:8px;
 color:#000;
}
#item_cc.search #selecter .keyword a{
 display:block;
 padding:7px 0;
 text-decoration:none;
 text-align:center;
 background:#eb6100;
 color:#FFF;
}
#item_cc.search #selecter .keyword .submit{
 width:120px;
 border:2px solid #eb6100;
}
#item_cc.search #selecter .keyword .reset{
 width:200px;
 border:2px solid #eb6100;
}
#item_cc.search #selecter .keyword .reset a {
 background:#FFF;
 color:#eb6100;
}
#item_cc.search #selecter .row.btn a{
 display:block;
 padding:7px 25px;
 text-decoration:none;
 text-align:center;
 color:#333;
 background:#E0E0E0;
 font-size:14px;
}
#item_cc.search table{
 font-size:12px;
}
#item_cc.search table th,
#item_cc.search table td {
 padding:5px 3px;
 line-height:1.2em;
 text-align:center;
}
#item_cc.search table tbody td{
 white-space: nowrap;
}
#item_cc.search table tbody td:nth-child(3){
 text-align:left;
} 
#item_cc.search .gotoShop {
 width:600px;
 margin:0 auto;
}
#item_cc.search .gotoShop a {
 font-size: 150%;
 padding: 25px 0;
}

#item_cc.search table#list thead th.none,
#item_cc.search table#list tbody td:nth-child(13){
 background:#FF0000;
 display:none;
}