@charset "utf-8";

/*==============================================================*/
/* second global */
/*==============================================================*/


a{
	outline:none;
	display:block;
}
a:link,
a:visited{
	color:#00336a;
	text-decoration:none;
}
a:hover{
	color:#164d87;
	text-decoration:none;
}



/*==============================================================*/
/* titleBox */
/*==============================================================*/

.titleBox{
	clear:both;
	background-image:url(img/bg1.gif);
	background-size:50%;
	color:#fff;
	position:relative;
	margin:0px;
	display:none;
}

@media screen and (max-width: 640px) {
.titleBox{
	clear:both;
	background-image:url(img/bg1.gif);
	background-size:50%;
	color:#000;
	position:relative;
	margin:0px;
	display:block;
}
}

.titleBox a{
	color:#fff;
}

@media screen and (max-width: 640px) {
.titleBox a{
	color:#fff;
}
}


.titleBox h1{
	font-weight:normal;
	font-size:16px;
	background:#e5e1cc;
	height:60px;
	text-indent:20px;
	line-height:60px;
	padding:0px;
	margin:0px;
	display:block;
}

@media screen and (max-width: 640px) {
titleBox h1{
	font-weight:normal;
	font-size:16px;
	background:#000;
	height:60px;
	text-indent:20px;
	line-height:44px;
	padding:0px;
	margin:0px;
	display:block;
}	
}


.titleBox i{
	display:block;
	background:url(ico-plus.png) no-repeat #7d6c0b center;
	background-size:50%;
	width:70px;
	height:60px;
	position:absolute;
	top:0;
	right:0;
	overflow:hidden;
	text-indent:-9999px;
	cursor:pointer;
	display:none;
}


@media screen and (max-width: 640px) {
.titleBox i{
	display:block;
	background:url(ico-plus.png) no-repeat #7d6c0b center;
	background-size:30%;
	width:70px;
	height:60px;
	position:absolute;
	top:0;
	right:0;
	overflow:hidden;
	text-indent:-9999px;
	cursor:pointer;
	display:block;
}
}

.titleBox i.open{
	background-image:url(ico-minus.png);
	display:none;
}

@media screen and (max-width: 640px) {
.titleBox i.open{
	background-image:url(ico-minus.png);
	display:block;
}
}

.titleBox ul{
	list-style-type:none;
	display:none;
	padding:0 10px 10px;
	background:#00336a;
	margin:0px;
	display:none;
	display:block;
}

@media screen and (max-width: 640px) {
.titleBox ul{
	list-style-type:none;
	display:none;
	padding:0 10px 10px;
	background:#00336a;
	margin:0px;
}

.titleBox ul li{
	font-size:14px;
	padding:0px;
	margin:0px;
	display:none;
}

@media screen and (max-width: 640px) {
.titleBox ul li{
	font-size:14px;
	padding:0px;
	margin:0px;
	display:block;
}
}

.titleBox ul li a{
	padding:20px;
	border-bottom:1px solid #3f6997;
	display:none;
}

@media screen and (max-width: 640px) {
.titleBox ul li a{
	padding:20px;
	border-bottom:1px solid #3f6997;
	display:block;
}
}