@charset "UTF-8";
/* CSS Document */

#mainContainer{
	/*background-image: url(images/pagetitle.png);*/
	background-repeat: no-repeat;
	background-position: left 20px;
}

#mainContainer h2{
	height: 0px;
	overflow: hidden;
}

/* 中身======================================================================================================== */
#mainContainer h3{
	height: 0px;
	overflow: hidden;
}

#mainContainer .pageTop{
	text-align: right;
	display: block;
	clear: both;
	float: none;
	margin: 0 0 40px;
}

#mainContainer .pageTop a{
}

#mainContainer .pageTop a span{
	display: block;
	float: right;
	padding: 0 0 0 20px;
	font-size: 10px;
	line-height: 20px;
}


#mainContainer .mainBox ul{
	padding: 10px;
}

#mainContainer .mainBox ul li{
	display: block;
	float: left;
	width: 50%;
	background-image: url(images/point.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px 0;
}

#mainContainer .mainBox li p{
	padding: 0 10px 0 30px;
	font-size: 12px;
	line-height: 30px;
}

#mainContainer .mainBox li p a{
	display: block;
	text-decoration: none;
}

#mainContainer .mainBox li p a:hover{
	background-image: url(images/line.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#mainContainer dl.QandA{
	margin: 0 0 20px;
	margin-top:20px;
}

#mainContainer dl.QandA dt{
	background-image: url(images/q.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 35px;
	height: auto!important;
	height: 35px;
	padding: 0 0 0 45px;
	margin: 0 0 5px;
	display: block;
}

#mainContainer dl.QandA dt h5{
	font-size: 16px;
	line-height: 1.5em;
	padding: 7px 0 0;
}

#mainContainer dl.QandA dd{
	background-image: url(images/a.png);
	background-repeat: no-repeat;
	background-position: 20px top;
	padding: 0 0 10px 65px;
	display: block;
	min-height: 35px;
	height: auto!important;
	height: 35px;
	margin: 0 0 10px;
	border-bottom: dotted 1px #8A735A;
}

#mainContainer dl.QandA dd p{
	padding: 7px 0 0;
}


/*追加======================================================================================================== */


h1{
	width:723px;
}
/*h3{
    font-size: 1.17em;
    margin: 1em 0;
    width: 80%;
    border: solid #ddd 2px;
    background-color: #eee;
    padding: 10px;
    display: flex;
    margin-right: auto;
    margin-left: auto;
}*/



#mainContainer {
	width: 723spx;
	margin:10px auto 10px;
}

/*---------------------------------------------------------------------------*/
@media screen and ( max-width:479px )
{
.contentpage{
	backgrounf-color:#fff;
    text-align: left;
    width: 90%;
    margin:auto;
	padding-top:30px;
	overflow: hidden;
}

.dsn {
padding:0;		
	}	
#mainContainer h3{
	height: auto;
	overflow: hidden;
	font-size: 16px;
    font-weight: 100;
	margin-bottom:30px;
}

#mainContainer h1{
    font-size: 22px;
    margin: 20px;	}
	
#mainContainer .mainBox {
	background-color: #FFF;
	background-image:none!important;
	border:1px solid #cccccc;
	padding: 0 0 10px;
	width: 99%;
	margin: 0 0 40px;
}
	
	
}
/*---------------------------------------------------------------------------*/
@media screen and ( min-width:480px )
{
.contentpage{
	height:5500px;
	backgrounf-color:#fff;
	/*border:solid #ddd;*/
    text-align: left;
    width: 1024px;
    margin:30px auto 0;
	padding-top:30px;
	overflow: hidden;
}

#mainContainer h3{
	height: 150px;
	overflow: hidden;
	font-size: 20px;
    font-weight: 100;
}
	
#mainContainer .mainBox {
	background-color: #FFF;
	background-image:none!important;
	border:1px solid #cccccc;
	padding: 0 0 10px;
	width: 728px;
	margin: 0 0 40px;
}
	
	
}