@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

body {
	text-align: center;
	background: url(/img/tmgms_bg.png);
	background-attachment: fixed;
	background-repeat: repeat;
	background-position: 50% 50%;
	background-color: #FEE4E4;	
	font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

a {
	text-decoration:none;
}
h4 {
	margin:0;
	padding:0.4em 0;
	color:white;
	background:#FF9C9C;
}
.newsText li {
	margin-bottom:0.8em;
}
.ico_new {
  position: relative;
  left: -6PX;
  top: -156px;
  overflow: hidden; /* 不要部分を消す */
}

.ico_new:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100px;
  height: auto;
  background: #FF005A;
  content: "New!!"; /* 表示するテキストをここで変えます */
  text-align: center;
  color: #fff;
  font-family: 'Geo', sans-serif;/* Webフォント ※別途読み込みが必要です */
  font-size: 1.5em;
  padding: 12px 20px;
  left: -40px;
  top: 10px;
  -webkit-transform: rotate(-30deg);  /* Safari,Chrome用 */
  -moz-transform: rotate(-30deg); /* Firefox用 */
  -o-transform: rotate(-30deg);  /* Opea用 */
  transform: rotate(-30deg); /* CSS3 */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.ico_new:hover:after {
  filter: alpha(opacity=60); /* IE用 */
  -webkit-opacity:0.6; /* Safari,Chrome用 */
  -moz-opacity:0.6; /* Firefox用 */
  -o-opacity:0.6; /* Opea用 */
  opacity:0.6; /* Opea用 */
}


/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	/*width:83%;*/
	padding-left: 2.5%;
	padding-right: 2.5%;
	clear: none;
	float: none;
}
#Header {
	width:98%;
	padding:1em 1%;
	margin-bottom:0.2em;
	background-image: url(/img/head_bg.png);
	border: #FFD3AD solid 1px;
}
.left {
	width:49%;
	float:left;
	text-align:left;
}
.right {
	width:49%;
	float:right;
	text-align:right;
}
#MainImage {
	margin-bottom:1em;
}
#News  {
	padding:0;
	margin-bottom:1em;
	background:#FFD3D4;
	border:solid 1px #FFA2C4;
}
#Link {
	padding:1.8em 1em 1.6em;
	background:#FFD3D4;
	border:solid 1px #FFA2C4;
}
#Link img {
	margin-bottom:1em;
}
#Footer {
	padding:2em 0;
}
#text-frame {
	height:11em;
	margin-bottom:0.4em;
	overflow:auto;
}
#div1 {
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
	/*width: 97.5%;*/
	width:85%;
	padding-left: 1.25%;
	padding-right: 1.25%;
	clear: none;
	float: none;
	margin-left: auto;
}
#Header {
}
.left {
}
.right {
}
#MainImage {
}
#News {
}
#Link {
}
#Footer {
}
#text-frame {
}
#div1 {
}
.zeroMargin_tablet {
margin-left: 0;
}
.hide_tablet {
display: none;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
	width: 92.5%;
	max-width: 1000px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#Header {
}
.left {
}
.right {
}
#MainImage {
}
#News {
	width:60%;
	float:left;
}
#Link {
	width:34%;
	float:right;
}
#Footer {
}
#text-frame {
	height:8.8em;
	margin-bottom:0.4em;
	overflow:auto;
}

h4 {
	text-align:left;
	padding-left:0.8em;
}
h4 span {
	margin-right:0.4em;
	border-left:Yellow solid 0.2em;
}
#div1 {
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
}

.button {
	width:80%;
	background:rgba(255,185,187,0.80);
	margin:2em auto;
	padding:1em 0;
	font-weight:bold;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.button a {
	font-weight:600;
	display:block;
	text-decoration:none;
	color:gray;
}

.button a:hover {
	color:black;
}