@charset "UTF-8";



/* Aパターン

------------------------------------*/

#pattern_a2 #language,

#pattern_a2 .sp{display: none;}

#pattern_a2{

	padding-left: 0px;
	
	margin-left: 150px;

	background: #fff;
	
	float: right;
	
	
	border-right:1px solid #E3E1DF;
	border-left:1px solid #E3E1DF;
	border-bottom:1px solid #E3E1DF;

}

#pattern_a2 p,

#pattern_a2 a{color: #3C3C3C;}

#pattern_a2 p,

#pattern_a2 ul,

#pattern_a2 li{

	float: left;

}



#pattern_a2 ul{
	padding: 6px 0px 0px 20px;}

#pattern_a2 li{
	background-image:url(../images/common/icon_language.gif);
	background-repeat:no-repeat;
	background-position:0px 7px;
	padding: 0px 19px 8px 19px;
	}

#pattern_a2 #link_wrapper{overflow: hidden;}

#pattern_a2 li:before{

	color: #f6f6f6;

	padding-right: 5px;

}









@media screen and (max-width: 640px){

/* プルダウン */

	#pattern_a2 .pc{display: none;}

	#pattern_a2 .sp{display: block;}

	#pattern_a2{

		position: relative;

		padding-left: 0;

		background: none;

	}

	#pattern_a2 p,

	#pattern_a2 ul,

	#pattern_a2 ul li{float: none;}

	#pattern_a2 #link_wrapper{

		overflow: visible;

		position: relative;

		width: 96.875%;

		margin: 0 auto;

	}

	#pattern_a2 #language_btn{

		position: relative;

		height: 31px;

	}

	#pattern_a2 #language_btn label.sp{display: inline;}

	#pattern_a2 #language_btn input{display: none;}

	#pattern_a2 p{

		position: absolute;

		right: 1px;

		color: #000;

		background: #fff;

		background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 99%);

		background: -webkit-linear-gradient(top, #ffffff 0%,#cccccc 99%);

		background: linear-gradient(to bottom, #ffffff 0%,#cccccc 99%);

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );

		border: 1px solid #999;

		box-shadow:rgba(102, 102, 102, 0.65098) 1px 1px 0px 0px;

		-webkit-box-shadow:rgba(102, 102, 102, 0.65098) 1px 1px 0px 0px;

		-moz-box-shadow:rgba(102, 102, 102, 0.65098) 1px 1px 0px 0px;



	}

	#pattern_a2 p:before{content: "▼ ";}

	#pattern_a2 #to_link{

		overflow: hidden;

		position: absolute;

		clear: both;

		width: 95%;

		height: auto;

		max-height: 0;

		padding: 0 2.5%;

		background:#999;

		box-shadow:rgba(102, 102, 102, 0.65098) 0px 2px 7px -3px;

		-webkit-box-shadow:rgba(102, 102, 102, 0.65098) 0px 2px 7px -3px;

		-moz-box-shadow:rgba(102, 102, 102, 0.65098) 0px 2px 7px -3px;

		border-radius:3px;

		-webkit-border-radius:3px;

		-moz-border-radius:3px;

	    -webkit-transition-duration: 1s;

	    transition-duration: 1s;

	}

	#pattern_a2 input[type="checkbox"]:checked#language + #to_link{

		max-height: 200px;

		padding: 2.5%;

	    -webkit-transition-duration: 1s;

	    transition-duration: 1s;

	}
	#to_link ul li a {
		
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	#pattern_a2 ul li{

		position: relative;

		background: #fff;

		background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 99%);

		background: -webkit-linear-gradient(top, #ffffff 0%,#cccccc 99%);

		background: linear-gradient(to bottom, #ffffff 0%,#cccccc 99%);

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );

		border-bottom: 1px solid #999;

		padding: 0;

	}

	#pattern_a2 li:before{content:none;}

	#pattern_a2 li a{

		display: block;

		color: #000;

		padding: 7px 5px 7px 3px;

	}

	#pattern_a2 li a:after{

		content:">";

		position: absolute;

		right: 14px;

		color: #000;

		text-align: right;

	}

}


/* Aパターン　元

------------------------------------*/

#pattern_a #language,

#pattern_a .sp{display: none;}

#pattern_a{

	padding-left: 10px;

	background: #060606;

}

#pattern_a p,

#pattern_a a{color: #f6f6f6;}

#pattern_a p,

#pattern_a ul,

#pattern_a li{

	float: left;

}

#pattern_a p,

#pattern_a li{padding: 7px 5px 7px 3px;}

#pattern_a #link_wrapper{overflow: hidden;}

#pattern_a li:before{

	content:"| ";

	color: #f6f6f6;

	padding-right: 5px;

}

#pattern_a a{text-decoration: none;}

#pattern_a a:hover{text-decoration: underline;}







@media screen and (max-width: 640px){

/* プルダウン */

	#pattern_a .pc{display: none;}

	#pattern_a .sp{display: block;}

	#pattern_a{

		position: relative;

		padding-left: 0;

		background: none;

	}

	#pattern_a p,

	#pattern_a ul,

	#pattern_a ul li{float: none;}

	#pattern_a #link_wrapper{

		overflow: visible;

		position: relative;

		width: 96.875%;

		margin: 0 auto;

	}

	#pattern_a #language_btn{

		position: relative;

		height: 31px;

	}

	#pattern_a #language_btn label.sp{display: inline;}

	#pattern_a #language_btn input{display: none;}

	#pattern_a p{

		position: absolute;

		right: 1px;

		color: #000;

		background: #fff;

		background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 99%);

		background: -webkit-linear-gradient(top, #ffffff 0%,#cccccc 99%);

		background: linear-gradient(to bottom, #ffffff 0%,#cccccc 99%);

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );

		border: 1px solid #999;

		box-shadow:rgba(102, 102, 102, 0.65098) 1px 1px 0px 0px;

		-webkit-box-shadow:rgba(102, 102, 102, 0.65098) 1px 1px 0px 0px;

		-moz-box-shadow:rgba(102, 102, 102, 0.65098) 1px 1px 0px 0px;



	}

	#pattern_a p:before{content: "▼ ";}

	#pattern_a #to_link{

		overflow: hidden;

		position: absolute;

		clear: both;

		width: 95%;

		height: auto;

		max-height: 0;

		padding: 0 2.5%;

		background:#999;

		box-shadow:rgba(102, 102, 102, 0.65098) 0px 2px 7px -3px;

		-webkit-box-shadow:rgba(102, 102, 102, 0.65098) 0px 2px 7px -3px;

		-moz-box-shadow:rgba(102, 102, 102, 0.65098) 0px 2px 7px -3px;

		border-radius:3px;

		-webkit-border-radius:3px;

		-moz-border-radius:3px;

	    -webkit-transition-duration: 1s;

	    transition-duration: 1s;

	}

	#pattern_a input[type="checkbox"]:checked#language + #to_link{

		max-height: 200px;

		padding: 2.5%;

	    -webkit-transition-duration: 1s;

	    transition-duration: 1s;

	}
	#to_link ul li a {
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	#pattern_a ul li{

		position: relative;

		background: #fff;

		background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 99%);

		background: -webkit-linear-gradient(top, #ffffff 0%,#cccccc 99%);

		background: linear-gradient(to bottom, #ffffff 0%,#cccccc 99%);

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );

		border-bottom: 1px solid #999;

		padding: 0;

	}

	#pattern_a li:before{content:none;}

	#pattern_a li a{

		display: block;

		color: #000;

		padding: 7px 5px 7px 3px;

	}

	#pattern_a li a:after{

		content:">";

		position: absolute;

		right: 14px;

		color: #000;

		text-align: right;

	}

}