*{
    margin:0;
	padding:0;
}
body {
	font-size: 12px;
	color: #434343;
	background:#8B4513;
	font-family: "Meiryo","メイリオ","ヒラギノ","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS PGothic",sans-serif,Helvetica;
	overflow-y: scroll;
	word-break: break-all;
}

.clear_f {
	clear: both;
}

a:link,a:visited {
	font-weight: bold;
	color: #434343;
	text-decoration: none;
}

a:hover,active {
	font-weight: bold;
	color: #434343;
	text-decoration: underline;
}

a:active {
	outline: none;
}

a:focus {
	-moz-outline-style: none;
}

img{
	vertical-align: top;
}

h1{
	color: #434343;
	max-width: 1000px;
	margin: auto;
	font-size: 10px;
	line-height: 2.0em;
}

h2{
	margin:0 0 10px;
	padding: 0.5em 0 0.3em 10px;
	border: dotted 3px #fff;
	background-color: #8920EA;
	font-size: 130%;
	font-weight: bold;
	color: #fff;
	border-radius: 0.5em;	
}

h3{
	color:#434343;
	font-size: 140%;
	line-height: 2.0em;
	margin: 0 0 10px;
	padding: 0 5px;
	border-left: solid 5px #8920EA;
	border-bottom: dotted 1px #8920EA;
}

header {
    background: #f1ffe0;
    padding: 10px 0 20px;
	border-bottom: dotted 3px #8920EA;
}

.head_inner {
	max-width: 1000px;
	margin:0 auto;
}

#main {
	max-width: 1000px;
	margin: 20px auto;
}

.graphic_out {
	width: 100%;
}

#center_area{
	border-radius: 0.5em;	
	margin-bottom: 20px;
	padding: 10px;
    background: #f1ffe0;
	/*影を入れる*/
	-webkit-box-shadow: 0px 0px 2px 1px #ccc;
	-moz-box-shadow: 0px 0px 2px 1px #ccc;
	box-shadow: 0px 0px 2px 1px #ccc;
}

#sub_center_area{
	width: 98%;
	margin-bottom: 20px;
	border-radius: 0.5em;
	margin: 2px 0 0 0;
	padding: 10px;
    background: #f1ffe0;
	/*影を入れる*/
	-webkit-box-shadow: 0px 0px 2px 1px #ccc;
	-moz-box-shadow: 0px 0px 2px 1px #ccc;
	box-shadow: 0px 0px 2px 1px #ccc;
}

#side_area{
	border-radius: 0.5em;	
	padding: 10px;
	background: #f1ffe0;
	/*影を入れる*/
	-webkit-box-shadow: 0px 0px 2px 1px #ccc;
	-moz-box-shadow: 0px 0px 2px 1px #ccc;
	box-shadow: 0px 0px 2px 1px #ccc;
}

#sub_side_area{
	border-radius: 0.5em;
	width: 98%;
	margin: 2px 0 20px 0;
	padding: 10px;
	background: #f1ffe0;
	/*影を入れる*/
	-webkit-box-shadow: 0px 0px 2px 1px #ccc;
	-moz-box-shadow: 0px 0px 2px 1px #ccc;
	box-shadow: 0px 0px 2px 1px #ccc;
}

.side_box01 {
	width: 49%;
	float: left;
}

.side_box02 {
	width: 49%;
	float: right;
}

footer{
	color: #434343;
	text-align: center;
	margin-top: 50px;
	padding: 50px 10px 50px 10px;
	background: #f1ffe0;
	border-top: dotted 3px #8920EA;
}

#topicpath_01 ul li {
	float: right;
	margin-top: 15px;
}

#topicpath_01 ul li {
	display: inline;
	list-style-type: none;
}

#topicpath_01 ul li:after {
	content: "┃ ";
}

#topicpath_01 ul li:first-child:after {
	content: "";
}

#topicpath_02 ul li {
	display: inline;
	list-style-type: none;
}

#topicpath_02 ul li:before {
	content: " > ";
}

#topicpath_02 ul li:first-child:before {
	content: "";
}

.title {
	font-size: 300%;
	padding: 0 0 0;
	float: left;
}

.title a {
	color: #8920EA;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
}

ul.navi{
	padding: 0 0 10px;
	line-height: 2.0em;
}

.navi li a{
	color: #fff;
	font-size: 14px;
	list-style-type: none;
	padding: 5px 10px 5px 10px;
	background: rgba(0,0,0,0.5);
	border-radius: 0.5em;
}

ul.side_menu{
	margin: 0 0 0 0;
	line-height: 2.0em;
	list-style-type: none;
}

ul.side_menu li {
	margin-bottom: 10px;
	background: #fff;
	padding: 10px;
	border-bottom: dotted 1px #8920EA;
	border-radius: 0.5em;	
}

.side_menu li a {
	font-size: 14px;
	list-style-type: disc;
	text-decoration: none;
	color: #8920EA;
}

a.side_menu_link:link,a.side_menu_link:visited{
	color: #8920EA;
	text-decoration: none;
}

a.side_menu_link:hover,active {
	color: #8920EA;
	text-decoration: underline;
}

ul.pankuzu{
	color: #434343;
	line-height: 2.0em;
	margin: 20px auto;
	background: rgba(255,255,255,0.8);
	padding: 5px 10px 5px 10px;
	border-radius: 0.5em;
}

.pankuzu li a{
	color: #8920EA;
	margin: 0 0 10px;
	line-height: 2.0em;
}


/* トップページ */
.content_area01 {
	width: 49%;
	float: left;
}

.content_area02 {
	width: 49%;
	float: right;
}

.content_area03 {
	width: 100%;
	margin-bottom: 20px;
}

.photo_box {
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
	background: #fff;
	border-bottom: solid 1px #fff;
}

.photo_in {
	max-width: 1000px;
	margin: 0 auto;
	padding: 10px 0 10px;
}

.graphic img {
	width: 100%;
	border-radius: 0.5em;
}

.photo_01 {
	width: 32%;
	float: left;
}

.photo_01 img {
	width: 100%;
	border-radius: 0.5em;	
}

.photo_02 {
	width: 32%;
	float: left;
}

.photo_02 img {
	width: 100%;
	border-radius: 0.5em;	
}

.photo_03 {
	width: 32%;
}

.photo_03 img {
	width: 100%;
	margin-bottom: 20px;
}

.txt_01{
	width: 60%;
	float: right;
	margin: 0 0 20px 0;
	padding: 10px;
	background: #fff;
	border-radius: 0.5em;	
}

.txt_02{
	margin: 0 0 20px 0;
	padding: 10px;
	background: #fff;
	width: 64%;
	float: right;
	border-radius: 0.5em;	
}

.link a{
	font-size: 18px;
	color: #8920EA;
	text-decoration: none;
}



/* カテゴリーページ */

.delivery_health_out{
	margin: 0 0 20px;
	padding: 0 10px 10px 10px;
	border-bottom: 1px solid #8920EA;;
}

.delivery_health_link{
	color:#b4b4b4;
	margin: 0 0 10px;
}

.delivery_health_link a{
	color: #8920EA;
}

.delivery_health_txt_01{
	top: 10px;
	position: relative;
	padding: 0 10px 0 10px; 
}

.delivery_health_link{
	color: #b4b4b4;
	margin: 0 0 10px;
}

.delivery_health_link a{
	color: #8920EA;
}

.background_color a {
	color: #8920EA;
	float: right;
	margin: 0 0 20px;
	padding: 10px;
	border: double 10px ffcccc;
	border-radius: 1em;
	background: #fff;
}


/* シングルページ */

.fuzoku_out{
	margin: 0 0 10px;
	border-bottom: 1px dotted #8920EA;;
}

.fuzoku_link{
	text-align: right;
	color: #434343;
	margin: 0 0 10px;
}

.fuzoku_link a{
	color: #8920EA;
}

.fuzoku_txt{
	line-height: 2.0em;
	padding: 0 10px 10px 10px;
	margin: 0 0 20px;
}


/* 固定ページ */

.about{
	height: 50px;
	text-align: left;
	line-height: 2.0em;
	border-bottom: 1px dotted #8920EA;
	width: 100%;
}

.about_01{
	color: #434343;
	width: 40%;
	text-align: left;
}

.about_02{
	color: #434343;
	width: 5%;
	vertical-align: middle;
	text-align: left;
}

.about_03{
	color: #434343;
	width: 55%;
	vertical-align: middle;
	text-align: left;
}

ul.sitemap{
	margin: 0 0 10px;
	line-height: 2.0em;
	list-style: none;
}

ul.sitemap li {
	margin-bottom: 10px;
	background: #fff;
	padding: 10px;
	border-bottom: dashed 1px #8920EA;
}

.sitemap li a{
	font-size: 14px;
	list-style-type: none;
}


/* 回り込み解除 */

.navi:after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}



/* メディアスクリーン設定 */

@media only screen and (max-width: 768px) {
	h1{
		max-width: 960px;
		margin: auto;
		font-size: 10px;
		line-height: 2.0em;
	    padding: 0 10px 0px 10px;
	}

	header {
	    background: #f1ffe0;
	    margin-bottom: 0px;
	    padding: 0 10px 0px 10px;
	}

	.graphic_out {
		width: 100%;
		float: none;
	}

	.title {
		font-size: 200%;
		padding: 10px 0 10px;
		float: none;
	}

	#topicpath_01 ul li {
		float: none;
	}

	#topicpath_01 ul li:before {
	content: "┃ ";
	}

	#topicpath_01 ul li:first-child:before {
		content: "";
	}

	#topicpath_01 ul li:after {
	content: "";
	}

	#topicpath_01 ul li:first-child:after {
		content: "";
	}

	#center_area{
		margin:20px auto;
		padding: 10px;
	    background: #f1ffe0;
	}

	#sub_center_area{
		width: 90%;
		float: none;
		margin:20px auto;
		padding: 10px;
	    background: #f1ffe0;
	}

	#side_area{
		margin: 0 auto;
		padding: 10px 10px 0px;
		background: #f1ffe0;
	}

	#sub_side_area{
		width: 90%;
		float: none;
		margin: 20px auto;
		background: #f1ffe0;
	}

	ul.pankuzu{
		line-height: 2.0em;
		margin: 0 auto;
	    padding: 0 10px 0px 10px;
	}

	.graphic {
		width: 100%;
		margin: 0 auto;
	}

	.graphic img {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}

	.side_box {
		width: 100%;
		float: none;
	}

	.side_box01 {
		width: 100%;
		float: none;
	}

	.side_box02 {
		width: 100%;
		float: none;
	}

	.photo_01 {
		width: 100%;
		float: none;
	}

	.txt_01{
		width: 90%;
		float: none;
		margin: 0 auto 20px;
		padding: 10px;
		background: #fff;
	}

	.photo_02 {
		width: 32%;
		float: left;
	}

	.txt_02{
		width: 62%;
		margin: 0 0 20px 0;
		padding: 10px;
		background: #fff;
		float: right;
	}
}

@media only screen and (max-width: 450px) {
	.content_area01 {
		width: 100%;
		float: left;
	}

	.content_area02 {
		width: 100%;
		float: right;
	}

	.content_area03 {
		width: 100%;
		clear: both;
	}

	#center_area{
		width: 90%;
		padding: 10px 10px 0px 10px;
	    background: #f1ffe0;
		/*影を入れる*/
		-webkit-box-shadow: 0px 0px 2px 1px #ccc;
		-moz-box-shadow: 0px 0px 2px 1px #ccc;
		box-shadow: 0px 0px 2px 1px #ccc;
	}

	#side_area{
		width: 90%;
		float: none;
		padding: 10px 10px 0 10px;
		margin: 0 auto;
		background: #f1ffe0;
	}

	.title {
		font-size: 200%;
		padding: 10px 0 10px;
		float: none;
	}

	.photo_01{
		width: 100%;
		float: none;
	}

	.photo_02 {
		width: 100%;
		float: none;
	}

	.txt_02{
		margin: 0;
		padding: 10px;
		background: #fff;
		width: 94%;
		float: none;
	}

	.photo_01 img {
		width: 100%;
		margin-bottom: 10px;
	}

	.photo_02 img {
		width: 100%;
		margin-bottom: 10px;
	}

	.txt_01{
		width: 94%;
		float: none;
		background: #fff;
	}

	#topicpath_01 ul li {
		float: none;
	}

	#topicpath_01 ul li {
		display: block;
		list-style-type: none;
	}

	#topicpath_01 ul li:after {
		content: "";
	}

	#topicpath_01 ul li:first-child:after {
		content: "";
	}

	#topicpath_01 ul li:before {
		content: "";
	}

	#topicpath_01 ul li:first-child:before {
		content: "";
	}

	.navi li a{
		width: 94%;
		text-align: center;
		display: block;
		color: #fff;
		font-size: 14px;
		list-style-type: none;
		padding: 10px;
		background: rgba(0,0,0,0.5)
	}
	.top_box_01 {
		width: 100%;
		float: none;
	}

	.top_box_02 {
		width: 100%;
		float: none;
	}

	.graphic {
		width: 100%;
		margin: 0 auto;
	}
}


/* 404ページ */

.not_txt_01 {
	font-size: 14px;
	line-height: 2.0em;
}

.not_txt_02 {
	font-size: 14px;
	margin: 20px 0 10px;
	line-height: 2.0em;
	text-align: center;
}

.not_txt_02 a {
	text-align: center;
	padding: 10px;
	background: #eee;
	display: block;
	border-radius: 5px;
}