/* CSS Document */

body { margin:0; padding:0; line-height:24px; font-family:'Microsoft YaHei'; font-size:12px; background:#fff;}
div,ul,li,dt,dl,dd,h1,h2,h3,h4,h5,h6,h7,img,p,span{ border-style: none;
	border-color: inherit;
	border-width: 0px;
	padding: 0;
	list-style-type:none;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 0;
}

img{display:block;}

/* Link */
a:link { text-decoration:none;}
a:visited {text-decoration:none;}
a:hover { text-decoration:none;}
a:active { border:0px; background-color:Transparent;}

a{blr:expression(this.onFocus=this.blur()); outline:none;} 

.blank5{ width:100%; height:5px; clear:both;}
.blank10{ width:100%; height:10px; clear:both;}
.blank15{ width:100%; height:15px; clear:both;}
.blank20{ width:100%; height:20px; clear:both;}
.blank30{ width:100%; height:30px; clear:both;}
.blank40{ width:100%; height:40px; clear:both;}

/*Clear*/
.clear{ clear:both; font-size:1px; height:0px; line-height:0px; overflow:hidden;}/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/

/*针对1920的宽屏*/

.max{ position:relative; overflow:hidden;}

.m_banner
{
     width:1920px; *width:1920px; _width:1920px; height:510px;
    position:relative;
    z-index:9;
    margin:0;
	top:0;
    float:left;
	left:50%;
	margin-left:-962px;
	*margin-left:-962px;
	_margin-left:-962px;
    overflow:hidden;
}
.z_db {
    width:100%;
    height:36px;
    float:left;
    background:#444444;
}
.z_db1 {
    width:1164px;
    height:36px;
    margin:0 auto;
}
.z_db1 span {
    font-family:'Microsoft YaHei';
    font-size:14px;
    color:#fff;
    line-height:36px;
}

.z_top {
    width: 100%;
    height: 98px;
    float: left;
    background: #288dd3;
}
.z_top1 {
    width: 1200px;
    height: 98px;
    margin: 0 auto;
}
.logo {
    background: url(../images/index.jpg);
    width: 566px;
    height: 99px;
    float: left;
    position: relative;
    margin-top: -1px;
}
    .logo img {
    position: absolute;
    left: 84px;
    top: 23px;
    }
.z_nav {
    width: 634px;
    height: 98px;
    float: left;
}
    .z_nav ul {
    }
        .z_nav ul li {
    float: left;
    width: 84px;
    text-align: center;
    height: 75px;
    margin-left: 20px;
        }
.z_nav ul li:hover{border-bottom: 4px solid #eca436;}
.z_nav ul li.nhov{border-bottom: 4px solid #eca436;}
            .z_nav ul li a {
                font-family:'Microsoft YaHei';
                font-size:18px;
                color:#fff;
                line-height: 87px;
                text-align: center;
            }
.z_nav1 {
    height: 98px;
    float: left;
    margin-top: 25px;
width: 930px;
}
    .z_nav1 ul {
    }
        .z_nav1 ul li {
    float: left;
    width: 84px;
    text-align: center;
    height: 75px;
    margin-left: 70px;
        }
.z_nav1 ul li:hover{border-bottom: 4px solid #eca436;}
.z_nav1 ul li.nhov{border-bottom: 4px solid #eca436;}
            .z_nav1 ul li a {
                font-family:'Microsoft YaHei';
                font-size:18px;
                color:#fff;
                line-height: 87px;
                text-align: center;
            }
            .m_banner
{
    width:100%;
    height:508px;
    margin:0 auto; overflow:hidden;
}

.s_banner
{
    width:100%;
    height:475px;
    margin:0 auto; overflow:hidden;
}

        #banmax
        {
            position: relative;
            width: 1920px;
            height: 475px;
            overflow: hidden;
            margin:0 auto;
            left: 50%;
            margin-left: -960px;
        }
        #banmax a
        {
            color: #333;
        }
        #banmax *
        {
            border: 0;
            padding: 0;
            margin: 0;
        }
        #banmax .Limg
        {
            position: relative;
        }
        #banmax .Limg li
        {
            position: absolute;
            top: 0;
            left: 0;
            background: #fff;
        }
        #banmax .Limg li img
        {
            border: 1px solid #FFFFFF;
            margin: 0;
        }
        #banmax .Nubbt
        {
            position: absolute;
            z-index: 9;
            bottom:20px;
            left: 0;
            right: 0;
            margin-left: auto;
            margin-right: auto;
            width: 60px;
            height: 15px;
        }
        #banmax .Nubbt span
        {
            background: #fff;
            width:15px;
            height:15px;
            float:left;
            color:#fff;
            margin-right:5px;
            font-style: normal;
            cursor: pointer;
            text-indent:-9999px;
            border-radius: 30px;
        }
        #banmax .Nubbt span.on
        {
            background: #000;
            color: #000;
            text-indent:-9999px;
        }

.z_max {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.z_cokk {
    line-height: 100px;
    height: 100px;
    margin: 0 auto;
    width: 321px;
    font-size: 36px;
    color: #666;
    text-align: center;
}
    .z_cokk span {
        font-family:'Microsoft YaHei' !important;
        font-size:36px !important;
        color:#595656;
        float: left;
    }
    .z_cokk font {
        font-family:Impact;
        font-size:36px;
        color:#288dd3;
        float: right;
        text-transform: uppercase;
    }
.z_pro {
    width: 100%;
    float: left;
    height: auto;
}
    .z_pro ul {
    }
        .z_pro ul li {
        }
            .z_pro ul li a {
    display: block;
    margin: auto 5px;
    width: 23%;
    float: left;
    position: relative;
    margin-bottom: 25px;
            }
                .z_pro ul li a img {
    max-width: 100%;
    border: 1px solid #ddd;
                }
                .z_pro ul li a span {
                    font-family:'Microsoft YaHei';
                    font-size:17px;
                    color:#fff;
                    background:#2c90d5;
                    display: block;
                    text-align: center;
                    line-height: 41px;
                }
.z_pro ul li a .img {
background:url(../images/hsbj.png);
position: absolute;
top: 0;
width: 100%;
height: 81%;
    display: none;
}
.z_pro ul li a .img img{margin: 0 auto;margin-top: 20px;border: none;}
.z_pro ul li a .img span{font-family:'Microsoft YaHei';
                    font-size:14px;
                    color:#fff;
background: none;
line-height: 18px;
padding: 8px 17px 0px 17px;
text-align: justify;
text-indent: 2em;
}
.z_pro ul li a:hover .img {
    display: block;
}
.z_pro1 {
    width: 100%;
    float: left;
    height: auto;
}
    .z_pro1 ul {
    }
        .z_pro1 ul li {
        }
            .z_pro1 ul li a {
    display: block;
    margin: auto 5px;
    width: 24%;
    float: left;
    position: relative;
    margin-bottom: 25px;
            }
                .z_pro1 ul li a img {
    max-width: 100%;
                    border: 1px solid #ddd;
                }
                .z_pro1 ul li a span {
                    font-family:'Microsoft YaHei';
                    font-size:17px;
                    color:#fff;
                    background:#2c90d5;
                    display: block;
                    text-align: center;
                    line-height: 41px;
                }
.z_pro1 ul li a .img {
background:url(../images/hsbj.png);
position: absolute;
top: 0;
width: 100%;
height: 86%;
    display: none;
}
.z_pro1 ul li a .img img{margin: 0 auto;margin-top: 49px;border: none;}
.z_pro1 ul li a .img span{font-family:'Microsoft YaHei';
                    font-size:14px;
                    color:#fff;
background: none;
line-height: 16px;
padding: 33px;
text-align: justify;
text-indent: 2em;
}
.z_pro1 ul li a:hover .img {
    display: block;
}
.z_more {
    line-height: 30px;
    border: 1px solid #288dd3;
    margin: 0 auto;
    width: 155px;
    margin-top: 10px;
    margin-bottom: 30px;
}
    .z_more a {
        font-family:Arial;
        font-size:24px;
        color:#288dd3;
        text-transform: uppercase;
        padding: 5px;
    }
.about {
    width: 100%;
    height: auto;
    float: left;
    background: url(../images/about.png);
    background-position: top center;
    margin-bottom: 45px;
}
.about1 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    position: relative;
}
    .about1 img {
    float: left;
    margin-top: 100px;
    margin-bottom: 142px;
    margin-right: 20px;
    }
    .about1 span {
    font-family:SimSun;
    font-size:18px;
    color:#fff;
    display: block;
    float: left;
    width: 57%;
    text-align: justify;
    text-indent: 2em;
    line-height: 33px;
    }
.z_ser {
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 50px;
}
    .z_ser ul {
    }
        .z_ser ul li {
    text-align: center;
    margin: auto 20px;
    width: 160px;
    float: left;
        }
            .z_ser ul li img {
    width: 100%;
            }
            .z_ser ul li span {
                font-family:'Microsoft YaHei';
                font-size:27px;
                color:#5d5e5e;
                line-height: 64px;
            }
.z_con {
    width: 100%;
    float: left;
    height: auto;
    background: #f9f9f9;
}
.z_con1 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.z_con_left {
    width: 50%;
    float: left;
}
    .z_con_left h3 {
        font-family:SimSun;
        font-size:36px;
        color:#3e3f3f;
        float: left;
        line-height: 40px;
    }
    .z_con_left img {
    float: left;
    }
    .z_con_left h4 {
        font-family:Arial;
        font-size:36px;
        color:#0f7fc8;
        float: left;
        line-height: 40px;
        margin-left: 18px;
    }
    .z_con_left span {
        font-family:Arial;
        font-size:24px;
        color:#545454;
        float: left;
        line-height: 39px;
        margin-top: 31px;
        margin-left: 4px;
    }
.z_con_right {
    width: 46%;
    float: right;
    border: 3px solid #0f7fc8;
    margin-bottom: 44px;
}
    .z_con_right img {
    }
.z_fot {
    width: 100%;
    height: auto;
    float: left;
    background: #288dd3;
}
.z_fot1 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.z_wei {
    font-family:'Microsoft YaHei';
    font-size:15px;
    color:#fff;
    float: right;
    margin: 15px auto;
}
    .z_wei img {
    margin: 0 auto;
    }
.z_bot {
    width: 100%;
    height: 36px;
    float: left;
    background: #444444;
}
.z_bot1 {
    width: 1200px;
    height: 36px;
    margin: 0 auto;
    text-align: center;
    font-family: 'Microsoft YaHei';
    font-size: 14px;
    color: #fff;
    line-height: 36px;
}
.z_cokk1 {
    border-bottom: 1px solid #d3d2d2;
    height: 101px;
    float: left;
    width: 100%;
    position:relative;
}
.z_left {
    width: 232px;
    height: auto;
    float: left;
    margin-top: 50px;
}
.z_left_cokk {
    width: 232px;
    height: auto;
    float: left;
}
.z_left_cokk h3 {
    font-family:'Microsoft YaHei';
    font-size:24px;
    color:#fff;
    display: block;
    width: 100%;
    background: url(../images/lsbj.jpg);
    height: 54px;
    float: left;
    line-height: 54px;
    text-align: center;
}
.z_left_cokk ul {
}
    .z_left_cokk ul li {
    }
        .z_left_cokk ul li a {
            font-family:'Microsoft YaHei';
    font-size:18px;
    color:#000;
            float: left;
            width: 100%;
            background: url(../images/hsbj.jpg);
            display: block;
            height: 38px;
            line-height: 38px;
            text-align: center;
            margin-top: 10px;
        }
.z_left_cokk ul li a.nhov{background: url(../images/hsbj1.jpg);}
.z_left_con {
    width: 232px;
    height: auto;
    float: left;
}
    .z_left_con h3 {
        font-family:'Microsoft YaHei';
    font-size:24px;
    color:#fff;
        display: block;
        width: 100%;
        background: url(../images/lsbj.jpg);
        height: 54px;
        float: left;
        line-height: 54px;
        text-align: center;
        margin-top: 50px;
    }
    .z_left_con span {
        font-family:'Microsoft YaHei';
    font-size:14px;
    color:#363636;
        display: block;
        float: left;
        width: 100%;
        border-bottom: 1px dashed #288dd3;
        line-height: 29px;
    }
.z_right {
    width: 910px;
    height: auto;
    float: left;
    margin-left: 55px;
    margin-top: 50px;
}
DIV.meneame {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 80%; PADDING-BOTTOM: 3px; MARGIN: 3px; COLOR: #2d373f; PADDING-TOP: 3px; TEXT-ALIGN: center;
	margin-bottom: 50px;
	margin-top: 25px;
}
DIV.meneame A {
	BORDER-RIGHT: #2d373f 1px solid; PADDING-RIGHT: 7px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #2d373f 1px solid; PADDING-LEFT: 7px; BACKGROUND-IMAGE: url(../images/meneame.jpg); PADDING-BOTTOM: 5px; BORDER-LEFT: #2d373f 1px solid; COLOR: #2d373f; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #2d373f 1px solid; TEXT-DECORATION: none
}
DIV.meneame A:hover {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #3d3d3d
}
DIV.meneame A:active {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #3d3d3d
}
DIV.meneame A.nhov {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #3d3d3d
}
.z_pro_show {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 50px;
}
    .z_pro_show img {
    margin: 0 auto;
    }
    .z_pro_show h3 {
        font-family:'Microsoft YaHei';
        font-size:24px;
        color:#717171;
        text-align: center;
        font-weight: inherit;
        margin: 20px auto;
    }
    .z_pro_show span {
        font-family:'Microsoft YaHei';
        font-size:18px;
        color:#717171;
        line-height: 33px;
        letter-spacing: 2px;
    }
.z_fanye {
    width: 86%;
    float: left;
    height: auto;
    margin: 50px auto;
}
    .z_fanye a {
        font-family:'Microsoft YaHei';
        font-size:24px;
        color:#9c9c9c;
        padding: 4px 7px 7px 7px;
        border: 1px solid #9c9c9c;
    }
.sm1 {
    margin-left: 30px;
    margin-bottom: 30px;
}
    .sm1 font {
        font-family:'Microsoft YaHei';
        font-size:18px;
        color:#737373;
    }
.sm2 {
    margin-left: 30px;
    margin-bottom: 30px;
}
    .sm2 font {
        font-family:'Microsoft YaHei';
        font-size:18px;
        color:#737373;
        float: left;
    }
.sm3 {
    margin-left: 119px;
    margin-bottom: 39px;
}
.xm1 {
    width: 420px;
    height: 54px;
    padding-left: 10px;
}
.xm2 {
    width: 745px;
    height: 316px;
    padding-left: 10px;
    padding-top: 10px;
    resize: none;
}
.xm3 {
    font-family:'Microsoft YaHei';
        font-size:24px;
        color:#fff;
    background: #288dd3;
    border: none;
    width: 149px;
    height: 56px;
    margin-right: 30px;
}
.xm4 {
    font-family:'Microsoft YaHei';
        font-size:24px;
        color:#767272;
    border: none;
    width: 149px;
    height: 56px;
    margin-right: 30px;
}










/*コンテンツ（mainとsubを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	clear: both;overflow: hidden;
	background: #fff;	/*背景色*/
	padding: 3%;	/*ボックス内の余白*/
	box-shadow: 0px 0px 50px rgba(0,0,0,0.5);
}

/*mainコンテンツ
---------------------------------------------------------------------------*/
#main {
font-size: 18px;	/*文字サイズ*/
}
/*１カラム利用時の設定*/
.c1 #main {
	float: none;
	width: auto;
}
/*h2タグの設定*/
#main h2 {
	clear: both;
	margin-bottom: 20px;	/*見出しの下にとるスペース*/
	font-size: 18px;	/*文字サイズ*/
	letter-spacing: 0.1em;	/*文字間隔を少し広くとる設定*/
	color: #fff;		/*文字色*/
	background: #242f24;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background: linear-gradient(#525d53, #242f24);	/*グラデーション*/
	padding: 5px 15px;	/*上下、左右への余白*/
	border-bottom: 4px solid #ba0d0d;	/*下線の幅、線種、色*/
}
/*h3タグの設定*/
#main h3 {
	clear: both;
	margin-bottom: 20px;	/*見出しの下にとるスペース*/
	font-size: 18px;	/*文字サイズ*/
	background: #fff;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background: linear-gradient(#FFF, #eee);	/*グラデーション*/
	padding: 4px 15px;		/*上下、左右への余白*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	color: #333;	/*文字色*/
}
/*段落タグ設定*/
#main p {
	padding: 0px 20px 15px;	/*上、左右、下への余白*/
}
#main h2 + p,
#main h3 + p {
	margin-top: -10px;
}
#main section+section {
	margin-top: 50px;
}

/*SERVICEページの各ブロック
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#main .list {
	position: relative;overflow: hidden;
	margin-bottom: 20px;	/*上下ボックス間の余白*/
	padding: 20px;		/*ボックス内の余白。ここを変更する際は、下の「#main .list a」のpaddingとmarginの数字も合わせる。*/
	border: 1px solid #dcdcdc;	/*枠線の幅、線種、色*/
	background: #fff;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#FFF, #e3e3e3);	/*背景グラデーション*/
	box-shadow: 0px 0px 0px 1px #fff inset;	/*内側の影。右へ・下へ・ぼかし幅・距離・色を設定*/
	color: #333;	/*文字色*/
}
#main .list a {
	text-decoration: none;display: block;overflow: hidden;
	padding: 20px;	/*ボックス内の余白。ここを変更する際は、上の「#main .list」のpaddingの数字も合わせる。*/
	margin: -20px;	/*ボックス内の余白。ここを変更する際は、上の「#main .list」のpaddingの数字も合わせる。マイナス記号は外さないように。*/
	color: #333;	/*文字色*/
}
/*マウスオン時の背景色*/
#main .list a:hover {
	background: #fff;	/*背景色*/
}
/*リンクを貼った際に出る「→」マーク*/
#main .list a::before {
	content: "→";	/*出力する文字。変更しても構いませんが機種依存文字は化けるので使わないで下さい。*/
	font-size: 14px;	/*文字サイズ*/
	display: block;
	position: absolute;
	right: 10px;	/*ボックスの右から10pxの場所に配置*/
	bottom: 10px;	/*ボックスの下から10pxの場所に配置*/
	width: 30px;	/*幅*/
	line-height: 30px;	/*高さ*/
	text-align: center;
	background: #ccc;	/*背景色（古いブラウザ用）*/
	background: rgba(0,0,0,0.2);	/*背景グラデーション。0,0,0は黒の事で、0.3は透明度30%の事。*/
	color: #fff;	/*文字色*/
}
/*マウスオン時の「→」マーク*/
#main .list a:hover::before {
	background: #ba0d0d;	/*背景色*/
}
/*ボックス内のh4タグ設定*/
#main .list h4 {
	padding-left: 10px;	/*枠線とテキストとの間の余白*/
 	border-bottom: 1px solid #CCC;	/*下側の線の幅、線種、色*/
	border-left: 3px solid #ba0d0d;	/*左側の線の幅、線種、色*/
	margin-bottom: 0.5em;
	color: #ba0d0d;	/*文字色*/
}
/*ボックス内のp(段落)タグ設定*/
#main .list p {
	padding: 0px;
}
/*ボックス内の画像*/
#main .list figure {
	float: left;	/*左に回り込み*/

	background: #FFF;	/*画像の背景色。ここでは枠線と画像の間の色になります。*/
	padding: 1%;			/*余白。ここに上の行で設定した背景色が出ます。*/
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	margin-right: 10px;		/*画像右側に空ける余白*/
}
/*マウスオン時のボックス内の写真設定。ボックスにoption2スタイルが指定された場合の画像の設定。*/
.list.option2 a:hover figure img,
.list.option2 figure img {
	opacity: 0.3 !important;	/*半透明にする設定*/
}

/*SERVICEページの各ボックス内のテーブル
---------------------------------------------------------------------------*/
#main .list table {
	font-size: 14px;	/*文字サイズ*/
	width: 63%;			/*テーブル幅*/
	margin-bottom: 5px;
	background: #fff;	/*背景色*/
}
#main .list table,
#main .list table td,
#main .list table th{
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
}
#main .list table td,
#main .list table th{
	padding: 1%;	/*テーブル内の余白*/
}
/*色のついた見出しブロック*/
#main .list table th{
	width: 20%;		/*幅*/
	text-align: center;		/*文字をセンタリング*/
	font-weight: normal;	/*デフォルトの太字を標準にする設定*/
	background: #edf0f5;	/*背景色*/
}
/*説明用ブロック*/
#main .list table td {
	width: 30%;	/*幅*/
}

/* 确保包裹图片的 figure 标签没有默认的边距 */
#main .list figure {
    margin: 0; /* 清除浏览器默认的 margin */
    padding: 0;
    text-align: center; /* 如果你想让图片在容器内居中 */
}

/* 核心样式：让图片完美显示 */
#main .list img {
    max-width: 100%;  /* 图片最大宽度不能超过父容器 */
    height: auto;     /* 高度自动调整，保持图片原始比例 */
    display: block;   /* 消除图片下方的几像素间隙 */
}




/*テーブル（ta1）
---------------------------------------------------------------------------*/
/*ta1設定*/
.ta1 {
	width: 100%;
	margin: 0 auto 20px;
	font-size: 18px;	/*文字サイズ*/
}
.ta1, .ta1 td, .ta1 th {
	border: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/
	padding: 10px 15px;	/*ボックス内の余白*/
	word-break: break-all;
}
/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi {
	width: auto;
	text-align: left;	/*左よせ*/
	background: #eee;	/*背景色*/
}
/*ta1の左側ボックス*/
.ta1 th {
	width: 140px;	/*幅*/
	text-align: center;	/*センタリング*/
	font-weight: normal;
}
/*左側ボックスに画像を入れた場合の設定*/
.ta1 th img {
	width: 100%;
}



/*サブコンテンツ内の一覧ブロック
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#sub .list {
	position: relative;overflow: hidden;
	font-size: 14px;	/*文字サイズ*/
	line-height: 1.2;	/*行間を狭くする*/
	background: #fff;	/*背景色*/
}
#sub .list a {
	text-decoration: none;display: block;overflow: hidden;
	padding: 10px;	/*ボックス内の余白*/
	border-bottom: 1px solid #ccc;	/*上の線の幅、線種、色*/
}
/*マウスオン時*/
#sub .list a:hover {
	background: #f0f0f0;	/*背景色*/
	color: #333;	/*文字色*/
}
/*ボックス内のh4タグ設定*/
#sub .list h4 {
	color: #2b392c;		/*文字色*/
}
/*ボックス内の写真設定*/
#sub .list figure img {
	float: left;	/*画像を左へ回り込み*/
	width: 20%;		/*写真の幅*/
	margin-right: 5px;	/*写真の右側に空ける余白*/
}