main {
	background-color: #FFFFFF;
}
#title_wrap {
	height: 300px;
	background-color: #EEEEEE;
}
#com_page_title    {
	text-align: center;
}
#pan {
	padding-left: 20px;
	margin-top: 10px;
}
#pan li {
	padding-left: 0px;
	margin-left: 10px;
	display: inline-block;
}
#pan li:before {
	content: "> ";
} 
#pan li:first-child:before {
	content: "";
}
.contents_wrap {
	padding-left: 20px;
	padding-right: 20px;
}
#page_menu {
	position: fixed;
	display: block;
	z-index: 4000;
	border-top: 5px solid #00A098;
	background-color: #FFFFFF;
	opacity: 0.9;
	padding-bottom: 10px;
}
#page_menu p {
	font-size: 1.4em;
	color: #666666;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 10px;
}
#page_menu ul {
	border-top: 2px solid #CCCCCC;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
#page_menu li a {
	text-decoration: none;
	white-space: nowrap;
}
#page_menu li a:before {
	content: "▼ ";
} 
#page_menu li a:hover {
	color: #00A098;
}

/* 1400以上の場合 */
@media only screen and (min-width:1400px){
}
/* 1400未満すべて */
@media screen and (max-width: 1399px){
}

/* 780未満すべて */
@media screen and (max-width: 779px){
}
/* 768以上すべて ipad 縦*/
@media only screen and (min-width:768px){
	
}
/* 700未満すべて */
@media screen and (max-width: 699px){
}
/* 600未満すべて */
@media screen and (max-width: 599px){
}
/* 440未満すべて */
@media screen and (max-width: 439px){
}