html {
	height: 100%;
}
body {
	font-size: 100%;
	color: #373737;
	font-family : "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3",
 "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",
 Verdana,Arial, Helvetica, sans-serif;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #FFF url(images/background.jpg) repeat-x;
	background-position: top center;
	border-top: 12px solid #FF778B;
}
#wrapper {
	width: 950px;
	height: 100%;
	min-height: 100%;
	text-align: left;
	margin: 0 auto;
	padding: 0 25px;
	background: #FFF;
	background: rgba(255,255,255,0.7);
}
body > #wrapper {
	height: auto;
}

img {
	border: none;
}

br.floatend {
	clear: left;
	margin: 0;
	padding: 0;
}

a {
	color: #373737;
	text-decoration: none;
}

a:hover {
	color: #FF778B;
}

a:hover img {
	opacity: 0.75;
	  filter: alpha(opacity=75);
	  -ms-filter: "alpha(opacity=75)";
}

hr {
	clear: both;
}


/*基本構造
--------------------------------------------------------*/
#container {
	width: 951px;
	margin: 0;
	padding: 0;
	background: none;
	overflow: hidden;
}
#header {
	position: relative;
	width: 951px;
	height: 95px;
	margin: 0;
	padding: 0;
	background: none;
}
#content {
	margin: 0;
	padding: 0;
	background: none;
}
#entry {
	float: left;
	width: 690px;
	margin: 0;
	padding: 30px 0;
	background: none;
}
#side {
	float: right;
	width: 230px;
	margin: 0;
	padding: 30px 0;
	background: none;
}

#side dl {
	width: 230px;
	margin: 0 0 30px 0;
	padding: 0;
}

#side dt {
	color: #444;
	font-size: 0.8rem;
	text-align: left;
	margin: 0;
	padding: 10px;
	background: none;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 3px solid #D9E021;
	border-left: 1px solid #CCC;
}

#side dd {
	display: block;
	font-size: 0.8rem;
	text-align: left;
	margin: 0 0 0 5px;
	padding: 12px 0 10px 25px;
	border-bottom: 1px solid #CCC;
	background: url(images/arrow.png) no-repeat;
	background-position: left center;
}

#side dd a {
	display: block;
}

#side p.side_name {
	font-size: 1rem;
	margin: 15px 0 0 0;
	padding: 0;
}

#side p.side_info {
	font-size: .7rem;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

#footer {
	clear: both;
	height: 164px;
	color: #FFF;
	margin: 0;
	padding: 0;
	background: #FF778B url(images/footer_back.png) repeat-x;
}

#foot_space {
	position: relative;
	color: #FFF;
	margin: 0 auto;
	width: 1000px;
}

.foot_logo {
	position: absolute;
	top: 55px;
	left: 0;
	text-align: left;
}

.foot_copy {
	position: absolute;
	top: 50px;
	right: 0;
	font-size: .7rem;
	text-align: right;
	margin: 0;
	padding: 0;
}

table.main_menu {
	border-collapse: collapse;
	width: 341px;
	margin: 0;
	padding: 0;
}
.table_head {
	color: #FFF;
	width: 341px;
	height: 44px;
	font-size: 1.1rem;
	font-weight: normal;
	text-align: center;
	margin: 0;
	padding: 0;
	background: #0070b6 url(images/table_head.jpg) no-repeat;
}
.table_body {
	width: 341px;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	background: #FFF url(images/table_body.jpg) repeat-y;
}
.table_foot {
	width: 341px;
	height: 5px;
	background: #FFF url(images/table_foot.jpg) no-repeat;
}
p.menu_comment {
	font-size: .9rem;
	line-height: 500%;
	margin: 0;
	padding: 0;
}
.arrow {
	text-align: right;
	margin: -15px 15px 0 0;
	padding: 0 15px 0 0;
	background: url(images/arrow.png) no-repeat;
	background-position: center right;
}


/*entry
--------------------------------------------------------*/

h2 {
	clear: both;
	color: #FF778B;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0 0 20px 0;
	padding: 3px 0 3px 0;
	border-bottom: 3px solid #FF778B;
}

h3 {
	clear: both;
	color: #FF778B;
	font-size: 1.2rem;
	font-weight: normal;
	margin: 30px 0 15px 0;
	padding: 9px 0 7px 5px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background: none;
}

h4 {
	clear: both;
	color: #FF778B;
	font-size: 1.1rem;
	font-weight: bold;
	margin: 40px 0 15px 0;
	padding: 5px 0 5px 16px;
	border-left : 4px solid #FF778B;
	border-bottom: 1px solid #CCC;
	background: none;
}

h5 {
	clear: both;
	color: #FFF;
	font-size: 1rem;
	font-weight: bold;
	margin: 40px 0 15px 0;
	padding: 7px 0 7px 15px;
	background: #FF778B;
}

h6 {
	clear: both;
	color: #666;
	font-size: 1rem;
	font-weight: bold;
	margin: 40px 0 15px 0;
	padding: 7px 0 7px 5px;
	background: none;
	background-position: 0 5px;
	border-bottom: 1px dotted #666;
}

#entry p {
	line-height: 1.8rem;
	margin: 0 0 20px 0;
	padding: 0;
}

#content b {
color: #5e9acc;
font-weight: bold;
}

.info_box {
width: 700px;
padding: 10px 20px;
background: #FFFEEC;
border: 1px solid #CCC;
border-radius: 5px;
}

.white_box {
width: 700px;
padding: 10px;
background: #FFF;
}

#content ul.list {
margin: 0 0 20px 0;
padding: 0;
} 

#content ul.list li {
list-style: none;
text-decoration: none;
margin: 0;
padding: 2px;
border-bottom: 1px dotted #666;
} 

#content ul.list li a {
color: #333;
font-size: 90%;
text-decoration: none;
}

#content ul.information {
margin: 0;
padding: 0 20px;
} 

#content ul.information li {
list-style: disk;
margin: 0;
padding: 5px 0;
} 

.pageback a {
	color: #666;
	text-align : left;
	font-size:9pt;
	border-bottom: 1px dotted #666;
}
.pageback a:hover {
	color: #FF778B;
	border-bottom: 1px dotted #FF778B;
}

#entry ol {
	margin: 0 0 20px 25px;
	padding: 0;
}

ol li {
	font-size: .9rem;
	line-height: 1.4rem;
	padding: 0 0 15px 0;
}

#entry ul {
	margin: 0 0 20px 5px;
	padding: 0;
}

ul li {
	font-size: .9rem;
	line-height: 1.4rem;
	list-style: none;
	padding: 0 0 15px 0;
}


/*#content img
--------------------------------------------------------*/

#content img.right {
float: right;
margin: 0 0 20px 20px;
}

#content img.left {
float: left;
margin: 0 20px 20px 0;
}

#content img.sample {
float: none;
margin: 0 0 7px 0;
}

#content img.left_sample {
float: left;
margin: 0 20px 7px 0;
}

#content img.plan {
float: left;
margin: -8px 20px 12px 0;
}


/*テーブル online
--------------------------------------------------------*/
#entry table.online {
	margin: 0 0 30px 0;
	padding: 0;
	border-collapse: collapse;
}
#entry table.online th {
	font-size: 0.7rem;
	line-height: 1.5em;
	font-weight: normal;
	text-align: center;
	padding: 6px 35px;
	border: 1px solid #CCC;
	background: #FEFFEC;
}
#entry table.online td {
	font-size: 0.9rem;
	line-height: 1.5em;
	font-weight: normal;
	text-align: left;
	padding: 6px 35px;
	background: #FFF;
	border: 1px solid #CCC;
}


/*テーブルレイアウト（メールフォーム）
--------------------------------------------------------*/

#content table.form {
margin: 0 0 50px 0;
padding: 0;
}

#content table.form th {
width: 130px;
font-size: 9pt;
text-align : right;
font-weight: normal;
padding: 0 10px 14px 0;
}

#content table.form td {
font-size: 10pt;
font-weight: normal;
padding: 0 0 14px 0;
}

#content table.form th span {
color : red;
}

/*#header
--------------------------------------------------------*/
#header #logo {
	position: absolute;
	top: 24px;
	left: 10px;
}
#header #tel {
	position: absolute;
	top: 24px;
	right: 10px;
}
h1 {
	height: 1px;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

#header p {
position: absolute;
top: 38px;
left: 0;

font-size: 85%;
}


/* ---------- navigation ---------- */

div#navigation ul {
	height: 54px;
	margin: 0;
	padding: 0;
}

div#navigation li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	text-indent: -9999px;
	height: 54px;
}

div#navigation li a {
	display: block;
	text-decoration: none;
	padding: 0;
	height: 54px;
	background-image: url(images/groval_navigation.png);
}

div#navigation ul#navi li#item1 { width: 192px;}
div#navigation ul#navi li#item2 { width: 192px;}
div#navigation ul#navi li#item3 { width: 192px;}
div#navigation ul#navi li#item4 { width: 192px;}
div#navigation ul#navi li#item5 { width: 192px;}

div#navigation ul#navi li#item1 a { background-position: 0 0;}
div#navigation ul#navi li#item2 a { background-position: -192px 0;}
div#navigation ul#navi li#item3 a { background-position: -384px 0;}
div#navigation ul#navi li#item4 a { background-position: -576px 0;}
div#navigation ul#navi li#item5 a { background-position: -768px 0;}

div#navigation ul#navi li#item1 a:hover { background-position: 0 -54px;}
div#navigation ul#navi li#item2 a:hover { background-position: -192px -54px;}
div#navigation ul#navi li#item3 a:hover { background-position: -384px -54px;}
div#navigation ul#navi li#item4 a:hover { background-position: -576px -54px;}
div#navigation ul#navi li#item5 a:hover { background-position: -768px -54px;}


#navigation {
	margin: 0;
	padding: 0;
}
#navigation a:hover .navi_box {
	background: #FF778B;
	background: rgba(255,119,139,0.15);
}
#navigation a:hover .navi_box span {
	color: #FFF;
}
.navi_box {
	float: left;
	width: 189px;
	color: #FF778B;
	font-weight: normal;
	line-height: 1.15rem;
	text-align: center;
	margin: 0;
	padding: 7px 0;
	border-right: 1px solid #FF778B;
	border-bottom: 5px solid #FF778B;
}
.navi_box span {
	color: #666;
	font-size: .7rem;
}

#main-gallery {
	clear :both;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
 
#main-gallery .gallery-cell {
	width: 951px;
	height: 389px;
	counter-increment: gallery-cell;
	margin: 0;
	padding: 0;
}