﻿@charset "utf-8";

/* 
border: 1px solid #333;
----------------------------------------------- */

/* ■メイン開始■ */

#main h1 {
width: auto;
font-weight: bold;
font-size: 19px;
color: #d3217d;

color: #0072bc;
line-height: 1.3;
padding: 12px 0.8em 10px; 
margin: 0 0 15px 0;
border:1px solid #ccc;
}

#main h2{
font-size: 17px;
color:#222;
font-weight: 900;
font-weight: normal;
font-weight:bold;
line-height: 1.3;
text-align: left;
letter-spacing:1px;
padding: 7px 5px 6px 12px;
margin: 12px 0 16px 0px;
background: none ;
border-right: 1px solid #ccc;
border-bottom: 1px solid #bbb;
	box-shadow: 0px 3px 3px #eee; /*CSS3*/
	-moz-box-shadow: 0px 3px 3px #ededed; /* Firefox用*/
	-webkit-box-shadow: 0px 3px 3px #ededed; /* Google Chrome, Safari用*/
border-left: 5px solid #0072bc;

/*Other Browser*/
background-color: #eeeeee;
/*For Old WebKit*/
background: -webkit-linear-gradient(
	#fff 60%,
	#ededed 100%
);
/*For Modern Browser*/
background: linear-gradient(
	#fff 60%,
	#ededed 100%
);
}

#main h3{
height: auto;
color:#232323;
font-size: 17px;
line-height: 1.5;
text-align: left;
font-weight:bold;
letter-spacing:1px;
padding: 8px 5px 5px 12px;
border-left: 5px solid #0072bc;
margin: 1.2em 0px 12px 0px;
background-color:#f7f7f7;
}

div.kadomaru{
padding: 0.5em 10px;
margin: 0.8em 0 ;
border: 1px solid #ddd;
border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

#main strong{
color:#f00;
font-weight:bold;
margin: ;
padding:;

}

#main p {
color:#222;
font-size: 16px; font-size: 1rem;
line-height: 1.7;
margin: 0px 5px 1em 0px;
padding: 0px 0px 0px 0px;
}


blockquote
{
color:#333;
font-size: 15px;
line-height: 1.5;
margin: 0px 10px 1em 1em;
padding: 0px 0px 0px 1em;
border-left:3px solid #999;
}


/*-- 追加 --*/
.rwd_embed {
position: relative;
margin: 20px 0;
padding-bottom: 56.25%;
padding-top: 30px;
overflow: hidden;
max-width: 100%;
height: auto;
}

.rwd_embed iframe, .rwd_embed object, .rwd_embed embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.photo img { 
width:100%;
max-width: 640px;
border: none;
margin: 15px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}

.photo640 img { 
width:100%;
max-width:640px;
margin: 15px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}

.photo500 img { 
width:100%;
max-width: 500px;
margin: 15px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}

.photo400 img { 
width:100%;
max-width: 400px;
margin: 15px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}



br.clear  {
clear: both;
margin: 0 ;
padding: 0;
}

dl{
padding: 2px 14px 5px;
margin: 20px 0  20px;
border: 1px solid #ddd;
border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

dl dt{ 
color:#0066aa;
font-size: 16px;
font-weight:bold;
line-height: 1.6;
margin: 8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display:block;
}

dl dd{ 
font-size: 16px;
color:#333;
line-height: 1.6;
margin: 0;
padding: 3px 0px 6px 0px;
border-bottom: 1px dotted #dedede;
}

dt.red{ 
color:#f30;
}

#main ul {
padding: 0.2em 10px;
margin: 0.5em 0 1em;

border: 1px solid #ddd;
border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

#main ul li { 
list-style-type: none;
color:#333;
font-size: 16px;
line-height: 1.6;
background:  url(../image/icon/icon_arrow05.gif) no-repeat 0px 8px ;
margin: 0.6em 0px;
padding: 0px 0px 0px 13px;
}

#main ul li img { 
float: right;
}

#main ul ul li { 
margin: 0px 0px 0px 0px;
}


#main ol {
font-size: 16px;
padding: 0 15px;
margin: 0.5em 0 1em;

border: 1px solid #ddd;
border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

#main ol li { 
list-style-type: decimal;
color:#333;
font-size: 16px;
line-height: 1.6;
margin: 0.5em 0 0px 1.2em ;
padding: 2px 0px 4px 0px;
border-bottom: 1px dotted #dedede;
}


.g-map, .map { 
margin: 15px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}

.g-map iframe, .map iframe{ 
width:100%;
border: none;
margin: 0x 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


table.policy{
width: 100%;
border-collapse: collapse;
color:#333;
background: #fff;
border: 1px solid #D3217D;

border: 1px solid #0072bc;
margin: 5px 0 15px 1px;
padding: 0;
}

.policy th {
width: 110px;
color:#333;

color:#fff;
text-align: center;
font-size: 14px;
line-height: 1.5;
font-weight:normal;
background: #F9D9E4;

background: #0084DB;
border-top: none;
border-right: 1px solid #D3217D;
border-bottom: 1px solid #D3217D;

border-right: 1px solid #0072bc;
border-bottom: 1px solid #0072bc;

border-left: none;
margin: 0;
padding: 7px 5px 5px 5px;
voice-family: "\"}\"";
voice-family: inherit;
width: 110px;
}

.policy td {
width: auto;
font-size: 14px;
line-height: 1.5;
font-weight:normal;
text-align: left;
border: 1px solid #D3217D;

border: 1px solid #0072bc;
margin: 0;
padding: 7px 8px 5px 8px;
}

table.flag{
width: auto;
border-collapse: collapse;
color:#333;
background: #fff;
border: 1px solid #555;
margin: 5px 0 15px 8px;
padding: 0;
}

table.flag th {
width: auto;
color: #fff;
text-align: center;
font-weight:normal;
font-size: 14px;
line-height: 1.5;
background: #fff;
border-top: none;
border-right: 1px solid #555;
border-bottom: 1px solid #555;
border-left: none;
margin: 0;
padding: 4px 0px 3px 0px;
}

table.flag td {
width: auto;
font-weight:normal;
text-align: center;
font-size: 14px;
line-height: 1.5;
border-right: 1px solid #555;
border-bottom: 1px solid #555;
margin: 0;
padding: 4px 0px 3px 0px;
}



td.c1{
background: #eee;
}



/* Table


table {
width: auto;
width: 100%;
font-size: 14px;
line-height: 1.5;
	margin: 0.5em 0 1em;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd #ccc #ccc #ddd;
	background-color: #fff;
}

caption {
	padding-bottom: 0.3em;
}

th,
td {
font-weight:normal;
font-size: 14px;
line-height: 1.5;
text-align:center;
	padding: 0.4em 3px;
	border-collapse: separate;
	border-spacing: 1px;
}

th {
font-size: 14px;
line-height: 1.5;
	border-right: 1px solid #ddd;
	color: #333;
	background-color: #f0f0f0;
}

td {
font-size: 14px;
line-height: 1.5;
	border-right: 1px solid #eee;
	border-top: 1px solid #eee;
}
---------------*/

table.basic {
font-size: 14px;
line-height: 1.5;
}

table.basic th {
font-size: 14px;
width: 120px;
background: #F9D9E4;
}

table.basic td {
font-size: 14px;
text-align:left;
padding: 0.4em 8px;

}


.book { 
clear:both;
width: auto;
height: 1%;
font-size: 15px;
color:#333;
text-align:left;
line-height: 1.6;
margin: 0 0px 15px;
padding: 0 0px 15px;
border-bottom: 1px dotted #cdcdcd;
}

.book img{ 
float: left;
width: 150px;
margin: 0 15px 15px 0;
padding: 0px 0  15px;
border:none;
}

.book img a{ 
color:#fff;
border: none;
background: #transparent;
}


.clear{ 
clear:both;
}


.g-map, .map{ 
width: 100%;
height: auto;
text-align: left; 
margin: 15px 0px 15px 0px;
}

.sns{
text-align: center;
margin: 20px auto 20px ;
padding: 0px;
}

#bookmark{
text-align: center;
margin: 20px auto 20px ;
padding: 0px;
}

.ninja_onebutton{
text-align: center; 
padding:0px;
margin: 10px auto 10px ;
text-decoration: none ;
}


.admain{ 
text-align: left;
margin: 25px 0 30px 0px;
padding: 0px;
}


/* 768px以下用（スマートフォン用）の記述 */
@media screen and (max-width: 768px) {
.admain{ 
text-align:center;
margin: 25px auto 30px;
padding: 0px;
}
}

/* 340px以下用（スマートフォン用）の記述 */
@media screen and (max-width: 340px) {
.admain{ 
text-align: left;
margin: 25px 0px 30px -5px;
padding: 0px;
}
}


#top{ 
text-align:center;
font-size: 15px;
margin: 30px auto 20px;
}


/* 
border: 1px solid #333;
----------------------------------------------- */

.drk{
text-align:left;
margin: 40px 0 0 0;
padding: 0px;
}

.drk7jpSimilarityHeader{ 
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 0px 0 0px 0px;
}

.drk7jpSimilarityHeader a{ font-weight:normal; text-decoration: none ; } 
.drk7jpSimilarityHeader a:link {color:#999; border-bottom : none ; } 
.drk7jpSimilarityHeader a:visited {color:#999; border-bottom: none ; } 
.drk7jpSimilarityHeader a:hover {color: #999; border-bottom: none ; } 
.drk7jpSimilarityHeader a:active {color:#999; }

.drk table{
width: auto;
border-collapse: collapse;
color:#333;
background: #fff;
border: 1px solid #ccc;
margin: 0 0 25px 0;
padding: 0;
}

.drk th {
width: 100px;
color:#333;
text-align:left;
text-align: center;
font-size: 0.9em;
font-weight:normal;
line-height: 1.4;
background: #F9D9E4;
border-top: none;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: none;
margin: 0;
padding: 6px 5px 5px 5px;
voice-family: "\"}\"";
voice-family: inherit;
width: 100px;
}

.drk td {
width: auto;
font-size: 0.9em;
font-weight:normal;
text-align: center;
text-align:left;
line-height: 140%;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 6px 8px 5px 8px;
}


/* 右サブ */


.indiangreen{background-color: #339933;}
.color01{background-color: #d3217d;}
.color02{background-color: #d32121;}
.color03{background-color: #d37d21;}
.color04{background-color: #d3d321;}

.color05{background-color: #7dd321;}

.color06{background-color: #21d321;}

.color07{background-color: #21d37d;}
.color08{background-color: #21d3d3;}

.color09{background-color: #217dd3;}
.color10{background-color: #2121d3;}
.color11{background-color: #7d21d3;}
.color12{background-color: #d321d3;}


.subTitle01{background-color: #d3217d;}
.subTitle02{background-color: #d37d21;}
.subTitle03{background-color: #7dd321;}
.subTitle04{background-color: #21d37d;}
.subTitle05{background-color: #217dd3;}
.subTitle06{background-color: #7d21d3;}

.f30{color: #ff3300;}

