*{
    margin:0;
	padding:0;
}

body {
	font-size: 16px;
	color: #434343;
	background:#FFFFB2;
	overflow-y: scroll;
	word-break: break-all;
	line-height: 2.0em;
	font-family: "Meiryo","メイリオ","ヒラギノ","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS PGothic",sans-serif,Helvetica;
}

.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: #fff;
	max-width: 1000px;
	margin: 0 auto 10px;
	font-size: 10px;
}

h2{
	margin:0 0 10px;
	padding: 0.5em;
	font-size: 130%;
	font-weight: bold;
	color: #fff;
	border-radius: 1em 0 0 0;
	background-color:#1E90FF;
	background-image: radial-gradient(rgba(255,255,255,.2) 40%, transparent 40%), radial-gradient(rgba(255,255,255,.2) 20%, transparent 20%);
	background-size:80px 80px;
	background-position: 0 0, 40px 40px;
}

h3{
	color:#434343;
	font-size: 140%;
	line-height: 2.0em;
	margin: 0 0 10px;
	padding: 0 5px;
	border: 3px solid  #00519A;
	border-radius: 0 0 1em 0;
	background-color: #1E90FF;
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 19px, rgba(255,255,255,.3) 1px, rgba(255,255,255,.3) 20px), repeating-linear-gradient(45deg, transparent, transparent 19px, rgba(255,255,255,.3) 1px, rgba(255,255,255,.3) 20px);
}

header {
    background: #db99db;
    margin: 0 0 50px;
    padding: 40px 0 70px;
}

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

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

#center_area{
	width: 70%;
	float: left;
	margin-bottom: 20px;
}

#side_area{
	width: 29%;
	float: right;
	margin-bottom: 20px;
}

#sub_center_area{
	width: 70%;
	float: left;
	margin-bottom: 20px;
}

#sub_side_area{
	border-radius: 0.5em;
	width: 29%;
	float: right;
	margin: 0px 0 20px 0;
}

.side_box01 {
	width: 100%;
}

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

footer{
	color: #fff;
	text-align: center;
	margin-top: 50px;
    padding: 50px 0 70px;
	background: #db99db;
}

.link a{
	font-size: 20px;
	color: #00519A;
	text-decoration: none;
}

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

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

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

.title {
	font-size: 200%;
	padding: 0 0 0;
}

.title a {
	color: #00519A;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
	text-decoration: none;
}

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

ul.side_menu li {
	margin-bottom: 10px;
	padding: 10px;
	border-bottom: dotted 1px #00519A;
	border-radius: 0.5em;	
}

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

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

a.side_menu_link:hover,active {
	color: #00519A;
	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: #00519A;
	margin: 0 0 10px;
	line-height: 2.0em;
}


/* トップページ */
.content_area01 {
	width: 49%;
	float: left;
	margin-bottom: 50px;
}

.content_area02 {
	width: 49%;
	float: right;
	margin-bottom: 50px;
}

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

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

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

.txt_01{
	width: 100%;
	float: right;
	margin: 0 0 20px 0;
}

.txt_02{
	margin: 0 0 20px 0;
	width: 67%;
	float: left;
}


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

.delivery_health_out{
	margin: 0 0 25px;
	padding: 0 10px 10px 10px;
}

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

.delivery_health_link a{
	color: #00519A;
}

.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: #00519A;
}

.background_color a {
	color: #00519A;
	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 #00519A;;
}

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

.fuzoku_link a{
	color: #00519A;
}

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

/* 回り込み解除 */

.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 0 10px;
	}

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

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

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

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

	#sub_center_area{
		width: 90%;
		float: none;
		margin:20px auto;
	}

	#side_area{
		width: 90%;
		float: none;
		margin: 0 auto;
	}

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

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

	.side_box {
		width: 100%;
	}

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

	.txt_01{
		width: 100%;
		float: none;
		margin: 0 auto 20px;
	}

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

}

@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%;
	}

	#side_area{
		width: 90%;
		padding: 10px 10px 0 10px;
		margin: 0 auto;
	}

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

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

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

	.txt_02{
		margin: 0;
		width: 100%;
		float: none;
	}

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

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

}