*{	margin:0;
	padding:0;
	zoom:1;}


/*-----------------------------
	全体設定
-------------------------------*/

body {
	font-family: "MS PGothic", "Osaka", Arial, sans-serif;
	font-size: 12px;
	line-height: 2;
	text-align: center;
	background: #FFFFFF url(../images/bg.jpg);
}


p,th,td,textarea{
	line-height: 1.4em;
}

ul{
	list-style-type: none;
}

#naka { list-style-type: square; list-style-position:outside; }

img {
	border: none; margin:0;
}

.look {
	background: #FFFF99;
}

a:link { color: #0066CC; outline: 0;}
a:visited { color: #333399; }
a:hover { color: #ff662b; text-decoration:none; }

.b { font-weight:bold; }

strong {font-weight:normal; }


#top { width:0; height:0}

#wrapper {
 width:820px;
 margin: 0px auto;
 text-align:center;
 background-repeat:repeat-x;
 background-position:top left;
 position:relative;
}

*html body #wrapper { margin-top:-24px;}


.pink-b {color:#F69; font-weight:bold;}

.blue-b {color:#69C; font-weight:bold;}

.red-b {color:#F03; font-weight:bold;}

.green-b {color:#6C0; font-weight:bold; }

.pink {color:#F69; }

.blue {color:#69C; }

.red {color:#F03; }

.orange {color:#F60; }

.purple {color:#96C; }

.green {color:#6C0; }

.bgc-y { background-color:#FFC}
.bgc-c { background-color:#CFF}

.orange-ul {border-bottom:solid 2px #F90;}

.pink-ul {border-bottom:solid 2px #F69;}

.font-s {font-size:smaller}
.font-l {font-size: larger}

#under-link {
	width:585px;
	margin-left:auto;
	margin-right:auto;
	font-size:10px;
	margin-bottom:20px;
	color:#963;
}

#under-link a:link { color:#963; outline: none;}
#under-link a:visited { color:#963; outline: none; }

/*ヘッダー
------------------------------------------------------------------*/
#header {
	background: url(../images/header.gif) no-repeat left top;
	width: 820px;
	height:100px;
	margin-right: auto;
	margin-left: auto;
}

 h1 {
	color: #CC9966;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	position:absolute;
	top:0px;
	right:12px;
}


.title {
position:absolute;
top:17px;
left:0px;
}

.title_p {
color: #CC9966;
font-size:10px;
position:absolute;
top:2px;
right:10px;
}

#head_area {
position:absolute;
top:67px;
left:550px;
font-size:14px
}

*html body #head_area {
position:absolute;
top:67px;
left:562px;
width:280px;
}

#head_area a:link { color: #633;  text-decoration:none;}
#head_area a:visited { color: #CC6666; text-decoration:none;}
#head_area a:hover { color: #ff662b; text-decoration:none; }


.area1 {
	margin-right:8px;
}


img.pittari {
vertical-align: middle;
}


/*サブヘッダー
------------------------------------------------------------------*/
#subheader {
	width: 910px;
	height:430px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	right:42px;
	background-image:url();
	margin-top:-5px;
}

*html body #subheader {
width: 800px;
position:relative;
right:32px;
}

*+html body #subheader {
	width: 800px;
}


/*メインメニュー
------------------------------------------------------------------*/
#header-menu {
	width: 840px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	right:10px;
	z-index:555;
}

*html body #header-menu {

}

*+html body #header-menu {

}


ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}

ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
	text-align:left;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 38px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav a.taiken {
	background: url(../images/g-menu/s-taiken.gif) no-repeat;
	width: 113px; 
}
ul#topnav a.ganba {
	background: url(../images/g-menu/s-ganba.gif) no-repeat;
	width: 177px; 
}
ul#topnav a.ikigomi {
	background: url(../images/g-menu/s-ikigomi.gif) no-repeat;
	width: 145px; 
}
ul#topnav a.koe {
	background: url(../images/g-menu/s-koe.gif) no-repeat;
	width: 132px; 
}
ul#topnav a.fee {
	background: url(../images/g-menu/s-fee.gif) no-repeat;
	width: 137px; 
}
ul#topnav a.faq {
	background: url(../images/g-menu/s-faq.gif) no-repeat;
	width: 133px; 
}


ul#topnav li .sub {
	position: absolute;	
	top: 37px; left: 0;
	background: #FFF url(../images/g-menu/bg2.gif) repeat-x top left;
	padding: 20px 20px 20px;
	float: left;
	font-size:12px;
	border-bottom:#FC6 1px solid;
	border-left:#FC6 1px solid;
	border-right:#FC6 1px solid;
	
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
	zoom:1;
}


ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 200px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(../images/g-menu/navlist_arrow.png) no-repeat 5px 6px;
	padding: 3px 5px 7px 21px;
	display: block;
	text-decoration: none;
	color: #36C;
}
ul#topnav .sub ul li a:hover {color: #36C; text-decoration:underline}



/*メインメニュー(旧)
------------------------------------------------------------------*/
#menu li {
	display: inline;
}

#mainmenu {
	width: 800px;
	height:50px;
	position:relative;
	left:9px;
}


/*ページタイトル
------------------------------------------------------------------*/
#page_title {
	width:840px;
	height:80px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	right:12px;
	bottom:3px;
	}
	
#page_title_img {
	width:840px;
	height:80px;
	position:absolute;
	top:0; left:0;
	z-index:99;
	}
	
#page_title_h2	{
	position:absolute;
	top:12px; right:25px;
	z-index:99;
	font-size:10px;
	}
	
#page_title_h2 h2 {	
	font-size: 10px;
	font-weight: normal;
	color:#999;
	z-index:99;
}
	
#page_title_pan p {
	position:absolute;
	top:12px; left:25px;
	z-index:100;
	font-size:10px;
	}
	
#page_title_pan a {	
text-decoration:none;
	}



/*コンテンツ枠
------------------------------------------------------------------*/
#contents {
	background: url() repeat-y center;
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;

}

*html body #contents {
	padding-right: 0px;
	padding-left: 0px;
}


#contents2{ 
width: 840px; 
box-shadow:0 0 3px #c96;
 -moz-box-shadow:0 0 3px #c96 ;
 -webkit-box-shadow:0 0 3px #c96;
 behavior: url(PIE.htc);/* for IE */
         -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
					border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
line-height:2;
border: 1px #FFF solid;
background:#FFF;
padding:15px;
text-align:center;
margin-left:auto;
margin-right:auto;
position:relative;
left:-10px;
}


/*メインコンテンツ
------------------------------------------------------------------*/
#main {
	float: left;
	width: 580px;
	display: inline;
	margin-right: 0px;
	margin-top: 0px;
	position:relative;
	left:-10px;
}


#main p {
	padding: 0.5em 10px;
}

#main h2 {	
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	margin-right:5px;
	margin-bottom:0px;

}


/*パンくずリンク設定
------------------------------------------------------------------*/
.pan {
	font-size:10px;
	margin-top:-21px;
	margin-bottom:-0px;
	position:relative;
	right:10px;
	}
	
.pan a {
	text-decoration:none;
	}
	
.pan2 { /*H2なし用*/
	font-size:10px;
	margin-top:-5px;
	margin-bottom:-0px;
	}
	
.pan2 a {
	text-decoration:none;
	}

.pan3 { /*１カラム２カラム混合用*/
	font-size:10px;
	margin-top:-2px;
	margin-left:22px;
	}
	
.pan3 a {
	text-decoration:none;
	}

/*ノート枠（体験）
--------------------------------*/




#kadomaru{ 
width: 610px; 
box-shadow:0 0 3px #c96;
 -moz-box-shadow:0 0 3px #c96 ;
 -webkit-box-shadow:0 0 3px #c96;
 behavior: url(PIE.htc);/* for IE */
         -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
					border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
line-height:2;
border: 1px #FFF solid;
background:#FFF;
padding:15px;
text-align:center;
}

#kadomaru p {margin-left:10px; font-size:14px;line-height:1.7;width:540px; text-align:left}

#note-taiken-head {
	width: 575px;
	height:11px;
	background: url(../images/taiken/note-head.gif) no-repeat left;
	
}


#note-taiken {
	width: 575px;
	background: url(../images/taiken/note-side.gif) repeat-y left;
	padding-top:8px;
	color: #000000;
	margin-top:10px;
}

#note-taiken p {
	width: 540px;
	margin-left:10px;
	line-height:1.8em;
}


#note-taiken-foot {
	width: 575px;
	height:11px;
	background: url(../images/taiken/note-foot.gif) no-repeat left;
	position:relative;
	bottom:2px;
}


.font_bg_01 {
	background-color: #aaffaa;
}


.font_bg_02 {
	background-color: #FCC;
}

/*ノート枠
--------------------------------*/

#main-waku {
	width: 575px;
	background: #FFFFFF;
	padding-top:8px;
	color: #000000;
}

#note-head {
	width: 575px;
	height:24px;
	background: url(../images/note-head2.gif) no-repeat left;
	position:relative;
	top:2px;
}

#note-head3 {/*画鋲無し*/
	width: 575px;
	height:24px;
	background: url(../images/note-head3.gif) no-repeat left;
	position:relative;
	top:2px;
}


#note {
	width: 575px;
	background: url(../images/note-side.gif) repeat-y left;
	padding-top:8px;
	color: #000000;
}

#note-foot {
	width: 575px;
	height:30px;
	background: url(../images/note-foot.gif) no-repeat left;
	position:relative;
	bottom:2px;
}

#note-foot-next {
	width: 575px;
	height:75px;
	background: url(../images/note-foot-next.gif) no-repeat left;
	position:relative;
	bottom:2px;
}


#note p {
	width: 540px;
	margin-left:10px;
	line-height:1.6;
}



/*フォーム用ノート枠
--------------------------------*/

#note-head-form {
	width: 575px;
	height:129px;
	background: url(../images/note-head-form.gif) no-repeat left;
	position:relative;
	top:2px;
}








.top_main_table {
    width: 530px;
    border: 0px #E3E3E3 solid;
    border-spacing: 0;
    background: #fff url(../images/table_back.gif) no-repeat 0 100%;
	margin:4px auto 10px auto;
	position:relative;
	left:-2px;
}


.top_main_table td {
    padding: 5px;
    border-style: dashed;
    border-width: 1px;
    border-color: #FFFFFF;
    color: #330000;
    text-align: left;
    white-space: nowrap;
	font-size:12px;
}


#tiiki {
width:570px;
height:560px;
font-size:14px;
color:#333333;
background: url(../images/tiiki_back.gif) no-repeat top center;
background-position:top left;
margin-top:4px;
padding-top:5px;
}

#tiiki p{
	width: 540px;
	margin-left:10px;
	margin-top:-5px;
}

.tiiki_s {
font-size:12px;
}

.note_title-img{
margin-top:-10px;
}

.note_title_p{
	color: #663300;
	font-size: 12px;
	margin-top:-5px;
	margin-left:70px;
	}

.img_l{
margin-right:10px;
}

.img_r{
margin-left:10px;
}

.clear{clear:both;}




/*サブコンテンツ
------------------------------------------------------------------*/
#sub {
	float: right;
	width: 215px;
	margin-left: 0px;
	margin-top: 10px;
	position:relative;
	right:5px;
}



#sub p {
	width: 210px;
	margin-left: 2px;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}


#menu-pik {
	width: 210px;
	height:413px;
	background:url(../images/menu/new/pikup.gif) no-repeat;
	padding-top:20px;
	}
	
#menu-pik p{	
	width: 200px;
	position:relative;
	left:8px;
}

#menu-pik ul{
	width: 200px;
	position:relative;
	top:28px;
	left:20px;
	}
	
*html body #menu-pik ul{
	position:relative;
	top:20px;
	left:20px;
	}
	
*+html body #menu-pik ul{
	position:relative;
	top:20px;
	left:20px;
	}
	
#menu-pik li {
	width: 200px;
	background:url(../images/menu/new/ya.gif) no-repeat left;
	padding-left:15px;
	}
	
#menu-pik li a:link { text-decoration:none;}
	
	
/*やり方検索
------------------------------------------------------------------*/
#yarikata-s {
	background: url(../images/sidou/yarikata-bg.gif) no-repeat center;
	width:750px;
	height:208px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
}

/*地域リンク
------------------------------------------------------------------*/

#other_link {
		clear: both;
		height:30px;
		padding-bottom: 10px;
		font-size:12px;
		}
		

#other_link  a {
	text-decoration: none;
	display:inline;
	text-align:left;
	zoom: 1;
}



#area-link  {
	clear: both;
	position:relative;
	top:20px;
	left:55px;
	text-align:left;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;

}

#area-head {
	width: 623px;
	height:36px;
	background: url(../images/area-link/area-head.gif) no-repeat left;
	position:relative;
	top:2px;
	border-right: 1px #996600 solid;
}


#area-naka {
	width: 623px;
	background: url(../images/area-link/area-naka.gif) repeat-y left;
	padding-top:8px;
	color: #000000;
	padding-bottom:20px;
	border-right: 1px #996600 solid;
	border-bottom: 1px  #CC9966 solid;
	margin-bottom:100px;
}

#area-naka a:link { color: #CC9999;  text-decoration:none;}
#area-naka a:visited { color: #CC6666; text-decoration:none;}
#area-naka a:hover { color: #ff662b; text-decoration:none; }



#area-naka p {
	width: 540px;
	margin-left:50px;
	line-height:1.6;
}


/*フッター
------------------------------------------------------------------*/
#footer {
	clear: both;
	background: url(../images/bg_footer_link2.gif) no-repeat center top;
	width: 800px;
	height:280px;
	margin-right: auto;
	margin-left: auto;
	font-size:12px;
}


#footer  li a {
	text-decoration: none;
	display: block;
	text-align:left;
	background: url() no-repeat left center;
	line-height:2;
	padding-left: 20px;
	zoom: 1;
}

#footer  li a:hover {
	background:url(../images/arrow2over.gif) no-repeat 3px center;
	color: #FF6666;
	font-weight:bold;
}



#footer .menutop {
	border-left: 1px solid #CCCCCC;
}

#footer_link01 {
	font-size:12px;
	width:230px;
	height:175px;
	float:left;
	margin-top:50px;
	background: url(../images/footer_link_s.gif) no-repeat left top;
	margin-left:0;
	padding-left:20px;
}

#footer_link02 {
	font-size:12px;
	width:240px;
	height:175px;
	float:right;
	margin-top:50px;
	background: url(../images/footer_link_s.gif) no-repeat left top;
	padding-left:20px;
}

#footer_link04 {
	font-size:12px;
	width:280px;
	float:left;
	margin-top:30px;
	text-align:left;
	line-height:1.4;
	height:175px;
}

*html body #footer_link04 { width:280px; margin-left:-25px;}
#footer_link04 li a{
	width:100px;
}


#footer_link05 {
	clear: both;
	position:relative;
	top:0px;
	margin-top:-60px;
}


#footer_link05  li a {
	text-decoration: none;
	display:inline;
	text-align:left;
	background: url() no-repeat left center;
	line-height:2.2;
	padding-left: 20px;
	zoom: 1;
}

#footer_link05 li a:hover {
	background:url() no-repeat 3px center;
	color: #FF6666;
	font-weight:bold;
}




/*フッターNEW
------------------------------------------------------------------*/
#footer-new {
	background: #FFF url(../images/footer/bg.png) no-repeat center bottom;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-size:12px;
	margin-top:50px;
	position:relative;
}

#footer-new a { text-decoration: none; color:#633}

#footer-new a:hover {
	color: #FF6666;
	font-weight:bold;
}

#footer-new2 {
	width: 950px;
	height:660px;
	margin-right: auto;
	margin-left: auto;
	margin-top:30px;
	position: relative;
}


#footer-new-info{
	position: absolute;
	width:280px;
	top:-30px;
	right:5px;
	text-align:left;
	line-height:1.5;
	z-index:10;
}

#footer-new-info2{
	position: absolute;
	width:280px;
	top:20px;
	right:50px;
	text-align:left;
	line-height:1.5;
	height:340px;
	z-index:5;
}

#footer-new-ganba{
	width:200px;
	position: absolute;
	top:20px;
	left:0px;
	text-align:left;
	line-height:2;
	font-size:13px;
}

#footer-new-how{
	width:200px;
	position: absolute;
	top:20px;
	left:210px;
	text-align:left;
	line-height:2;
	font-size:13px;
}

#footer-new-yarikata{
	width:200px;
	position: absolute;
	top:20px;
	left:420px;
	text-align:left;
	line-height:2;
	font-size:13px;
}

#footer-new-form{
	position: absolute;
	top:380px;
	left:-10px;
	text-align:center;
}

#footer-area{
	position: absolute;
	top:325px;
	left:-1px;
	text-align:center;
	font-size:14px;
}



#footer-new-under{
	width:100%;
	margin-right: auto;
	margin-left: auto;
	background: #C00;
	font-size:10px;
	position:absolute;
     bottom:0
}

#footer-new-under a { color:#FFF;}


/*体験ページ導入リンク
------------------------------------------------------------------*/
#taiken-link {
	background: url(../images/taiken_bg.gif) no-repeat left center;
	width:540px;
	height:467px;
	margin-top:15px;
	position:relative;
	left:15px;
}

#taiken-link01 {
	width:349px;
	height:99px;
	position: absolute;
	left:20px;
	top:200px;
}

#taiken-link02 {
	width:251px;
	height:19px;
	position: absolute;
	left:270px;
	top:300px;
}

#taiken-link03 {
	width:215px;
	height:17px;
	position: absolute;
	left:270px;
	top:417px;
}



/*コピーライト
------------------------------------------------------------------*/
#copyright {
	line-height: 1.2;
	font-size: 10px;
	margin-top:10px;
}

p.gotop { font-size: 12px; text-align: right; margin: 0; }

#mail_form {
position:absolute;
top:17px;
right:13px;
}

*html body #mail_form {
position:absolute;
top:17px;
left:670px;
height:44px;
}

#mail_form  li{
	height:22px;}

#mail_form  li a:hover {
	background:url() no-repeat 3px center;
	color: #FF6666;
	font-weight:bold;
}

*html body .fix {position:relative; bottom:4px;}
*+html body .fix {position:relative; bottom:1px;}



/*footer-link2
------------------------------------------------------------------*/
#footer-link2 {margin-top:20px;}

#footer-link2 a:link { color: #633;  text-decoration:none;}
#footer-link2 a:visited { color: #CC6666; text-decoration:none;}
#footer-link2 a:hover { color: #ff662b; text-decoration:none; }


#other_link a:link { color: #633;  text-decoration:none;}
#other_link a:visited { color: #CC6666; text-decoration:none;}
#other_link a:hover { color: #ff662b; text-decoration:none; }


/*clearfix
------------------------------------------------------------------*/
#contents:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#contents { display: inline-block; }

/* Hides from IE-mac \*/
*html #contents { height: 1%; }
#contents { display: block; }
/* End hide from IE-mac */




#which-type:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#which-type { display: inline-block; }

/* Hides from IE-mac \*/
*html #which-type { height: 1%; }
#which-type { display: block; }
/* End hide from IE-mac */




/*お役立ちコーナー
------------------------------------------------------------------*/

.usual {
  background:url(../images/top-new/topbana/bg.gif) repeat-x;
  color:#111;
  width:800px;
  border:1px solid #F99;
  margin:8px auto;
}
.usual li { list-style:none; float:left; position:relative; left:-1px; }
.usual ul a {
  display:block;
  padding:3px 9px 3px 23px;
  text-decoration:none;
  margin:1px;
  margin-left:0;
  font-size:12px;
  color: #339;
  background: url(../images/ya.gif) 5px center no-repeat;
  border-left:1px solid #F99;
  border-bottom:1px solid #F99;
}

*html body .usual ul a { display:inline;}

.usual ul a:hover {
  color:#339;
  text-decoration:underline;
  padding:3px 9px 3px 23px;
  background: url(../images/ya.gif) 5px center no-repeat;
  font-weight:normal;
  }
.usual ul a.selected {
  margin-bottom:0;
  color:#000;
  background:snow;
  border-bottom: none;
  cursor:default;
  padding:3px 5px 3px 8px;
  font-weight:bold;
  }
.usual div {
  padding:20px 10px 0px 10px;
  *padding-top:3px;
  clear:left;
  background:snow;
  font-size:12px;
}

/* 固定体験
--------------------------------*/	

html,body{   
    width :100%;
    height:100%;   
    margin:0;   
    padding:0;   
}   

#kotei-taiken  {
	width:120px;
	height:380px;
    position: fixed!important;   
    position: absolute;
	right:0px;
	bottom:20px;
	z-index:100;
}