@charset "UTF-8";
/* ========共通ヘッダー・フッター用======== */


/* ========全体======== */

#wrap{
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic","sans-serif";
	background:#F4F4F2;
	width:100%;
	height:100%;
	font-size: 16px;
}


/* ========ヘッダー======== */

#header{
	z-index:5;
	width:100%;
	position:relative;
}


#header-top{
	background:#F4F4F2;
	padding:20px 0 10px;
	height:40px;
	width:100%;
}
#header-top-inner{
	background:#F1F0EE;
	width:980px;
	margin:0 auto;
}

#catch{
	font-size:0.7em;
	font-weight:normal;
	float:left;
	height:30px;
	margin-left:15px;
	padding:15px 5px 0;
	width:360px;
}

#gnav2{
	float:right;
	width:550px;
	margin:0 10px;
}

#gnav2 ul.inner li a{
	display:block;
	list-style:none;
	text-decoration:none;
	font-weight:normal;
	line-height:20px;
	hight:200%;
	float:right;
	margin:1px 5px;
	padding:5px 10px 5px 20px;
	border:#333333 2px ridge;
	background-color:#FFD464;
	color:#333333;
	font-size:13px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
    -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
}

#gnav2 ul.inner li a:after {
	display: block;
	content: "";
	position:relative;
	top: -6px;
	right: 18px;
	width: 6px;
	height: 6px;
	margin:-9px 0 0 0;
	border-top: solid 2px #333333;
	border-right: solid 2px #333333;
	-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}
#gnav2 ul.inner li a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )"
}

#header-under{
	background:#204683;
	width:100%;
	height:110px;
}
#header-under-inner{
	width:980px;
	margin:0 auto;
	padding-top:20px;
}
#logo{
	width:200px;
	height:100px;
	float:left;
	margin-top:-7px;
}


/* ========グローバルナビゲーション======== */

#gnav{
	font-size:0.8em;
	list-style:none;
	margin:0;

}

ul.mainmenu li{
	float:left;
	width:153px;
	height:70px;
	position:relative;
	background-color:#204683;
	border-left:#5A84C2 1px solid;
	border-bottom:#5A84C2 1px solid;
}

ul.mainmenu li a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 70px;
	text-align:center;
	color: #FFF;
	text-decoration: none;
}

.mainmenu{
	font-size:1.2em;
}

ul.mainmenu li a:after {
	display: block;
	content: "";
	position:relative;
	top: -34px;
	right: -5px;
	width: 6px;
	height: 6px;
	margin:-9px 0 0 0;
	border-top: solid 2px #F4F4F2;
	border-right: solid 2px #F4F4F2;
	-webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

ul.mainmenu li a span:hover{
	padding-bottom:10px;
	border-bottom:#F4F4F2 4px solid;
}

ul.mainmenu li:hover{
	border-top::#5A84C2 1px solid;
	background:#0B41B0;
}


ul.submenu li{
	float:none;
	background-color: rgba(51,51,51,0.6);
	color:#FFF;
	display:block;
	height:50px;
	width:200px;
}
ul.submenu li a{
	display:block;
	line-height:50px;
}
ul.submenu li a:hover{
	float:none;
	background-color: rgba(51,51,51,1);
	color:#F1F0EE;
	display:block;
	height:50px;
	border-bottom:none;
}


ul.submenu li a:after {
	display: block;
	content: "";
	position:relative;
	top: -20px;
	right: -5px;
	width: 6px;
	height: 6px;
	margin:-9px 0 0 0;
	border-top: solid 2px #F4F4F2;
	border-right: solid 2px #F4F4F2;
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


ul.submenu li ul.submenu {
	position:absolute;
}

ul.mainmenu{
	zoom:1;
}

ul.mainmanu:after{
	height:0;
	visibility:hidden;
	display:block;
	content:".";
	clear:both;
}

*+html ul.mainmenu li{
	display:inline;
	zoom:1;
}
*+html ul .submenu li{
	zoom:1;
	position:relative;
}


/* ========フッター======== */
/* ========メニュー一覧======== */

#footer{
	clear:both;
	padding-top:0;
	padding-bottom:15px;
	background-color:#204683;
	margin-top:40px;
}

#foot-menu-wrapper{
	width:980px;
	margin:0 auto;
	background-color:#204683;
}

#foot-logo{
	width:200px;
	clear:both;
	float:left;
	border-left:#5A84C2;
}
.telbox{
	color:#FFF;
	margin-top:10px;
	font-size:18px;
}


.ad{
	margin-top:10px;
	color:#FFF;
	font-size:11px;
	line-height:2em;
}


#foot-menu-wrapper a,#foot-menu-wrapper:before a,#foot-menu-wrapper:after a{
	-webkit-transition: all .1s;
	transition: all .1s;
}



#foot-menu{
	width:780px;
	margin:0px auto;
	overflow:hidden;
	background-color:#204683;
}
#top-scroll{
	clear:both;
	float:right;
	margin-left:500px;
	margin-bottom:0;
	display:block;
	background-color:#204683;
	width:180px;
	text-align:center;
	height:25px;
	padding:0.2em 0.5em 0.2em;
	text-decoration:none;
	color:#FFF;
	font:"Arial Black", Gadget, sans-serif;
	font-weight:bold;
	margin-top:0.2em;
}
#top-scroll:after {
	display: block;
	content: "";
	position:relative;
	top: -1px;
	right: -26px;
	width: 6px;
	height: 6px;
	margin:-9px 0 0 0;
	border-top: solid 2px #F4F4F2;
	border-right: solid 2px #F4F4F2;
	-webkit-transform: rotate(315deg);
    transform: rotate(315deg);
}

#top-scroll:hover{
	background-color:#fff;
	border-color: #204683;
	color: #204683;
	padding:0.2em 0.5em 0.2em;
	margin-top:0.2em;

}

#top-scroll:hover:after {
	display: block;
	content: "";
	position:relative;
	top: -2px;
	right: -26px;
	width: 6px;
	height: 6px;
	margin:-9px 0 0 0;
	border-top: solid 2px #204683;
	border-right: solid 2px #204683;
	-webkit-transform: rotate(315deg);
    transform: rotate(315deg);
}


#f-products{
	width:388px;
	float:left;
	border-color:#5A84C2;
	border-style:solid;
	border-width:0 1px 1px;
	margin-bottom:5px;
	padding-bottom:5px;
}
#f-shop{
	width:193px;
	float:left;
	border-color:#5A84C2;
	border-style:solid;
	border-width:0 1px 1px;
	margin-bottom:5px;
	padding-bottom:5px;
}
#f-support{
	width:193px;
	float:left;
	border-color:#5A84C2;
	border-style:solid;
	border-width:0 1px 1px;
	margin-bottom:5px;
	padding-bottom:5px;
}

.f-name a{
	text-decoration:none;
	color:#FFF;
	height:1.4em;
	display:block;
	border-color:#5A84C2;
	border-style:solid;
	border-width:1px 0;
	padding-top:0.5em;
	padding-left:1em;
}
.f-name:hover a{
	background-color:#fff;
	border-color: #204683;
	color: #204683;
}


ul.foot-menu1{
	margin-top:5px;
	width:165px;
	float:left;
	padding-left:20px;
}

ul.foot-menu1 li{
	list-style:none;
}

ul.foot-menu1 li a{
	font-size:0.8em;
	color:#FFF;
	text-decoration:none;
	list-style:none;
	line-height:15px;
}
ul.foot-menu1 li a:hover{
/*色反転用
	background-color:#fff;
	border-color: #204683;
	color: #204683;
*/
text-decoration:underline;
}


ul.foot-menu2{
	width:173px;
	float:left;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

ul.foot-menu2 li a{
	font-size:12px;
	padding-left:5px;
	text-decoration:none;
	color:rgba(255,255,255,0.9);
}

/* =======ボトム======== */




#copyright{
	clear:both;
	width:500px;
	margin:1em auto 0em;
	color:#CCC;
	text-align:center;
	font-size:12px;
}

p.foot-contact{
	display:block;
	float:right;
	text-decoration:none;
	font-weight:normal;
	hight:30px;
	float:right;
	margin:5px 5px;
	padding:2px 10px;
	top:0px;
	border:#333 2px ridge;
	background-color:#F9C;
	color:#000;
	font-size:15px;
}



/* パンくずリスト */

#pankuzu{
	clear:both;
	margin:-4px 10px 8px 15px;
	font-size:0.7em;
	height:20px;
	display:block;
}

#pankuzu div{
	float:left;
	line-height:2em;
}

#pankuzu div a{
	margin:0 10px;
	text-decoration:none;
	color:#333333;
}

#pankuzu div a:hover{
	margin:0 10px;
	color:#204683;
	text-decoration:underline;
}



/* TOP-contents */
#contents{
	margin:15px auto;
	width:980px;
}