@charset "UTF-8";


* {
   font-family:osaka,"メイリオ", Meiryo,"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","MS P ゴシック",verdana,sans-serif;
   color:#333;
}

body {
	margin:0;
	padding:0;
	letter-spacing:1px;
	background-color: #fff;
	line-height: 1.6;
}

br {
   letter-spacing:normal;
}

a {
   color:#333;
   text-decoration:underline;
}

a:hover {
	color:#198DB8;
}

img {
   border:0;
   vertical-align:bottom;
}

h2,h4,h5,h6 {
   margin:0;
}

h3 {
	margin:10px 0;
}


/* ===================================================
		Layout
====================================================== */

#top {
   width:860px;
   margin:0 auto;
}

#header {
   width:860px;
   position:relative;
}

#navi {
   position:absolute;
   width:480px;
   left:370px;
   top:30px;
}

#contents {
   clear:both;
   margin:0 10px;
   padding:30px 0 0 0;

}

#main {
   float:left;
   width:600px;
}

#sub {
   float:right;
   width:200px;
}

#totop {
   clear:both;
}

#footer {
	margin:0 10px;
	border-top:1px solid #CCC;

}


/* ===================================================
		header
====================================================== */

div#header .logo {
   margin:0;
   padding:10px;
   color:#fff;
   line-height:70px;
}

div#header #navi ul {
   margin:0;
   padding:0;
}


/* ===================================================
		navi
====================================================== */

div#navi li {
   float:left;
   list-style-type:none;
   padding-right:10px;

}

div#navi li a{
  display:block;
  text-decoration: none;
  text-indent: -9999px;
}

#navi li#menu01 a {
	width: 56px;
	height: 45px;
	background-image: url(../img/headnavi_01.gif);
	background-repeat: no-repeat;
}

#navi li#menu02 a {
	width: 110px;
	height: 45px;
	background-image: url(../img/headnavi_02.gif);
	background-repeat: no-repeat;
}

#navi li#menu03 a {
	width: 75px;
	height: 45px;
	background-image: url(../img/headnavi_03.gif);
	background-repeat: no-repeat;
}

#navi li#menu04 a {
	width: 78px;
	height: 45px;
	background-image: url(../img/headnavi_04.gif);
	background-repeat: no-repeat;
}

#navi li#menu05 a {
	width: 102px;
	height: 45px;
	background-image: url(../img/headnavi_05.gif);
	background-repeat: no-repeat;
}


/* ===================================================
		sub
====================================================== */

#sub div.section {
   margin-bottom:10px;
}

#sub_menu ul {
   margin-left:20px;
   padding:0;
   margin-top:0px;
}

#sub_menu li {
   list-style-type:none;
   margin:0;
   padding:0;
}

#sub_menu li a{
  display:block;
  text-decoration: none;
  text-indent: -9999px;
}

#sub_menu li#sub01 a {
	width: 180px;
	height: 44px;
	background-image: url(../img/hazimete.gif);
	background-repeat: no-repeat;
}

#sub_menu li#sub01 a:hover {
	width: 180px;
	height: 44px;
	background-image: url(../img/hazimete_over.gif);
	background-repeat: no-repeat;
}

#sub_menu li#sub02 a {
	width: 180px;
	height: 44px;
	background-image: url(../img/gaibu.gif);
	background-repeat: no-repeat;
}

#sub_menu li#sub02 a:hover {
	width: 180px;
	height: 44px;
	background-image: url(../img/gaibu_over.gif);
	background-repeat: no-repeat;
}

#sub_menu li#sub03 a {
	width: 180px;
	height: 44px;
	background-image: url(../img/suche.gif);
	background-repeat: no-repeat;
}

#sub_menu li#sub03 a:hover {
	width: 180px;
	height: 44px;
	background-image: url(../img/suche_over.gif);
	background-repeat: no-repeat;
}

#sub_menu li#sub04 a {
	width: 180px;
	height: 44px;
	background-image: url(../img/mail.gif);
	background-repeat: no-repeat;
}

#sub_menu li#sub04 a:hover {
	width: 180px;
	height: 44px;
	background-image: url(../img/mail_over.gif);
	background-repeat: no-repeat;
}

/* ===================================================
		totop
====================================================== */

div#totop{
   position:relative;
   height:50px;
}

div#totop img{
   position:absolute;
   top:20px;
   right:7px;
   bottom:10px;
   margin:0;
}



/* ===================================================
		footer
====================================================== */

h1 {
	margin:0;
	padding-top:40px;
	color:#333333;
	font-size:10px;
	font-weight:normal;
}

#footMenu ul {
   margin:10px 0 10px 0;
   padding:0;
}

#footMenu li {
	padding-left:10px;
	float:left;
	margin:0;
	font-size:12px;
	list-style-type: none;
}

#footMenu li a {
	padding-right:10px;
   
}


/* ========FOOTER CUSTOMIZE======== */
address {
	padding:10px 0;
}