/* navigation.css */
/*--------------------------------------*/


/* header navigation */
/*--------------------------------------*/

#navigation {
	position:relative;
	width:100%;
	background:none;
	margin:0 auto;
	padding:5px 0;
	text-align:center;
	}
	
#navigation img {
	vertical-align: top;
	}

#navigation ul.main {
	width:100%;
	margin:0;
	padding:5px 0 0;
	}

#navigation ul.main li {
	float:left;
	width:100%;
	margin:0;
	padding:0 0 1em;
	text-align:center;
	/* font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, Georgia, "Times New Roman", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", serif; */
	font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Georgia, Century, Garamond, "Times New Roman", "ＭＳ Ｐ明朝", serif;

	font-size:16px;
	font-weight:bold;
	}
	
#navigation ul.main li a {
	display:inline-block;
	}
#navigation ul.main li a:link,
#navigation ul.main li a:visited {
	color:#000000;
	text-decoration:none;
	}
#navigation ul.main li a:hover,
#navigation ul.main li a:active {
	text-decoration: none !important;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity:0.70;
	opacity:0.70;
	}
	

#navigation ul.main li.last {
	float:left;
	margin:0;
	}

#navigation ul.main li.spMenu {
	display:block;
	}

#navigation ul.lang {
	position:absolute;
	right:0;
	top:10px;
	margin:0;
	padding:0;
	cursor:pointer;
	display:none;
	}
#navigation ul.lang li {
	display:inline-block;
	vertical-align:middle;
	font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Georgia, Century, Garamond, "Times New Roman", "ＭＳ Ｐ明朝", serif;
	color:#000000;
	font-weight:normal;
	margin-right:10px;
	text-align:left;
	}
#navigation ul.lang li:last-child {
	margin-right:0;
	width:3em;
	font-size:13px;
	}
#navigation ul.lang li a:link,
#navigation ul.malangin li a:visited {
	display:inline-block;
	text-decoration:none;
	}
#navigation ul.lang li a:hover,
#navigation ul.lang li a:active {
	text-decoration: none !important;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity:0.70;
	opacity:0.70;
	}

#navigation ul.langMenu {
	position:absolute;
	right:3px;
	top:48px;
	width:6em;
	border:1px solid #999;
	background:#ffffff;
	z-index:100;
	display:none;
	}

#navigation ul.langMenu li a {
	display:block;
	font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Georgia, Century, Garamond, "Times New Roman", "ＭＳ Ｐ明朝", serif;
	font-size:1em;
	background:url("../images/common/lang_line.png") no-repeat center bottom/4em 1px;	
	width:100%;
	margin:0 auto;
	line-height:2.3;
	text-decoration:none !important;
	font-weight:normal;
	}
#navigation ul.langMenu li:last-child a {
	background:none;
	}
#navigation ul.langMenu li a:hover,
#navigation ul.langMenu li a:active {
	text-decoration: none !important;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity:0.70;
	opacity:0.70;
	}

/* header sub navigation */
/*--------------------------------------*/

#subNav {
	background:#FFFFFF;
	margin:0 auto;
	text-align:center;
	/*font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, Georgia, "Times New Roman", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", serif; */
	font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Georgia, Century, Garamond, "Times New Roman", "ＭＳ Ｐ明朝", serif;

	}

#subNav ul {
	width:100%;
	margin:0 auto 0;
	padding:10px 0 5px;
	text-align:center;
	}

#subNav ul li {
	display:inline;
	width:100%;
	margin:0 1% 0;
	padding:0;
	text-align:center;
	font-weight:bold;
	}

#subNav ul li a.active {
	text-decoration: none !important;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity:0.70;
	opacity:0.70;
	}
	
#subNav ul li a:link,
#subNav ul li a:visited {
	color:#000000;
	text-decoration:none;
	}
#subNav ul li a:hover,
#subNav ul li a:active {
	text-decoration: none !important;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity:0.70;
	opacity:0.70;
	}


/* clearfix */
/*--------------------------------------*/
#navigation:after,#navigation ul:after,#subNav:after {
	clear:both;
	display:block;
	visibility:hidden;
	content:" ";
	height:0;
	font-size:0;
	}

/* IE6 */
* html #navigation,* html #navigation ul,* html #subNav {
	zoom:1;
	}

/* IE7 */
*:first-child+html #navigation,*:first-child+html #navigation ul,*:first-child+html #subNav {
	zoom:1;
	}
/*--------------------------------------*/


/* footer navigation */
/*--------------------------------------*/

#footer ul {
	width:132px;
	margin:0 auto;
	padding:17px 0 15px;
	text-align:center;
	}

#footer ul li {
	float:left;
	width:132px;
	margin:0;
	padding:1em 0 0;
	text-align:center;
	}

#footer ul.snsicon li {
	width:auto;
	}


/* footer emailnewsletter & SNS button */
/*--------------------------------------*/

#footer .newsletter {
	position:relative;
	width:230px;
	height:80px;
	margin:0 auto;
	text-align:center;
	}

#footer .newsletter dl {
	position:absolute;
	top:0;
	left:0;
	width:230px;
	}

#footer .newsletter dl dt {
	float:left;
	width:230px;
	margin:0;
	padding:6px 0;
	text-align:center;
	}

#footer .newsletter dl dd {
	float:left;
	height:24px;
	background:url("../images/common/footer_email_bg.gif") no-repeat 0 0;
	margin:0;
	padding:0;
	text-align:left;
	}

#footer .newsletter dl dd input.email {
	float:left;
	width:190px;
	height:22px;
	margin:1px;
	padding:0 2px;
	border:none;
	outline:0;
	}

#footer .newsletter dl dd input.email:focus {
	outline:none;
	}

#footer .newsletter dl dd img {
	float:right;
	padding:5px 8px 0 0;
	}

#footer .newsletter dl dd a {
	cursor:pointer;
	}


#footer .newsletter ul {
	position:absolute;
	top:65px;
	right:55px;
	width:102px;
	margin:0;
	padding:0;
	}

#footer .newsletter ul li {
	display:inline-block;
	margin:0 10px 0 0;
	padding:0;
	}

/* clearfix */
/*--------------------------------------*/
#footer ul:after,.newsletter dl:after {
	clear:both;
	display:block;
	visibility:hidden;
	content:" ";
	height:0;
	font-size:0;
	}

/* IE6 */
* html #footer ul,* html .newsletter dl {
	zoom:1;
	}

/* IE7 */
*:first-child+html #footer ul,*:first-child+html .newsletter dl {
	zoom:1;
	}
/*--------------------------------------*/

/*
#navigation a:hover img,#footer a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity:0.70;
	opacity:0.70;
	}


#navigation a.active img {
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity:0.70;
	opacity:0.70;
	}
*/

/* hack for IE7 */

*:first-child+html #footer .newsletter dl dd {
	background:url("../images/common/footer_email_bg_ie.gif") no-repeat 124px 1px;
	}

*:first-child+html #footer .newsletter dl dd input.email {
	float:left;
	width:184px;
	height:23px;
	margin:1px;
	padding:0;
	border:0;
	line-height:20px;
	}

/* hack for IE6 */
/*
* html #navigation ul.lang {
	width:56px;
	margin:0;
	padding:17px 2px 0 0;
	text-align:right;
	}

* html #navigation ul.lang li {
	margin:0;
	padding:0 0 0 15px;
	}
*/
* html #footer ul li {
	float:left;
	margin:0 13px;
	padding:0;
	}

* html #footer .newsletter dl dd {
	background:url("../images/common/footer_email_bg_ie.gif") no-repeat 124px 1px;
	}

* html #footer .newsletter dl dd input.email {
	float:left;
	width:184px;
	height:23px;
	margin:1px;
	padding:0;
	border:0;
	line-height:20px;
	}


@media handheld, only screen and (min-width:391px)
{

#navigation {
	background:none;
	}

#navigation .mainBlock {
	float:left;
	width:100%;
	margin:0;
	}

#navigation ul.main {
	width:auto;
	margin:0;
	padding:5px 0 0;
	}

#navigation ul.lang {
	position:absolute;
	right:0;
	top:10px;
	margin:0 15px 0 0;
	padding:0;
	}
#navigation ul.lang li {
	display:inline-block;
	vertical-align:middle;
	font-size:15px;
	line-height:1;
	margin-right:0.2em;
	}
#navigation ul.lang li:last-child {
	margin-right:0;
	}

}

@media handheld, only screen and (min-width:768px)
{

#navigation {
	width:95%;
	border-top: 2px dotted #aaa;
	border-bottom: 2px dotted #aaa;
	padding:0;
	margin-bottom:10px;
}

#navigation .mainBlock {
	width:80%;
	margin:0 0 0 56px;
	text-align:center;
	float:left;
	}

#navigation ul.main {
	width:500px;
	margin:0 auto 0;
	padding:7px 0 3px;
	text-align:center;
	float:none;
	}

#navigation ul.main li {
	display:inline;
	float:none;
	margin:0;
	padding:0 15px 0;
	}

#navigation ul.main li.about {
	padding:0;
	}

#navigation ul.main li.last {
	float:none;
	margin:0;
	padding:0 15px 0;
	}

#navigation ul.main li.spMenu {
	display:none;
	}

#navigation ul.lang {
	display:block;
	}
	
#footer ul {
	width:650px;
	margin:0 auto 0;
	text-align:center;
	}

#footer ul li {
	text-align:center;
	display:inline;
	float:none;
	width:auto;
	margin:0 14px;
	padding:0;
	}
	
#footer ul.snsicon {
	width:auto;
	}
	
#footer ul.snsicon li {
	float:left;
	}

#footer .newsletter {
	width:467px;
	height:24px;
	}

#footer .newsletter dl {
	width:349px;
	}

#footer .newsletter dl dt {
	width:124px;
	text-align:left;
	}

#footer .newsletter dl dd {
	float:none;
	background:url("../images/common/footer_email_bg.gif") no-repeat 124px 0;
	}

#footer .newsletter dl dd img {
	float:right;
	}

#footer .newsletter ul {
	position:absolute;
	top:0;
	right:0;
	width:102px;
	margin:14px 0px 0px 0px;
	padding:0;
	}
	
}

@media handheld, only screen and (min-width:1044px)
{

#navigation {
	width:1000px;
	padding: 5px 0px 0px 0px;
}

#navigation .mainBlock {
	width:auto;
	margin:17px 0 17px 33px;
	float:left;
	}

#navigation ul.main {
	width:auto;
	margin:0;
	padding:0;
	float:none;
	}

#navigation ul.main li {
	margin:0 20px 0 0;
	padding:0;
	}

#navigation ul.main li.about {
	margin:0 8px 0 0;
	padding:0;
	}

#navigation ul.main li.last {
	margin:0;
	padding:0;
	}
	
#navigation ul.lang {
	top:18px;
	}

#footer ul {
	width:1009px;
	padding:17px 0 15px;
	}

#footer ul li {
	float:left;
	margin:0 12px;
}
}

@media handheld, only screen and (min-width:1252px)
{

#navigation {
	width:1206px;
	padding: 5px 0px 0px 0px;
	}

#navigation .mainBlock {
	width:auto;
	margin:17px 0 17px 73px;
	float:left;
	}

#navigation ul.main {
	width:auto;
	margin:0;
	padding:0;
	}
	
#navigation ul.main li {
	margin:0 56px 0 0;
	padding:0;
	}

#navigation ul.main li.about {
	margin:0 30px 0 0;
	padding:0;
	}

#navigation ul.main li.last {
	margin:0;
	padding:0;
	}
	
#footer ul {
	width:1019px;
	padding:17px 0 15px;
	}

#footer ul li {
	float:left;
	margin:0 14px;
}
}