@charset "UTF-8";

/* Base */


body { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); min-width: 960px; }
html{
	box-sizing:border-box;
	}
h1, h2, h3, p, ul { margin: 0; }
ul { padding-left: 0; }
ul li { list-style-type: none; }
a { color: inherit; text-decoration: none; }
img { vertical-align: middle; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }


/*
 * Work section
 */

.work-section {
	margin:0 auto;
	display:block;
	width:960px;
	
    position: relative;
    z-index: 10;
   /* -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);*/
}
.no-boxshadow .work-section {
    border-bottom: 1px solid rgb(24, 24, 24);
}
.work-section .section-header {

    line-height: 70px;
    text-transform: uppercase;
    position: relative;
    z-index: 10;
}
.no-boxshadow .work-section .section-header {
    border-top: 1px solid rgb(204, 204, 204);
}
.work-section .section-header > .inner {
    margin: auto;
    width: 960px;
	height:600px;
}
.work-section h2 {
    float: left;
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 1px;
}

/* タブ */
.work-section .tabs-nav {
    /*border-left: 1px solid rgb(218, 218, 218);
    float: right;
    letter-spacing: 1px;
    -webkit-box-shadow: inset 1px 0 rgb(255, 255, 255);
            box-shadow: inset 1px 0 rgb(255, 255, 255);*/
}
.work-section .tabs-nav li {
   /* border-right: 1px solid rgb(218, 218, 218);*/
    float: left;
    position: relative;
   /* -webkit-box-shadow: 1px 0 rgb(255, 255, 255);
            box-shadow: 1px 0 rgb(255, 255, 255);*/
			/*width:490px;*/
			height:130px;
}

.tabs-nav li h3{
	font-size:18px;
	font-weight:bold;
	line-height:18px;
	width:230px;

	}
.tabs-nav li p{
	font-size:12px;
	line-height:12px;
	width:230px;
	}

.work-section .tabs-nav a {
    display: block;
	width:72px;
	height:140px;
    /*padding: 0 1.36em;*/
    position: relative;
	float:left;
	padding-right:7px;
}
/*.work-section .tabs-nav a:hover,
.work-section .tabs-nav a.active {
    background-color: rgb(51, 51, 51);
    color: rgb(255, 255, 255);
}*/

.tabs-nav li.aa01, .tabs-nav li.aa02, .tabs-nav li.aa03, .tabs-nav li.aa04, .tabs-nav li.aa05{
	width:230px;	
	}

	
.tabs-nav li.aa01, .tabs-nav li.aa03, .tabs-nav li.aa05, .tabs-nav li.aa07, .tabs-nav li.aa09{
	width:730px;	
	}


.tabs-nav li.aa01 a{
	background-image:url(../../img/dps/icon/index-icon-09.png);	
	background-repeat:no-repeat;
}
.tabs-nav li.aa01 a.active{
	background-image:url(../../img/dps/icon/hover/index-icon-09b.png);
	background-repeat:no-repeat;
}

.tabs-nav li.aa02 a{
	background-image:url(../../img/dps/icon/index-icon-07.png);
	background-repeat:no-repeat;
}
.tabs-nav li.aa02 a.active{
	background-image:url(../../img/dps/icon/hover/index-icon-07b.png);
	background-repeat:no-repeat;
}

.tabs-nav li.aa03 a{
	background-image:url(../../img/dps/icon/index-icon-08.png);
	background-repeat:no-repeat;
}
.tabs-nav li.aa03 a.active{
	background-image:url(../../img/dps/icon/hover/index-icon-08b.png);
	background-repeat:no-repeat;
}

.tabs-nav li.aa04 a{
	background-image:url(../../img/dps/icon/index-icon-02.png);
	background-repeat:no-repeat;
}
.tabs-nav li.aa04 a.active{
	background-image:url(../../img/dps/icon/hover/index-icon-02b.png);
	background-repeat:no-repeat;
}

.tabs-nav li.aa05 a{
	background-image:url(../../img/dps/icon/index-icon-10.png);
	background-repeat:no-repeat;
}
.tabs-nav li.aa05 a.active{
	background-image:url(../../img/dps/icon/hover/index-icon-10b.png);
	background-repeat:no-repeat;
}

.tabs-nav li.aa06 a{
	background-image:url(../../img/dps/icon/index-icon-11.png);
	background-repeat:no-repeat;
}
.tabs-nav li.aa06 a.active{
	background-image:url(../../img/dps/icon/hover/index-icon-11b.png);
	background-repeat:no-repeat;
}

.tabs-nav li.aa07 a{
	background-image:url(../../img/dps/icon/index-icon-04.png);
	background-repeat:no-repeat;
}
.tabs-nav li.aa07 a.active{
	background-image:url(../../img/dps/icon/hover/index-icon-04b.png);
	background-repeat:no-repeat;
}




/*
.work-section .tabs-nav a.active:after {
    background: url(../img/sprites.png) no-repeat 0 0;
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 37px;
    height: 19px;
    margin-left: -18px;
}*/

/* パネル */
.work-section .section-body {
	display:block;
	width:470px;
    height: 465px;
	position:absolute;
	top:4px;
    left: 50%;
    margin-left: -240px;
	
}

/* 2222222222 */
.work-section .tabs-nav2 li {
   /* border-right: 1px solid rgb(218, 218, 218);*/
    float: left;
    position: relative;
   /* -webkit-box-shadow: 1px 0 rgb(255, 255, 255);
            box-shadow: 1px 0 rgb(255, 255, 255);*/
			/*width:490px;*/
			height:158px;
}

.tabs-nav2 li h3{
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	width:230px;

	}
.tabs-nav2 li p{
	font-size:12px;
	line-height:20px;
	width:230px;
	}

.work-section .tabs-nav2 a {
    display: block;
	width:72px;
	height:158px;
    /*padding: 0 1.36em;*/
    position: relative;
	float:left;
	padding-right:7px;
}
/*.work-section .tabs-nav a:hover,
.work-section .tabs-nav a.active {
    background-color: rgb(51, 51, 51);
    color: rgb(255, 255, 255);
}*/

.tabs-nav2 li.aa01, .tabs-nav2 li.aa02, .tabs-nav2 li.aa03, .tabs-nav2 li.aa04, .tabs-nav2 li.aa05{
	width:230px;	
	}

	
.tabs-nav2 li.aa01, .tabs-nav2 li.aa03, .tabs-nav2 li.aa05, .tabs-nav2 li.aa07, .tabs-nav2 li.aa09{
	width:730px;	
	}


.tabs-nav2 li.aa01 a{
	background-image:url(../../img/dps/icon/index-icon-05.png);
	background-repeat:no-repeat;
}
.tabs-nav2 li.aa01 a.active{
	background-image:url(../../img/dps/icon/hover/index-icon-05b.png);
	background-repeat:no-repeat;
}

.tabs-nav2 li.aa02 a{
	background-image:url(../../img/dps/icon/index-icon-06.png);
	background-repeat:no-repeat;
}
.tabs-nav2 li.aa02 a.active{
	background-image:url(../../img/dps/icon/hover/index-icon-06b.png);
	background-repeat:no-repeat;
}

.tabs-nav2 li.aa03 a{
	background-image:url(../../img/dps/icon/index-icon-01.png);
	background-repeat:no-repeat;
}
.tabs-nav2 li.aa03 a.active{
	background-image:url(../../img/dps/icon/hover/index-icon-01b.png);
	background-repeat:no-repeat;
}

.tabs-nav2 li.aa04 a{
	background-image:url(../../img/dps/icon/index-icon-02.png);
	background-repeat:no-repeat;
}
.tabs-nav2 li.aa04 a.active{
	background-image:url(../../img/dps/icon/hover/index-icon-02b.png);
	background-repeat:no-repeat;
}

.tabs-nav2 li.aa05 a{
	background-image:url(../../img/dps/icon/index-icon-03.png);
	background-repeat:no-repeat;
}
.tabs-nav2 li.aa05 a.active{
	background-image:url(../../img/dps/icon/hover/index-icon-03b.png);
	background-repeat:no-repeat;
}

.tabs-nav2 li.aa06 a{
	background-image:url(../../img/dps/icon/index-icon-04.png);
	background-repeat:no-repeat;
}
.tabs-nav2 li.aa06 a.active{
	background-image:url(../../img/dps/icon/hover/index-icon-04b.png);
	background-repeat:no-repeat;
}

.tabs-nav2 li.aa07 a{
	background-image:url(../../img/dps/icon/07.png);
	background-repeat:no-repeat;
}
.tabs-nav2 li.aa07 a.active{
	background-image:url(../../img/dps/icon/hover/07.png);
	background-repeat:no-repeat;
}

.tabs-nav2 li.aa08 a{
	background-image:url(../../img/dps/icon/08.png);
	background-repeat:no-repeat;
}
.tabs-nav2 li.aa08 a.active{
	background-image:url(../../img/dps/icon/hover/08.png);
	background-repeat:no-repeat;
}

.tabs-nav2 li.aa09 a{
	background-image:url(../../img/dps/icon/09.png);
	background-repeat:no-repeat;
}
.tabs-nav2 li.aa09 a.active{
	background-image:url(../../img/dps/icon/hover/09.png);
	background-repeat:no-repeat;
}

.tabs-nav2 li.aa10 a{
	background-image:url(../../img/dps/icon/10.png);
	background-repeat:no-repeat;
}
.tabs-nav2 li.aa10 a.active{
	background-image:url(../../img/dps/icon/hover/10.png);
	background-repeat:no-repeat;
}


/*
.work-section .tabs-nav a.active:after {
    background: url(../img/sprites.png) no-repeat 0 0;
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 37px;
    height: 19px;
    margin-left: -18px;
}*/

/* 333333333 */

.work-section .tabs-nav3 li {
   /* border-right: 1px solid rgb(218, 218, 218);*/
    float: left;
    position: relative;
   /* -webkit-box-shadow: 1px 0 rgb(255, 255, 255);
            box-shadow: 1px 0 rgb(255, 255, 255);*/
			/*width:490px;*/
			height:133px;
}
.tabs-nav li h3, .tabs-nav2 li h3, .tabs-nav3 li h3, .tabs-nav li p, .tabs-nav2 li p, .tabs-nav3 li p{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	}



.tabs-nav3 li h3{
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	width:230px;


	}
.tabs-nav3 li p{
	font-size:12px;
	line-height:16px;
	width:230px;
	}

.work-section .tabs-nav3 a {
    display: block;
	width:72px;
	height:133px;
    /*padding: 0 1.36em;*/
    position: relative;
	float:left;
	padding-right:7px;
}
/*.work-section .tabs-nav a:hover,
.work-section .tabs-nav a.active {
    background-color: rgb(51, 51, 51);
    color: rgb(255, 255, 255);
}*/

.tabs-nav3 li.aa01, .tabs-nav3 li.aa02, .tabs-nav3 li.aa03, .tabs-nav3 li.aa04, .tabs-nav3 li.aa05{
	width:230px;	
	}

	
.tabs-nav3 li.aa01, .tabs-nav3 li.aa03, .tabs-nav3 li.aa05, .tabs-nav3 li.aa07, .tabs-nav3 li.aa09{
	width:730px;	
	}


.tabs-nav3 li.aa01 a{
	background-image:url(../../img/dps/icon/index-icon-01.png);
	background-repeat:no-repeat;
}
.tabs-nav3 li.aa01 a.active{
	background-image:url(../../img/dps/icon/hover/index-icon-01b.png);
	background-repeat:no-repeat;
}

.tabs-nav3 li.aa02 a{
	background-image:url(../../img/dps/icon/index-icon-02.png);
	background-repeat:no-repeat;
}
.tabs-nav3 li.aa02 a.active{
	background-image:url(../../img/dps/icon/hover/index-icon-02b.png);
	background-repeat:no-repeat;
}

.tabs-nav3 li.aa03 a{
	background-image:url(../../img/dps/icon/index-icon-03.png);
	background-repeat:no-repeat;
}
.tabs-nav3 li.aa03 a.active{
	background-image:url(../../img/dps/icon/hover/index-icon-03b.png);
	background-repeat:no-repeat;
}

.tabs-nav3 li.aa04 a{
	background-image:url(../../img/dps/icon/index-icon-04.png);
	background-repeat:no-repeat;
}
.tabs-nav3 li.aa04 a.active{
	background-image:url(../../img/dps/icon/hover/index-icon-04b.png);
	background-repeat:no-repeat;
}

.tabs-nav3 li.aa05 a{
	background-image:url(../../img/dps/icon/index-icon-05.png);
	background-repeat:no-repeat;
}
.tabs-nav3 li.aa05 a.active{
	background-image:url(../../img/dps/icon/hover/index-icon-05b.png);
	background-repeat:no-repeat;
}

.tabs-nav3 li.aa06 a{
	background-image:url(../../img/dps/icon/index-icon-06.png);
	background-repeat:no-repeat;
}
.tabs-nav3 li.aa06 a.active{
	background-image:url(../../img/dps/icon/hover/index-icon-06b.png);
	background-repeat:no-repeat;
}

.tabs-nav3 li.aa07 a{
	background-image:url(../../img/dps/icon/index-icon-07.png);
	background-repeat:no-repeat;
}
.tabs-nav3 li.aa07 a.active{
	background-image:url(../../img/dps/icon/hover/index-icon-07b.png);
	background-repeat:no-repeat;
}

.tabs-nav3 li.aa08 a{
	background-image:url(../../img/dps/icon/index-icon-08.png);
	background-repeat:no-repeat;
}
.tabs-nav3 li.aa08 a.active{
	background-image:url(../../img/dps/icon/hover/index-icon-08b.png);
	background-repeat:no-repeat;
}

.tabs-nav3 li.aa09 a{
	background-image:url(../../img/dps/icon/index-icon-12.png);
	background-repeat:no-repeat;
}
.tabs-nav3 li.aa09 a.active{
	background-image:url(../../img/dps/icon/hover/index-icon-12b.png);
	background-repeat:no-repeat;
}

.tabs-nav3 li.aa10 a{
	background-image:url(../../img/dps/icon/index-icon-13.png);
	background-repeat:no-repeat;
}
.tabs-nav3 li.aa10 a.active{
	background-image:url(../../img/dps/icon/hover/index-icon-13b.png);
	background-repeat:no-repeat;
}


/*
.work-section .tabs-nav a.active:after {
    background: url(../img/sprites.png) no-repeat 0 0;
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 37px;
    height: 19px;
    margin-left: -18px;
}*/