@charset "utf-8";
/** css document */

/*********************************************************************************
 * geleemask.css
 ********************************************************************************/

/*******************************************
 * common
 *******************************************/
.section {
	padding-bottom: 90px;
	background-image: url(../../img/cn/geleemask/bg_sec02.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
.section .sec-ttl {
	background-image: url(../../img/cn/geleemask/bg_ttl01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.section .sec-ttl h2 {
	text-align: center;
	position: relative;
	width: 860px;
	margin: 0 auto;
	padding-bottom: 20px;
	background-image: url(../../img/cn/geleemask/bg_ttl02.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.section .sec-box {
	min-height: 250px;
	margin-top: -20px;
}
.section .sec-box .txt-lead {
	text-align: center;
	padding-top: 48px;
}


/*******************************************
 * visual
 *******************************************/
#visual {
	margin-bottom: 20px;
	background-image: url(../../img/cn/visual_bg05.gif);
	background-repeat: repeat-x;
}
#visual .box-w980 {
	position: relative;
	background-image: url(../../img/cn/visual_shadow.png);
	background-repeat: no-repeat;
}
#visual h1 {
	margin: 0 20px;
}
#visual .box-w860 {
	position: relative;
	overflow: hidden;
	width: 860px;
	margin: 20px auto 0;
	font-size: 108%;
	border-radius: 10px;
	border: 2px solid #123098;
	background-color: #ffffff;
}
#visual .box-w860 dt {
	float: left;
	color: #ffffff;
	margin-right: 15px;
	padding: 15px 15px;
	background-color: #123098;
}
#visual .box-w860 dd {
	color: #123098;
	padding: 15px 15px;
}




.geleemask_nav03_wrap {
  width: 508px;
  margin: 20px auto; }
  
  .geleemask_nav03_wrap > li {
    display: block;
    float: left; }

  .geleemask_nav03_wrap > li:first-of-type {
  margin-right: 20px;
}

    .geleemask_nav03_wrap > li a {
      display: block;
      background-position: 0 100%;
      background-repeat: no-repeat;
      background-size: 100% auto;
      width: 244px;
      height: 90px;
      text-indent: -9999px; }
      .geleemask_nav03_wrap > li a:hover, .geleemask_nav03_wrap > li a.nav03_current {
        background-position: 0 0;
        opacity: 0.7; }
  .geleemask_nav03_wrap .geleemask_nav03_item01 {
    background-image: url(../../img/cn/geleemask/nav03_spr01.png); }
  .geleemask_nav03_wrap .geleemask_nav03_item02 {
    background-image: url(../../img/cn/geleemask/nav03_spr02.png); }








/*******************************************
 * section-01
 *******************************************/
#section-01 {
	text-align: center;
	height: 240px;
	margin-bottom: 40px;
	background-image: url(../../img/cn/geleemask/sec01_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #bd1b22;
}
#section-01 h2 {
	padding-top: 25px;
	margin-bottom: 14px;
}
#section-01 ul li {
	margin: 0 3px;
}


/*******************************************
 * section-02
 *******************************************/
#section-02 .box-lead .txt-lead {
	float: left;
	padding-top: 0;
	margin-top: 77px;
	margin-left: 58px;
}
#section-02 .box-lead .pic-01 {
	float: right;
	margin-right: 20px;
}
#section-02 .box-01 {
	padding: 30px 0;
	margin-bottom: 20px;
	text-align: center;
	background-image: url(../../img/cn/geleemask/sec02_img08.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	border: 2px solid #e8c778;
	border-radius: 10px 10px;
}
#section-02 .box-01 ul {
	margin: 24px 0 30px;
}
#section-02 .box-01 ul li {
	margin-left: 30px;
}
#section-02 .box-01 ul li:first-child {
	margin-left: 0;
}
#section-02 .box-02 {
	margin-bottom: 15px;
}
#section-02 .box-02 .box-lit {
	width: 400px;
	text-align: center;
	background-position: center top;
	background-repeat: no-repeat;
	border-radius: 10px 10px;
	padding: 20px 10px 10px 10px;
}
#section-02 .box-02 .box-lit .txt-01,
#section-02 .box-02 .box-lit .pic-02 {
	margin-bottom: 20px;
}
#section-02 .box-02 .box-lt {
	float: left;
	background-image: url(../../img/cn/geleemask/sec02_img17.jpg);
	background-color: #c71e5a;
}
#section-02 .box-02 .box-rt {
	float: right;
	background-image: url(../../img/cn/geleemask/sec02_img18.jpg);
	background-color: #0e4bab;
}

#section-02 .txt-atd {
	text-align: right;
	font-size: 93%;
}


/*******************************************
 * section-03
 *******************************************/
#section-03 .txt-lead {
	margin-bottom: 32px;
}
#section-03 .box-01 {
	position: relative;
	text-align: center;
	padding: 180px 0;
}
#section-03 .box-01 ul li {
	position: absolute;
}
#section-03 .box-01 ul li.lit-01 {
	top: 0;
	left: 330px;
}
#section-03 .box-01 ul li.lit-02 {
	top: 80px;
	left: 580px;
}
#section-03 .box-01 ul li.lit-03 {
	top: 230px;
	left: 580px;
}
#section-03 .box-01 ul li.lit-04 {
	top: 290px;
	left: 330px;
}
#section-03 .box-01 ul li.lit-05 {
	top: 230px;
	left: 80px;
}
#section-03 .box-01 ul li.lit-06 {
	top: 80px;
	left: 80px;
}


/*******************************************
 * section-04
 *******************************************/
#section-04 .txt-lead {
	text-align: left;
}
#section-04 .txt-lead .box {
	float: left;
	padding-top: 15px;
}
#section-04 .txt-atd {
	margin-top: 50px;
	font-size: 93%;
	color: #896434;
}
#section-04 .pic-01 {
	float: right;
}


/*******************************************
 * section-05
 *******************************************/
#section-05 .txt-lead {
	margin-bottom: 40px;
}
#section-05 ul {
	margin: 0 -20px;
	text-align: center;
}
#section-05 ul li {
	margin: 0 12px 20px 12px;
}


/*******************************************
 * section-06
 *******************************************/
#section-06 .txt-lead {
	margin-bottom: 40px;
}
#section-06 .pic-01 {
	text-align: center;
}

/*------------------index2-----------------------*/


/*******************************************
 * section-02
 *******************************************/

.index2 #section-02.section {
	padding-bottom: 10px;
}

.index2 #section-02 .sec-box {
	padding: 78px 0 0 0;
}


/*******************************************
 * section-03
 *******************************************/

.index2 #section-03.section {
	padding-bottom: 0;
}


.index2 #section-03 .txt-lead {
	margin-bottom: 0;
	padding-top: 0;
}

/*******************************************
 * section-04
 *******************************************/
.index2 #section-04 .txt-lead {
	margin-bottom: 40px;
	text-align: center;
}


.index2 #section-04 ul {
	margin: 0 -20px;
	text-align: center;
}
.index2 #section-04 ul li {
	margin: 0 12px 20px 12px;
}