@charset "utf-8";
@import url(https://use.fontawesome.com/releases/v5.15.4/css/all.css);
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	border: 0;
	color : #333333;
	font-size : 10pt;
	background : #ffffff;
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	background-image: url(img/bg.jpg);
	background-repeat: repeat-y;
	background-position: center center;
	background-attachment: fixed;
}
#container {
	position: absolute;
	left: 50%;
	height: 100%;
	width: 920px;
	margin-left: -460px; /* MUST be half the width */
	;
	text-align: center;
	border: 0;
	padding: 0;
}
/* header */
#masthead {
	margin: 0 0 5px 0;
	padding: 0 0 2px 0;
	border: 0;
	width: 920px;
	overflow: hidden;
    border-bottom:1px solid #59B200;
}
#masthead img {
	margin: 0;
}
#head_t1 {
	margin: 9px 0;
	padding: 0;
	border: 0;
	width: 920px;
	float: left;
	overflow: hidden;
}
#head_t2 {
	margin: 0 0 0 0;
	padding: 0;
	border: 0;
	width: 920px;
	height: 44px;
	float: left;
	text-align: center;
	overflow: hidden;
	background-color: #EDF3D6;
}
.menu_w1 {
	border-left: #FFF 1px solid;
	border-right: #FFF 1px solid;
}
.menu_w2 {
	border-right: #FFF 1px solid;
}

#head_t3{
	height:25px;
	font-size:15px;
	text-align:right;
	margin-top:5px;
	padding-right:14px;
}
#head_t3 a{
	display:inline-block;
	width:90px;
	text-align:center;
	margin:0 1px;padding:5px;
	color:dimgray;
}
#head_t3 a:hover{
	color:black;font-weight:bold;
	background-color:whitesmoke;
	text-decoration:none;
}

/* navigation */
#navigation {
	margin: 0;
	padding: 20px 0;
	border: 0;
	width: 150px;
	text-align: left;
	float: left;
	overflow: hidden;
}
#navigation img {
	border: 0;
	margin: 12px 0;
}
.left_navi {
	font-size : 9pt;
	line-height: 2.0em;
	color: #333333;
}

/* content */
#content {
	margin: 0 0 0 12px;
	padding: 0;
	border: 0;
	width: 758px;
	float: left;
	text-align: left;
}
#content_max {
	margin: 0;
	padding: 0;
	border: 0;
	width: 920px;
	float: left;
	text-align: center;
}
.top_navi {
	font-size : 9pt;
	line-height: 2.0em;
	color: #333333;
}

/* footer */
#footer {
	margin: 20px 0 0 0;
	padding: 0;
	border: 0;
	width: 920px;
	overflow: hidden;
}
.footer_navi {
	font-size : 8.5pt;
	line-height: 1.4em;
	color: #cccccc;
}
.footer_ad1 {
	width: 120px;
	margin-left: 170px;
	font-size : 9pt;
	line-height: 1.4em;
	color: #666666;
	text-align: left;
	float: left;
}
.footer_ad2 {
	width: 600px;
	font-size : 9pt;
	line-height: 1.4em;
	color: #666666;
	text-align: left;
	float: left;
}

#footer2 {
	margin: 20px 0 0 0;
	border-top:1px solid silver;
	padding-top:10px;
	width: 920px;
	overflow: hidden;
}
#footCorp{
   float:left;width:370px;  background-color:white;
   line-height:1.5em;font-size:12px;
   margin:0 10px;text-align:left;
   padding-left:10px;
}

.footsmap{
   float:left;width:170px;
   text-align:left;
   font-size:12px;
   line-height:1.6em;
   color:dimgray;
}
.footsmap a:link{
   color:dimgray;
   background:url("img/lm01.gif") no-repeat 0 0;
   padding-left:9px;
}
.footsmap a:before {
/*   content:"≫ "; */
}

.footsmap a:hover{
   color:black;
}
.footsmap a:visited{
   color:dimgray;
}

/* h1-h5 */
h1 {
	width: auto;
	height: 10px;
	overflow: hidden;
	text-align: left;
	margin: 0 0 5px 0;
	font-size: 10px;
	color: #999999;
	font-weight: normal;
}
h2 {
	width: auto;
	overflow: hidden;
	text-align: left;
	margin: 5px 0 10px 0;
	padding: 10px;
	font-size: 18pt;
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #DF4C69;
	background-color: #FFF;
	border-left : 5px solid #DF4C69;
}
.kon_h2 {
	width: auto;
	overflow: hidden;
	text-align: left;
	margin: 5px 0 10px 0;
	padding: 10px;
	font-size: 18pt;
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #000099;
	background-color: #FFF;
	border-left : 5px solid #000099;
}
h3 {
	width: auto;
	overflow: hidden;
	text-align: left;
	margin: 30px 0 10px 0;
	padding: 8px 15px;
	font-size: 18pt;
	font-weight: normal;
	letter-spacing: 3px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #DF4C69;
	background-color: #FFDDDC;
	border-left : 5px solid #DF4C69;
}
.kon_h3 {
	width: auto;
	overflow: hidden;
	text-align: left;
	margin: 30px 0 10px 0;
	padding: 8px 15px;
	font-size: 18pt;
	font-weight: normal;
	letter-spacing: 3px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #000099;
	background-color: #C5E2FE;
	border-left : 5px solid #000099;
}
h4 {
	width: auto;
	overflow: hidden;
	text-align: left;
	margin: 10px 0 5px 0;
	padding: 5px 0 0 15px;
	letter-spacing: 3px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #717171;
	font-size: 15pt;
	font-weight: bold;
}
h5 {
	width: auto;
	overflow: hidden;
	text-align: left;
	margin: 0 0 5px 0;
	padding: 2px 0 5px 10px;
	letter-spacing: 3px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #DF4C69;
	font-size: 21pt;
	font-weight: bold;
}


h6 {
	width: auto;
	overflow: hidden;
	text-align: left;
	margin: 0 0 0 0;
	padding: 40px 0 0 10px;
	letter-spacing: 3px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #EE0084;
	font-size: 19pt;
	font-weight: bold;
}
/* link */
a:link {
	color : #0000ff;
	text-decoration: none;
}
a:visited {
/*	color : #993366; */
	color : #0000ff;
	text-decoration: none;
}
a:hover {
	color : #ff6699;
	text-decoration: underline;
}
a:active {
	color : #ff0000;
	text-decoration: none;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
/* position */
.kaijyo {
	clear: left;
	color: #59B200;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
/* table */
th, td {
	color : #333333;
	font-size : 10pt;
	font-family: "ＭＳ Ｐゴシック", sans-serif;
}
.td_gaiyou_1 {
	width: 100px;
	padding: 10px 5px;
	background-color: #eee;
	text-align: right;
	line-height: 1.4em;
}
.td_gaiyou_2 {
	padding: 10px 5px;
	background-color: #fff;
	line-height: 1.4em;
}
/* img */
img {
	border: 0;
}
.img-b {
	border: 1px #cccccc solid;
}
/* margin */
.m2 {
	margin: 2px;
}
.m5 {
	margin: 5px;
}
.m8 {
	margin: 8px;
}
.m10 {
	margin: 10px;
}
.m15 {
	margin: 15px;
}
.m20 {
	margin: 20px;
}
.m30 {
	margin: 30px;
}
.m5v {
	margin: 5px 0;
}
.m10v {
	margin: 10px 0;
}
.m20v {
	margin: 20px 0;
}
.m30vl {
	margin: 30px 0 30px 20px;
}
.m8l {
	margin: 0 0 0 8px;
}
.m10b {
	margin: 0 0 10px 0;
}


.m5w {
	margin: 0 5px;
}
.m8w {
	margin: 0 8px;
}

.m10w {
	margin: 0 10px;
}
.m15w {
	margin: 0 15px;
}
.m20w {
	margin: 0 20px;
}
.m21w {
	margin: 0 21px;
}

.m22w {
	margin: 0 22px;
}
.m24w {
	margin: 0 24px;
}

.m25w {
	margin: 0 25px;
}
.m30w {
	margin: 0 30px;
}
.m40w {
	margin: 0 40px;
}
.m50w {
	margin: 0 50px;
}

.m55w {
	margin: 0 55px;
}

.m100w {
	margin: 0 100px;
}


.m105w {
	margin: 0 105px;
}

.m110w {
	margin: 0 110px;
}

.m120w {
	margin: 0 120px;
}

.m130w {
	margin: 0 130px;
}
.m132w {
	margin: 0 132px;
}


.m190w {
	margin: 0 190px;
}

.m200w {
	margin: 0 200px;
}
/* text */
.txt_ss_1 {
	text-align: center;
	font-size: 8pt;
	line-height: 1.4em;
}
.txt_ss_2 {
	text-align: left;
	font-size: 8pt;
	line-height: 1.4em;
	padding: 5px 0px 5px 1px;
}
.txt_kon_com {
	width: auto;
	overflow: hidden;
	text-align: left;
	margin: 0 0 5px 0;
	padding: 2px 0 5px 0;
	line-height: 1.5em;
	letter-spacing: 2px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #000099;
	font-size: 12pt;
	font-weight: bold;
}
.txt_kon_m {
	width: auto;
	overflow: hidden;
	text-align: left;
	margin: 0 0 5px 0;
	padding: 2px 0 5px 10px;
	letter-spacing: 2px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #000000;
	font-size: 12pt;
	font-weight: bold;
}
.lmnw{
  font-size:0.8em;
  color:dimgray;
}
/* box */

.box_mainphoto {
	width: 468px;
	float: left;
}
.mainphoto {
	border: 1px #FFCCCC solid;
	margin: 0 14px;
}
.box_mainspec {
	width: 288px;
	float: left;
	font-size : 9pt;
	line-height: 1.6em;
	color: #666666;
}
.box_mainphoto_kon {
	width: 280px;
	float: left;
	text-align: center;
}
.mainphoto_kon {
	margin: 0 30px 0 10px;
}

.mainphoto_kon2 {
	border: 1px #cccccc solid;
	margin: 3 7px;
}

.box_mainspec_kon {
	width: 660px;
	float: left;
	font-size : 9pt;
	line-height: 1.6em;
	color: #666666;
}
.box_kiji_kon {
	width: 220px;
	margin: 10px 5px 0 5px;
	float: left;
	text-align: center;
}
.kon_sozai {
	margin: 20px 10px 0 10px;
}
.box_1 {
	width: 738px;
	margin: 10px;
	text-align: center;
}
.box_2_ss {
	width: 360px;
	margin: 0 0 20px 12px;
	float: left;
	text-align: center;
}
.box_2_kon {
	width: 360px;
	margin: 0 0 20px 12px;
	float: left;
	text-align: center;
}
.box_2_mikata_biup {
	width: 372px;
	margin: 10px 0 10px 26px;
	float: left;
	text-align: center;
}
.box_3_ss {
	width: 200px;
	margin: 10px 12px 20px 12px;
	float: left;
	text-align: center;
	border: 1px #cccccc solid;
}
.box_3_ss_top {
	width: 234px;
	margin: 0 0 20px 14px;
	float: left;
	text-align: center;
}
.box_3_ss_osu {
	width: 240px;
	margin: 10px 3px 10px 3px;
	float: left;
	text-align: center;
	border: 1px #cccccc solid;
}





.box_2_ss_top {
	width: 340px;
	margin: 10px 10px 20px 20px;
	float: left;
	text-align: center;
}


.box_4_ss {
	width: 170px;
	margin: 0 0 20px 14px;
	float: left;
	text-align: center;
}
.box_4_kon {
	width: 180px;
	margin: 0 0 20px 6px;
	float: left;
	text-align: center;
}
.box_5_ss {
	width: 142px;
	margin: 0 0 20px 8px;
	float: left;
	text-align: center;
}
.box_ss_model_1_pink {
	margin: 10px 75px 20px;
	float: left;
	text-align: center;
	border: 1px #FFCCCC solid;
}
.box_ss_model_2_pink {
	width: 225px;
	margin: 10px 10px 20px 10px;
	float: left;
	text-align: center;
	border: 1px #FFCCCC solid;
}


.box_ss_model_3_pink {
	width: 225px;
	margin: 10px 10px 20px 10px;
	float: left;
	text-align: center;
	border: 1px #FFCCCC solid;
}

.box_ss_model_4_pink {
	width: 225px;
	margin: 10px 25px 20px 25px;
	float: left;
	text-align: center;
	border: 1px #FFCCCC solid;
}
.box_fun_1 {
	width: 150px;
	margin: 5px 0 10px 12px;
	padding: 2px 0 0 0;
	float: left;
	text-align: center;
	background : #ffffff;
	line-height: 1.4em;
	font-size : 10pt;
}
.box_fun_2 {
	width: 570px;
	margin: 5px 0 10px 12px;
	float: left;
	text-align: left;
	background : #ffffff;
	line-height: 1.4em;
	font-size : 10pt;
}
.box_map_1 {
	width: 280px;
	margin: 0 0 20px 120px;
	padding: 0 0 0 10px;
	float: left;
	text-align: left;
	border-left: #ccc 3px solid;
}
.box_map_2 {
	width: 280px;
	margin: 25px 0 20px 10px;
	padding: 0 0 0 10px;
	float: left;
	text-align: left;
	border-left: #ccc 3px solid;
}
.box_movie {
	width: 920px;
	padding: 20px 0;
	margin: 0 0 10px 0;
	background-color: #eee;
	text-align: center;
}
.box_rinen {
	text-align: left;
	width: 440px;
	font-size: 10pt;
	line-height: 1.4em;
	margin: 5px 0 5px 20px;
}
.box_700 {
	width: 700px;
	margin: 0 0 20px 12px;
	float: left;
	text-align: left;
}
.box_500 {
	width: 500px;
	margin: 0 0 20px 12px;
	float: left;
	text-align: left;
}
.box_400 {
	width: 400px;
	margin: 0 0 20px 12px;
	float: left;
	text-align: left;
}
.box_300 {
	width: 300px;
	margin: 0 0 20px 12px;
	float: left;
	text-align: left;
}
.box_200 {
	width: 200px;
	margin: 0 0 20px 12px;
	float: left;
	text-align: left;
}
/* page ss spec */
.item-t {
	font-size : 13pt;
	color: #333333;
	font-weight: bold;
}
.item-p {
	font-size : 12pt;
	color: #666666;
}
/* page top_index */
.topics {
	font-size : 10pt;
	line-height: 1.6em;
	color: #333333;
	text-align:left;
   padding:5px 14px;
}
.cate1 {
	font-size : 10pt;
	line-height: 1.9em;
	color: #333333;
}
.cate2 {
	font-size : 10pt;
	line-height: 2.8em;
	color: #333333;
}
/* line */
.line-dot {
	color : #cccccc;
	width: 100%;
	border-style: dotted;
	margin: 0.6em 0em 0.6em 0em;
}
.line-navi {
	color : #cccccc;
	width: 100%;
	border-style: dotted;
	margin: -0.3em 0em -0.3em 0em;
}
.line-k {
	color : #999999;
	width: 100%;
	margin: 1.2em 0em 1.2em 0em;
}
/* indent */
.indent1 {
	margin-left: 30px;
}
.indent2 {
	margin-left: 50px;
}
.indent3 {
	margin-left: 70px;
}
.indent4 {
	margin-left: 90px;
}
.indent5 {
	margin-left: 12px;
}
.indent6 {
	margin-left: 6px;
}
/* font */
.gf8 {
	background : #ffffff;
	line-height: 1.4em;
	font-size : 8pt;
}
.gf9 {
	background : #ffffff;
	line-height: 1.4em;
	font-size : 9pt;
}
.gf10 {
	background : #ffffff;
	line-height: 1.4em;
	font-size : 10pt;
}
.gf11 {
	background : #ffffff;
	line-height: 1.4em;
	font-size : 11pt;
}
.gf12 {
	background : #ffffff;
	line-height: 1.4em;
	font-size : 12pt;
}
.gf10b {
	background : #eeeeee;
	line-height: 1.4em;
	font-size : 10pt;
}
.sitemap {
	line-height: 1.8em;
	font-size : 10pt;
}
.c1 {
	color: #ffcccc;
	line-height: 1.4em;
	font-size : 10pt;
}
.f_red {
	color: #cc0000;
	font-size: 11pt;
	font-weight: bold;
}

/* topics */


/* cool choice */
#top_cool_choice{
	width:750px;margin:30px auto;	display:block;
}
#top_cool_choice > .inBox{
	padding:0.5em;
	border:3px solid #35B6ED;

}
#top_cool_choice > .inBox > .tt{
	margin:0;
	padding:0.3em 3em 0.2em 4em;
	text-indent:-1.1em;
	text-align:left;
	line-height:1.5em;
	font-size:15px;
}
@media only screen and (max-width: 733px){
#top_cool_choice > .inBox > .tt{
	font-size:10pt;
}
}
#top_cool_choice > .inBox > .tt::before{
  font-family: "Font Awesome 5 Free","Font Awesome 5 Brands";
  content:'\f04b';
  font-weight:bold;
  margin-right:0.5em;
  color:#35B6ED;
  font-size:0.7em;
}

#top_cool_choice > .inBox > .tt > sub{
	vertical-align:baseline;
	font-size:0.6em;
	margin-left:0.2em;
	margin-right:0.4em;
}