/*�X�^�C��������
---------------------------------------------------------*/
*{
	margin: 0;
	padding: 0;
	text-decoration: none;
}

/*��{�X�^�C����������
---------------------------------------------------------*/
body{
	/*	font-family: 'Hiragino Kaku Gothic Pro', '�q���M�m�p�S Pro W3', '�l�r �o�S�V�b�N', sans-serif;
--*/
	color: #FFF;
	font-family: "���C���I", "Meiryo", arial, "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "�l�r �o�S�V�b�N", "MS PGothic", Sans-Serif;
	text-decoration: none;
	padding: 0px;
	background-color: #111;
	letter-spacing: 0.05em;
}

/*IE�ȊO�Ƀt�H���g�T�C�Y���㏑��
-----------------------------------*/
html>body{
	font-size: 90%;
}

a:link, a:visited{
	color: #FFE;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

h1{
	width: 220px;
	margin: auto;
	text-indent: -9999px;
}

h2{
	font-size: 10px;
	text-indent: -9999px;
	line-height: 0px;
}

h3{
	font-size: 10px;
	text-indent: -9999px;
	line-height: 10px;
}

h4{
	font-size: 10px;
	text-indent: -9999px;
	line-height: 0px;
}

h5{
	margin: 0px;
	padding-left:20px;
	font-family: 'Hiragino Kaku Gothic Pro', '�q���M�m�p�S Pro W3', '�l�r �o�S�V�b�N', sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	background-image: url(medical/img/mark.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#content ul {
	margin:3px 5px;
}

#content li{
	margin-left: 15px;
	padding: 0px;
}

p{margin-bottom: 15px;}

.f_color01{color: #ac7e7a;}

.point{color: #fadbc6;}

/*micro clearfix
---------------------------------------------------------*/
.cf:before,.cf:after{
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/*�R���e�i�[
---------------------------------------------------------*/
#container{
	width: 100%;
	font-size: 13px;
	line-height: 24px;
	text-align: left;
}

.important{
	color: #F00;
}

img{border:none;}

/*�w�b�h�G���A
---------------------------------------------------------*/
#headArea{
	width: 100%;
	height: 220px;
	background-color: #222;
	padding: 90px 0;
}

.logo{
	width: 220px;
	height: 220px;
	background: url(../img/logo.png) no-repeat;
	display: block;
}

/*���j���[�G���A
---------------------------------------------------------*/
#menuArea{
	width: 100%;
	height: 70px;
	background: url(../img/bg_nav.png);
}

#menu_center{
	width: 706px;
	height: 70px;
	margin: 0 auto;
}

ul#global_nav{
	width: 706px;
	height: 70px;
}

#global_nav li{display:inline;}


#global_nav li a {
	display: block;
	float:left;
	text-indent:-9999px;
	height: 70px;
	text-decoration:none;
	outline: none;
} 

/*	�I�t	*/
#menu01 a{width:115px;background:url(../img/global_nav.png) 0 0 no-repeat;}
#menu02 a{width:139px;background:url(../img/global_nav.png) -115px 0 no-repeat;}
#menu03 a{width:168px;background:url(../img/global_nav.png) -254px 0 no-repeat;}
#menu04 a{width:143px;background:url(../img/global_nav.png) -422px 0 no-repeat;}
#menu05 a{width:141px;background:url(../img/global_nav.png) -565px 0 no-repeat;}

/*	�I��	*/
#menu01 a:hover,#menu01 a.on{background-position: 0 -70px;}
#menu02 a:hover,#menu02 a.on{background-position: -115px -70px;}
#menu03 a:hover,#menu03 a.on{background-position: -254px -70px;}
#menu04 a:hover,#menu04 a.on{background-position: -422px -70px;}
#menu05 a:hover,#menu05 a.on{background-position: -565px -70px;}


ul#cate_nav{
	width: 960px;
	height: 831px;
}

#cate_nav li{display:inline;}


#cate_nav li a {
	display: block;
	text-indent:-9999px;
	width:960px;
	height: 275px;
	margin-top: 2px;
	text-decoration:none;
} 

/*	�I�t	*/
#nav_f-production a{background:url(../img/nav_f-production.jpg) 0 0 no-repeat;}
#nav_production a{background:url(../img/nav_production.jpg) 0 0 no-repeat;}
#nav_produce a{background:url(../img/nav_produce.jpg) 0 0 no-repeat;}

/*	�I��	*/
#nav_f-production a:hover,#nav_f-production a.on{background-position: 0 -275px;}
#nav_production a:hover,#nav_production a.on{background-position: 0 -275px;}
#nav_produce a:hover,#nav_produce a.on{background-position: 0 -275px;}



/*�C���[�W�G���A
---------------------------------------------------------*/
#imageArea{
	width: 900px;
	margin: 0;
}

	#imageArea #image{
		float: right;
	}

	#imageArea #title{
		width: 410px;
		height: 345px;
		margin: 0;
		display: block;
		float: right;
	}
	
	
/*mainArea
---------------------------------------------------------*/
#mainArea{
	width: 960px;
	margin: 0 auto;
	padding: 0 40px;
}

.f_right{float: right;}
.f_left{float: left;}

.clear_f{clear: both;}


/*main----------------------------*/
#main{
	width: 620px;
	padding: 30px;
	color: #fff;
	float: left;
}

.sb_title{
	width: 500px;
	height: 48px;
	margin-bottom: 40px;
	text-indent:-9999px;
}

#main_wide{
	width: 840px;
	background: #d2aba7;
	padding: 30px;
	float: left;
	color: #fff;
}

	#main_wide .sb_title{
		width: 840px;
		height: 25px;
		margin-bottom: 20px;
		clear: both;
	}

.page-top{
	width: 120px;
	height: 25px;
	background: url(../img/page-top.png) no-repeat;
	margin-left: auto;
	clear: both;
	display: block;
	text-indent:-9999px;
}

.more-see{
	width: 120px;
	height: 25px;
	background: url(../img/more-see.png) no-repeat;
	margin-left: auto;
	clear: both;
	display: block;
	text-indent:-9999px;
}

.b_fashion{
	width: 240px;
	height: 50px;
	background: url(../img/button_fashion.png) no-repeat;
	margin-left: auto;
	margin-bottom: 20px;
	clear: both;
	display: block;
	text-indent:-9999px;
}
a.b_fashion:hover{background-position: 0 -50px;}

/*side----------------------------*/
#side{
	width: 220px;
	padding: 30px;
	float: left;
}

	#side .sb_title{
		width: 220px;
		height: 25px;
		margin-bottom: 20px;
	}
	
/*�g�b�v�y�[�W
---------------------------------------------------------*/
#concept{
	height: 270px;
	margin-top: 2px;
	padding: 50px 450px 40px 0;
	background: url(../img/bg_concept.png) right no-repeat;
}
	
	#concept .sb_title{background: url(../img/sb_title01.png);}

#results{
	margin-top: 2px;
	padding: 50px 0 40px 0;
}
	
	#results .sb_title{background: url(../img/sb_title_results.png);}

	#results ul{
		width: 960px;
	}

		#results li{float: left; list-style-type: none;}

#bg_information{background-color: #DDD;}

	#bg_information #information{
		width: 960px;
		margin: 0 auto;
		padding: 40px 0;
	}

		#information .sb_title{
			width: 700px;
			margin: 0 auto 20px;
			background: url(../img/sb_title_information.png);
		}
		
		.box_wide{
			font-size: 12px;
			width: 884px;
			margin: 20px 10px 0;
			padding: 26px 28px 24px;
			background: url(../img/mark_info.png) 5px 5px no-repeat #999;
			float: left;
			list-style-type: none;
			display: inline;  /* IE6 fix */
		}
		
			.box_wide img{
				margin: 0 20px 0 0;
				float: left;
			}
		
		ul.wrap#info{
			width: 960px;
			overflow: auto;
			overflow-x: hidden;
			float: left;
		}

			ul#info li.box{
				font-size: 12px;
				width: 244px;
				margin: 20px 10px 0;
				padding: 26px 28px 24px;
				background: url(../img/mark_info.png) 5px 5px no-repeat #999;
				float: left;
				list-style-type: none;
				display: inline;  /* IE6 fix */
			}

				ul#info li.box img{
					margin: 0 auto 5px;
				}


/*�t�b�^�[
---------------------------------------------------------*/
#footArea{
	width: 100%;
	clear: both;
	background-color: #222;
	overflow: hidden;
}

#footer{
	width: 880px;
	margin: 0 auto;
	padding: 60px 40px 80px;
	font-size: 12px;
	line-height: 14px;
	position: relative;
	color: #666;
	background: url(../img/copyright.png) no-repeat right 10px;
}

#footer::after{
	content: '運営会社 一般社団法人リアフールコレクション';
	position: absolute;
	bottom: 5px;
	right: -8%;
}

#footer a{color: #f9e9e6;}

@media screen and (max-width: 980px) {
	#footer::after{
		right: 0;
	}
}

/*��\���N���X
---------------------------------------------------------*/
.skipLinks {display: none;}

/********************* �ȏ� **********************/