@charset "shift_jis";
/*----------------------------
  CSS hisaki Document 2009.09
  Last Update 2009.09.30 hisaki
----------------------------*/

@import "common.css";


/*####################　コンテンツ部分　####################*/

#Main #HeadImage{
	height:430px;
	margin-bottom:40px;
	position:relative;
	}
#Main #HeadImage #Flash{
	width:725px;
	height:244px;
	position:absolute;
	z-index:2;
	}
#Main #HeadImage #Flash h2{ display:none;}
#Main #HeadImage  #MethodBox{
	position:absolute;
	top:210px;
	z-index:3;
	}
/*　タブ切り替え
-------------------------------------*/
#Main #MethodBox .box{
	margin:0;
	padding-bottom:9px;
	position:relative;
	}
#Main #MethodBox h3{
	background-image:url(../../img/tab.gif);
	width:725px;
	height:48px;
	text-indent:-9999px;
	font-size:0;
	}
#Main #MethodBox h4{
	position:absolute;
	top:0;
	width:179px;
	height:34px;
	}
#Main #MethodBox .method01 h4{left:0;}
#Main #MethodBox .method02 h4{left:181px;}
#Main #MethodBox .method03 h4{left:362px;}
#Main #MethodBox h4 a{
	display:block;
	width:179px;
	height:34px;
	text-indent:-9999px;
	outline:none;
	}
#Main #MethodBox ul{
	display:none;
	background:#f3f3f3;
	width:712px;
	_width:725px;
	height:158px;
	padding:5px 5px 9px 8px;
	}
#Main #MethodBox ul li{
	display:inline;
	float:left;
	width:173px;
	height:158px;
	margin:0 5px 0 0;
	}
#Main #MethodBox ul:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#Main #MethodBox h3{ background-position:0 0;}
#Main #MethodBox .method01 ul{display:block;}

/*　トピックス
-------------------------------------*/

#Main #NewsBox .title{
	background:url(../../img/title-news.gif) 0 0 no-repeat;
	position:relative;
	width:725px;
	height:37px;
	margin-bottom:20px;
	}
#Main #NewsBox .title h3{
	width:46px;
	height:19px;
	position:absolute;
	top:8px;
	right:12px;
	}
#Main #NewsBox .title h3 a{
	display:block;
	width:46px;
	height:19px;
	text-indent:-9999px;
	}
#Main #NewsBox .title p{
	width:40px;
	height:19px;
	position:absolute;
	top:8px;
	right:72px;
	}
#Main #NewsBox .title p a{
	display:block;
	width:40px;
	height:19px;
	text-indent:-9999px;
	}
#Main #NewsBox dl{
	background:url(../img/contents/line-dotted01.gif) left bottom no-repeat;
	width:670px;
	_width:694px;
	margin:0 0 12px 11px;
	padding:0 12px 12px 12px;
	}
#Main #NewsBox dl dt{
	display:inline;
	float:left;
	width:80px;
	font:bold 12px verdana;
	color:#cfcfcf;
	}
#Main #NewsBox dl dd{
	display:inline;
	float:right;
	width:560px;
	}
#Main #NewsBox dl dd a{ color:#333333;}
#Main #NewsBox dl:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
	
/*　体験談
-------------------------------------*/

#Main #Experiences{
	background:#f5e6df;
	width:725px;
	margin-bottom:30px;
	padding-bottom:24px;
	_padding-bottom:9px;
	}	
#Main #Experiences .title{
	background:url(../../img/title-experiences.gif) 0 0 no-repeat;
	position:relative;
	width:725px;
	height:60px;
	margin-bottom:20px;
	}
#Main #Experiences .title h3{
	width:46px;
	height:19px;
	position:absolute;
	top:15px;
	right:18px;
	}
#Main #Experiences .title h3 a{
	display:block;
	width:46px;
	height:19px;
	text-indent:-9999px;
	}
#Main #Experiences .title p{
	width:40px;
	height:19px;
	position:absolute;
	top:15px;
	right:78px;
	}
#Main #Experiences .title p a{
	display:block;
	width:40px;
	height:19px;
	text-indent:-9999px;
	}
#Main #Experiences .entryList{
	width:716px;
	_width:716px;
	margin:0 -19px 0 15px;
	}
#Main #Experiences dl{
	display:inline;
	float:left;
	width:160px;
	margin:0 19px 0 0;
	}
#Main #Experiences .entryList:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#Main #Experiences dl dt.menu01{
	_width:160px;
	height:1em;
	overflow:hidden;
	line-height:1.22;
	margin-bottom:15px;
	font:bold 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}
#Main #Experiences dl dt.menu01 a{ color:#333333;}
#Main #Experiences dl dt.menu02{
	background:#FFFFFF;
	border:1px solid #cccccc;
	padding:3px;
	margin-bottom:15px;
	width:152px;
	_width:160px;
	}
#Main #Experiences dl dt p.photo{
	width:152px;
	height:100px;
	overflow:hidden;
	margin:0;
	}
#Main #Experiences dl dd{margin-bottom:15px;}
#Main #Experiences dl dd.more{
	background:url(../img/contents/btn-more01.gif) 0 0 no-repeat;
	display:inline;
	float:right;
	width:76px;
	height:17px;
	margin:0 5px 0 0;
	}
#Main #Experiences dl dd.more a{
	display:block;
	height:17px;
	text-indent:-9999px;
	}
#Main #Experiences dl dd.more:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#Main #GreetingBox{margin-bottom:30px;}
#Main #GreetingBox h3{margin-bottom:25px;}
#Main #GreetingBox .message{
	background:url(../../img/photo-initiator.jpg) right top no-repeat;
	padding-right:200px;
	min-height:220px;
	_height:220px;
	}
	
/*　こみだし
-------------------------------------*/

/* まごみだし */





/*end*/

