@charset "utf-8";
@media print, screen and (min-width: 768px) {


#sp_hd { display: none;}


/*================================================
　　　　* ヘッダー
================================================*/
header {
	background-color:#FFFFFF;
	/*
	border-bottom:#999999 1px solid;
	box-shadow:0px 0px 6px 2px #989898;
	-moz-box-shadow:0px 0px 6px 2px #989898;
	-webkit-box-shadow:0px 0px 6px 2px #989898;
	*/
	border-bottom:#CCC 1px solid;
	box-shadow:        0 3px 6px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:   0 3px 6px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, 0.2);

	width:100%;
	padding-bottom:6px;
	position: relative;
}

/*header_toparea*/
.header_toparea{
	width: 1200px;
	margin: 0 auto;
	padding:30px 0 12px;
	position: relative;
	overflow:hidden;
}

header .inner{
	width: 1200px;
	margin: 0 auto;
}

navi{
	width: 1200px;
	margin: 0 auto;
}

#dotation_navi{
	display:block;
	width:1200px;
	position:absolute;
	top:68px;
}

#donation{
	position:absolute;
	right:0;
	margin-top:auto;
}

#donation a{
	background-color:#e91e63;
	border-radius:5px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.4em;
	padding:10px 40px;
	text-decoration:none;

}

#donation:hover a{
	background-color:#b63652;
	border-radius:5px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.4em;
	padding:10px 40px;
	text-decoration:none;
}

#sub_navi{
	display:block;
	position:absolute;
	top:0;
	width:930px;
	margin-left:270px;
	margin-top:8px;
	text-align: right;
}

#sub_navi li{
/*	float:right;	*/
	display: inline-block;
	margin-left: 40px;
	line-height: 1.7;
}

#sub_navi > li > a:link,
#sub_navi > li > a:visited {
    color: #333333;
}

/*logo*/
header .logo{
	width: 300px;
	float: left;
	margin-right:20px;
}
header .logo a{
	display:inline-block;
	width: 300px;
	height: 70px;
	background: url(../image/common/logo.png) no-repeat 0 0;
	background-size: 300px;
	text-indent: -9999px;
}

#titleText{
	margin-top:27px;
	font-size:1.7em;
	font-weight:bold;
	width: 670px;
	float: left;
}


/*================================================
　　　　* グローバルナビゲーション
================================================*/
#main_navi {
}
#main_navi a:link,
#main_navi a:visited{text-decoration: none;}

.home header.fixed {
	top: 0px;
}

.fixed {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 999;
}

#main_navi {
    position: relative;
	table-layout: fixed;
	width:1200px;

}

#main_navi li {
	display: table;
	height:60px;
	float:left;
	line-height: 1.3;
}

#main_navi li a {
	display: table-cell;
	text-align: center;
	vertical-align:middle;
	font-size: 1.2em;
	padding:5px 12px;
	vertical-align:middle;
	height:54px;
}
#main_navi > li > a:link,
#main_navi > li > a:visited{ color: #333333;}
#main_navi > li:hover a{background: #124b9f;color: #fff;}


/*項目数で各項目の幅を変更*/
#main_navi.index4          li{width: 25%;}
#main_navi.index5          li{width: 20%;}
#main_navi.index6          li{width: 16.6%;}
#main_navi.index7          li{width: 14.2%;}
#main_navi.index8          li{width: 12.5%;}
#main_navi.index_moreThan9 li{width: 200px;}	/* メニュー3個以下(クラス未指定)は幅指定なし、メニュー9個以上は固定幅 */



/*================================================
　　　　* クリアーフィックス
================================================*/

/* モダンブラウザ（Firefox Opera Safari）対策 */
nav ul:after {
	content:".";
	display:block;
	height: 0.1px;
	clear:both;
	visibility:hidden;
	font-size: 0.1em;
	line-height: 0;
	overflow: hidden;

}

/* Win版IE7とMac版IE5対策 */
nav ul{
   display:inline-block;
   min-height: 1%;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html nav ul{
	height: 1%;
}

nav ul {
   display:block;
}
/* End hide from IE-mac */



}