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

	- header
	+ article
		+ main
			+ box01
				- service
				- netshop
				- recom
				- ban

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

/*----------------------------------------
	header
-----------------------------------------*/

#header_bg {
	top: 0;
}

/*----------------------------------------
	article
-----------------------------------------*/

article {
	min-width: 100%;
	margin-top: 161px;
	border-top: 10px solid #fde07a;
	background: url(../../img/common_bg01.gif) repeat left top;
}

@media screen and (max-device-width:500px) {
	article {
		margin-top: 332px;
	}
}

/*----------------------------------------
	main
-----------------------------------------*/

#main {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 40px;
}

@media screen and (max-device-width:500px) {
	#main {
		width: 100%;
	}
}

#main h1#tit01 {
	padding: 29px 20px 30px;
}

@media screen and (max-device-width:500px) {
	#main h1#tit01 {
		width: 440px;
		margin: 0 auto;
	}
	
	#main h1#tit01 img {
		height: auto;
	}
}

/*----------------------------------------
	box01
-----------------------------------------*/

#box01 {
	padding: 27px 70px 26px;
	background: #ffffff;
}

@media screen and (max-device-width:500px) {
	#box01 {
		width: 410px;
		margin: 0 auto;
		padding: 27px 35px 26px;
	}
}

#box01 p#box01_t01 {
	margin-bottom: 27px;
	padding-bottom: 28px;
	background: url(../../img/common_content_line01.png) repeat-x left bottom;
}

#box01 p#box01_t02 {
	padding-top: 16px;
}

#box01 section {
	padding-bottom: 38px;
}

#box01 section h1 {
	padding-bottom: 21px;
	padding-left: 1.4em;
	text-indent: -1.4em;
	font-weight: bold;
}

#box01 section h1 span {
	margin-right: 0.5em;
}

#box01 section h1.h_indent01 {
	padding-left: 2.2em;
	text-indent: -2.2em;
}

#box01 section ol li {
	padding-left: 3.1em;
	text-indent: -3.1em;
}

#box01 section ol li span {
	margin-right: 0.5em;
}

#box01 section dl dt {
	padding-left: 3.1em;
	text-indent: -3.1em;
}

#box01 section dl dt span {
	margin-right: 0.5em;
}

#box01 section dl dd {
	padding-left: 3.15em;
}

#box01 section dl dd ol li {
	padding-left: 3.55em;
	text-indent: -3.55em;
}

/*----------------------------------------
	service
-----------------------------------------*/

#box01 section#service ol {
	padding-bottom: 18px;
}

/*----------------------------------------
	netshop
-----------------------------------------*/

#box01 section#netshop h1 {
	padding-bottom: 3px;
}

#box01 section#netshop dl dt {
	padding-top: 18px;
}

/*----------------------------------------
	recom
-----------------------------------------*/

#box01 section#recom h1 {
	padding-bottom: 3px;
}

#box01 section#recom dl dt {
	padding-top: 18px;
}

#box01 section#recom dl dd dl dd {
	padding-left: 10px;
	text-indent: 0;
}

#box01 section#recom ul {
	padding: 10px 0 8px;
}

#box01 section#recom ul li {
	margin-top: 15px;
}

#box01 section#recom ul li a {
	display: table-cell;
	height: 39px;
	vertical-align: middle;
}

#box01 section#recom ul li span {
	display: table-cell;
	height: 39px;
	padding-left: 10px;
	vertical-align: middle;
}

/*----------------------------------------
	ban
-----------------------------------------*/

#box01 section#ban p {
	padding-bottom: 18px;
}