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



	
/*PC用ソース*/
@media screen and (min-width:980px) {


section{
	margin-bottom:50px;
}

section h1{
	border-radius: 10px; /* 角丸CSS3 */
　　-webkit-border-radius: 10px; /* 角丸Safari,Google Chrome用 */
　　-moz-border-radius: 10px; /* 角丸Firefox用 */
　　behavior: url(../js/PIE.htc); /* 角丸IE用 */

    background-color: #d8a972;/*大項目文字背景色*/
    border-top: solid 1px #d8a972;
    margin-bottom: 1px;
	margin-left:30px;
    padding: 12px;
    position: relative;
    color: #FFF;/*大項目文字カラー*/
	font-size:24px;/*大項目文字サイズ*/
	text-indent:1em;
}

section ul{
    background-color: #FFFFF;
	margin-bottom:100px;
	overflow:hidden;
}

#main-box{
	width:42%;
	float:left;
	margin:5% 1% 0 6%;
	border:solid #878787 1px;
}

#box-top{
	width:98%;
	font-size:24px;
	margin:10px 0 10px 2%;
}

#box-middle{
	width:98%;
	margin:0 1% 0 1%;
}

#box-middle img{
	border:solid #C7C7C7 1px;
	width:99%;
	text-align:center;
}


#box-bottom{
	width:98%;
	font-size:16px;
	margin:10px 0 10px 2%;
	height:35px;
}

dl#access-text{
	width:720px;
	margin:50px 0 0 30px;
}

dl#access-text dt{
	width:720px;
	font-size:18px;
	color:#a68879;
	margin:0 0 20px 0;
}

dl#access-text dd ul{
	width:720px;
}

dl#access-text dd ul h5{
	clear:both;
	float:left;
	font:size:16px;
	color:#878787;
	line-height:24px;
	text-indent:2em;
}

dl#access-text dd ul li{
	float:left;
	font-size:16px;
	color:#878787;
	line-height:24px;
}

}


/*タブレット用ソース1*/
@media screen and (max-width: 979px){


section{
	margin-bottom:50px;
}

section h1{

	border-radius: 10px; /* 角丸CSS3 */
　　-webkit-border-radius: 10px; /* 角丸Safari,Google Chrome用 */
　　-moz-border-radius: 10px; /* 角丸Firefox用 */
　　behavior: url(../js/PIE.htc); /* 角丸IE用 */

    background-color: #d8a972;/*大項目文字背景色*/
    border-top: solid 1px #d8a972;
    margin-bottom: 1px;
	margin-left:30px;
    padding: 13px;
    position: relative;
    color: #FFF;/*大項目文字カラー*/
	font-size:24px;/*大項目文字サイズ*/
	text-indent:1em;
}
 
section ul{
    background-color: #FFFFF;
	margin-bottom:100px;
	overflow:hidden;
}

#main-box{
	width:42%;
	float:left;
	margin:5% 1% 0 6%;
	border:solid #878787 1px;
}

#box-top{
	width:98%;
	font-size:24px;
	margin:2% 0 1% 1%;
}

#box-middle{
	width:98%;
	margin:0 1% 0 1%;
}

#box-middle img{
	border:solid #C7C7C7 1px;
	width:99%;
	text-align:center;
}

#box-bottom{
	width:98%;
	font-size:16px;
	margin:1% 0 2% 1%;
	height:50px;
	vertical-align:middle;
}

dl#access-text{
	width:97%;
	margin:5% 0 10% 1%;
	overflow:hidden;
}

dl#access-text dt{
	width:100%;
	font-size:18px;
	color:#a68879;
	margin:0 0 2% 2%;
}

dl#access-text dd ul{
	width:100%;
}

dl#access-text dd ul h5{
	clear:both;
	float:left;
	font:size:16px;
	color:#878787;
	line-height:24px;
	margin:0 0 1% 5%;
}

dl#access-text dd ul li{
	float:left;
	font-size:16px;
	color:#878787;
	line-height:24px;
}



}


/*スマホ用ソース1*/
@media screen and (max-width:540px){


section{
	margin-bottom:30px;
}

section h1{

	border-radius: 10px; /* 角丸CSS3 */
　　-webkit-border-radius: 10px; /* 角丸Safari,Google Chrome用 */
　　-moz-border-radius: 10px; /* 角丸Firefox用 */
　　behavior: url(../js/PIE.htc); /* 角丸IE用 */

    border-top: solid 1px #d8a972;
    background-color: #d8a972;/*大項目文字背景色*/
    margin-bottom: 1px;
	margin-left:3%;
    padding: 10px;
    position: relative;
    color: #FFF;/*大項目文字カラー*/
	font-size:20px;/*大項目文字サイズ*/
	text-indent:1em;
}
 
section ul{
    background-color: #FFFFF;
	margin-bottom:70px;
	overflow:hidden;
}

#main-box{
	width:91%;
	margin:5% 2% 0 5%;
	border:solid #878787 1px;
}

#box-top{
	width:98%;
	font-size:24px;
	margin:2% 0 1% 1%;
}

#box-middle{
	width:98%;
	margin:0 auto 0 auto;
}

#box-middle img{
	border:solid #C7C7C7 1px;
	width:99%;
	text-align:center;
}

#box-bottom{
	width:98%;
	font-size:16px;
	margin:1% 0 2% 1%;
}

dl#access-text{
	width:97%;
	margin:15% 1% 10% 1%;
	overflow:hidden;
}

dl#access-text dt{
	width:100%;
	font-size:14px;
	color:#a68879;
	margin:0 0 2% 2%;
}

dl#access-text dd ul{
	width:100%;
}

dl#access-text dd ul h5{
	clear:both;
	float:left;
	font:size:12px;
	color:#878787;
	line-height:18px;
	margin:0 0 1% 5%;
}

dl#access-text dd ul li{
	float:left;
	font-size:12px;
	color:#878787;
	line-height:18px;
}


/*スマホ用ソース2*/
@media screen and (max-width:480px){
section h1{
    padding: 9px;
	font-size:20px;/*大項目文字サイズ*/
	text-indent:1em;
}

section ul{
	margin-bottom:60px;
}

}

/*スマホ用ソース3*/
@media screen and (max-width:380px){
section h1{
    padding: 7px;
	font-size:18px;/*大項目文字サイズ*/
	text-indent:1em;
}

section ul{
	margin-bottom:50px;
}


}

}