@charset "utf-8";
/* CSS Document */


/* 後から消すヤツ
------------------------------------------------- */
.demoTit {
	background-color: #383838;
	margin: 0 0 20px;
	padding: 5px;
	display: block;
	font-size: 2em;
	color: #fff;
	line-height: 130%;
}
#contentsIndex {
	width: 980px;
	margin: 0 auto;
}
#contentsIndex .indexMenu p a {
	font-size: 1.7em;
	color: #fff;
	display: block;
	margin: 0 0 10px;
	padding: 5px;
	background-color: #383838;
}
#contentsIndex .indexMenu p a:hover {
	background-color: #555;
}
#contents .indexMenu p {
	display: inline-block;
	padding: 0 20px 5px 0;
}
#mainArea img{
	background-color:#ddd;
}
.notesDemo{
	background-color:#efedd3;
	padding:15px;
	margin:0 0 30px;
}
.notesDemo li{
	list-style:circle;
	margin:0 0 0 15px;
}

/* カラー */
.colorR{
	color:#c00;
}
.colorG{
	color:#888;
}
.colorB{
	color:#00c;
}
/* 文字サイズ */
.size09{
	font-size:0.9em;
}
.size10{
	font-size:1em;
}
.size12{
	font-size:1.2em;
}
.size14{
	font-size:1.4em;
}
.size16{
	font-size:1.6em;
}
.size18{
	font-size:1.8em;
}
.size20{
	font-size:2em;
}

/* PC */
@media screen and (min-width:769px) {
#contents {
	width: 980px;
	margin: 0 auto;
}
}

/* Tablet */
@media screen and (max-width:768px) {
#contents {
	margin: 0 20px;
}
}

/* commonTitle
------------------------------------------------- */

/* commonTit01
----------- */
.commonTit01 {
	font-size: 1.6em;
	font-weight: bold;
	padding: 0 0 5px;
	margin: 0 0 20px;
	border-bottom: 5px solid #0758a9;
}
.commonTit02 {
	font-size: 1.6em;
	line-height: 120%;
	padding: 0 0 5px 10px;
	margin: 0 0 10px;
	border-left: 9px solid #0758a9;
}
.e1 article h4 span {
	background-color: #0758a9;
}
/* -------------------------------------------------

テンプレートA

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


/* A-1
------------------------------------------------- */
.a1 {
	width: 100%;
	margin: 0 0 30px;
}
.a1 th {
	background-color: #e8e8e8;
	font-weight: normal;
}
.a1 td {
	background-color: #f3f3f3;
}

/* PC */
@media screen and (min-width:769px) {
.a1 th {
	width: 100px;
}
}

/* Tablet */
@media screen and (max-width:768px) {
.a1 th {
	width: 6em;
}
}
/* A-2
------------------------------------------------- */
.a2 {
	margin: 0 0 30px;
}
.a2 article {
	height: auto;
}
.a2Name {
	font-family: "DF行書体", "HG行書体", cursive;
	text-align: right;
	font-size: 1.3em;
}
.a2Name span {
	font-size: 1.4em;
	padding-left: 5px;
}
.a2 h4 {
	font-size: 1.6em;
	margin: 0 0 5px;
}

/* PC */
@media screen and (min-width:769px) {
.a2Photo {
	width: 260px;
	float: left;
	margin: 0 20px 0 0;
}
}

/* Tablet */
@media screen and (max-width:768px) {
.a2Photo img {
	width: 100%;
}
}
/* A-3
------------------------------------------------- */
.a3 {
	margin: 0 0 30px;
}
.a3 article {
	height: auto;
}
.a3Name {
	font-family: "DF行書体", "HG行書体", cursive;
	text-align: right;
	font-size: 1.4em;
}
.a3Name span {
	font-size: 1.5em;
	padding-left: 5px;
}
.a3 h4 {
	font-size: 1.6em;
	margin: 0 0 5px;
}
/* A-4
------------------------------------------------- */
.a4 table {
	width: 100%;
	margin: 0 0 30px;
}
.a4 table th {
	background-color: #e8e8e8;
	font-weight: normal;
}
.a4 table td {
	background-color: #f3f3f3;
}

/* PC */
@media screen and (min-width:769px) {
.a4 table th {
	width: 100px;
}
}

/* Tablet */
@media screen and (max-width:768px) {
.a4 table th, .a4 table td {
	display: block;
}
.a4 table th {
	text-align: left;
}
}
/* -------------------------------------------------

テンプレートB

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


/* B-1
------------------------------------------------- */
.b1 {
	margin: 0 0 30px;
}
.b1 article {
	height: auto;
	margin: 0 0 20px;
}

/* PC */
@media screen and (min-width:769px) {
.b1 article img {
	width: 180px;
	float: left;
}
.b1 article div {
	width: 780px;
	float: right;
}
}

/* Tablet */
@media screen and (max-width:768px) {
.b1 article img {
	width: 100%;
	margin: 0 0 5px;
}
}
/* B-2
------------------------------------------------- */
.b2 {
	margin: 0 0 30px;
}
.b2 article {
	margin: 0 0 20px;
}
/* B-3
------------------------------------------------- */
.b3 {
	margin: 0 0 30px;
}
.b3 article {
	margin: 0 0 20px;
}
.b3 article table {
	width: 100%;
}
.b3 article table th {
	background-color: #e8e8e8;
	font-weight: normal;
}
.b3tdTitle {
	background-color: #e8e8e8 !important;
	text-align: center;
}
.b3 article table td {
	background-color: #f3f3f3;
}

/* PC */
@media screen and (min-width:769px) {
.b3 article table th {
	width: 130px;
}
}

/* Tablet */
@media screen and (max-width:768px) {
.b3 th, .b3 td {
	width: 100%;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
}
}

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

テンプレートC

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


/* C-1
------------------------------------------------- */

/* C-2
------------------------------------------------- */
/* PC */
@media screen and (min-width:769px) {
.c2.flexslider {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.c2.flexslider .slides img {
	width: 500px;
}
}

/* C-3
------------------------------------------------- */
/* PC */
@media screen and (min-width:769px) {
.c3 .flex-control-thumbs li {
	width: 20%;
}
}

/* Tablet */
@media screen and (max-width:768px) {
.c3 .flex-control-thumbs li {
	width: 20%;
}
}
/* C-4
------------------------------------------------- */
.c4 {
	margin: 0 0 30px;
}
.c4 div {
	height: auto;
}
.c4 div p {
	float: left;
	line-height: 100%;
}

/* PC */
@media screen and (min-width:769px) {
.c4 div p {
	width: 143px;
	margin: 0 10px 20px;
}
}

/* Tablet */
@media screen and (max-width:768px) {
.c4 div p {
	width: 31.3%;
	margin: 0 1% 3px;
}
.c4 div p img {
	width: 100%;
}
}
/* C-5
------------------------------------------------- */
.c5 {
	margin: 0 0 30px;
}
.c5 section {
	margin-bottom:15px;
}
.c5 section h4 {
	margin-bottom:15px;
}
.c5 div {
	height: auto;
}
.c5 div figure {
	float: left;
	line-height: 100%;
}
.c5 div figure img {
	margin-bottom: 3px;
}

/* PC */
@media screen and (min-width:769px) {
.c5 div figure {
	width: 176px;
	margin: 0 10px 15px;
}
}

/* Tablet */
@media screen and (max-width:768px) {
.c5 div figure {
	width: 48%;
	margin: 0 1% 10px;
}
.c5 div figure img {
	width: 100%;
}
}
/* -------------------------------------------------

テンプレートD

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


/* D-1
------------------------------------------------- */
.d1 {
	margin: 0 0 30px;
}
.d1 iframe {
	height: auto;
}

/* PC */
@media screen and (min-width:769px) {
.d1 iframe {
	height: 551px;
}
}
/* D-2
------------------------------------------------- */
.d2 {
	margin: 0 0 30px;
	height: auto;
}

/* PC */
@media screen and (min-width:769px) {
.d2 section {
	width: 306px;
	margin: 0 10px 20px;
	float: left;
}
.d2 iframe {
	width: 100%;
	height: 172px;
}
}

/* Tablet */
@media screen and (max-width:768px) {
.d2 section {
	margin: 0 0 20px;
}
}
/* -------------------------------------------------

テンプレートE

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

/* E-1
------------------------------------------------- */
.e1 {
	margin: 0 0 30px;
}
.e1 article {
	margin: 0 0 20px;
}
.e1 article h4 {
	font-size: 1.3em;
	margin: 0 0 10px;
}
.e1 article h4 span {
	display: inline-block;
	margin-right: 10px;
	padding: 4px 5px;
	line-height: 100%;
	color: #fff;
	vertical-align: text-bottom;
}
.e1 article p {
	background-color: #f3f3f3;
	padding: 15px;
}
.e1 article p span {
	display: inline-block;
	font-size: 1.2em;
	margin-right: 8px;
	padding: 4px 5px;
	line-height: 100%;
	color: #fff;
	background-color: #b0b0b0;
	vertical-align: text-bottom;
}

/* PC */
@media screen and (min-width:769px) {
.e1 article p {
	margin: 0 0 0 30px;
}
}
/* -------------------------------------------------

テンプレートF

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


/* F-1
------------------------------------------------- */
.f1 {
	margin: 0 0 30px;
	height: auto;
}
.f1 div dl {
	margin: 0 0 20px;
	margin-left: 20px;
}
.f1 div dl dt {
	display: list-item;
	list-style: circle;
	font-size: 1.1em;
}

/* PC */
@media screen and (min-width:769px) {
.f1 div {
	width: 460px;
	float: left;
	margin: 0 30px 0 0
}
}
/* -------------------------------------------------

テンプレートG

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


/* G-1
------------------------------------------------- */
.g1 {
	margin: 0 0 30px;
}
.g1 iframe {
	width: 100%;
	margin: 0 0 10px;
}
.g1 section h3 {
	font-size: 1.4em;
}
.g1 section dl {
	margin: 0 0 20px;
}
.g1 section dl dt {
	font-size: 1.3em;
}
.g1 section dl dd {
	margin: 0 0 0 20px;
}

/* PC */
@media screen and (min-width:769px) {
.g1 iframe {
	height: 400px;
}
}

/* Tablet */
@media screen and (max-width:768px) {
.g1 iframe {
	height: 300px;
}
}
/* -------------------------------------------------

テンプレートH

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


/* H-1
------------------------------------------------- */
.h1 {
	margin: 0 auto 30px;
	background-color: #f3f3f3;
	border: 2px solid #e2e2e2;
	text-align: center;
	padding: 15px;
}
.h1 h5 {
	font-size: 1.3em;
	letter-spacing: 1px;
}
.h1 dl dt {
	display: inline;
	font-size: 1.1em;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.h1 dl dt span {
	font-size: 2.2em;
	padding-right: 10px;
}
.h1 dl dt strong {
	font-weight: normal;
}
.h1 dd.mailAdd a{
	display:block;
	border-radius:5px;
	padding:3px;
	margin:0 auto 5px;
	background-color:#fff;
	border:1px solid #e5e5e5;
}
.h1 dd.mailAdd a:hover{
	background-color:#e5e5e5;
	color:#555;
}
/* PC */
@media screen and (min-width:769px) {
.h1 {
	width: 700px;
}
.h1 h5 {
	margin-bottom: 5px;
}
.h1 dl dt strong {
	font-size: 2em;
}
.h1 dd.mailAdd a{
	width:300px;
}
}

/* Tablet */
@media screen and (max-width:768px) {
.h1 dl dt a {
	font-size: 2em;
	padding-right: 10px;
}
.h1 h5 {
	margin-bottom: 13px;
}
.h1 dl dt strong {
	font-size: 1.8em;
}
}
/* -------------------------------------------------

テンプレートZ

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


/* Z-1
------------------------------------------------- */
.z1 {
	margin: 0 0 30px;
}
.z1 article {
	height: auto;
	margin: 0 0 20px;
}

/* PC */
@media screen and (min-width:769px) {
.z1 article img {
	width: 260px;
	float: left;
}
.z1 article div {
	width: 700px;
	float: right;
}
}

/* Tablet */
@media screen and (max-width:768px) {
.z1 article img {
	width: 100%;
	margin: 0 0 5px;
}
}
/* Z-2
------------------------------------------------- */
.z2 {
	margin: 0 0 30px;
}
.z2 article {
	margin: 0 0 20px;
}
/* Z-3
------------------------------------------------- */
.z3 article p img {
	margin: 0 0 5px;
}

/* PC */
@media screen and (min-width:769px) {
.z3 {
	margin: 0 0 30px;
	height: auto;
}
.z3 article {
	width: 470px;
	float: left;
	margin: 0 10px;
}
}

/* Tablet */
@media screen and (max-width:768px) {
.z3 {
	margin: 0 0 10px;
}
.z3 article {
	margin: 0 0 20px;
}
.z3 article p img {
	width: 100%;
}
}
/* Z-4
------------------------------------------------- */
.z4 {
	margin: 0 0 30px;
}

/* Tablet */
@media screen and (max-width:768px) {
.z4 p img {
	width: 100%;
}
}
/* Z-5
------------------------------------------------- */
.z5 {
	width: 100%;
	margin: 0 0 30px;
}
.z5 th {
	background-color: #e8e8e8;
	font-weight: normal;
}
.z5 td {
	background-color: #f3f3f3;
}

/* PC */
@media screen and (min-width:769px) {
.z5 th {
	width: 200px;
}
}

/* Tablet */
@media screen and (max-width:768px) {
.z5 th, .z5 td {
	display: block;
}
.z5 th {
	text-align: left;
}
}
/* Z-6
------------------------------------------------- */
.z6 {
	margin: 0 0 30px;
}
.z6 div table {
	width: 100%;
}
.z6 div table th {
	background-color: #e8e8e8;
	font-weight: normal;
}
.z6 div table td {
	background-color: #f3f3f3;
	text-align: center;
}

/* Tablet */
@media screen and (max-width:768px) {
.z6 div {
	width: 100%;
	overflow-x: auto;
	white-space: nowrap;
}
.z6 aside {
	font-size: 0.9em;
}
}
/* Z-7
------------------------------------------------- */
.z7 {
	margin: 0 0 30px;
	background-color: #f3f3f3;
	border: 2px solid #e2e2e2;
	padding: 20px;
}
/* Z-8
------------------------------------------------- */
.z8 {
	margin: 0 0 30px;
	border: 2px solid #e2e2e2;
	padding: 20px;
}

/* PC */
@media screen and (min-width:769px) {
.z8 img {
	width: 210px;
	float: left;
}
.z8 div {
	width: 700px;
	float: right;
}
}

/* Tablet */
@media screen and (max-width:768px) {
.z8 img {
	width: 100%;
}
}


/* Z-9
------------------------------------------------- */
.z9 {
	margin: 0 0 30px;
	margin-left: 20px;
	font-size:0.95em;
}
.z9 li{
	list-style: circle;
	margin:0 0 10px;
}