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


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

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 75%;
	line-height: 2;
	text-align: center;
	background: #FFFFFF url(../images/bg.jpg);
	overflow-x:hidden;
}


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

ul{
	list-style-type: none;
}

img {
	border: none; margin:0;
}

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

strong {font-weight:normal; }


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


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


*html body #wrapper {
width:800px;
position:relative;
left:15px;
}


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

#header {
	background: url(../images/top-new/header.gif) no-repeat left center;
	width: 820px;
	height:90px;
	margin-right: auto;
	margin-left: auto;
}



#header h1 {
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	position:absolute;
	top:127px;
	right:25px;
	color: #CC9966;
	z-index:100;
}

*html body #header h1 {
	top:127px;
	right:55px;
}



.title {
position:absolute;
top:8px;
left:70px;
}

.title_p {
color: #633;
font-size:12px;
position:absolute;
top:10px;
right:3px;
}

*html body .title_p {
position:absolute;
top:10px;
right:32px;
}


#head_area {
position:absolute;
top:65px;
right:1px;
}

*html body #head_area {
position:absolute;
top:65px;
right:0px;
width:350px;
}

#head_area a{
	text-decoration:none;
}

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




/*サブヘッダー
------------------------------------------------------------------*/
#subheader {
	width: 849px;
	height:370px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	right:8px;
}

*html body #subheader-img {
right:0px;
}

*+html body #subheader-img {
right:0px;
}


#subheader-img {
width: 849px;
height: 366px;
position:absolute;
}

#subheader-bana1 {
width: 185px;
height: 51px;
position:absolute;
right:26px;
top:122px;
}

#subheader-bana2 {
width: 185px;
height: 53px;
position:absolute;
right:26px;
top:172px;
}



#supporter {
float: right;
width: 330px;
background: url(../images/sapo01.gif) no-repeat right top;
}



#byslidemenu {
	width:800px;
	height:300px;
	}


/*メインメニュー
------------------------------------------------------------------*/
#header-menu {
	width: 840px;
	height:76px;
	position:relative;
	top:-9px;
	right:4px;
	margin-bottom:-60px;
}

*html body #header-menu {
	right:5px;
	margin-bottom:-40px;
}

*+html body #header-menu {
	margin-bottom:-40px;
}


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/taiken.gif) no-repeat;
	width: 113px; 
}
ul#topnav a.ganba {
	background: url(../images/g-menu/ganba.gif) no-repeat;
	width: 177px; 
}
ul#topnav a.ikigomi {
	background: url(../images/g-menu/ikigomi.gif) no-repeat;
	width: 145px; 
}
ul#topnav a.koe {
	background: url(../images/g-menu/koe.gif) no-repeat;
	width: 132px; 
}
ul#topnav a.fee {
	background: url(../images/g-menu/fee.gif) no-repeat;
	width: 137px; 
}
ul#topnav a.faq {
	background: url(../images/g-menu/faq.gif) no-repeat;
	width: 133px; 
}


ul#topnav li .sub {
	position: absolute;	
	bottom: 38px; left: 0;
	background: #FFF url(../images/g-menu/bg.gif) repeat-x top left;
	padding: 20px 20px 20px;
	float: left;
	font-size:12px;
	border-top:#FC6 1px solid;
	border-left:#FC6 1px solid;
	border-right:#FC6 1px solid;
	
	/*--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: 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}



/*サブメニュー
------------------------------------------------------------------*/
#mainmenu {
	width: 850px;
	height:50px;
	margin-right: auto;
	margin-left:-10px;
	margin-top:-6px;
}





/*コンテンツ枠
------------------------------------------------------------------*/
#contents {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}


/*中部コンテンツ囲み枠
------------------------------------------------------------------*/
#top-head {
	width: 830px;
	height:12px;
	background: url(../images/top-new/top-head.gif) no-repeat left;
	position:relative;
	top:2px;
}

#top-note {
	width: 830px;
	background: url(../images/top-new/top-side.gif) repeat-y left;
	text-align: left;
	float: left;
}

#top-foot {
	width: 830px;
	height:12px;
	background: url(../images/top-new/top-foot.gif) no-repeat left;
	position:relative;
	clear: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: 572px;
	height:460px;
	margin-top:5px;
	background: url(../images/top-new2/com.jpg) no-repeat left top;
	position:relative;
	}

#cate-new {
	width: 223px;
	height:26px;
	margin-top:5px;
	background: url(../images/top-new/cate-new.gif) no-repeat left;
	position:relative;
	right:7px;
	}
	
#motto1 { 
	position:absolute;
	left:5px;
	top:45px;
}

#motto2 { 
	position:absolute;
	left:160px;
	top:210px;
}

#motto3 { 
	position:absolute;
	left:5px;
	bottom:40px;
	z-index:5;
}

#motto4 { 
	position:absolute;
	left:7px;
	bottom:70px;
	z-index:7;
}



*html body #motto2 { 
	top:200px;
}



*+html body #motto2 { 
	top:200px;
}



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

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


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


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



/*ノート風罫線
------------------------------------------------------------------*/


#motto p {
	font-size:12px;
	width:520px;
	margin-left :10px;
	margin-top:5px;
	color: #300;
	vertical-align:middle;
}


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

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

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

.green-b {color:#9C6; font-weight:bold;}


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

#menu li {
	display: inline;
}

#sub {
	float: right;
	width: 215px;
	margin-left: 0px;
	margin-top: 0px;
	position:relative;
	right:12px;
	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: 570px;
	height:280px;
	font-size:12px;
	position:relative;
	right:15px;
	line-height: 1.1em;
	text-align: left;
	clear:both;
	margin-top:15px;
}

*html body #top-koe {
	position:relative;
	margin-bottom:-5px;
	margin-top:-10px;
}




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


#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 {
	width:230px;
	height:175px;
	float:left;
	margin-top:50px;
	background: url(../images/footer_link_s.gif) no-repeat right top;
}

*html body #footer_link01 {margin-top:15px;}

#footer_link02 {
	width:240px;
	height:175px;
	float:right;
	margin-top:50px;
}

*html body #footer_link02 {margin-top:15px;}


#footer_link04 {
	width:300px;
	float:left;
	margin-top:30px;
	text-align:left;
	line-height:1.4;
	height:175px;
	background: url(../images/footer_link_s.gif) no-repeat right top;
}

*html body #footer_link04 {margin-top:40px;}


#footer_link05 {
	clear: both;
	text-align:center;
}

*html body #footer_link05 {
	margin-top:-30px;
}


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


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

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


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


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


/*コピーライト
------------------------------------------------------------------*/
#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 */





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

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