/*メモ　マージン・パッディング　上　右　下　左*/

/* 全体の設定 */
body{margin:0; text-align:center; background:#ffffff; padding:0;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;, Verdana, Geneva, Arial, Osaka, Helvetica, sans-serif;}
img{border:none; margin:0;padding:0; line-height:0; display:block;}
a{color:#0587cc; text-decoration:none; outline: none;}
a:hover{color:#0587cc; text-decoration:underline; }
h1,h2,h3{margin:0;padding:0;}

h1{color:#483c3c;margin:10px 0 0 0;
	line-height:1.6;font-size:150%;padding:10px 0 10px 0;font-weight:normal;
	text-align:left;}
h2{color:#483c3c;border-top:solid 1px #e6e6e8;margin:50px 0 0 0;
	line-height:1.6;font-size:150%;padding:15px 0 5px 0;font-weight:normal;}
p {padding:0; margin:5px 0 25px 0;line-height:1.6;}

.clear {clear:both;}  
.clear hr {display:none;}
br{margin:30px;padding:0;}



/* 上部・中部ブロック要素 */

#gb {background:#66beff;margin:0;padding:0;
position:static; overflow: hidden; clear:both;}
#gnavi {clear:both; padding:0; margin: 0 auto;
	min-width: 320px; max-width: 960px;
	background:#66beff; text-align:left; position:relative; overflow: hidden;}
/* 
* html  gnavi { 
	width : 960px; height : 1%;
	width : expression(  (document.documentElement.clientWidth > 960)? "940px" :(document.documentElement.clientWidth < 320)? "300px" :  "auto");}
 */

.sitename{color:#ffffff;font-weight:bold;
font-size:25px; float:left;height:56px;line-height:56px;margin:0 0 0 10px;}
#gnavi a{text-decoration:none; color:#ffffff;}

#gnavi img{margin:0; height:16px;width:16px; line-height:0;
padding:19px 0 21px 0; vertical-align:middle;}
#gnavi ul {float:right; padding:0px; margin:0; position:relative;}
#gnavi li {float:left;  padding:0; margin:0; line-height:56px;  font-size:16px;
	list-style-type:none; white-space:nowrap; position:relative; text-align:center;}
#gnavi li a {color:#ffffff; padding:0 12px 0 12px; display: block; text-decoration:none;}
#gnavi li a:hover { color:#ffffff; background: #85cdff;}


#sb{background:#f8f8f8; text-align:center;padding:10px;margin:0;
border-top:solid 1px #e6e6e8;}
#snavi {clear:both; padding:0; margin: 0 auto;
	min-width: 300px; max-width: 960px;
	 text-align:left; position:relative; overflow: hidden;}
/* 
* html  snavi { 
	width : 960px; height : 1%;
	width : expression(  (document.documentElement.clientWidth > 960)? "940px" :(document.documentElement.clientWidth < 300)? "280px" :  "auto");}
 */
#snavi ul {float:right; padding:0px; margin:0; position:relative;}
#snavi li {float:left;  padding:0; margin:0 0 0 10px;
	width:130px;height:30px;list-style-type:none; white-space:nowrap; position:relative; text-align:center;}



.container { clear:both; position:static; text-align:center;
	padding:10px; min-width: 300px; max-width: 940px; margin: 0 auto;
	background:#ffffff; font-size:100%;}
.main {clear:both; padding:0; margin:0 0 10px 0;
	color:#333333; text-align:left;}

.sub {clear:both; padding:20px 0 10px 0; margin: 0 auto;
	min-width: 300px; max-width: 940px;  text-align:center;
	position:relative; overflow: hidden;margin: 0 0 10px 0;}
.sub ul {float:left; padding:0px; margin:0; position:relative; left:50%;}
.sub li {float:left; white-space:nowrap; position:relative; right:50%;
	padding:0 10px 0 10px; margin:0; text-align:center; list-style-type:none;}
.sub li a {padding:0 10px 0 10px;
	display: block; text-decoration:none;}

.sub2 {clear:both; padding:30px 0 10px 0; margin: 0 auto;border-top:solid 1px #e6e6e8;
	min-width: 300px; max-width: 940px;  text-align:center;
	position:relative; overflow: hidden;margin: 50px 0 10px 0;}
.sub2 ul {float:left; padding:0px; margin:0; position:relative; left:50%;}
.sub2 li {float:left; white-space:nowrap; position:relative; right:50%;
	padding:0 10px 0 10px; margin:0; text-align:center; list-style-type:none;}
.sub2 li a {padding:0 10px 0 10px;
	display: block; text-decoration:none;}

.ulc1{margin:0; padding:20px 10px 20px 30px;}
.ulc1 ul{margin:10px 0 10px 0;
 padding:0;}
.ulc1 li{margin:0;
 padding:0px; line-height:1.6;}

.olc1{margin:0; padding:20px 10px 20px 30px;}
.olc1 ul{margin:10px 0 10px 0;
 padding:0;}
.olc1 li{margin:0;
 padding:0px; line-height:1.6;}

.dlc1{margin:0; padding:10px 10px 10px 10px; background:#fafafa;}
.dlc1 dl{margin:10px 0 10px 10px;
 padding:0;}
.dlc1 dt{margin:0; font-weight:bold;
 padding:0px; line-height:1.6;}
.dlc1 dd{margin:0 0 10px 20px;
 padding:0px; line-height:1.6;}

.dlcf{margin:0; padding:10px 10px 10px 10px; background:#fafafa;}
.dlcf dl{margin:10px 0 10px 10px;
 padding:0;}
.dlcf dt{margin:0; font-weight:bold;
 padding:0px; line-height:1.6;}
.dlcf dd{margin:0 0 20px 0;
 padding:0px; line-height:1.6;}

form{margin:0; padding:0;}


/* 下部ブロック要素 */
#fb {background:#ffffff;margin:50px 0 0 0;padding:0;
position:static; overflow: hidden; clear:both;}
#fnavi {clear:both; padding:10px 0 10px 0; margin: 0 auto;border-top:solid 1px #e6e6e8;
	min-width: 320px; max-width: 960px; background:#ffffff; text-align:center;
	position:relative; overflow: hidden;}

/* 
* html  fnavi { 
	width : 960px; height : 1%;
	width : expression(  (document.documentElement.clientWidth > 960)? "940px" :(document.documentElement.clientWidth < 320)? "300px" :  "auto"); }
 */

#fnavi ul {float:left; padding:0px; margin:0; position:relative; left:50%;}
#fnavi li {float:left; white-space:nowrap; position:relative; right:50%;
	padding:0; margin:0; text-align:center; line-height:46px; list-style-type:none;}
#fnavi li a {padding:0 10px 0 10px;
	display: block; text-decoration:none;}
#fnavi li a:hover {background: #fcfcfc;text-decoration:underline;}

#fb2 {background:#f9f9f9;margin:0;padding:0;border-top:solid 1px #e6e6e8;
position:static; overflow: hidden; clear:both;}	
#footer {clear:both; position:static;
	padding:10px; min-width: 300px; max-width: 940px;
	margin: 0 auto; 
	text-align:center; font-size:100%; overflow: hidden;}

/* 
* html  footer { 
	width : 940px; height : 1%;
	width : expression(  (document.documentElement.clientWidth > 940)? "920px" :(document.documentElement.clientWidth < 300)? "280px" :  "auto"); }
 */

#footer hr { clear:both; padding:0; margin:0 0 10px 0;
	width:100%; height:1px; border:none; border-top: solid 1px #e1e1e3;}
#footer p{ font-size:80%; line-height:1.6; color:#333333;}


#fmnavi{float:left; width:100%;
	padding:0; margin:15px 0 25px 0; position: relative; overflow: hidden;}

#fmnavi ul {float:left; padding:0; margin:0; position:relative; left:50%;}
#fmnavi li {float:left; white-space:nowrap; width:100px;height:100px;
	padding:0; position:relative; right:50%;
	margin:0; text-align:center; list-style-type:none; overflow: hidden;}

#fmnavi li a { padding:0; display: block;
	width:100%;height:100px; text-decoration:none; position: relative;}

/*   オフマウス  */
#navi01 a{ background:url(../img/fmicon.png) ;background-position: 0 0;}
#navi02 a{ background:url(../img/fmicon.png) ;background-position: -100px 0;}
#navi03 a{ background:url(../img/fmicon.png) ;background-position: -200px 0;}
#navi04 a{ background:url(../img/fmicon.png) ;background-position: -300px 0;}
#navi05 a{ background:url(../img/fmicon.png) ;background-position: -400px 0;} 
/*   オンマウス  */
#navi01 a:hover{ background-position: 0 -100px;}
#navi02 a:hover{ background-position: -100px -100px;}
#navi03 a:hover{ background-position: -200px -100px;}
#navi04 a:hover{ background-position: -300px -100px;}
#navi05 a:hover{ background-position: -400px -100px;}


.fcul{clear:both; padding:0; width:100%;
	margin: 0 auto; text-align:center; position:relative; overflow: hidden;}

.fcul ul{float:left; padding:0px; margin:0 0 10px 0; position:relative;left:50%;}
.fcul li {float:left; white-space:nowrap; position:relative; right:50%;
	padding:0; margin:0; text-align:center; line-height:45px; list-style-type:none;}
.fcul li a {color:#666666;padding:0 10px 0 10px; display: block; text-decoration:none;}
.fcul li a:hover{color:#2b2b2b;text-decoration:underline;}