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


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

body {
	font-family: "MS PGothic", "Osaka", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.8;
	text-align: center;
	background: #FFFFFF url(../images/top-new4/bg.gif) top center repeat-x fixed;
	overflow-x:hidden;
}


ul{
	list-style-type: none;
}

img {
	border: none; margin:0;
}

.pittari {
vertical-align: middle;
}



.look {
	background: #FFFF99;
}

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

.b { font-weight:bold; }

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

.under-bar {border-bottom:solid 1px}

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

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

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


#high-header {
	height:2px;
	width:100%;
	background-color:#C00;
}


#wrapper {
 width:980px;
 margin: 0px auto;
 text-align:center;
 position:relative;
}

#pagetop{ 
text-align:right;
position:fixed;
  bottom: 100px;
  right:50px;
  z-index: 999;
  filter: alpha(opacity=95);
-moz-opacity:0.95;
opacity:0.95;}

 
/*コンテンツ枠
------------------------------------------------------------------*/
#contents {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top:8px;
	position:relative;
}



#con1 {
width: 210px;
margin: 0;
padding:0;
position: absolute;
z-index:20;
}

    @media screen and (-webkit-min-device-pixel-ratio:0) {
#con1 {margin-top:8px;}
    }


#conlink a:link { color: #666; text-decoration:none; }
#conlink a:visited { color: #333399; }
#conlink a:hover { color: #ff662b; text-decoration: none; background:#FFC }

.con-div { 
  height:210px;
  padding:0px;
  margin-bottom:8px; 
  position: relative;
  top:1px;
  left:0px;
}

.con-bana{
	position: relative;
	padding:4px;
  background-color:#FFF;
 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:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
line-height:1.6;
font-size:13px;
border: 1px #FFF solid;
margin-bottom:8px;
	}
	
.con-bana p{
	margin:0; padding:0;
	padding-left:10px;
	color:#333}
	
.img-zure { margin-left:-10px;}

.con-bg { background-color:#FFFED9}


.con-faq a:link { color: #36C; border-bottom: none; text-decoration:none; }
.con-faq a:visited { color: #333399; }
.con-faq a:hover { color: #ff662b; text-decoration: none; background:#FFC }

ul.bana-faq {
list-style-type: circle;
width:180px;
margin-left:18px;
}

li.bana-faq { padding:7px 0; line-height:1.2; border-bottom: #999 dotted 1px;}

	
.con-bana:hover  {
	color: #C03;
	border: 1px  #F03 dashed;
	}	
	
.con-juku {background: #FFF url(../images/top-new4/juku.gif) right bottom no-repeat;}
	
	
.con-bana2{
	position: relative;
	padding:4px;
  background-color:#FFF;
 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:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
line-height:1.6;
font-size:13px;
border: 1px #FFF solid;
margin-bottom:8px;
	}	
	
	
.con-bana2 p{
	margin:0; padding:0;
background: #FFFFFF url(../images/top-new4/bana-bg2.gif) top left repeat-y; display:block;
	padding-left:17px;
	color:#333}

.con-bana2:hover  {
	color: #C03;
	border: 1px  #F03 dashed;
	}
	
	
.con-bana1{
	position: relative;
	padding:4px;
  background-color:#FFF;
 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:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
line-height:1.6;
font-size:13px;
border: 1px #FFF solid;
margin-bottom:8px;
margin-top:30px;
	}	
	
	
.con-bana1 p{
	margin:0; padding:0;
background: #FFFFFF url(../images/top-new4/bana-bg.gif) top left repeat-y; display:block;
	padding-left:17px;
	color:#333}

.con-bana1:hover  {
	color: #C03;
	border: 1px  #F03 dashed;
	}
	
	
				
.con-div-head {  height:px;}		

.con-div-head img{  margin-bottom:7px; }


.container { width: 761px; margin-left:220px; position:relative; top:2px;}

.container a:link{ color:#333}


.grid1, .grid2, .grid3, .grid4 {
  float: left;
  display: inline;
  height:180px;
  padding:5px;
  margin-left: 8px;
  margin-bottom:8px; 
  position: relative;
  background-color:#FFF;
 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:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
line-height:1.6;
font-size:13px;
color:#666;
}


.grid1:hover  {
	color: #C03;
	border: 1px  #F03  solid;
	}
	
.grid1:hover img{
		transform: scale(0.99);
	-webkit-transform: scale(0.99);
	-moz-transform: scale(0.99);
	-o-transform: scale(0.99);
	-ms-transform: scale(0.99);
	position:relative;
	right:1px;
	top:-1px;
}	
	
.grid2:hover  {
	color: #C03;
	border: 1px  #F03 dashed;
	}

.grid1 {width: 184px;}
.grid2 {width: 376px;}
.grid3 {width: 761px; height:320px; padding:0; background:url(../images/top-new4/top-img_off.jpg) no-repeat right bottom ;
	border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

.grid4 {width: 761px; height:552px; padding:0;
background: #FFF url(../images/top-new4/usp.jpg) no-repeat top center ;
	border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border: #F00 2px solid;
margin-bottom:15px;
margin-top:10px;
}


.grid5 {
	float: left;
  display: inline;
  height:180px;
  padding:5px;
  margin-left: 8px;
  margin-bottom:8px; 
  position: relative;
  background-color:#FFF;
 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:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
line-height:1.6;
font-size:13px;
color:#666;
width: 761px; height: auto;
	border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
font-size:14px;
text-align:center;
}


#usp{position:relative;}
#u-usp{
	position:relative;
	background :#FFF url(../images/top-new4/usp00.jpg) no-repeat top center ;
	width:980px;
	height:409px;
	margin-bottom:15px;
}


#usp-bana1 {position: absolute; top: 425px; left:477px;}
#usp-bana2 {position: absolute; top: 510px; left:477px ;}
#usp-bana3 {position: absolute; top: 467px; left:20px ;}
#usp-bana4 {
	position: absolute;
	top: 290px;
	left:155px;
}
#usp-bana5 {
	position: absolute;
	top: 18px;
	left:817px;
}
#usp-bana6 {
	position: absolute;
	top: 290px;
	left:614px;
}
#usp-bana7 {position: absolute; top: 531px; left:20px ;}

.grid-hl {height:150px;}

.first {margin-left: 0;clear: left;}

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix {zoom: 1;}

.grid-h {height:368px;  margin-bottom:8px;}

.gridA, .gridB{
width: 376px;
padding:10px;
position: absolute;
background-color:#FFF;
 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:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
line-height:1.6;
font-size:13px;
color:#666;
}

.gridC {
width: 184px;
height:180px;
padding:5px;
position: absolute;
background-color:#FFF;
 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:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
line-height:1.6;
font-size:13px;
color:#666;
}




.gridA {height:368px;  line-height:1.4 }
.gridB {height:180px; padding:5px;}

.gridA-left { left:0; top:0;}
.gridA-right { left:384px; top:0;}


.gridB-left1 { left:0; top:0;}
.gridB-left2 { left:0; top:188px;}
.gridB-right1 { left:384px; top:0;}
.gridB-right2 { left:384px; top:188px;}

.gridC-right1 {left:384px; top:0;}
.gridC-right2 {left:576px; top:0;}
.gridC-left1 { left:0; top:0;}
.gridC-left2 { left:192px; top:0;}

.grid-ishikawa { background:url(../images/top-new4/ishikawa2.jpg) no-repeat right bottom ;}


.g-hover:hover  {
	color: #C03;
	border: 1px  #F03 dashed;
	}
	
	
.g_nav ul{
	display:table;
	table-layout: fixed;
	width:100%;
	margin-bottom:5px;
}
.g_nav li{
	display:table-cell;
	text-align:center;
}
.g_nav li a{
	display:block;
}
	
	
.yoko { vertical-align: text-top; position:relative; left:2px; }

	
.midashi02{
    	position:relative;
		margin-top:20px;
    	padding:3px;
    	padding-left:20px;
    	font-weight: bold;
    	font-size: 18px;
    	background: url(../images/midashi.jpg) repeat;
    	color: #fff;
    	border-radius:3px;
    	-webkit-border-radius:3px;
    	-moz-border-radius:3px;
		text-align:left;
		font-family: Helvetica , "游ゴシック" , "Yu Gothic" , Meiryo,  sans-serif;
    }
     
.midashi02:before{
    	content:''; 
    	height:25px; 
    	width:2px; 
    	display:block; 
    	position:absolute; 
    	top:5px; 
    	left:8px; 
    	background-color:#fff;
    	border-left: 4px solid #fff;
    	border-radius:3px;
    	-webkit-border-radius:3px;
    	-moz-border-radius:3px;
    }
	
.midashi04:before,
.midashi04:after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}
.midashi04:before {
	top: 0;
	border-top: 2px solid #F0290E;
	border-bottom: 1px solid #F0290E;
}
.midashi04:after {
	bottom: 0;
	border-top: 1px solid #F0290E;
	border-bottom: 2px solid #F0290E;
}

	

.y00 { margin-bottom:3px;}

.text-l { text-align:left; margin: 10px auto; width:96%;
color:#000; line-height:1.7;}




/*ヘッダー
------------------------------------------------------------------*/

#header {
	background: url(../images/top-new4/header.gif) repeat-x top left;
	width: 980px;
	height:88px;
	margin-right: auto;
	margin-left: auto;
	 position:relative;
 background-color:#FFF;
}



#header h1 {
	font-size: 10px;
	font-weight: normal;
	text-align: right;
color: #633;
font-size:10px;
position:absolute;
top:70px;
left:18px;
z-index:100;
}


.title {
position:absolute;
top:10px;
left:10px;
}

.mail {
position:absolute;
top:7px;
right:0px;
}


#head_area {
position:absolute;
bottom:-60px;
left:0px;
z-index:50;
padding:10px;
background-color:#FFF;
         -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:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}



#head_area a{
	text-decoration:none;
	color:#300;
}

*html body .fix {position:relative; bottom:3px;}

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

.area1 {
	margin-right:8px;
}

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



/*メインメニュー2
------------------------------------------------------------------*/
#header-menu {
	width: 100%;
	height:74px;
	position:relative;
	background-color:#C00;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border: #F00 1px dotted;
}

#header-menu2 {
width: 980px;
	position:relative;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}


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;

	
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 74px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }

ul#topnav a.taiken {
	background: url(../images/top-new4/t-taiken.gif) no-repeat;
	width: 142px; 
}
ul#topnav a.ganba {
	background: url(../images/top-new4/t-ganba.gif) no-repeat;
	width: 146px; 
}
ul#topnav a.ikigomi {
	background: url(../images/top-new4/t-ikigomi.gif) no-repeat;
	width: 144px; 
}
ul#topnav a.nagare {
	background: url(../images/top-new4/t-nagare.gif) no-repeat;
	width: 156px; 
}
ul#topnav a.koe {
	background: url(../images/top-new4/t-koe.gif) no-repeat;
	width: 133px; 
}
ul#topnav a.fee {
	background: url(../images/top-new4/t-fee.gif) no-repeat;
	width: 135px; 
}
ul#topnav a.faq {
	background: url(../images/top-new4/t-faq.gif) no-repeat;
	width: 124px; 
}


ul#topnav li .sub {
	position: absolute;	
	bottom: 74px; left: -10px;
	background: #FFF;
	padding: 20px 20px 20px;
	float: left;
	font-size:12px;
	border: #F00 4px double;
	text-align:left;
	z-index:100;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
	
	/*--Bottom right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-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: 240px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
	border-bottom: #C00 1px  dotted;
	padding-top:5px;
	padding-bottom:4px;
}

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 0px 9px;
	padding: 3px 0px 7px 17px;
	display: block;
	text-decoration: none;
	color: #300;
	font-size:14px;
}
ul#topnav .sub ul li a:hover {
	color: #36C;
	background: url(../images/g-menu/navlist_arrow.png) no-repeat 0px 9px #FF9;
	}



/*TOPFAQ
------------------------------------------------------------------*/
#faq1,#faq2,#faq3,#faq4,#faq5,#faq6,#faq7,#faq8,#faq9,#faq10 { 
color: #630;
padding: 20px 20px 20px;
text-align:left;
         -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}

#faq1 p,#faq2 p,#faq3 p,#faq4 p,#faq5 p,#faq6 p,#faq7 p,#faq8 p,#faq9 p,#faq10 p { 	margin-bottom:10px;}

#faq1 h3,#faq2 h3,#faq3 h3,#faq4 h3,#faq5 h3,#faq6 h3,#faq7 h3,#faq8 h3,#faq9 h3,#faq10 h3 { 
font-size: 20px;
background:#FFFEED;
border-bottom:#F00 dashed 1px;
border-top:#F00 dashed 1px;
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
margin-bottom:15px;
}

hr.faqhr {border:#F00 dashed 1px; margin-bottom:1em}

hr.top {border:#eee dotted 1px; margin: 4px auto;}


/*中部コンテンツ囲み枠
------------------------------------------------------------------*/


#top-note {
	width: 960px;
	text-align: left;
	float: left;
}


#cate {
	width: 570px;
	height:27px;
	margin-top:5px;
	margin-bottom:10px;
	background: url(../images/top-new2/cate.gif) no-repeat left;
	}
	
#cate p{
	width: 570px;
	height:27px;
	font-size:14px;
	font-weight:bold;
	position:relative;
	left:15px;
	top:-4px;
	}
	
*html body #cate p{
	height:27px;
	position:relative;
	left:20px;
	top:4px;
	}
	
	
/*私たちのモットー
------------------------------------------------------------------*/
	
#motto {
	width: 761px;
	margin: 0 auto;
	background-color:#FFF;
	padding:20px;
	position:relative;
	margin-bottom:20px;
 box-shadow:0 0 3px #F99;
 -moz-box-shadow:0 0 3px #F99 ;
 -webkit-box-shadow:0 0 3px #F99;
 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;
	}
	
.motto:before{
    content: " ";
    position: absolute;
    top: 100%;
    left: 46%;
    width: 0;
    height: 0;
    border-width: 8px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #C00;
}
 


#motto p {
	background: url(../images/top-new4/line.png) repeat bottom left;
	font-size: 14px;
	line-height: 30px;
	padding: 0 10px;
	width:650px;
	position:relative;
	left:10px;
}

#motto p.headline2 {
	font-size:18px;
	font-weight:bold;
    border-bottom: 1px solid #C00;
    margin: 15px 0;
    padding: 5px 0;
    position: relative;
	background: none;
	padding-left:10px;
}
 
.headline2:before,
.headline2:after{
    content: '';
    position: absolute;
    top: 100%;
    left: 24px;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #C00;
}
 
.headline2:after{
    border-width: 8px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #fff;
    z-index:1;
	left: 26px;
}




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

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


h2 {	
	font-size: 10px;
	font-weight: normal;
	display:inline;
	color:#300;
	position:relative;
	top:35px;
	left:380px;
}




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

#note2 p {
	width: 540px;
	margin-left:10px;
	line-height:1.3;
}


#faq p.q {
	font-size:14px;
	margin:0;
	padding:0;
	margin-left:23px;
	}
	
#faq { margin-bottom:10px;}


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


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

.tiiki_s {
font-size:12px;
}

#otoku a:hover { text-decoration:underline; color:#0066CC;}

#faq a:hover { text-decoration:underline; color:#0066CC;}


#pickup {
width:620px;
height:446px;
background: url(../images/top-new2/pickup_bg.gif) no-repeat top center;
position:relative;
margin-left:-20px;
margin-top:-20px;
}

#pickup-bana1 {
width:290px;
position: absolute;
top:55px;
left:28px;
}

#pickup-bana1-2 {
width:290px;
position: absolute;
top:55px;
left:327px;
}

#pickup-bana2 {
width:196px;
position: absolute;
top:55px;
left:30px;
}

#pickup-bana2-2 {
width:172px;
position: absolute;
top:200px;
left:226px;
}

#pickup-bana2-3 {
width:197px;
position: absolute;
top:200px;
left:398px;
}



#pickup-bana3 {
width:600px;
position: absolute;
bottom:200px;
left:28px;
}


#pickup-bana4 {
width:600px;
position: absolute;
bottom:25px;
left:28px;
}

#pickup-bana5 {
position: absolute;
top:440px;
right:30px;
}






/*サブコンテンツ
------------------------------------------------------------------*/

#menu li {
	display: inline;
}

#sub {
	float: right;
	width: 215px;
	margin-left: 0px;
	margin-top: 0px;
	position:relative;
	right:40px;
	line-height:0;
}



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


#sub li {
	display: inline;
}


*html body #sub li {
	margin-bottom:-3px;
}

*+html body #sub li {
	margin-bottom:-3px;
}


#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;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}

#menu-pik ul{
	width: 200px;
	position:relative;
	top:25px;
	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;
	line-height:2;
	display: list-item;
	}
	
#menu-pik li a:link { text-decoration:none;}


/*声スライド
------------------------------------------------------------------*/
#top-koe {
	width: 760px;
	height:325px;
	font-size:14px;
	position:relative;
	left:220px;
	line-height: 1.1em;
	text-align: center;
	margin-top:8px;
	margin-bottom:15px;
	padding:10px;
  background-color:#FFF;
 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:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
line-height:1.6;
font-size:13px;
color:#666;
}


#top-koe li {display: inline-block; text-align:left; width:300px; vertical-align:top; padding:0 10px;}



/*フッター
------------------------------------------------------------------*/
#footer {
	background: url(../images/top-new2/bg_footer_link.png) no-repeat center top;
	width: 800px;
	height:280px;
	margin-right: auto;
	margin-left: auto;
	margin-top:20px;
	font-size:12px;
	position:relative;
}


#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;
	color:#333;
}

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



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


#footer_link01 {
	width:230px;
	height:175px;
	margin-top:50px;
	position:absolute;
	left:70px;
}


#footer_link02 {
	width:240px;
	height:175px;
	margin-top:50px;
	position:absolute;
	left:300px;
}



#footer_link04 {
	width:300px;
	margin-top:30px;
	text-align:left;
	line-height:1.4;
	height:175px;
	position:absolute;
	left:510px;
	top:10px;
}



#footer_link05 {
	text-align:center;
	position:absolute;
	left:150px;
	top:230px;
}



#footer_link05  li a {
	text-decoration: none;
	display:inline;
	text-align:left;
	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;
}


#other_link {
	width:600px;
		font-size:12px;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		margin-top:5px;
		background-color:#FFF;
		}
		

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

}


#under-link {
	width:585px;
	margin-left:auto;
	margin-right:auto;
	font-size:10px;
	margin-bottom:10px;
	text-align:left;
	color: #369;
	margin-top:5px;
}


#under-link  a {
	text-decoration: none;
	display:inline;
	text-align:left;
	zoom: 1;
	color:#369;
}


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




/*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 */


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

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





/*トップコンテンツ
------------------------------------------------------------------*/

#top-contents 
{
	position:relative;
	width:980px;
	text-align:center;
}

#top-contents1
{
	position:relative;
	background: #FFF url(../images/top-new4/contents/01/haikei.png) no-repeat center top;
	height:905px;
}

#top-contents1a
{
	position: absolute;
	left:480px;
	bottom:85px;
}

#top-contents1b
{
	position: absolute;
	left:800px;
	bottom:85px;
}

#top-contents1c
{
	position: absolute;
	left:703px;
	bottom:6px;
}



/*----------*/

#top-contents2
{
	position:relative;
	background: #FFF url(../images/top-new4/contents/02/haikei.png) no-repeat center top;
	height:1931px;
}

#top-contents2a
{
	position: absolute;
	left:90px;
	bottom:1313px;
}

#top-contents2b
{
	position: absolute;
	left:95px;
	bottom:830px;
}

#top-contents2c
{
	position: absolute;
	left:305px;
	bottom:830px;
}

#top-contents2d
{
	position: absolute;
	left:515px;
	bottom:830px;
}


#top-contents2e
{
	position: absolute;
	left:725px;
	bottom:830px;
}



#top-contents2f
{
	position: absolute;
	left:666px;
	bottom:775px;
}

#top-contents2g
{
	position: absolute;
	left:207px;
	bottom:480px;
}

#top-contents2h
{
	position: absolute;
	left:388px;
	bottom:398px;
}


#top-contents2i
{
	position: absolute;
	left:703px;
	bottom:0px;
}

#top-contents2j
{
	position: absolute;
	left:763px;
	bottom:80px;
}


/*----------*/

#top-contents3
{
	position:relative;
	background: #FFF url(../images/top-new4/contents/03/haikei.png) no-repeat center top;
	height:1024px;
}

#top-contents3a
{
	position: absolute;
	left:767px;
	bottom:731px;
}

#top-contents3b
{
	position: absolute;
	left:815px;
	bottom:357px;
}

#top-contents3c
{
	position: absolute;
	left:332px;
	bottom:94px;
}

#top-contents3d
{
	position: absolute;
	left:580px;
	bottom:207px;
}





/*----------*/

#top-contents4
{
	position:relative;
	background: #FFF url(../images/top-new4/contents/04/haikei.png) no-repeat center top;
	height:830px;
}

#top-contents4a
{
	position: absolute;
	left:193px;
	bottom:426px;
}

#top-contents4b
{
	position: absolute;
	left:180px;
	bottom:70px;
}

#top-contents4c
{
	position: absolute;
	left:332px;
	bottom:426px;
}

#top-contents4d
{
	position: absolute;
	left:318px;
	bottom:70px;
}

#top-contents4e
{
	position: absolute;
	left:801px;
	bottom:69px;
}



/*----------*/

#top-contents5
{
	position:relative;
	background: #FFF url(../images/top-new4/contents/05/haikei.png) no-repeat center top;
	height:1940px;
}

#top-contents5a
{
	position: absolute;
	left:674px;
	bottom:1767px;
}

#top-contents5b
{
	position: absolute;
	left:162px;
	bottom:1207px;
}

#top-contents5c
{
	position: absolute;
	left:308px;
	bottom:1207px;
}

#top-contents5d
{
	position: absolute;
	left:494px;
	bottom:950px;
}

#top-contents5e
{
	position: absolute;
	left:344px;
	bottom:751px;
}



















/*フッター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:700px;
	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-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;}

/* 合格バナー
--------------------------------*/	

#goukaku  {
	width:210px;
	height: 250px;
    position: fixed!important;   
    position: absolute;
	right:20px;
	top:200px;
	z-index:100;
}