@charset "utf-8";


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
th {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
tr {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
thead {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
tfoot {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
tbody {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
caption {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
table {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
legend {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
label {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
form {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
fieldset {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
li {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
ul {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
ol {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
dd {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
dt {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
dl {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
var {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
tt {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
sup {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
sub {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
strong {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
strike {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
small {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
samp {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
s {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
q {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
kbd {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
ins {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
font {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
em {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
dfn {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
del {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
code {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
cite {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
big {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
address {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
acronym {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
abbr {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
a {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
pre {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
blockquote {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
p {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
h6 {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
h5 {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
h4 {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
h3 {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
h2 {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
h1 {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
iframe {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
object {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
applet {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
span {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
div {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
body {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
html {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ul {list-style: none;}

ol {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
td {font-weight: normal;text-align: left;}
th {font-weight: normal;text-align: left;}
caption {font-weight: normal;text-align: left;}
q:after {content: "";}
q:before {content: "";}
blockquote:after {content: "";}
blockquote:before {content: "";}
q {quotes: "" "";}
blockquote {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
section {display: block;}
nav {display: block;}
menu {display: block;}
hgroup {display: block;}
header {display: block;}
footer {display: block;}
figure {display: block;}
figcaption {display: block;}
details {display: block;}
aside {display: block;}
article {display: block;}
/* -------------------------------------------------------------- */

body{
color:#333333;
font:14px Meiryo,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;
-webkit-text-size-adjust: none;
}


.clear {
	clear: both;
	line-height: 0px;
	}

.grid2-yellow:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

.grid2-blue:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#logo:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .grid2-yellow {
    height: 1em;
    overflow: visible;
}
* html .grid2-blue {
    height: 1em;
    overflow: visible;
}
* html #logo {
    height: 1em;
    overflow: visible;
}
* html .clearfix {
    height: 1em;
    overflow: visible;
}
/**/

/* リンク設定
------------------------------------------------------------*/
a{color:#006666;text-decoration:none;}
a:hover{color:#009999;}
a:focus{outline:0;}


a:active{outline:0;}


/* 全体
------------------------------------------------------------*/
#wrapper{
margin:0 auto;
padding:0 1%;
width:98%;
position:relative;
}

.inner{
margin:0 auto;
}

img{
max-width:100%;
}

.bmg10{
margin-bottom:10px;
}

ol.desimal-li li{
margin: 1em 0 1em 25px;
list-style-type: decimal;
list-style-position: outside;
}
/*************
/* ヘッダー
*************/
#header{
overflow:hidden;
padding:0 0 50px 0;
z-index:100;
}

* html #header{height:1%;}

#header h2{
margin-top:64px;
background-color:#ecf5f0;
border-bottom:3px solid #003333;
font-size:36px;
font-weight:bold;
color:#003333;
}

/*************
/* ロゴ
*************/
#header #logo{
margin-bottom:10px;
padding-top:25px;
}

#header #logo h1{
max-width:228px;
}

/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#mainBanner{
margin:0 auto;
padding:0;
width:100%;
line-height:0;
}

#mainBanner .inner{position:relative;}

#mainBanner img{
max-width:100%;
height:auto;
}

.txt-red {color: #FF0000;}
.txtb-red {color: #FF0000;font-weight: bold;}
.txt-blue{color: #0066FF}
.txtb-blue {color: #0066FF;font-weight: bold; font-size:14pt;}


/**************************
/* グリッド
**************************/
.gridWrapper{
padding-bottom:20px;
overflow: hidden;
}

* html .gridWrapper{height:1%;}
	
.grid{
float:left;
background:#fff;
}

.grid2-blue{
padding:10px;
background:#ecf5f0;
}

.grid2-yellow{
padding:10px;
background:#e9e7ae;
}

.grid2-yellow h5{
margin-bottom:10px;
padding:5px;
background:#252525;
text-align:center;
color:#ffffff;
}

.grid2-blue h5{
margin-bottom:10px;
padding:5px;
background:#252525;
text-align:center;
color:#ffffff;
}

.unit{
margin-bottom:40px;
}

.unit p{
margin-left:10px;
}

.grid2-yellow p{
margin-left:0;
}

.grid2-blue p{
margin-left:0;
}

h2.top-h2{
margin-bottom:15px;
padding:0 0 0 10px;
font-family: "Kaisho MCBK1", serif;
font-size:18px;
font-weight:bold;
color:#252525;
border-bottom: double 4px #009999;
}

h3.top-h3{
padding:0 0 10px 25px;
font-size:16px;
font-weight:bold;
color:#000000;
background-image:url('images/icon01.gif');
background-position:10px 3px;
background-repeat:no-repeat;
}

.grid2-yellow p{
padding:5px 10px;
}

.grid2-blue p{
padding:5px 10px;
}

.grid p{
padding:5px 10px;
}

.grid2-yellow p.img{
padding:0 0 10px 0;
}

.grid2-blue p.img{
padding:0 0 10px 0;
}

.grid p.img{
padding:0 0 10px 0;
}

.top-lead p{
padding:5px 10px 20px 10px;
}


p.readmore{
margin-bottom:20px;
padding:10px;
font-size:12px;
text-align:right;
}

p.readmore a{
padding:5px 5px 5px 15px;
-moz-border-radius: 4px;    /* 古いFirefox */
-webkit-border-radius: 4px; /* 古いSafari,Chrome */
border-radius: 4px;         /* CSS3 */

border: 1px #009999 solid;     /* 枠線の装飾 */
background-color: #009999;   /* 背景色 */
background-image:url('images/arrow01.gif');
background-position: 5px 8px;
background-repeat:no-repeat;
color:#e2eded;
}

p.readmore a:hover{
background-color: #e2eded;   /* 背景色 */
background-image:url('images/arrow01_on.gif');
color:#009999;
}

.arrow{
margin-bottom:5px;
padding-left:15px;
background-image:url('product/images/arrow02.gif');
background-position:left 3px;
background-repeat:no-repeat;
font-size:16px;
font-weight:bold;
overflow:hidden;
}

/* フッター */
#footer .grid{
color:#343434;
border:0;
background-color:#F6CEF5;
box-shadow:none;
}

#footer .grid p{padding:0;}

/*************
nav
*************/
		#nav
		{
			width: 50em; /* 1000 */
			font-weight: bold;
			position: absolute;
			top: auto;
			left: 50%;
			margin-left: -25em; /* 30 480 */
			z-index:100;
		}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
			}
				#nav li a
				{
					color: #fff;
					display: block;
				}
				#nav li a:active
				{
					background-color: #006666 !important;
				}

			#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #e2eded;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav > ul
			{
				height: 3.75em; /* 60 */
				background-color: #8B008B;
			}
				#nav > ul > li
				{
					width: 20%;
					height: 100%;
					float: left;
				}
					#nav > ul > li > a
					{
						height: 100%;
						font-size: 1.5em; /* 24 */
						line-height: 2.5em; /* 60 (24) */
						text-align: center;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: 1px solid #e2eded;
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							background-color: #B40486;
						}


				/* second level */

				#nav li ul
				{
					background-color: #009999;
					display: none;
					position: absolute;
					top: 100%;
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul a
						{
							font-size: 1em; /* 20 */
							border-top: 1px solid #e2eded;
							padding: 0.75em; /* 15 (20) */
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #006666;
							}


/*************
メイン コンテンツ
*************/
section.content{
padding:0 10px 10px;
margin-bottom:20px;
overflow:hidden;
font-size:14px;
}

* html section.content{height:1%;}

section.content p{margin-bottom:5px;}

#wrapper #right h2{
margin-bottom:10px;
text-align:center;
}

#wrapper #left h2{
margin-bottom:10px;
text-align:center;
}

#wrapper #right a{
text-decoration:underline;
}

#wrapper #left a{
text-decoration:underline;
}

#wrapper #right a:hover{
text-decoration:none;
}

#wrapper #left a:hover{
text-decoration:none;
}

#wrapper #right dl{
margin-bottom:20px;
}

#wrapper #left dl{
margin-bottom:20px;
}

#wrapper #left dl dt{
font-size:12px;
}

#wrapper #left dl dd{
margin-bottom:20px;
}

#wrapper #right dl dt{
padding-left:20px;
background-image:url('images/side_icon01.gif');
background-position:3px 2px;
background-repeat:no-repeat;
color:#009999;
font-weight:bold;
}

#wrapper #right dl dd{
padding-left:20px;
}

h3.heading{
padding:5px 10px 5px 30px;
margin:0 -10px 20px;
font-size:30px;
background:#ffffff;
border-bottom:1px dotted #009999;
background-image:url('images/h3_icon.gif');
background-position:left 13px;
background-repeat:no-repeat;
}

section.content img{
max-width:90%;
height:auto;
}

#gallery img{
padding:3px;
box-shadow:0 0 3px #ddd;
}

img.frame{
padding:3px;
box-shadow:0 0 3px #ddd;
}

#gallery .grid{
margin-bottom:10px;
box-shadow:none;
text-align:center;
}

	#wrapper #main-all .pan{
	margin-bottom:20px;
	color:#99cccc;
	}
	
	#wrapper #main-all a{
	text-decoration:underline;
	}
	
	#wrapper #main-all a:hover{
	text-decoration:none;
	}

	#wrapper .readmore a{
	text-decoration:none!important;
	}

	#wrapper #main-all h3{
	margin-bottom:20px;
	padding:0 10px 5px 30px;
	background-image:url('images/h3_icon.gif');
	background-position:left 6px;
	background-repeat:no-repeat;
	border-bottom: 1px dotted #006666;
	font-size:30px;
	font-weight:bold;
	}
	
	#wrapper #main-all h4{
	margin-bottom:15px;
	padding-left:10px;
	border-left:4px solid #252525;
	font-size:24px;
	font-weight:bold;
	line-height:1.2em;
	}
	
	#wrapper #main-all dl.index{
	margin:0 0 20px 30px;
	font-size:16px;
	}

	#wrapper #main-all dl.index dt{
	margin-bottom:5px;
	font-weight:bold;
	}
	
	#wrapper #main-all dl.index dd{
	margin-bottom:10px;
	padding-left:25px;
	background-image:url('product/images/icon_index.gif');
	background-position:left 5px;
	background-repeat:no-repeat;
	}

	.unit ol.disc-li{
	margin-bottom:10px;
	padding-left:30px !important;
	list-style-type:disc !important;
	}
	.unit ol.disc-li li{
	margin: 0.8em 0;
	}
	.event-li li {
	list-style-type: disc;
	list-style-position: inside;
	line-height:30px;
}

.event-li a{
	position:absolute;
	left:450px;
	display:inline;
	}
.company {
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}
.company th {
	padding: 8px;
	margin: 3px;
	background-color: #33CCCC;
	color: #FFFFFF;
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
}
.company td {
	border: 1px solid #666666;
	padding: 8px;
	margin: 3px;
	font-weight: normal;
	border-collapse: collapse;
}



.alignleft{
float:left;
clear:left;
margin:3px 10px 10px 0;
}

.alignright{
float:right;
clear:right;
margin:3px 0 10px 10px;
}



/*************
テーブル
*************/
table.table{
border-collapse:collapse;
width:100%;
margin:10px auto;
}

table.table td{
padding:5px;
border:1px solid #cc0000;
}

table.table th{
padding:5px;
border:1px solid #cc0000;
}

table.table th{
text-align:right;
font-weight:bold;
letter-spacing:1px;
white-space:nowrap;
color:#fff;
background:#b30322;
border-left:#cc0000 5px solid
}

a{color:#006666;}
a:hover{color:#006666;text-decoration:none;}

table.table td{border-left:#cc0000 3px double}

.tbl-layout {  
  width: 98%;
  margin: 0 auto 15px auto;
  border-bottom: none;
  background-color: #fff;
}
.tbl-layout dd {
  padding: 10px 20px;
}
.tbl-layout dt {
  padding: 10px 20px;
}
.tbl-layout dt {
  font-weight: bold;
  font-size:14px;
}
.tbl-layout dd {
  font-size:medium;
  padding-top:10px;
  padding-bottom:20px;
  border-bottom: 1px solid #bedfbe;
}
.tbl-layout dd textarea {
  max-width:100%;
}
.tbl-layout dd input {
  max-width:100%;
}
.tbl-layout .w70{
  font-size:0.9em;
  width:55px;	
  height:24px;
}
.tbl-layout .bdchange{
  border-bottom:none;	
}
.top-img img{
	border: 2px #009999 solid;
}

.siyou table{ margin:10px;
}
.siyou th{
	border: 1px solid #FFFFFF;
	padding: 10px;
	background-color: #0066FF;
	color: #FFFFFF;
	font-weight: bold;
}
.siyou th a:link{color: #FFFFFF;}
.siyou th a:hover{color: #FF9900;}

.siyou td{
	border: 1px solid #99CCFF;
	padding:0 8px 0 8px;
}

.menuuu li{
	list-style-image:url('images/qul.png');
	list-style-position:inside;
	color:#009999;
	font-size:medium;
}
/*************
/* フッター
*************/
#footer{
clear:both;
padding:20px 0 30px 0;
overflow:hidden;
background:#F6CEF5;
color:#343434;
}

* html #footer{height:1%;}

#footer a{text-decoration:none;}
#footer a:hover{text-decoration:underline;}

#footer .copyright{font-size:12px; text-align:center;}

h1{font-size:18pt; color:rgba(153, 0, 102, 1); font-weight:bold; margin:30px 10px 30px 10px}


/* PC用 */
@media only screen and (min-width:941px){	
	#header #logo h1{
	margin-right:10px;
	float:left;
	}
	
	#header #logo p{
	padding-top:8px;
	}
	
	#header h2{
	padding:30px 10px 10px 80px;
	}

	.inner{
	padding:0 20px;
	}
	
	#wrapper{
	padding:0 20px;
	}
	
	#wrapper{
	max-width:100%;
	margin:0;
	padding-bottom:0;
	display:table;
	}

	#wrapper #right{
	width:20%;
	padding: 10px 1%;
	background-color:#e2eded;
	display: table-cell;
	vertical-align:top;
	}

	#wrapper #left{
	width:20%;
	padding: 10px 1%;
	background-color:#e2eded;
	display: table-cell;
	vertical-align:top;
	}

	#wrapper #left{
	left:-59%;
	position:relative;
	}

	#wrapper #main{
	width:59%;
	padding: 10px 1%;
	display: table-cell;
	vertical-align:top;
	left:20%;
	position:relative;
	}

	#wrapper #main-all{
	width:100%;
	}
	
/* IE6 */
#wrapper li#right {
  _display: inline; /* display: inline-block;の代わり */
  _zoom: 1; /* 状況によって使い分ける */
}
 
#wrapper li#main {
  _display: inline; /* display: inline-block;の代わり */
  _zoom: 1; /* 状況によって使い分ける */
}
 
#wrapper li#left {
  _display: inline; /* display: inline-block;の代わり */
  _zoom: 1; /* 状況によって使い分ける */
}
 
/* IE7 */
*:first-child + html #wrapper li#right {
  display: inline; /* display: inline-block;の代わり */
  zoom: 1; /* 状況によって使い分ける */
}

	*:first-child + html #wrapper li#main {
  display: inline; /* display: inline-block;の代わり */
  zoom: 1; /* 状況によって使い分ける */
}

	*:first-child + html #wrapper li#left {
  display: inline; /* display: inline-block;の代わり */
  zoom: 1; /* 状況によって使い分ける */
}

	/* グリッド全体 */
	.gridWrapper{
	margin:0 20px 0 0;
	}
	

	/* グリッド共通 ベース:トップページ2カラム */
	.grid{
	float:left;
	width:49%;
	margin-left:1%;
	}

	.grid2-yellow{
	margin-top:30px;
	}

	.grid2-blue{
	margin-top:30px;
	}

	#gallery{
	padding-top:50px;
	clear:both;
	}

	#gallery .grid{
	float:left;
	width:23%;
	margin-left:1%;
	}
	
	

	.grid .top-img img{
	width:100%;
	height:auto;
	}
	
	/* サブコンテンツ + フッター グリッド(3カラム) */
	#footer .grid{border:0;}

	.f-navi{
	max-width:670px;
	margin-right:auto;
	margin-left:auto;
	}

	.copyright{
	clear:both;
	}

	.f-navi{
	clear:both;
	}

	.f-navi p{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	}

	.f-navi p a{
	padding-right:10px;
	border-right:1px solid #333333;
	}

			#nav
			{
				width: 100%;
				position: absolute;
				left:0;
				margin:0;
			}

  .tbl-layout {  
    width: 100%;
    margin: 0 auto 15px auto;
    border-bottom: none;
	background-image: url(../images/inquiry_bg01.gif);
	background-position: left;
	background-repeat: repeat-y;
  }
  .tbl-layout dt {
    padding: 10px 20px;
  }
  .tbl-layout dt {
    font-size:0.9em;
    clear: both;
    float: left;
    width: 50%;
    margin-top:5px;
  }
  .tbl-layout dd {
    font-size:0.9em;
    padding: 12px 20px 18px 4rem;
    border-bottom: 1px solid #bedfbe;
    border-left: 1px solid #FFFFFF;
  }
  .tbl-layout .w460{
    width:460px;	
    height:24px;
  }
  .tbl-layout .w460-2{
    width:460px;	
    height: auto;
  }
  .tbl-layout .w70{
    width:70px;	
    height:24px;
  }
  .tbl-layout .bdchange{
    border-bottom:1px solid #ccc;
  }
.movie{ width:50%; text-align:center;}
.pict li{ width:50%; text-align:center; float:left;}

.style1 {
	vertical-align: middle;
}
.img-box {
	width: 120px;
	height: auto;
}
.boo {text-align:center;}
.boo ul{text-align:center;}
.boo li{ float:left;padding:20px; border:1px #CC0066 dotted;width:45%;}

.sold {	text-decoration: line-through;color: #CC3300;}

}


/* モニター幅940px以下 */
@media only screen and (max-width:940px){
	*{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
	
	#header{padding:0 0 50px;}

			#nav
			{
				width: 100%;
				position: absolute;
				left:0;
				margin: 0;
			}

	#header h2{
	padding:20px 10px 10px 20px;
	}

	
	#header #logo p{
	padding:0 8px;
	}

	#wrapper {
	padding:0;
	}

	#wrapper #left{
	margin:0;
	padding:10px 10px 30px 10px;
	background-color:#e2eded;
	}

	#wrapper #main{
	margin-top:20px;
	}

	#wrapper #right{
	margin:0 0 10px 0;
	padding:10px 10px 30px 10px;
	background-color:#e2eded;
	}

	.grid{
	float:left;
	width:48%;
	margin:10px 2% 0 0;
	}
	
	.grid img{
	float:left;
	margin-right:5px;
	}
	
	.grid2-yellow{
	float: none;
	width:100%;
	margin-top:30px;

	}

	.grid2-blue{
	float: none;
	width:100%;
	margin-top:30px;

	}

	#gallery{padding-left:1px; clear:both; padding-top:30px;}
	
	#gallery .grid{
	width:23%;
	margin:0 2% 0 0;
	padding:0;
	}
	
	#gallery .grid img{
	float:none;
	margin:0;
	}

	.f-navi p{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	padding-right:10px;
	border-right:1px solid #333333;
	}
	
	#footer{
	padding-right:10px;
	padding-left:10px;
	}
	
	#footer .grid p{
	float:none;
	width:100%;
	text-align:center;
	border:0;
	}
	
	#footer .grid{
	float:none;
	width:100%;
	text-align:center;
	border:0;
	}
	
	.copyright{
	clear:both;
}


}


/* iPad 縦 */
@media only screen and (max-width:768px){
	#header{padding:0 0 50px;}	

	#header h1{text-align:center;}
	
	.event-li a{
	left:auto;
	}
}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
	#header{
	padding:44px 0 0 0;
	}

	#header h2{
	margin:0 0 20px 0;
	padding:20px 10px 10px 20px;
	border-top:3px solid #e2eded;
	font-size: xx-large;
	}

	#footer .grid p{text-align:center;}
	
	.grid2-yellow img{
	float:none;
	margin:0 auto;
	}
	
  	.grid2-blue img{
	float:none;
	margin:0 auto;
	}
	
  	.grid img{
	float:none;
	margin:0 auto;
	}
	
  .alignright{
	float:none;
	display:block;
	margin:0 auto 10px;
	}
	
	.alignleft{
	float:none;
	display:block;
	margin:0 auto 10px;
	}
	
	.f-navi{
	padding:10px 0 0 0;
	}

	.f-navi p{
	float:none;
	text-align:center;
	margin-bottom:10px;
	padding-bottom:10px;
	border-right:none;
	border-bottom:1px dotted #333333;
	}

			#nav
			{
				position: fixed;
				top: 0;
				left: auto;
				background-color:#8B008B;
			}
				#nav > a
				{
					height: 3.125em; /* 50 */
					padding:1em 0 1em 40px;
					text-align: left;
					color:#ededed;
					background-color: #B40486;
					position: relative;
					background-image:url('images/menu_icon.gif');
					background-position:10px center;
					background-repeat:no-repeat;
				}
					#nav > a:after
					{
						position: absolute;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:before
					{
						position: absolute;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #e2eded;
						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding: 1.25em; /* 20 */
					padding-top: 0;
				}
	.event-li li a{
	position: relative;
	 display: block;
	}
	.map {width:100%;height:auto;}
	.movie{ width:90%; text-align:left;}
	.pict li{ width:90%; text-align:left; float:none;}

}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:360px){
	.grid img{max-width:90%;height:auto;}

	#gallery .grid{
	float:left;
	width:46%;
	margin-bottom:10px;
	margin-left:1%;
	}
	.boo li{ float:none;padding:10px 0; margin-top:30px; border:1px #CC0066 dotted;width:98%;}
	.img-box {width: 75%;	height: auto;}


}