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


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

body {
	font-family : 'ＭＳ Ｐゴシック' ;
	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;}

.pink {color:#F69; }

.blue {color:#69C; }

.red {color:#F03; }


/*ヘッダー
------------------------------------------------------------------*/
#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:8px;
left:80px;
}

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

#head_area {
position:absolute;
top:67px;
right:20px;
}

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

#head_area a{
	text-decoration:none;
}

.area1 {
	margin-right:8px;
}


img.pittari {
vertical-align: middle;
}


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



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

}

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

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


#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;
	}
	
.pan a {
	text-decoration:none;
	}
	
.pan2 { /*H2なし用*/
	font-size:10px;
	margin-top:-5px;
	margin-bottom:-0px;
	}
	
.pan2 a {
	text-decoration:none;
	}


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

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



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

#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 {
	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:70px;
	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: left;
	width: 215px;
	margin-left: 0px;
	margin-top: 10px;
	position:relative;
	left:10px;
}



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




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

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



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