@charset "shift_jis";


/*====共通====*/

a{outline:none;}

.clear0{clear:both; line-height:0; height:0; font-size:0;}	
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mb20{margin-bottom:20px;}
.mt10{margin-top:10px;}
.mb10{margin-bottom:10px;}
.pd10{padding:10px;}

/*非表示コンテンツ*/
/*#header,
#globalNavi,
#headbanner,
#footerNavi,
.cnav01,
.cnav02,
.cnav03,
.cnav04,
.cnav05 {
	display: none;
}*/

/*#headerArea {
	height:25px;
	margin:0;
}*/



#top{
	height:0px;
	overflow:hidden;
	position:absolute;
}

#raygel #pagetop{
	width:78px !important;
	height:78px;
	position:fixed;
	right:0px;
	bottom:240px;
	z-index:10;
	display:none;
}

#raygel a:hover img.opa70{
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	}

/*共通：背景・ヘッダー*/


#raygel #contentsArea {
    width:100%;
}
#raygel #root{
	width:950px; margin:0 auto; padding:10px 0;
}

#raygel #header2{
	width:100%;
	background:#40220f;
}

#raygel #header2 #subct{
	width:950px;
	margin:0 auto;
	padding:4px 0;
	text-align:right;
	line-height:1.0;
}
#raygel #header2 #subct span{
	padding-left:15px;
}
#raygel #header2 #subct img{
	vertical-align:middle;
}

#raygel #header3{
	width:950px;
	margin:10px auto 30px;
}


#raygel #header3 p#logo{
	width:148px;
	float:left;
	padding-top:10px;
}

#raygel #header3 div#rightbox{
	float:right;
	width:765px;
	padding-top:10px;
}

#raygel #header3 ul#headNav{
	float:left;
	width:763px;
	background:url(../img2/cmn/gnavi_bg.gif) top right no-repeat;
	margin-top:15px;
}	
#raygel #header3 ul#headNav li{
	list-style-type:none;
	width:126px;
	padding-left:1px;
	display:block;
	float:left;
	line-height:1.0;
	height:40px;
	background:url(../img2/cmn/gnavi_bg.gif) top left no-repeat;
}

/*#raygel #wrapper2{
	width:100%;
	background:url(../img2/cmn/bg_star2.gif) repeat;
}*/
#raygel #wrapper1{
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
	background:url(../img2/cmn/bg_star.gif) repeat-y center 40px;
	width:100%;
	margin:0 auto;
}

#raygel #container{
	width:950px;
	margin:0 auto;
}


/*フッター*/
#raygel #foot_main_bg a:link,
#raygel #foot_main_bg a:visited{
	color:#40220F;
	font-size:12px;
}
#raygel #foot_main_bg a:link:hover,
#raygel #foot_main_bg a:link:focus,
#raygel #foot_main_bg a:visited:hover,
#raygel #foot_main_bg a:visited:focus{color:#40220F1; text-decoration:none;
}
#raygel #foot_main_bg{
	width:100%;
	min-height:193px;
	background:#FAE5EE;
	position:relative;
	color:#40220F;
	font-size:11px;
	font-weight:bold;
}
#raygel #foot_wrap{
	width:950px;
	margin:0 auto;
	padding:50px 0 10px;
}
#raygel .foot_box340{
	float:left;
	width:340px;
}
#raygel #foot_box240{
	float:right;
	width:240px;
}
#raygel #foot_main_bg ul#footlink{
	margin:0;
}
#raygel #foot_main_bg ul#footlink li{
	list-style-type:none;
	padding:0 10px;
	margin-bottom:20px;
	display:block;
	float:left;
	border-right:solid 1px #40220F;
	line-height:1.5;
	font-size:12px;
}
#raygel #foot_main_bg p.contact{
	padding-left:15px;
	line-height:1.8;
	font-size:12px;
}

#raygel #foot_main_bg p.sns span.ameb{
	text-align:right;
	padding:0 30px;
}

/*====共通====*/



/*====トップページ====*/


#raygel #top-p{
	position:relative;
	padding:0 10px 100px;
}

#mainimg{
	width:930px;
	background:#FFECF2;
}
h1.leftBox{
	position:relative;
	width:546px;
	float:left;
}
h1.leftBox img{
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;	
}
h1.leftBox img.active{
	z-index:4;	
}
h1.leftBox img.last-active{
	z-index:3;	
}

#Carousel{
	width:360px;
	height:370px;
	/*height:570px;*/
	padding-right:10px;
	padding-top:65px;
	padding-bottom:65px;
	float:right;
	position:relative;
}
#Carousel .Carousel-inner{
	height:370px;
	/*height:560px;*/
	overflow:hidden;
}
#Carousel .Carousel-inner ul li{
	height:180px;
	margin-bottom:10px;	
	display:block;
}
#btn_up,#btn_down{
	position:absolute;
	left:165px
}
#btn_up{top:25px;}
#btn_down{bottom:25px;}

#raygel #top-p #news{
	width:740px;
	height:152px;
	margin:50px auto;
	border:solid 1px #DDD;
	padding:2px;
	overflow:hidden;
	position:relative;
}
#raygel #top-p #newsinbox{
	border:solid 1px #DDD;
}
#raygel #top-p #newsinbox h2{
	float:left;
	width:80px;
	padding-top:40px;
	padding-left:20px;
}

#raygel #top-p #newsbox{
	float:right;
	width:610px;
	height:130px;
	overflow-y:auto;
	font-size:12px;
	padding:10px 0;
}

/*#raygel #top-p .scrollbar{
	scrollbar-base-color:#86A4AF;
	scrollbar-face-color:#86A4AF;
	scrollbar-arrow-color:#FFF;
	scrollbar-shadow-color:#CCCCCC;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#CCCCCC;
	scrollbar-track-color:#FFFFFF;
}*/

#raygel #top-p #newsbox dl {
padding:0 10px 15px 0;
/*	height: 115px;
	overflow: auto;*/
}
#raygel #top-p #newsbox dl dt {
	color: #666;
	float: left;
	clear: both;
	width: 80px;
	margin-bottom:10px;
	line-height: 1.5;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-weight:bold;
}
#raygel #top-p #newsbox dl dd {
	padding-left:85px;
	padding-bottom:10px;
	font-size:11px;
	line-height:1.3;
	border-bottom:dotted 1px #333;
}
#raygel #top-p #newsbox dl dd a{
	font-size:11px;
	line-height:1.3;
}


#raygel #top-p #menubox{
	width:930px;
	font-size:12px;
}
#raygel #top-p #menubox h2{
	margin-bottom:5px;
}
#raygel #top-p #menubox p.menutxt{
	word-wrap:break-word;
	line-height:1.5;
}
#raygel #top-p #menubox p img{
	margin-bottom:5px;
}
	
#raygel #top-p .w460box{
	float:left;
	width:460px;
}
#raygel #top-p .w470box{
	float:right;
	width:470px;
}
#raygel #top-p .w210box{
	float:left;
	width:210px;
	margin-right:20px;
	margin-bottom:30px;
}
#raygel #top-p #conceptbox{
	width:440px;
}
#raygel #top-p #conceptbox .ctxt1{
	margin:30px 0 20px;
	text-align:center;
}
#raygel #top-p #conceptbox .ctxt2{
	font-size:14px;
	line-height:2.4;
}

/*====下層共通====*/

#raygel #mainbox{
	position:relative;
	padding:0 10px 100px;
}

/*#raygel .main_outbox{
	border:solid 1px #BBA044;
	background:#FAF3EA;
	padding:10px;
	*zoom:1;
}
#raygel .main_outbox .main_inbox{
	background:#FFF;
	padding:46px 28px 30px;
}*/


/*====商品特徴====*/

#raygel #point-p .introtxt{
	font-size:15px;
	line-height:2.0;
	margin-top:20px;
	padding:0 15px;
}

#raygel #point-p .w900box{
	padding:0 15px;
}

#raygel #point-p .w430left_box{
	float:left;
	width:430px;
	margin-top:70px;
}
#raygel #point-p .w430right_box{
	float:right;
	width:430px;
	margin-top:70px;
}

#raygel #point-p .w900box p.txt{
	margin:10px 0 20px;
	font-size:14px;
	line-height:1.5;
}

#raygel table.pt07{
	border-collapse:collapse;
	width:100%;
	empty-cells:show;
}
#raygel table.pt07 td{
	border:1px solid #CCC;
	background-color:#FFF;
	color:#333;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
	padding:20px 5px;
}
#raygel #point-p .w900box p.atntxt{
	font-size:10px;
	text-align:left;
	margin-top:5px;
}
#raygel table.pt07 tr.pb td{
	background-color:#FFDFEB;
}
#raygel table.pt07 tr.pb td strong{
	color:#FF6D9D;
}

/*====商品ラインナップ====*/

#raygel #lineup-p ul#ctg{
	margin:45px 7px 0px 6px;
}	
#raygel #lineup-p ul#ctg li{
	list-style-type:none;
	padding:0 8px 0 9px;
	display:block;
	float:left;
	line-height:1.0;
	position:relative;
}
/*#raygel ul#ctg li .newicon{
	position:absolute;
	z-index:10;
	left: 140px;
	top: 10px;
	display:block;
	width:69px;
	height:54px;
}
#raygel #lineup-p .newicon2{
	position:absolute;
	z-index:10;
	right: 5px;
	top: -10px;
	display:block;
	width:69px;
	height:54px;
}*/

#raygel #lineup-p h2{
	margin-top:60px;
	position:relative;
}
#raygel #lineup-p h2 img.callout_lu{
	position:absolute;
	z-index:10;
	left: 200px;
	top: -40px;
	display:block;
	width:148px;
	height:117px;
}

#raygel #lineup-p .itemblock{
	width:900px;
	margin:100px auto 0;
}

#raygel #lineup-p .itembox{
	width:900px;
	margin-top:60px;
}
#raygel #lineup-p .itembox .flbox{
	float:left;
	width:350px;
}
#raygel #lineup-p .itembox .flbox p{
	position:relative;
}
#raygel #lineup-p .itembox .frbox{
	float:right;
	width:500px;
}
#raygel #lineup-p .itembox .frbox .name{
	font-family: "フォーク M", Folk Medium, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#FF79A5;
	font-size:20px;
	line-height:1.3;
	font-weight:bold;
	margin-bottom:20px;
	letter-spacing:1px;
}
/*#raygel #lineup-p .itembox .frbox .name span{
	font-size:20px;
	color:#FF79A5;
}*/
#raygel #lineup-p .itembox .frbox .txt{
	margin-bottom:25px;
	line-height:1.5;
}
#raygel #lineup-p .itembox .frbox .mp{
	font-size:14px;
	margin-bottom:5px;
}
#raygel #lineup-p .itembox .frbox .bgp{
	font-size:18px;
	color:#FF0000;
	margin-bottom:10px;
}
#raygel #lineup-p .itembox .frbox .bgp a{
	font-size:18px;
	color:#FF0000;
	margin-bottom:10px;
}
#raygel #lineup-p .itembox .frbox .bgp span{
	font-size:20px;
	color:#FF0000;
	font-weight:bold;
}

#raygel #lineup-p .bnr{
	text-align:center;
	padding-top:30px;
	position:relative;
}
/*#raygel #lineup-p .bnr .new-col{
	position:absolute;
	z-index:10;
	right: 30px;
	top: -10px;
	display:block;
	width:105px;
	height:84px;
}*/

#raygel #lineup-p .itembox .frbox .sizebox{
	width:364px;
}
#raygel #lineup-p .itembox .frbox .sizebox .flbox2{
	float:left;
	width:172px;
}
#raygel #lineup-p .itembox .frbox .sizebox .frbox2{
	float:right;
	width:172px;
}
#raygel #lineup-p .itembox .frbox .sizebox .flbox2 .size,
#raygel #lineup-p .itembox .frbox .sizebox .frbox2 .size{
	margin-bottom:10px;
}
#raygel #lineup-p .itembox .frbox .sizebox .flbox2 .bgp,
#raygel #lineup-p .itembox .frbox .sizebox .frbox2 .bgp{
	font-size:14px;
	color:#FF0000;
	margin-bottom:10px;
}
#raygel #lineup-p .itembox .frbox .sizebox .flbox2 .bgp a,
#raygel #lineup-p .itembox .frbox .sizebox .frbox2 .bgp a{
	font-size:14px;
	color:#FF0000;
	margin-bottom:10px;
}
#raygel #lineup-p .itembox .frbox .sizebox .flbox2 .bgp span,
#raygel #lineup-p .itembox .frbox .sizebox .frbox2 .bgp span{
	font-size:18px;
	font-weight:bold;
	color:#FF0000;
}

/*====使用方法====*/
#raygel #use-p{}
#raygel #use-p #stepblock{
	list-style:none;
	margin-top:30px;
	padding:0 5px;
}
#raygel #use-p #stepblock li{
	display:block;
	float:left;
	width:210px;
	padding:30px 10px 0;
}
#raygel #use-p #stepblock li p{
	margin-top:10px;
	padding-left:10px;
	line-height:1.3;
	font-size:12px;
}
#raygel #use-p #attention{
	width:900px;
	margin:60px auto 0;
}
#raygel #use-p #attention h2{
	font-size:18px;
	font-weight:normal;
}
#raygel #use-p #attention #atnlist{
	list-style-type:disc;
	border:#555 dashed 1px;
	padding:10px 10px 10px 40px;
}
#raygel #use-p #attention #atnlist li{
	padding:10px 10px 10px 5px;
	font-size:14px;
	line-height:1.2;
}
#raygel #use-p p.btn_pdf{
	text-align:center;
	margin:60px 0 0;
}

/*====アートギャラリー====*/
#raygel #gallery-p{}


#raygel #gallery-p ul#ag{
	margin-top:30px;
}	
#raygel #gallery-p ul#ag li{
	list-style-type:none;
	padding:30px 15px 60px;
	width:280px;
	display:block;
	float:left;
}
#raygel #gallery-p ul#ag li div{
}

#raygel #gallery-p ul#ag li p.txt{
	margin-top:10px;
	line-height:1.3;
}
#raygel #gallery-p ul#ag li dl{
	margin-top:10px;
	padding-top:10px;
	line-height:1.3;
	width:280px;
	background: url(../img2/gallery/txtbg.gif) no-repeat top left;
}
#raygel #gallery-p ul#ag li dt{
	margin-bottom:5px;
}
#raygel #gallery-p ul#ag li dd{
	font-size:12px;
}


/*====セミナー====*/
#raygel #seminar-p ul.menubox{
	list-style:none;
	width:900px;
	margin:30px auto 0;
}

#raygel #seminar-p ul.menubox li.menu1{
	float:left;
	width:400px;
}
#raygel #seminar-p ul.menubox li.menu2{
	float:right;
	width:400px;
}

#raygel #seminar-p h2{
	margin:60px 0 30px;
	text-align:center;
}

#raygel #seminar-p #edubox{
	width:900px;
	margin:0 auto;
}
#raygel #seminar-p #edubox .flbox{
	width:400px;
	float:left;
}
#raygel #seminar-p #edubox .flbox ul#flow{
	text-align:center;
	background: url(../img2/seminar/flowbtm_bg.gif) no-repeat center bottom;
}
#raygel #seminar-p #edubox .flbox ul#flow li{
	background: url(../img2/seminar/arw.gif) no-repeat center bottom;
	height:81px;
	margin-bottom:5px;
}
#raygel #seminar-p #edubox .flbox ul#flow li.last{
	background:none;
	margin:0;
}

#raygel #seminar-p #edubox .flbox div#basicbox{
	width:342px;
	margin:30px auto 0;
}
#raygel #seminar-p #edubox .flbox div#basic{
	padding:10px;
	border-left:solid 1px #DDD;
	border-right:solid 1px #DDD;
	border-bottom:solid 1px #DDD;
	background:#FFF;
}
#raygel #seminar-p #edubox .flbox div#basic li{
	float:left;
	padding:0 5px 10px;
}
#raygel #seminar-p #edubox .flbox p.atntxt{
	font-size:12px;
	line-height:1.3;
}

#raygel #seminar-p #edubox .frbox{
	float:right;
	width:436px;
}
#raygel #seminar-p #edubox .frbox h3{
	width:436px;
	height: 0 !important;
	height /**/: 76px;
	padding: 76px 0 0 0;
	overflow: hidden;
	background: url(../img2/seminar/benefit.gif) no-repeat 0px 0px;
}
#raygel #seminar-p #edubox .frbox ol{
	list-style:none;
}
#raygel #seminar-p #edubox .frbox ol li#bf1{
	width:436px;
	height: 0 !important;
	height /**/: 50px;
	padding: 50px 0 0 0;
	overflow: hidden;
	background: url(../img2/seminar/benefit.gif) no-repeat 0px -76px;
}
#raygel #seminar-p #edubox .frbox ol li#bf2{
	width:436px;
	height: 0 !important;
	height /**/: 50px;
	padding: 50px 0 0 0;
	overflow: hidden;
	background: url(../img2/seminar/benefit.gif) no-repeat 0px -126px;
}
#raygel #seminar-p #edubox .frbox ol li#bf3{
	width:436px;
	height: 0 !important;
	height /**/: 50px;
	padding: 50px 0 0 0;
	overflow: hidden;
	background: url(../img2/seminar/benefit.gif) no-repeat 0px -176px;
}
#raygel #seminar-p #edubox .frbox ol li#bf4{
	width:436px;
	height: 0 !important;
	height /**/: 60px;
	padding: 60px 0 0 0;
	overflow: hidden;
	background: url(../img2/seminar/benefit.gif) no-repeat 0px -226px;
}
#raygel #seminar-p #edubox .frbox ol li#bf5{
	width:436px;
	height: 0 !important;
	height /**/: 50px;
	padding: 50px 0 0 0;
	overflow: hidden;
	background: url(../img2/seminar/benefit.gif) no-repeat 0px -286px;
}
#raygel #seminar-p #edubox .frbox ol li#bf6{
	width:436px;
	height: 0 !important;
	height /**/: 70px;
	padding: 70px 0 0 0;
	overflow: hidden;
	background: url(../img2/seminar/benefit.gif) no-repeat 0px -336px;
}
#raygel #seminar-p #edubox .frbox ol li#bf7{
	width:436px;
	height: 0 !important;
	height /**/: 65px;
	padding: 65px 0 0 0;
	overflow: hidden;
	background: url(../img2/seminar/benefit.gif) no-repeat 0px -406px;
}

#raygel #seminar-p #edu_detail h3{
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#f69;
	font-size:18px;
	margin:60px 0 5px;
}
#raygel #seminar-p #edu_detail h3 span{
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#f69;	
	font-size:20px;
}

#raygel #seminar-p table.seminar_tbl{
	width:838px;
	border:1px solid #BBA044;
	border-collapse:collapse;
	background:#FFF;
	line-height:1.5;
}
#raygel #seminar-p table.seminar_tbl th{
	padding:15px;
	width:20%;	
	text-align:left;
	vertical-align:top;
	margin:0;
	border-top: 1px solid #BBA044;
	border-right: 1px solid #BBA044;
	background: #FAF3E4;
	font-weight:normal;
	overflow: hidden;
}
#raygel #seminar-p table.seminar_tbl td{
	font-size:12px;
	padding: 15px;
	text-align: left;
	vertical-align: top;
	border-top:1px solid #BBA044;
	background: #FFF;
}
#raygel #seminar-p table.seminar_tbl td a{
	font-size:12px;
}
#raygel #seminar-p table.seminar_tbl th.cur{
	background:#F9CEEE;
}

#raygel #seminar-p table.seminar_tbl td p.bdr{
	margin-top:15px;
	padding-top:15px;
	border-top:dotted 1px #666;
}
#raygel #seminar-p .seminar_tbl td ul.fl{float:left;}
#raygel #seminar-p .seminar_tbl td ul{list-style-type:disc; padding-left:15px;}
#raygel #seminar-p .seminar_tbl td ul li{line-height:1.3; margin-top:10px; font-size:12px;}
#raygel #seminar-p .seminar_tbl td ul li:first-child{line-height:1.3; margin:0;}
#raygel #seminar-p .seminar_tbl td ul li span{font-weight:bold; font-size:12px;}
#raygel #seminar-p .seminar_tbl td ol{list-style:decimal; padding-left:20px;}
#raygel #seminar-p .seminar_tbl td ol li{line-height:1.3; margin-top:10px; font-size:12px;}
#raygel #seminar-p .seminar_tbl td ol li:first-child{line-height:1.3; margin:0;}
#raygel #seminar-p .seminar_tbl td dt{font-size:12px; margin-left:-8px;}
#raygel #seminar-p .seminar_tbl td dd{font-size:12px;}
#raygel #seminar-p .seminar_tbl td .atn{color:#F00; font-size:10px;}
#raygel #seminar-p .seminar_tbl td .otoku{background:#F00; font-size:10px; color:#FFF; font-weight:bold;}
#raygel #seminar-p .seminar_tbl td strong{font-size:12px;}
#raygel #seminar-p .seminar_tbl .small{font-size:10px;}
#raygel #seminar-p .seminar_tbl td.btn{text-align:center; padding:30px 0;}

#raygel #seminar-p .seminar_tbl td .samplebox{
	float:right;
	width:380px;
}
#raygel #seminar-p .seminar_tbl td .samplebox p{
	font-size:12px;
	line-height:1.5;
	margin-top:5px;
}
#raygel #seminar-p .seminar_tbl td .samplebox p span{
	font-size:10px;
}

#raygel #seminar-p table.seminar_tbl h4{
	font-size:14px;
	margin-bottom:5px;
}
#raygel #seminar-p table.seminar_tbl table.test_tbl{
	width:630px;
	border:1px solid #CCC;
	border-collapse:collapse;
	background:#FFF;
	line-height:1.3;
	font-size:11px;	
	margin-top:10px;
}
#raygel #seminar-p table.seminar_tbl table.test_tbl th{
	padding:5px 0;
	text-align:center;
	vertical-align:top;
	margin:0;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background: #EEE;
	font-size:11px;
	font-weight:bold;
	color:#333;
}
#raygel #seminar-p table.seminar_tbl table.test_tbl td{
	padding:5px;
	text-align: left;
	vertical-align:middle;
	border:1px solid #CCC;
	background: #FFF;
	font-size:11px;
	white-space:nowrap;
}

#raygel #seminar-p table.seminar_tbl p.test-txt1{
	font-size:12px;
	margin-bottom:10px;
}

#raygel #seminar-p table.seminar_tbl p.test-atn{
	font-size:12px;
	margin:20px 0 10px;
	font-weight:bold;
}

#raygel #seminar-p .framewrap{
	padding-top:15px;
	background:#FFF;
}
#raygel #seminar-p .framewrap .txt1{
	width:800px;
	margin:0 auto;
	font-size:12px;
	color:#F00;
	margin-bottom:10px;
}


/*====よくある質問====*/
#raygel #faq-p{
	position:relative;
}
#raygel #faq-p .w900{
	width:900px;
	margin:60px auto 0;
}

#raygel #faq-p dl:first-child{
	margin-top:0;
}
#raygel #faq-p dl:last-child{
	padding-bottom:20px;
}

#raygel #faq-p dl{
	margin-top:60px;
	font-size:16px;
}
#raygel #faq-p dt{
	display:block;
	font-size:16px;
	letter-spacing:1px;
	color:#333;
	background:url(../img2/faq/bg_q.gif) no-repeat top left;
	height:31px;
	padding:2px 0 0 35px;
	margin-bottom:15px;
	line-height:1.0;
}
#raygel #faq-p dd{
	display:block;
	font-size:14px;
	color:#E85999;
	padding:0 0 5px 35px;
	line-height:1.3;
	background:url(../img2/faq/bg_a.gif) no-repeat top left;
}