/* テーブルマーク 業務用冷凍食品 総合カタログ */

/* common setting */

/* 画像リンク */
#main a:hover img {
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter:"alpha( opacity=70 )";
}

/* common setting END */


/* PCレイアウト */
/*-------------------------------------------------------------------------------------------*/

/* main contents */
#main {
    overflow:hidden;
    width:950px;
    margin:0 auto 40px;
    padding:0;
    text-align:center;
    font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
    line-height:1.8;
    font-size:1.2em;
}

#main h1 {
    margin:0 0 15px;
}

#main h1.sp {
    display:none;
}
#main p {
    margin-bottom:2em;
    text-align:left;
    font-size:1.0em;
}
#main p.att {
    font-size:0.8em;
}

.right {
    background:#ffece8;
    margin-bottom:2em;
    padding:15px 25px;
	margin:20px 0 0 0;
}
.image {
    float:left;
    margin:0 25px 40px 0;
	width:221px;
}
.image img {
	width:221px;
}
.text {
    float:left;
    text-align:left;
	width:69%;
}
.text h2 {
    margin-bottom:1em;
    padding:0.5em 0;
    border-top:1px dotted #000;
    border-bottom:1px dotted #000;
    line-height:1.4;
    font-size:1.4em;
}

.catalog {
    font-size:0.8em;
}
.catalog img {
    margin-bottom:0.5em;
}
.catalog span {
    display:inline-block;
    text-indent:-1em;
    padding-left:1em;
}

.catalog_sp {
    display:none;
}


.oe {
    background:url("../images/bg_oe.png") no-repeat 0 0;
    margin:0 0 20px;
    padding:20px 50px;
    border:1px solid #c8c8c8;
    text-align:left;
}

.oe_sp {
    display:none;
}

.oe h3 {
    margin-bottom:15px;
    padding-bottom:5px;
    border-bottom:1px solid #c8c8c8;
    font-size:1.3em;
}
.oe h4 {
    width:15em;
    background:#eb822f;
    margin-bottom:10px;
    padding:3px 0;
    text-align:center;
    font-size:1.0em;
}
.oe dl {
    margin:0;
    text-align:left;
}
.oe dl dt {
    margin-bottom:0.5em;
    font-weight:bold;
}
.oe dl dd {
    margin:0 0 1.5em;
}
.oe .note,.oe sup {
    font-size:0.8em;
}
.oe .indent{
    display:inline-block;
    padding-left:2.6em;
    text-indent:-2.6em;
}
.oe a.arrow {
    background:url("../images/arrow.png") no-repeat 0 center;
    padding-left:10px;
}

.notice {
    text-align:left;
    font-size:0.8em;
}
.notice li {
    padding-left:1em;
    text-indent:-1em;
}


#main .right p {
    margin-bottom:1em;
}
.right h4 {
    margin-bottom:1.5em;
    text-align:center;
}
.right h4.tel {
    margin-bottom:0.5em;
}
.right dl {
    padding-top:1em;
    text-align:left;
}
.right dl dt {
    margin-bottom:0.5em;
    border-bottom:1px solid #cccccc;
}
.right dl dd {
    margin-bottom:1em;
    font-size:0.8em;
}
#main .right p.note {
    padding:0 5px 0.5em;
    font-size:0.8em;
}

.line_bottom {
    border-bottom:1px solid #000000;
}
.att{
	font-size: 0.8em;
	line-height: 1.5em;
	color:red;
	margin-top: -23px;
}
.mb0{
	margin-bottom: 0em !important;
}
#pc100 {
	padding: 0 75px;
}


/* 949px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 949px) {

img, object, embed, video {
    width:100%;
    height:auto;
}
.right h4 img {
    width:50%;
}

/* main contents */
#main {
    width:96%;
}
#main p {
    font-size:0.8em;
    letter-spacing: 0.02em;
}
#main p.lead br {
    display:none;
	margin-bottom: 0em;
}


.image {
    width:33%;
    margin:0 2% 3% 0;
}
.image img {
	width:100%;
}

.text {
    width:65%;
}
.text h2 {
    font-size:1.2em;
}
.catalog_sp {
    display:none;
}
.catalog {
    display:block;
}
.catalog {
    font-size:0.7em;
}
.catalog span {
    display:inline-block;
    text-indent:-1em;
    padding-left:1em;
}

.right dl dt strong {
    display:inline-block;
}
#pc100 {
	padding: 0;
}

}
/*-------------------------------------------------------------------------------------------*/
/* 949px以下 END */



/* 640px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 640px) {

/* main contents */
#main {
    width:94%;
}

#main h1.pc {
    display:none;
}
#main h1.sp {
    display:block;
}

.left {
    float:none;
    width:100%;
}
.right {
    float:none;
    width:96%;
    padding:2%;
}

.right h4 img {
    width:90%;
}
.catalog {
    display:none;
}
.catalog_sp {
    display:block;
}
.catalog_sp {
    font-size:0.7em;
}
.catalog_sp img {
    margin-bottom:0.5em;
}
.catalog_sp span {
    display:inline-block;
    text-indent:-1em;
    padding-left:1em;
	width:100%;
}
.image {
    width:40%;
    margin:0 2% 3% 0;
}
.text {
    width:58%;
}
.btn {
    clear:both;
    float:none;
    width:86%;
    height:auto;
    margin:0 0 3%;
    padding:8%;
}

.text h2 {
    font-size:1.0em;
}
.text p {
    font-size:0.8em;
}

.oe_pc {
    display:none;
}
.oe_sp {
    display:block;
}
.oe {
    background:url("../images/bg_oe_sp.png") no-repeat 0 0;
    background-size:contain;
    margin:0 0 2%;
    padding:3% 8%;
}

.oe h3 {
    font-size:1.1em;
}
.oe .indent{
    display:inline-block;
    padding-left:1em;
    text-indent:-1em;
}
.oe dl {
    margin:0;
}
.oe dl dd {
    margin:0 0 0;
}
.oe dl dd span.note {
    display:inline-block;
    font-size:0.8em;
    line-height:1.6;
}
#pc100 {
	padding: 0;
}



}
/*-------------------------------------------------------------------------------------------*/
/* 640px以下 END */