/* COMMON CSS
==================================================================================*/
@charset "utf-8";

@media(min-width:769px){

	#page-nav{

		border-bottom: 1px dotted #444444;

	}

	#titleBox h1.mainTitleBox {

		width: 100%;
		height: 70px;
		background-position: right bottom;
		background-repeat: no-repeat;
		border-bottom: 1px solid #999999;
		border-right: 1px solid #999999;
		margin-bottom: 0px;
		margin-top: 0;
		position: relative;

	}

	#titleBox h1.mainTitleBox span{

		position: absolute;
		bottom: 0.3em;
		left: 0.3em;
		padding-left: 0.8em;
		background-image: url(/img/common/h1_title_icon.png);
		background-repeat: no-repeat;
		background-position: 3px center;
		display: inline-block;

	}

	br.pcNon{

		display:none;

	}

}

@media(max-width:768px){

	#titleBox h1.mainTitleBox{

		background-color: #999999;
		color: #ffffff;
		font-size: 1.2em;
		font-weight: bold;
		padding-top: 1em;
		padding-bottom: 1em;
		margin-bottom: 1em;

	}

	#titleBox h1.mainTitleBox span{

		padding:0 0.5em;
    display: inline-block;

	}

}