@charset "utf-8";

/*************************************************
			sitemap/index用
**********************************2011.12*********/
@import "../../common/css/common.css";
@import "../../common/css/common_footer.css";
/*contents------------------------------------*/

div.wrapper div#mainContents_b div#container {
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-bottom-left-radius:4px;
	-moz-border-bottom-right-radius:4px;
	border:#ccc2c0 solid;
	border-width:0 1px 1px;
	background:#fff;
	padding:10px 40px 0;
	}
/*#mainContents_b h1-------------------------------------*/
	div.wrapper div#mainContents_b h1 {
		height:79px;
		width:950px;
		text-indent:-9999px;
		}

/*pagetop---------------------------------*/
div.wrapper div#mainContents_b p.pageTop {
	margin:10px 0;
	text-align:right;
	}
	div.wrapper div#mainContents_b p.pageTop span {
		color:#d3bf99;
		}



/*contents------------------------------------*/
	
	/*#mainContents_b h1-------------------------------------*/
	div.wrapper div#mainContents_b h1 {
		background:url(../images/title_renew.gif) no-repeat;
		}
	
	div.wrapper div#mainContents_b div#contents01 {
		width:840px;
		margin:0 auto;
		padding:10px 0 50px;
		}
	div.wrapper div#mainContents_b div#contents01 p {
		margin:0 0 20px;
		line-height:2em;
		}


/*-----------------------------------------------*/


	div#mainContents_b div#container div#contents01 ul{
						list-style:none;
						}
	div#mainContents_b div#container div#contents01 ul li,
	div#mainContents_b div#container div#contents01 ul li ul li{
		padding:5px 0;
						}
	div#mainContents_b div#container div#contents01 ul li.border01,
	div#mainContents_b div#container div#contents01 ul.border01{
						border-bottom:1px #DCD7D4 solid;
						padding:0 0 20px;
						}
	div#mainContents_b div#container div#contents01 ul li a{
						background:url(../images/listmarker_arrow01.gif) no-repeat 20px 50%;
						padding:0 0 0 35px;
						}
		div#mainContents_b div#container div#contents01 ul li.none {
			background:url(../images/listmarker_arrow01.gif) no-repeat 20px 50%;
			padding:0 0 0 35px;
			color:#aaa;
			}
	div#mainContents_b div#container div#contents01 li a.contensTitle{
						background:url(../images/listmarker_arrow02.gif) no-repeat 20px 50% #F6F5F3;
						display:block;
						width:280px;
						text-indent:35px;
						padding:10px 0;
						margin:1px 0 0;
						}
	div#mainContents_b div#container div#contents01 li span.contensTitle02{
						background:#F6F5F3;
						display:block;
						width:280px;
						text-indent:35px;
						padding:10px 0;
						margin:1px 0 0;
						}
	div#mainContents_b div#container div#contents01 ul.rightArea{
						margin:-25px 0 0 280px;
						}
	div#mainContents_b div#container div#contents01 ul.rightArea ul.detail{
						margin:5px 0 0;
						}

	div#mainContents_b div#container div#contents01 ul.rightArea ul.detail li{
						text-indent:20px;
						}
	div#mainContents_b div#container div#contents01 ul.titleNone{
						padding:10px 0;
						}
	div#mainContents_b div#container div#contents01 ul.titleNone li{
						float:left;
						width:280px;
						}
	div#mainContents_b div#container div#contents01 ul li img{
						margin:0 0 0 5px;
						vertical-align: middle;
						}
	div#mainContents_b {
		width: 950px;
		margin: 0 auto;
	}
	div#mainContents_b #contents01>ul {
		margin: 0;
	}



@media all and (min-width: 0px) and (max-width: 736px) {

	/*------------------------------------------------------------
		レイアウト
	------------------------------------------------------------*/
	* {
	    -webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
	         -o-box-sizing: border-box;
	        -ms-box-sizing: border-box;
	            box-sizing: border-box;
	}
	body {
		-webkit-text-size-adjust: none;
		width: 100%;
		overflow-x: hidden;
	}

	div#mainContents_b div#container div#contents01 ul.rightArea {
		margin: 0 0 0 15px;
	}

	div#pageTop {
		width: 100%;
		margin: 0;
	}
	div#pageTop a {
		padding-left: 0;
		margin: 0;
	}
	div#mainContents_b {
		width: 100%;
	}
	div.wrapper div#mainContents_b div#container {
		padding: 3%;
	}
	div.wrapper div#mainContents_b h1 {
		width: 100% !important;
		height: auto;
		background-size: contain;
	}

	div.wrapper div#mainContents_b div#contents01 {
		width: 100%;
	}
}