/****************************************

          PullDown Navigation

*****************************************/
#pulldown_navigation {
	width: 100%;
	max-width: 1280px;
	/**ナビゲーションの全幅はここで決まる**/
	margin: 0 auto;
	position: relative;
}

#pulldown_navigation ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

#pulldown_navigation ul li {
	display: inline-block;
	margin: 0 4% 0 0;
	padding: 0;
}

#pulldown_navigation ul li a,
#pulldown_navigation ul li a:hover {
    color: #000000;
	text-decoration: none;
}

#pulldown_navigation ul li:last-child {
	margin: 0;
}

#pulldown_navigation ul.child {
	width: 100%;
	position: absolute;
	top: 100;
	left: 0;
	right: 0;
	display: none;
    background-color: #FFFFFF;
	z-index: 100;
	/**DrawerMenu他とのバッティングに注意**/
}

#pulldown_navigation ul.child li {
	width: 100%;
    padding: 16px;
	text-align: left;
}

#pulldown_navigation ul.child li a {
	width: 100%;
    margin: 0;
	color: #666666;
}

#pulldown_navigation ul.child li a:hover {
	color: #FF0000;
}

.child li * {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}


.pdn_serif01,
.pdn_serif02,
.pdn_serif03,
.pdn_serif04,
.pdn_serif05,
.pdn_serif06,
.pdn_serif07 {
    border-top: 1px solid #666666;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
    border-left: 1px solid #666666;
    /**上のナビゲーションの枠と同じ色に設定**/
}

    /* beforeで枠線の三角を表現 */
.pdn_serif01::before,
.pdn_serif02::before,
.pdn_serif03::before,
.pdn_serif04::before,
.pdn_serif05::before,
.pdn_serif06::before,
.pdn_serif07::before {
    width: 0;
    height: 0;
    content: '';
    display: block;
    position: absolute;
    top: -8px;
    border-right: 8px solid transparent;
	border-bottom: 8px solid #666666;
    border-left: 8px solid transparent;
	/**ボーダーと同色に設定**/
}

    /* beforeで本体の三角を表現 */
.pdn_serif01::after,
.pdn_serif02::after,
.pdn_serif03::after,
.pdn_serif04::after,
.pdn_serif05::after,
.pdn_serif06::after,
.pdn_serif07::after {
    width: 0;
    height: 0;
    content: '';
    display: block;
    position: absolute;
    top: -7px;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #FFFFFF;
    /**ここは背景色(白など)に設定**/
    border-left: 8px solid transparent;
}

    /***個別設定(Absolute)***/
.pdn_serif01::before {
    left: 11%;
}

.pdn_serif01::after {
    left: 11%;
}

.pdn_serif02::before {
    left: 26.5%;
}

.pdn_serif02::after {
    left: 26.5%;
}

.pdn_serif03::before {
    left: 42%;
}

.pdn_serif03::after {
    left: 42%;
}

.pdn_serif04::before {
    left: 57.5%;
}

.pdn_serif04::after {
    left: 57.5%;
}

.pdn_serif05::before {
    left: 73%;
}

.pdn_serif05::after {
    left: 73%;
}

.pdn_serif06::before {
    left: 88.5%;
}

.pdn_serif06::after {
    left: 88.5%;
}

.pdn_serif07::before {
    left: 881px;
}

.pdn_serif07::after {
    left: 881px;
}
    /***個別設定(Absolute)***/