/*plusSHIN
*/

/* Base Layout
------------------------------------------------------------ */
html {
	overflow: auto;
}
* html { /* for IE6 */
	overflow: hidden;
	overflow-x: auto;
	height: 100%;
}
body {
	color:#333333;
	line-height:normal;
	font-family: "游明朝", YuMincho ,  "Yu Mincho" , "游明朝体" , serif;
	/*font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;*/
	overflow-x: hidden;
	position: relative;
	min-width: 320px;
	background-color: #FFFFFF;
	font-size: 1em;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align:justify;
}
* html body { /* for IE6 */
	overflow-y: auto;
	height: 100%;
}

ul{
	list-style:none;
}
li{
	float:left;
}
/* clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,legend,textarea,p,blockquote,th,td{ 
	margin:0;padding:0;
}
img{ 
	border:0;
	vertical-align:bottom }
	
#topbutton {
      /* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      bottom: 18px;   /* ←下端からの距離 */
      right: 20px;    /* ←右端からの距離 */

      /* ▼最初は非表示にしておく */
      display: none;
}
/*h1 {
	font-size: 1em;
}*/

/*　Base Link 
------------------------------------------------------------ */
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

a:link {
	color:#A0A0A0;
	text-decoration:none;
}
a:visited {
	color:#A0A0A0;
	text-decoration:underline;
}
a:hover, a:active {
	color:#CDBA9B;
	text-decoration:none;
}

#footer a:link {
	color:#FFFFFF;
	text-decoration:none;
}
#footer a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}
#footer a:hover, a:active {
	color:#A0A0A0;
	text-decoration:none;
}
.Topics a:link { text-decoration:underline;}

/* test
------------------------------------------------------------ */
p.resizeimage img { width: 100%; }

/* 
------------------------------------------------------------ header */
@media screen and ( min-width:320px )
{
#header {
	margin-right: -500%;
	margin-left: -500%;
	padding-right: 500%;
	padding-left: 500%;
	margin-top:2em;
}
#header .top_name {
	float: left;
	margin-left: 3%;
}
#header .top_name img{width:80%;}
/*#header .head_nav {display: none ;}*/
#header .head_nav { float:left; margin-left:0.5em; margin-bottom:0.5em;}
#header .head_nav .head_icon { display:none;}
#header .head_nav .head_add {float:left; font-size:0.8em;}
#header .head_nav .head_add {}
#header .head_menu #toggle {
	display: block ;
	position: absolute;
	float: right;
	margin-top: 10px;
	right: 0em;
}
#header .head_menu #toggle img { width: 70%; }
#header .head_menu #menu{
	display: none ;
	width:100%;
	opacity:0.9;
	position:fixed;
	z-index:100;
	margin-top:5em;
}

#header .head_menu #menu li{
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #c0c0c0;
}
#menu li a{
  display: block;
  position: relative;
  padding: 12px 0 10px;
  background:#999999;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#menu li a:hover{ background: #4D4D4D;}

#gnav { display:none;}
/*------------------------------------------------------------------　top　*/
#wrapper{
	max-width: 478px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}
#head_img {width: 100%;
background-color:#999999;
background-repeat:repeat-x: }
#head_img .imgbox{max-width:75%; margin:auto;}
#head_img  img{width: 100%;}
#main {
/*	width:96%;*/
	margin-top: 2em;
	margin-bottom: 1em;
	margin-left:1em;
	margin-right:1em;
}
.topi_box{
	float: left;
	width: 100%;
	margin: 0 auto 1em;
}

.topi_box .topi_title img{ width:100%;}
.topi_box .topi_inner .date {
	float: left;
	margin-left: 2.5%;
	margin-top: 0.3em;
	width: 97.5%;
}
.topi_box .topi_inner .Topics {
	float: left;
	width: 95%;
	margin-top: 0.5em;
	margin-left: 2.5%;
	margin-right:2.5%;
}
.topi_box .topi_inner li {
	padding-bottom: 0.7em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-top: 0.7em;
	width: 100%;
	float: left;
}
.topi_more{ float:right; margin:1em;}
/*.top #wrapper .message {
	width: 90%;
	margin: 4em auto 2em;
	font-size:1.2em;
	font-family: "游明朝", YuMincho ,  "Yu Mincho" , "游明朝体" , serif;
	line-height:1.8em;
	
}*/
#contents .ttl{
	width:100%;
	text-align:center;
	font-size:1.6em;
	margin:2em auto 1em;
}
.bar{
	height: 8px;
	width:100%;
	background-color:#4D4D4D;
	background-repeat:repeat-x;
	margin-top:2em;
	
}
.inner img { width:100%;}
.text2 { text-align:center; margin-top:2em;}
.text3 { margin-top:2em;}
.sighn { text-align:right; margin-top:1em; font-size:0.7em;}
.contact { text-align:center; margin-top:2em;}
.contact img { width:100%;}
#contents table{ width:100%; margin-top:2em;}
#contents th, td{ display:block; width:100%; box-sizing: border-box; }
#contents th {
	background:#666666; 
	color:#FFFFFF;
	padding:0.3em 0.5em;
}
#contents td {
	background:#CCCCCC;
	padding:0.5em 0.5em ;
}

#contents table caption{caption-side: left;}
.inner , .map { text-align:center; margin-top:2em;}



/*----------------------------------------------------------------------- footer */

#footer {
	width: 100%;
	margin-right: -500%;
	margin-bottom: 0;
	margin-left: -500%;
	padding-top: 0.5em;
	padding-right: 500%;
	padding-bottom: 2em;
	padding-left: 500%;
	background-color: #808080;
	color: #FFFFFF;
	margin-top: 0.5em;
	clear: both;
	float: left;
}
#footer .f_nav {display:none;}

#footer .f_name {
	float: left;
	width: 100%;
	font-family: "游明朝", YuMincho ,  "Yu Mincho" , "游明朝体" , serif;
	line-height:1.5em;
}
#footer .f_pp {
	margin-top: 1em;
	width: 100%;
	float: left;
	padding-left: 2%;
	font-size:0.8em;
}

#footer .f_info{
	width:80%;
	margin:1em 10%;
	float:left;
}
#footer .f_info li{ width:100%;}



/*ボタン
------------------------------------------------*/
.down{
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #999;
}
}
@media screen and ( min-width:767px )
{
#main {
	max-width:767px;
	/*margin-left:auto;
	margin-right:auto;*/
}
#wrapper{max-width: 939px;}
/*#header .top_name img{width:100%;}*/


#header .head_menu #toggle img { width: 100%; }
#header .head_menu #toggle {margin-right: 5%;}
.topi_box{width: 60%;}
.topi_box .topi_inner .date {	margin-right: 2em;}
#gnav{
	display:block;
	width:35%;
	float:left;
	margin-left:5%;
}
.navbtn {
	box-shadow: 3px 3px 10px #c0c0c0;
	background-position:95% 95%;
	background-repeat:no-repeat;
}
#gnav li{ 
	width:100%;
	margin-bottom:0.5em;
	}
/*#gnav li{ 
	margin-bottom:0.5em;
	width:100%;
	text-align:center;
	padding-bottom:0.2em;
	padding-top:0.2em;
	}
*/
#gnav li a{
  display: block;
  position: relative;
  padding: 12px 0 10px;
  background:#fff;
  text-align: center;
  text-decoration: none;
}
#gnav li a:hover{ background: #444;}



/*.topi_box .topi_title {
	padding-top:0.2em;
	padding-bottom:1em;
	margin-left: 1em;
	margin-right: 1em;
	text-align: center;
}
.topi_box .topi_inner .date {
	float: left;
	margin-right: 1em;
	margin-top: 0.3em;
	width: 20%;
}
.topi_box .topi_inner .Topics {
	float: left;
	width: 68%;
	margin-top: 0.1em;
}*/

/*#footer .img_sp{display:none;}
#footer .img_pc{display:block;}*/

#footer .f_name{
	margin:0 0 1em 2%;
}
#footer .f_info{
	margin:0.5em 0 0;
} 

#footer .f_nav {
	display:block;
	color: #FFFFFF;
	float: left;
	padding-top: 10px;
	line-height: normal;
	padding-left: 35%;
	position:absolute;
}
#footer .f_nav li{
	float: left;
	width: auto;
	margin-bottom: 1em;
	margin-right: 20px;
}
#footer .f_nav .border {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	margin-right: 20px;
	padding-right: 20px;
}
	
/*----------------------------------------------------------------------*/
.text3 { text-align:center; line-height:2em;}
.sighn{ margin-right:2em; font-size:0.8em;}
.contact img {width:auto;}
#contents table{ width:839px; margin: 2em 0 2em 5%; }
#contents th { 
	width:130px; 
	display:inline-block;
	background:none;
	color:#333333;
	}
#contents td { 
	width:684px; 
	display:inline-block;
	background:none;
	}
/*#contents th {
	background:#666666; 
	color:#FFFFFF;
	padding:0.3em 0.5em;
}
#contents td {
	background:#CCCCCC;
	padding:0.5em 0.5em ;
}*/

}
@media screen and ( min-width:940px )
{

#header .top_name {	margin-left: 0px;}
#header .head_menu {display: none ;	}
#header .head_menu #toggle {
	display: none ;
}
#menu li a{ display: none;}

#header .head_nav {
	/*display: block ;*/
	width:40%;
	float: right;
	margin-bottom:1em;
}
#header .head_nav ul{ width:100%;}
/*#header .head_nav .navicon{
	margin-top:-1.2em;
}*/

#header .head_nav .head_icon { display:block;}
.widthsize{
	max-width: 940px;
	margin-right: auto;
	margin-left: auto;
}

#header .head_nav li {
	float: left;
	/*margin-left: 10px;*/
	margin-right: 10px;
	padding-right: 10px;
}
#header .head_nav img{ vertical-align:middle;}
#header .head_nav .border_g {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
/*--------------------------------------------　top　--*/
#wrapper{max-width: 940px;}
/*.top #wrapper .topi_box {
	float: left;
	width: 100%;
	margin-bottom: 2em;
	margin-top: 2em;
}
.top #wrapper .topi_box .topi_title { text-align:left; }
.top #wrapper .topi_box .topi_inner {	width: 100%;}
.top #wrapper .topi_box .topi_inner .icon {	width: auto;margin-right: 1em;}
.top #wrapper .topi_box .topi_inner .date {
	float: left;
	margin-right: 3em;
	margin-left: 1em;
	margin-top: 0.3em;
	width: 6em;
}
.top #wrapper .topi_box .topi_inner .Topics {
	margin-top: 0.3em;
	width: auto;
}*/
#main {
	max-width:940px;
	margin-right: auto;
	margin-left: auto;
}
.inner img{width:auto;}

#footer .f_nav {padding-left: 20%; font-size:0.8em;}

}

/* topics
------------------------------------------------------------ */
@media screen and ( min-width:320px )
{
.text_l, .text_m, .text_s {
	color: #7995CC;
	text-align:center;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
}
.topics #wrapper #main .text_l {font-size:2em;}
.topics #wrapper #main .text_m {font-size:1.4em;width:90%;margin:0.5em auto 0;}
.topics #wrapper #main .text_s {font-size:1.2em;}
.topics #wrapper #main .text {
	font-size:1.2em; 
	color:#8B81B5;
	width:90%;
	margin:1em auto;
}
.topics #wrapper #main .image_photo img {
	width: 100%;
}
.topics #main .price {
	padding: 2%;
	border: 6px solid #8B81B5;
	color:#7995CC;
	margin:1em 0 2em;
	font-size:1.2em;
}
.topics #main .price table{ margin:auto;}
}

@media screen and ( min-width:767px )
{
.topics #wrapper #main .text_l {font-size:3.6em;}
.topics #wrapper #main .text_m {font-size:2.8em;width:80%;margin:1em auto 0;}
.topics #wrapper #main .text_s {font-size:2em;}
.topics #wrapper #main .text {
	font-size:1.6em; 
	width:80%;
}
.topics #main .price {
	width:100%;
	margin:1em 0 2em;
	background-color:#8B81B5;
	color:#FFFFFF;
	padding:2% 0;
	border:none;
}
.topics #main .price table{ margin:1em;}
}
/* mail
------------------------------------------------------------ */
@media screen and ( min-width:320px )
{
#formWrap {
	width:100%;
	margin:2em auto;
	color:#666666;
	line-height:120%;
	font-size:100%;
}
#formWrap h1{ text-align:center; margin-bottom:1em;}
table.formTable{
	width:100%;
	table-layout:fixed;
	margin:1em auto 2em;
	border-collapse:collapse;
}
/**/table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
	display:block;
}
/**/table.formTable th{
	font-weight:normal;
	/*color:#FFFFFF;*/
	text-align:left;
	background-color:#E2E2E2;
}
h3{	text-align:center;
}
p{	text-align:center;
}
.info{
	margin-top:1em;
	margin-left:1em;
	text-align:left;
}
}
@media screen and ( min-width:767px )
{
/**/table.formTable td,table.formTable th{
	display:table-cell;
}
/**/table.formTable th{
	width:30%;
}
/**/table.formTable td{
	width:60%;
	}
}	
@media screen and ( min-width:940px )
{
#formWrap {
	width:70%;
}
}