@charset "utf-8";

.clearfix {
 display: inline-table;
}

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}


#hioki_category_wrapper li{
	float:left;
	width:332px;
    height: 72px;
    margin: 5px;
	border:1px solid #cfcfcf;
}


.listBox .hioki_menu_container {
	border: 1px solid #ccc;
	border-top: 0;
	padding: 16px;
	min-height:400px;
}

.listBox .hioki_menu_container_XP {
	border: 1px solid #ccc;
	border-top: 0;
	padding: 16px;
	min-height: 474px;
}

.listBox .hioki_menu_container ul{
	list-style-type:disc;
	list-style-position:inside;
	margin-bottom:20px;
}

.listBox .hioki_menu_container li{
	padding-left:1em;
	text-indent:-1em;
	margin-bottom: 3px;
}

.listBox .hioki_menu_container_XP ul{
	list-style-type:disc;
	list-style-position:inside;
	margin-bottom:20px;
}

.listBox .hioki_menu_container_XP li{
	padding-left:1em;
	text-indent:-1em;
	margin-bottom: 3px;
}





#newitem1{
 display:table;
 margin-bottom:30px;
}

#newitem1 ul{
 width:690px;
}

#newitem1 li{
 float:left;
 width:345px;
}

#newitem1 .imag{
 float:left;
 width:120px;
 height:120px;
 margin-right:10px;
 display:block;
}

.tech_info1{
  margin-top:0px;
  margin-bottom:30px;
  margin-left:15px;
}

.tech_info1 ul{
	list-style-type:none;
	margin-left:15px;
}

.tech_info1 li{
 /*background-image:url(../img/icon_pdf_32.png);
 background-repeat:no-repeat;*/
 margin-bottom:5px;
 float:left;
 width:325px;
 color:#004390;
}

.tech_info1 .t_index{
	font-size: 1.4em;
	font-weight: bold;
}



.tech_info2{
  margin-top:0px;
  margin-bottom:30px;
  margin-left:15px;
}

.tech_info2 ul{
	list-style-type:none;
	margin-left:15px;
}

.tech_info2 li{
 /*background-image:url(../img/icon_pdf_32.png);
 background-repeat:no-repeat;*/
 margin-bottom: 10px;
 float: left;
 width: 325px;
}

.tech_info2 .t_index{
	font-size: 1.4em;
	font-weight: bold;
}


#cn_list{
	display:table;
 width:691px;
 border-top:5px solid #004390 !important;
 border: 1px solid #cfcfcf;
 margin-bottom:40px;
}


#cn_list h3.bunrui{
 color: #333;
 text-decoration: none;
 display: block;
 width: 100%;
 height: 100%;
 line-height: 38px;
 padding: 0 20px;
 font-size: 1.6em;
 font-weight: bold;
 background-color: #f6f6f6;
 margin-bottom:10px;
 border-top: 1px solid #cfcfcf;
}

#cn_list li{
 float: left;
 width: 344px;
 padding: 5px 20px 4px 0px;
 margin-bottom:3px;
 font-size:1.2em;
}

#cn_list p{
 font-size:0.8em!important;
}

#cn_list a{
 font-size: 1.1em;
 line-height: 1.5;
 /*background: url(/contents/shop/marutsu/img/common/icon_arrow_12_blue.png) no-repeat left top;*/
 padding: 0 0 0 16px;
 min-height: 16px;
 display: block;
}

#cn_list img{
	width:150px;
	display:block;
	float:left;
	margin-right:12px;
}

.title_bunrui{
	font-size: 1.4em !important;
	font-weight: bold;
	padding-bottom: 6px;
}


.tech_bunrui{
	font-size: 1.4em !important;
	font-weight: bold;
	padding-bottom: 6px;
	margin-left:10px!important;
	margin-top:15px!important;
}

.case_kakou_req{
	background-color: #004390;
	width: 100%;
	display: inline-block;
	height: 82px;
	padding: 18px 28px;
	margin-bottom: 20px;
}

.m_p{
 font-size:0.7em;
 font-weight:normal;
 position:relative;
 left:20px;
}


.img_pho{
	width:120px;
	height:auto;
}



.hioki_info {
width: 690px; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
font-size: 80%; /* ボックスの文字サイズ */
}

.hioki_info h3 {
	margin-bottom:10px!important;
}

/* --- 本文領域 --- */
.hioki_info .textArea {
height: 65px; /* 本文領域の高さ */
overflow: auto;
}

/* --- 本文領域内の段落 --- */
.hioki_info .textArea p {
margin: 0.5em 10px;
font-size:1.4em!important;
}

.hioki_info .textArea .info_date {
margin-right:15px;
}


.hioki_pickup_sixitems{
	margin-bottom:40px;
}

.hioki_pickup_sixitems img{
 width:105px;
 height:auto;
 display: block;
 margin: 15px 4px;
}

.hioki_pickup_sixitems ul{
	list-style-type:none;
}

.hioki_pickup_sixitems li{
	float:left;
	text-align:center;
}



.sagami_recommend1{
	margin:30px 0 0;
}

.sagami_recommend1 li{
	display:inline-block;
	vertical-align:top;
	width:343px;
	    margin: 0;
    min-height: 210px;
    padding: 20px 7px;
}


.sagami_recommend1 img{width:125px;margin: 0 10px 10px 0;}

.sagami_recommend1 .cpl_part{display:inline-block;font-size:1.4em;text-indent: -8px; border-bottom: 2px solid #7ac9fa; padding-bottom: 8px; width: 183px;}
.sagami_recommend1 .cpl_name{font-weight:bold;font-size:1.3em;margin: 0 0 8px;}
.sagami_recommend1 .cpl_apl{color:#333;line-height:16px;text-indent: -1em; padding-left: 1em; margin: 0;}
.sagami_recommend1 .rcml{width:130px;display:inline-block;vertical-align:top;}
.sagami_recommend1 .rcmr{width:192px;display:inline-block;vertical-align:top;}
.sagami_recommend1 .cplclick{text-align: right; margin-top: 15px;}

.sagami_recommend1 .title_c{
font-weight: bold;
    font-size: 1.5em;
    border-bottom: 5px solid #004390;
    margin: 0 0 15px;
    padding: 0 0 5px;
}

#sagami_category_wrapper{
	margin: 60px 0 40px;
}

#sagami_category_wrapper .title{
    font-weight: bold;
    font-size: 1.5em;
    border-bottom: 5px solid #004390;
    margin: 0 0 30px;
    padding: 0 0 5px;
}

#sagami_category_wrapper .g_left{
	width:290px;
	display:inline-block;
	    margin-right: 20px;
}


#sagami_category_wrapper .g_right{
	display:inline-block;
	width:355px;
	vertical-align: top;
}

#sagami_category_wrapper .genre_a{
	    margin-left: 20px;
}

#sagami_category_wrapper .genre_a li{
    margin: 0 0 20px;
    display: inline-block;
    min-height:110px;
}

#sagami_category_wrapper .genre_a .genre_a_list{
    margin-right: 35px;
}


#sagami_category_wrapper .genre_b{
	list-style-position:inside;
}


#sagami_category_wrapper .genre_b li{
    font-size: 1.4em;
    margin:0 15px 7px 0;
    min-width: 170px;
    display: list-item;
    min-height:0;
    list-style-image:url(/contents/shop/marutsu/include/large_order/img/sagami_icon_orange.png);
}

#sagami_category_wrapper .genre_b li:last-child{
    margin:15px 15px 7px 0;
    list-style-image:url(/contents/shop/marutsu/include/large_order/img/sagami_icon_red.png);
}

.txt_bunrui{
    padding-left: 1em;
    margin-top: -10px!important;
    margin-bottom: 15px!important;
}

.tech_bunrui2{
	font-size: 1.3em !important;
	font-weight: bold;
	padding-bottom: 6px;
	margin-left:10px!important;
	margin-top:15px!important;
	margin-bottom: 0px!important;
}

.tech_read{
text-align: center;
    margin: 0px auto 10px 15px!important;
    background-color: #e1b82b;
    width: 150px;
    padding: 5px 0px;
}

.tech_read a{
	color:#000;
}

.tech_read a:visited{
	color:#000;
}