@charset "utf-8";

/* RESET ****************************************************************/
html,body,div,span,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,p,a,img,address,em,strong,del,ins,blockquote,q,table,tr,th,td {
	outline: 0;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: 400;
	font-size: 100%;
	background: transparent;
}
table { border-collapse: collapse; border-spacing: 0; }
ol,ul { list-style: none; }
blockquote,q { quotes: none; }


/* DEFAULT ****************************************************************/
body {
	line-height: 1.5;
	color: #574E4D;
	font-family: "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 75%;
	background: #FFF url(../images/bg1.jpg) repeat-x;
}

a:link,a:visited {
	border-bottom: none;
	color: #737272;
	text-decoration: none;
}
a:hover,a:active {
	border-bottom: none;
	color: #008CD6;
	text-decoration: underline;
}

img,object,embed {
	vertical-align: bottom;
}

/* CONTAINER ****************************************************************/
div#container {
	width: 800px;
	margin: 0 auto;
	padding: 0 4px;
	background: #FFF url(../images/bg2.gif) no-repeat;
}

div#container div#contents .list-last {
	margin-right: 0;
}

div#container div#contents div.topback p {
	float: right;
	width: 125px;
	text-indent: -9999px;
}
div#container div#contents div.topback a {
	display: block;
	height: 26px;
	background: url(../images/pagetop.gif) no-repeat 0 0;
}
div#container div#contents div.topback a:hover {
	background-position: 0 -26px;
}


/* HEADER ****************************************************************/
div#header {
	width: 800px;
	height: 330px;
}

div#header div#h-top {
	width: 800px;
	height: 50px;
}
div#h-top h1 {
	float: left;
	width: 400px;
	height: 49px;
	text-indent: -9999px;
	background: url(../images/logo.gif) no-repeat;
}
div#h-top h1 a {
	float: left;
	width: 400px;
	height: 49px;
	text-indent: -9999px;
	background: url(../images/logo.gif) no-repeat;
}
div#h-top ul {
	float: right;
	width: 380px;
	height: 42px;
	padding-top: 7px;
}
div#h-top li {
	float: right;
	line-height: 1em;
	padding: 2px 7px 0 5px;
	border-left: #00A0E8 solid 3px;
	font-size: 12px;
}

div#header p#main-img {
	width: 800px;
	height: 250px;
	text-indent: -9999px;
	background: url(../images/main_img.jpg) no-repeat;
}

div#header ul#g-nav {
	width: 800px;
	height: 30px;
}
ul#g-nav li {
	float: left;
	width: 100px;
	text-indent: -9999px;
}
ul#g-nav a {
	display: block;
	height: 30px;
}

li#g-nv1 a { background: url(../images/g_nav.jpg) no-repeat 0 0;}
li#g-nv2 a { background: url(../images/g_nav.jpg) no-repeat -100px 0;}
li#g-nv3 a { background: url(../images/g_nav.jpg) no-repeat -200px 0;}
li#g-nv4 a { background: url(../images/g_nav.jpg) no-repeat -300px 0;}
li#g-nv5 a { background: url(../images/g_nav.jpg) no-repeat -400px 0;}
li#g-nv6 a { background: url(../images/g_nav.jpg) no-repeat -500px 0;}
li#g-nv7 a { background: url(../images/g_nav.jpg) no-repeat -600px 0;}
li#g-nv8 a { background: url(../images/g_nav.jpg) no-repeat -700px 0;}

li#g-nv1 a:hover { background-position: 0 -30px;}
li#g-nv2 a:hover { background-position: -100px -30px;}
li#g-nv3 a:hover { background-position: -200px -30px;}
li#g-nv4 a:hover { background-position: -300px -30px;}
li#g-nv5 a:hover { background-position: -400px -30px;}
li#g-nv6 a:hover { background-position: -500px -30px;}
li#g-nv7 a:hover { background-position: -600px -30px;}
li#g-nv8 a:hover { background-position: -700px -30px;}


/* CONTENTS ****************************************************************/
div#contents {
	width: 800px;
	background: url(../images/contents_bg.gif) repeat-y;
}


/* MAIN ****************************************************************/
div#main {
	float: right;
	width: 632px;
}


/* SUB ****************************************************************/
div#sub {
	float: left;
	width: 130px;
	padding: 9px 10px 0;
	background: #D3E6F7 url(../images/sub_bg.jpg) repeat-x;
}

div#sub dl#sub-info {
	width: 130px;
	margin-bottom: 5px;
}
dl#sub-info dt {
	line-height: 1.1;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
}
dl#sub-info dd {
	line-height: 1.3;
	margin-bottom: 3px;
}
dl#sub-info dd.tel {
	margin-bottom: 0;
	color: #007DC7;
	font-size: 13px;
	font-weight: bold;
}

div#sub p#jump-sp {
	width: 130px;
	margin-bottom: 15px;
	text-indent: -9999px;
}
div#sub p#jump-sp a {
	display: block;
	height: 50px;
	background: url(../images/goto_sp.gif) no-repeat;
}
div#sub p#jump-kan {
	width: 130px;
	margin-bottom: 15px;
	text-indent: -9999px;
}
div#sub p#jump-kan a {
	display: block;
	height: 50px;
	background: url(../images/goto_kan.gif) no-repeat;
}

div#sub dl#sub-menu {
	width: 130px;
}
dl#sub-menu dt {
	height: 88px;
	text-indent: -9999px;
	background: url(../images/sub_menu_title.jpg) no-repeat;
}
dl#sub-menu dd ul {
	width: 128px;
	border-right: #00A0E8 solid 1px;
	border-left: #00A0E8 solid 1px;
}
dl#sub-menu dd li {
	text-indent: -9999px;
	border-bottom: #00A0E8 solid 1px;
}
dl#sub-menu dd li {
	text-indent: -9999px;
	border-bottom: #00A0E8 solid 1px;
}

ul#sm1 a {
	display: block;
	height: 48px;
}

li#sm101 a { background: url(../images/sm1.jpg) no-repeat 0 0;}
li#sm102 a { background: url(../images/sm1.jpg) no-repeat 0 -48px;}
li#sm103 a { background: url(../images/sm1.jpg) no-repeat 0 -96px;}
li#sm104 a { background: url(../images/sm1.jpg) no-repeat 0 -144px;}

li#sm101 a:hover { background-position: -128px 0;}
li#sm102 a:hover { background-position: -128px -48px;}
li#sm103 a:hover { background-position: -128px -96px;}
li#sm104 a:hover { background-position: -128px -144px;}

ul#sm2 a {
	display: block;
	height: 23px;
}

li#sm201 a { background: url(../images/sm2.gif) no-repeat 0 0;}
li#sm202 a { background: url(../images/sm2.gif) no-repeat 0 -23px;}
li#sm203 a { background: url(../images/sm2.gif) no-repeat 0 -46px;}
li#sm204 a { background: url(../images/sm2.gif) no-repeat 0 -69px;}
li#sm205 a { background: url(../images/sm2.gif) no-repeat 0 -92px;}
li#sm206 a { background: url(../images/sm2.gif) no-repeat 0 -115px;}

li#sm201 a:hover { background-position: -128px 0;}
li#sm202 a:hover { background-position: -128px -23px;}
li#sm203 a:hover { background-position: -128px -46px;}
li#sm204 a:hover { background-position: -128px -69px;}
li#sm205 a:hover { background-position: -128px -92px;}
li#sm206 a:hover { background-position: -128px -115px;}


dl#sub-menu dd#qr {
	margin-top: 13px;
}
dl#sub-menu p#qr-sent {
	margin-top: 4px;
	font-size: 66%;
}

dl#sub-menu dd#blog {
	margin-top: 13px;
	text-indent: -9999px;
	background: url(../images/seisyoukan_banner.gif) no-repeat;
}
dl#sub-menu dd#blog a {
	display: block;
	height: 81px;
	background: url(../images/seisyoukan_banner.gif) no-repeat;
}

dl#sub-menu dd ul#link {
	width: 130px;
	margin: 13px 0 107px 0;
	border: 0;
}
dl#sub-menu dd ul#link li {
	border: 0;
}
ul#link a {
	display: block;
	height: 82px;
}

li#link01 a { background: url(../images/link01.jpg) no-repeat 0 0;}
li#link01 a:hover { background: url(../images/link01.jpg) no-repeat 0 -82px;}


/* FOOTER ****************************************************************/
div#footer {
	width: 800px;
	height: 4em;
	line-height: 1.3;
	color: #FFF;
	text-align: center;
	background-color: #008CD6;
}
div#footer address {
	padding-top: 0.8em;
	font-size: 12px;
}


/* CLEARFIX ****************************************************************/
div:after {   
    content: " ";    
    display: block;    
    height: 0;    
    clear: both;    
    visibility: hidden;   
}
div { display: inline-block; }
/* Hides from IE-mac \*/
* html div { height: 1%; }
div { display: block; }
/* End hide from IE-mac */