body {
font-size: 80%;
color: #373737;
font-family : "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3",
 "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",
 Verdana,Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
text-align: center;
}

body.index {
background: #FFF url(images/header.jpg) no-repeat;
background-position: top center;
}

body.sub {
background: #FFF url(images/sub_header.jpg) no-repeat;
background-position: top center;
}


img {
border: none;
}

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

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

a:hover {
	color: #F7931E;
}

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

hr {
clear: both;
}


/*基本構造
--------------------------------------------------------*/

#wrapper {
width: 960px;
margin: 0 auto;
padding: 0;
text-align: left;
background: none;
}

#container {
margin: 0;
padding: 0;
background: none;
}

#header {
position: relative;
width: 960px;
height: 100px;
margin: 0;
padding: 0;
background: none;
}

#content {
margin: 0;
padding: 0;
background: #fff;
}

#entry {
float: left;
width: 700px;
margin: 0;
padding: 0;
background: #fff;
}

#side {
float: right;
width: 210px;
margin: 0;
padding: 0 0 30px 0;
background: #fff;
}

#side dl {
	width: 210px;
	margin: 0 0 30px 0;
	padding: 0;
	border-left: 5px solid #0071BC;
}

#side dt {
	color: #FFF;
	text-align: center;
	margin: 0;
	padding: 5px;
	background: #0071BC;
}

#side dd {
	display: block;
	text-align: left;
	margin: 0 0 0 5px;
	padding: 15px 20px;
	border-left: 1px solid #CCC;
	border-bottom: 1px dotted #666;
}

#side dd a {
	display: block;
}

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

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

#pagetop {
	clear: both;
	width: 960px;
	margin: 0 auto;
	text-align: right;
}

#footer {
	clear: both;
height: 160px;
color: #FFF;
margin: 0;
padding: 10px 0 0 0;
background: #0071BC url(images/footer_back.jpg) repeat-x;
}

#foot_navi {
	width: 960px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}

#foot_navi ul {
	margin: 0;
	padding: 0;
	border-left: 1px solid #CCC;
}

#foot_navi li {
	font-size: .8rem;
	display: inline-block;
	padding: 2px 20px;
	border-right: 1px solid #CCC;
}

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

.foot_logospace {
	position: absolute;
	top: 38px;
	left: 0;
	text-align: left;
}

.foot_logo {
	font-size: 1.2rem;
	margin: 0 0 5px 0;
	padding: 0;
}

.foot_copy {
	position: absolute;
	top: 80px;
	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;
}


/*content
--------------------------------------------------------*/

h2 {
width: 686px;
height: 20px;
font-weight: normal;
line-height: 1.5em;
margin: 0 0 20px 0;
padding: 13px 0 13px 14px;
background: #FFF url(images/h2_back.jpg) no-repeat;
}

h3 {
color: #0071BC;
font-size: 1rem;
font-weight: normal;
margin-bottom: 20px;
padding: 7px 0 7px 14px;
border-left : 4px solid #0071BC;
background-color: #f3f8fc;
}

h4 {
color: #666;
font-size: 75%;
font-weight: normal;
margin: 0 0 10px 0;
padding: 5px 0 6px 21px;
background: #FFF url(images/arrow.jpg) no-repeat;
background-position: 0 5px;
border-bottom: 1px dotted #666;
}

h5 {
color: #253151;
font-size: 85%;
font-weight: bold;
margin: 0 0 5px 0;
padding: 0;
}

h6 {
font-size: 1rem;
font-weight: normal;
margin: 0 0 10px 0;
padding: 5px 0 4px 10px;
border-bottom: 1px solid #666;
}

#content p {
line-height: 1.7em;
margin: 0 0 20px 0;
padding: 0;
}

#content b {
color: #0070b6;
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;
} 


/*#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;
}


/*テーブルレイアウト（オンライン）
--------------------------------------------------------*/

#entry table.online {
width: 100%;
margin: 0 0 30px 0;
padding: 0;
border-collapse: collapse;
}

#entry table.online th {
width: 120px;
font-size: .8rem;
line-height: 1.5em;
font-weight: normal;
text-align: center;
padding: 7px;
border: 1px solid #888;
background-color: #ECF8FF;
}

#entry table.online td {
font-size: .8rem;
line-height: 1.5em;
font-weight: normal;
text-align: left;
padding: 7px 0 7px 14px;
border: 1px solid #888;
}


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

#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: 35px;
right: 0px;
}

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;}