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



          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)***/