@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	color: #40220F;
	font-family:  'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', 'ＭＳ ゴシック', Osaka, Osaka-等幅, sans-serif;
	font-size: 12px;
	text-align: center;
	background: #fff;
}

img {
	border: none;
}

a:link {
	color: #FF4000;
	text-decoration: underline;
}

a:visited {
	color: #FF4000;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

#wrapping {
	position: relative;
	width: 960px;
	margin: auto;
	text-align: left;
}

#head-div {
	height: 127px;
	padding: 35px 0 0 190px;
	background: url(/wp-content/uploads/header.png) no-repeat 0 0;
}

#head-div * {
	margin: 0;
	padding: 0;
}

#head-div h1,
#head-div .blog_title {
	padding-bottom: 15px;
	color: #FF4000;
	font-size: 26px;
	font-weight: bold;
}

#side-description {
	font-size: 16px;
}

#site-map {
	height: 35px;
	line-height: 35px;
	float: right;
	margin: 0;
	padding: 0 0 0 10px;
	background: url(/wp-content/uploads/enpitsu.png) no-repeat 0 50%;
}

#site-map a:hover {
	text-decoration: underline;
}

#panku {
	height: 35px;
	line-height: 35px;
	width: 750px;
	float: left;
	margin: 0;
	padding: 0;
}

#main-div {
	float: right;
	width: 700px;
	line-height: 1.5;
	margin-bottom: 30px;
}

#rippa {
	background: url(/wp-content/uploads/rippa.png) no-repeat 0 0;
}

#rippa * {
	list-style: none;
	margin: 0;
	padding: 0;
}

#rippa h2 {
	padding: 2px 0 10px 65px;
	color: #FF3300;
	font-size: 30px;
}

#rippaText {
	min-height: 100px;
	height: auto !important;
	height: 100px;
	padding: 0 20px;
}

#point {
	position: relative;
	float: left;
	width: 258px;
	margin-bottom: 20px;
}

#point ul {
	position: absolute;
	top: 120px;
	left: 20px;
	color: #444444;
	font-size: 16px;
	font-weight: bold;
}

#point li {
	margin-bottom: 5px;
	padding-left: 25px;
	background: url(/wp-content/uploads/point_icon.png) no-repeat 0 50%;
}

#pointText {
	float: right;
	width: 410px;
	margin-bottom: 20px;
}

#pointLink {
	padding-top: 5px;
	text-align: right;
	font-size: 20px;
	font-weight: bold;
}

#pointLink a {
	color: #1111cc;
}

#step {
	clear: both;
	background: url(/wp-content/uploads/step.png) no-repeat 0 0;
}

#step * {
	list-style: none;
	margin: 0;
	padding: 0;
}

#step h3 {
	padding: 2px 0 10px 70px;
	color: #FF3300;
	font-size: 30px;
}

#stepText {
	min-height: 90px;
	height: auto !important;
	height: 90px;
	margin-bottom: 20px;
	padding: 0 20px;
}

#step div {
	position: relative;
	height: 120px;
	margin-bottom: 20px;
	background: url(/wp-content/uploads/step_bg.png) no-repeat 0 0;
}

#step div dl {
	float: left;
	width: 130px;
	padding: 10px 20px 0 20px;
}

#step div dt {
	font-size: 18px;
	font-weight: bold;
	color: #FF6600;
}

#step div dd {
	font-size: 11px;
}

#step div p {
	position: absolute;
	top: 10px;
	right: 0;
	font-size: 18px;
	font-weight: bold;
	color: #FF6600;
}

#site {
	clear: both;
	background: url(/wp-content/uploads/site.png) no-repeat 0 0;
}

#site * {
	list-style: none;
	margin: 0;
	padding: 0;
}

#site h3 {
	padding: 2px 0 10px 70px;
	color: #FF3300;
	font-size: 30px;
}

#siteText {
	min-height: 90px;
	height: auto !important;
	height: 90px;
	margin-bottom: 20px;
	padding: 0 20px;
}

#site .siteBox {
	clear: both;
}

#site .siteBox h4 {
	line-height: 37px;
	margin-bottom: 10px;
	padding-left: 15px;
	color: #660000;
	font-size: 16px;
	background: url(/wp-content/uploads/site_title.png) no-repeat 0 0;
}

#site .siteImage {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

#site .siteBox dl {
	float: left;
	width: 135px;
}

#site .siteBox dt {
	font-weight: bold;
	color: #b20000;
	margin-bottom: 5px;
}

#site .siteBox li {
	margin-bottom: 5px;
	padding-left: 20px;
	background: url(/wp-content/uploads/site_icon.png) no-repeat 0 2px;
}

#site .siteBox .siteText {
	float: right;
	width: 360px;
	padding-right: 10px;
}

#site .siteBox .siteLink {
	clear: both;
	padding: 10px 0;
	text-align: right;
}

#jijo {
	clear: both;
	margin-top: 30px;
	background: url(/wp-content/uploads/jijo.png) no-repeat 0 0;
}

#jijo * {
	list-style: none;
	margin: 0;
	padding: 0;
}

#jijo h3 {
	padding: 40px 0 0px 70px;
	color: #FF3300;
	font-size: 30px;
}

#jijoText {
	margin-bottom: 5px;
	padding: 0 20px;
}

#jijo .jijoLink {
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	padding-right: 20px;
	margin-bottom: 40px;
}

#jijo .jijoLink a {
	color: #3076B9;
}

#jijoNote {
	height: 180px;
	background: url(/wp-content/uploads/jijo_note.png) no-repeat 0 0;
}

#jijoNote dl {
	width: 175px;
	float: left;
}

#jijoNote dt {
	height: 60px;
	padding: 25px 0 0;
	font-weight: bold;
	font-size: 17px;
	color: #FF6600;
	text-align: center;
	line-height: 1.2;
}

#jijoNote dd {
	padding: 0 15px;
}

#side-div {
	float: left;
	width: 230px;
	line-height: 1.5;
	margin-bottom: 30px;
	text-align: left;
}

#side-div ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#side-div li {
	margin-bottom: 20px;
}

#side-div li a {
	display: block;
	color: #FF3300;
	padding: 10px 5px 10px 10px;
	border-bottom: 1px solid #CFCFB3;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	background: url(/wp-content/uploads/side_category.png) no-repeat 0 0;
}

#side-div li a:hover {
	text-decoration: underline;
}

#side-div li ul {
	padding: 0 10px 10px;
	border-top: 1px solid #fff;
	background: url(/wp-content/uploads/side_submenu.png) no-repeat left bottom;
}

#side-div li li {
	margin: 0;
}

#side-div li li a {
	color: #333;
	padding: 10px 5px 10px 15px;
	font-weight: normal;
	font-size: 14px;
	border-bottom: 1px dashed #CFCFB3;
	background: url(/wp-content/uploads/side_icon.png) no-repeat 0 12px;
}

#footer-div {
	clear: both;
	border-top: 3px solid #f90;
	text-align: center;
}

#footer-div p {
	margin: 0;
	padding: 20px 0;
}




table.basic {
	width: 100%;
	margin-bottom: 1em;
	border: 1px solid #FAE5EE;
	border-collapse: collapse;
}

table.basic th {
	padding: 7px;
	border: 1px solid #ccc;
	font-weight: normal;
	white-space: nowrap;
	background-color: #EBEBEB;
	vertical-align: top;
	text-align: left;
}

table.basic td {
	padding: 7px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.basicList {
	padding: 0;
	margin-bottom: 1em;
}

.basicList li{
	list-style: none;
	background: url(/wp-content/uploads/list_icon.png) left 3px no-repeat;
	margin: 0 0 5px 0;
	padding-left: 17px;
}

#head-div .page_title {
	position: absolute;
	top: 200px;
	right: 0;
	width: 635px;
	background: url(/wp-content/uploads/rippa.png) no-repeat 0 0;
	padding: 2px 0 10px 65px;
	color: #FF3300;
	font-size: 30px;
}

.pageBox {
	padding-top: 65px;
}

.pageBox h2,
.pageBox h3 {
	line-height: 37px;
	margin-bottom: 10px;
	padding-left: 15px;
	color: #660000;
	font-size: 16px;
	background: url(/wp-content/uploads/site_title.png) no-repeat 0 0;
}

img.right_p {
    float:right;
    margin: 3px 0px 0px 10px;
}

img.left_p {
    float:left;
    margin: 0px 0px 0px 0px;
}
.moegi{
	font-size: 14px;
	color:#82ae46;
	font-weight: bold;
}

.shu{
	color:#FF3300;
	font-weight: bold;
}

.tokusa{
	font-size: 14px;
	color:#3b7960;
	font-weight: bold;
}
.tokusa_s{
	color:#3b7960;
	font-weight: bold;
}

.akacha{
	font-size: 14px;
	color:#bb5535;
	font-weight: bold;
}
.akacha_s{
	color:#bb5535;
	font-weight: bold;
}
.miruiro{
	font-size: 14px;
	color:#726d40;
	font-weight: bold;
}
.karakure{
	color:#e95464;
}

.frame_hasen{
	border:3px dashed #CCCCCC;
	padding:20px;
	margin:0px 10px 25px 10px;
}

table.chibakango {
border-left: solid 1px #769164;
border-bottom: solid 1px #769164;
}

table.chibakango td
{
padding:5px 10px;
border-top: solid 1px #769164;
border-right: solid 1px #769164;
}

table.chibakango2 {
border-left: 3px dashed #CCCCCC;
border-bottom: 3px dashed #CCCCCC;
}

table.chibakango2 td
{
padding:5px 10px;
border-top: 3px dashed #CCCCCC;
border-right: 3px dashed #CCCCCC;
}

div#main-div a:link {
	font-size: 16px;
color: #0066ff;
text-decoration: underline;
}

div#main-div a:visited {
	font-size: 16px;
color: #0066ff;
text-decoration: underline;
}

div#main-div a:hover {
	font-size: 16px;
text-decoration: none;
}


div#main-div table.chibakango a:link {
	font-size: 12px;
color: #40220F;
text-decoration: underline;
}

div#main-div table.chibakango a:visited {
	font-size: 12px;
color: #40220F;
text-decoration: underline;
}

div#main-div table.chibakango a:hover  {
	font-size: 12px;
text-decoration: none;
}

@media screen and (max-width: 959px) {
	#wrapping {
		width: 100%;
	}
	#head-div {
		padding: 35px 30px 0 170px;
		background-position: left -25px top;
	}
	#panku {
		width: calc(100% - 110px);
		padding-left: 10px;
	}
	#site-map {
		padding: 0 10px;
	}
	#main-div,
	#side-div {
		float: none;
		width: 92%;
		max-width: 700px;
		margin: 0 auto 30px;
	}
	#head-div h1, #head-div .blog_title {
		font-size: 3.5vw;
	}
	#side-description {
		font-size: 14px;
	}
	#rippa h2,
	#step h3,
	#site h3,
	#jijo h3 {
		font-size: 25px;
	}
	#rippa h2,
	#site h3 {
		padding-top: 8px;
	}
	#step h3 {
		padding-top: 10px;
	}
	#rippaText {
		margin-bottom: 20px;
	}
	#pointText {
		width: calc(100% - 268px);
	}
	#jijo h3 {
		padding:35px 0 15px 70px;
	}
	#jijoText {
		margin-bottom: 33px;
	}
	#jijoNote {
		background: none;
		display: flex;
		justify-content: space-between;
		height: auto;
	}
	#jijoNote dl {
		border: 1px solid #ff6600;
		border-radius: 10px;
		width: 24%;
		float: none;
	}
	#jijoNote dt {
		height: 50px;
	}
	#jijoNote dd {
		padding: 0 10px 10px;
	}
	#step div {
		background-size: contain;
	}
	#step div dl {
		width: 25%;
		box-sizing: border-box;
		padding: 10px 18px 0 10px;
	}
	#step div dt {
		font-size: 16px;
	}
	#side-div li a {
		background: none;
	}
	#side-div > ul > li > a {
		background: rgb(250,250,245);
		background: linear-gradient(0deg, rgba(241,241,224,1) 0%,rgba(250,250,245,1)  100%);
		border: 1px solid #CFCFB3;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	#side-div > ul > li > ul.children {
		background: none;
		background-color: #F0F0DF;
		border: 1px solid #CFCFB3;
		border-top: 1px solid #fff;
	}
	#site .siteBox dl {
		width: calc(100% - 170px);
	}
	#head-div .page_title {
		width: 100%;
		box-sizing: border-box;
		font-size: 25px;
	}
	.pageBox h2,
	.pageBox h3 {
		background: rgb(255,219,219);
		background: linear-gradient(180deg, rgba(255,219,219,1) 0%, rgba(255,185,185,1) 100%);
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	
}

@media screen and (max-width: 600px) {
	#rippa,
	#step,
	#site,
	#jijo {
		background-position: left -10px top;
	}
	#rippaText,
	#siteText,
	#stepText,
	#jijoText {
		font-size: 0.8em;
	}
#step div dd {
		font-size: 10px;
	}
}


@media screen and (max-width: 559px) {
	#pointText {
		float: none;
		width: 100%;
	}
	#step div {
		background: none;
		border: 1px solid #fff7c7;
		height: auto;
	}
	#step div:after {
		clear: both;
		content: "";
		display: block;
	}
	#step div dl {
		width: 27%;
		padding: 10px;
	}
	#step div p {
		right: 10px;
	}
	#site .siteBox .siteText {
		float: none;
		width: 100%;
		padding-right: 0;
		clear: both;
		margin-bottom: 15px;
	}
	#rippa, #step, #site, #jijo {
		background: none;
	}
	#rippa h2, #step h3, #site h3, #jijo h3 {
		padding: 20px 20px 0;
	}
	#jijoNote {
		display: block;
	}
	#jijoNote dl {
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 10px;
	}
	#head-div .page_title {
		font-size: 15px;
		padding-right: 5px;
	}
	#side-description {
		font-size: 10px;
	}
}