/* main */
/* 全てに適用するCSS */
#main {
    width: 740px;
	float: right;
	margin-top: 10px;
	margin-bottom: 40px;
    overflow: hidden;
}

#main .newspankuzu {
	border: none;
}


#main h2 {
    background-image: url(../img/bg_title.png);
    padding: 12px 0 0 45px;
    margin: 0 0 15px 0;
    font-size: 17px;
    background-repeat: no-repeat;
    width: 740px;
    height: 42px;
}

#main p {
    margin: 0 0 25px 10px;
}

#main ul {
    list-style: none;
    margin: 0 0 20px 10px;
}

#main li {
    padding-bottom: 10px;
    border-bottom: dotted 2px #ff8200;
    margin: 0 0 20px 0;
}



.date {
    font-size: 14px;
    color: #ff8200;
    padding-left: 25px;
    margin-right: 30px;
    background-image: url(../img/icon_arrow.png);
    background-repeat: no-repeat;
}

.new {
    font-size: 14px;
    margin: 0 0 30px 0;
}

#main .btnew {
    background: url(../img/bt_newlist_on.png) no-repeat;
    width: 95px;
    height: 22px;
    float: right;
	margin-bottom: 10px;
}

#main .btnew a {
    display: block;
}

#main .btnew img {
    border: none;
}

#main .btnew a:hover {
    background: none;
}

#main .btnew a:hover img {
    visibility: hidden;
}

dl {
	margin-left: 10px;
}

.merit {
	font-size: 18px;
	color: darkorange;
	border-left: 10px solid darkorange;
	padding: 0px 0px 0px 10px;
	margin-bottom: 10px;
}

.description {
	margin-bottom: 20px;
	
}

/* main */
/* ウィンドウ幅が480〜768pxの場合に適用するCSS */
@media screen and ( min-width:480px ) and ( max-width:768px )
{
#main {
    width: 65%;
	float: right;
    margin-top: 20px;
    overflow: hidden;
}
	
#main h2 {
    background-image: url(../img/bg_title.png);
    padding: 12px 0 0 45px;
    margin: 0 0 10px 0;
    font-size: 17px;
    background-repeat: no-repeat;
    width: 500px;
    height: 42px;
}

#main p {
    margin: 0 0 25px 10px;
	word-break: break-all;
}
	
#main p br {
	display:none;
}
	
.date {
    font-size: 15px;
    color: #ff8200;
    padding-left: 20px;
    margin-right: 40px;
    background-image: url(../img/icon_arrow.png);
    background-repeat: no-repeat;
}

.new {
    font-size: 15px;
    margin: 0 30px 30px 0;
}
	
#main .btnew {
    padding-right: 10px;
}

dl {
	margin-left: 10px;
}

.merit {
	font-size: 18px;
	color: darkorange;
	border-left: 10px solid darkorange;
	padding: 0px 0px 0px 10px;
	margin-bottom: 10px;
}

.description {
	margin-bottom: 20px;
	word-break: break-all;
	
}

.description br {
	display: none;		
}
	

.description img {
	width: 95%;
		
}
	
}

/* main */
/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and ( max-width:479px )
{
#main {
    width: 380px;
    margin-top: 0px;
    float: left;
    overflow: hidden;
}

#main h2 {
    background-image: url(../img/bg_title.png);
    padding: 13px 0 0 45px;
    margin: 0 0 10px 0;
    font-size: 15px;
    background-repeat: no-repeat;
    width: 100%;
    height: 42px;
}

#main p {
    margin: 0 0 25px 10px;
    word-break: break-all;
    font-size: 16px;
}

#main p br {
	display:none;
}

#main ul {
    list-style: none;
    margin: 0 0 15px 10px;
}

#main li {
    padding-bottom: 10px;
    margin: 0 0 20px 0;
    border-bottom: none;
}

.date {
    font-size: 15px;
    color: #ff8200;
    background-image: url(../img/icon_arrow.png);
    background-repeat: no-repeat;
}

.new {
    width: 380px;
    font-size: 15px;
    margin: 10px 30px 30px 0;
    padding: 0 0 10px 0;
    float: left;
    border-bottom: dotted 2px #ff8200;
}
	
#main .btnew {
    padding-right: 10px;
	margin-bottom: 30px;
}
	
.merit {
	font-size: 18px;
	color: darkorange;
	border-left: 10px solid darkorange;
	padding: 0px 0px 0px 10px;
	margin-bottom: 10px;
}

.description {
	margin-bottom: 20px;
	word-break: break-all;
	
}
	
.description br {
	display: none;		
}

.description img {
	width: 95%;
		
}
#address,#link {
    display: none;
}
	
}