@charset "utf-8";
/* -------------------------------------------------------------------


 All reset


------------------------------------------------------------------- */
* html {overflow-y: scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
body{font-size:75%;}
html>/**/body {font-size: 12px;}

/*--- default ---*/
body {font-family: "ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;line-height: 170%;} 
/*--- for IF6 ---*/
* html body {font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}

table {border-collapse: collapse;border-spacing: 0;}
img,abbr,acronym,fieldset {border: 0;}
li {list-style-type: none;}

address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
caption,th {text-align: left;}
q:before,q:after {content: '';}
object,embed {vertical-align: top;}
hr,legend {display: none;}

/*----- clearfix -----*/
/*for IE 5.5-7*/
.clearfix{zoom:1;}
/*for modern browser*/
.clearfix:after{content:".";display: block;height:0px;clear:both;visibility:hidden;}





/* -------------------------------------------------------------------


 Contents Area


------------------------------------------------------------------- */
body{
	background:url(../images/body_bg.gif) repeat-x;
}
* html body{
	margin:0 0 20px 0;
}
*:first-child+html body{
	padding:0 0 20px 0;
}


#contentsArea{
	width:980px;
	margin:0 auto;
	position:relative;
}





/* -------------------------------------------------------------------


 Header Area


------------------------------------------------------------------- */
#headerArea{
	width:945px;
	height:106px;
	background:url(../images/head_bg01.gif) repeat-x bottom #FFF;
	padding:0 0 0 35px;
}
#headerArea h1 a{
	display:block;
	width:164px;
	height:40px;
	text-indent:-9999px;
	background:url(../images/logo01.gif) no-repeat 0 0;
	float:left;
	margin:25px 0 0 0;
	padding:0;
}

#headerArea p{
	width:199px;
	height:13px;
	text-indent:-9999px;
	background:url(../images/head_txt01.gif) no-repeat 0 0;
	float:left;
	margin:53px 0 0 23px;
	padding:0;
}





/* -------------------------------------------------------------------


 Flash Area


------------------------------------------------------------------- */
#flashArea{
	clear:both;
	width:980px;
	height:319px;
	background:url(../images/flash.gif) no-repeat 0 0;
}





/* -------------------------------------------------------------------


 Gloval navigation Area


------------------------------------------------------------------- */
#gnavi{
	clear:both;
	width:980px;
	height:48px;
	padding:0 0 30px 0;
	background:#FFFFFF;
}
#gnavi li{
	float:left;
}

/* ---------------------
 about
--------------------- */
#gnavi .about a{
	display:block;
	width:129px;
	height:48px;
	text-indent:-9999px;
	background:url(../images/menu_01.gif) no-repeat 0 0;
}
#gnavi .about a:hover{
	background:url(../images/menu_ro_01.gif) no-repeat 0 0;
}

/* ---------------------
 model
--------------------- */
#gnavi .model a{
	display:block;
	width:118px;
	height:48px;
	text-indent:-9999px;
	background:url(../images/menu_02.gif) no-repeat 0 0;
}
#gnavi .model a:hover{
	background:url(../images/menu_ro_02.gif) no-repeat 0 0;
}

/* ---------------------
 photo
--------------------- */
#gnavi .photo a{
	display:block;
	width:144px;
	height:48px;
	text-indent:-9999px;
	background:url(../images/menu_03.gif) no-repeat 0 0;
}
#gnavi .photo a:hover{
	background:url(../images/menu_ro_03.gif) no-repeat 0 0;
}

/* ---------------------
 event
--------------------- */
#gnavi .event a{
	display:block;
	width:135px;
	height:48px;
	text-indent:-9999px;
	background:url(../images/menu_04.gif) no-repeat 0 0;
}
#gnavi .event a:hover{
	background:url(../images/menu_ro_04.gif) no-repeat 0 0;
}

/* ---------------------
 faq
--------------------- */
#gnavi .faq a{
	display:block;
	width:112px;
	height:48px;
	text-indent:-9999px;
	background:url(../images/menu_05.gif) no-repeat 0 0;
}
#gnavi .faq a:hover{
	background:url(../images/menu_ro_05.gif) no-repeat 0 0;
}

/* ---------------------
 recruit
--------------------- */
#gnavi .recruit a{
	display:block;
	width:120px;
	height:48px;
	text-indent:-9999px;
	background:url(../images/menu_06.gif) no-repeat 0 0;
}
#gnavi .recruit a:hover{
	background:url(../images/menu_ro_06.gif) no-repeat 0 0;
}

/* ---------------------
 media
--------------------- */
#gnavi .media a{
	display:block;
	width:111px;
	height:48px;
	text-indent:-9999px;
	background:url(../images/menu_07.gif) no-repeat 0 0;
}
#gnavi .media a:hover{
	background:url(../images/menu_ro_07.gif) no-repeat 0 0;
}

/* ---------------------
 studio
--------------------- */
#gnavi .studio a{
	display:block;
	width:111px;
	height:48px;
	text-indent:-9999px;
	background:url(../images/menu_08.gif) no-repeat 0 0;
}
#gnavi .studio a:hover{
	background:url(../images/menu_ro_08.gif) no-repeat 0 0;
}





/* -------------------------------------------------------------------


 Main contents Area


------------------------------------------------------------------- */
#maincontentsArea{
	width:980px;
	background:url(../images/maincontents_line.gif) repeat-y;
}

/* -----------------------------------------------

 Main contents Area   - L -

----------------------------------------------- */
#maincontentsArea_L{
	width:670px;
	float:left;
	margin:0;
	padding:0;
}


/* --------------------
 Readcopy
-------------------- */
#readcopy{
	width:657px;
	padding:0 0 30px 13px;
}
#readcopy #readcopy_h{
	width:655px;
	height:22px;
	text-indent:-9999px;
	background:url(../images/readcopy_h.gif) no-repeat 0 0;
	margin:0 0 8px 0;
}

/* --------------------
 News
-------------------- */
#news_BOX{
	width:670px;
}
#news_BOX .h2_ttl{
	width:670px;
	height:35px;
	text-indent:-9999px;
	background:url(../images/h2_news.gif) no-repeat 0 0;
}
#news_BOX dl{
	width:650px;
	margin:0 0 0 10px;
}
#news_BOX .news_date{
	width:75px;
	height:23px;
	clear:both;
	float:left;
	overflow:hidden;
	border-bottom:dotted 1px #9c9c9c;
	margin:0;
	padding:7px 0 0 0;
	font-size:88%;
	color:#5d3a39;
}
#news_BOX .news_txt{
	width:560px;
	height:25px;
	float:left;
	overflow:hidden;
	border-bottom:dotted 1px #9c9c9c;
	margin:0;
	padding:5px 0 0 15px;
	background:url(../images/list_icon_1.gif) no-repeat 0 50%;
}
#news_BOX .news_txt a{
	color:#2222EE;
/*	text-decoration:none; */
}
#news_BOX .news_txt a:hover{
	color:#dd427b;
	text-decoration:underline;
}



/* -----------------------------------------------
 Newface & Schedule BOX
----------------------------------------------- */
#newface-schedule_BOX{
	clear:both;
	width:670px;
	padding:30px 0 0 0;
}

/* --------------------
 Newface
-------------------- */
#newface_BOX{
	width:330px;
	float:left;
}
#newface_BOX .h2_ttl{
	width:330px;
	height:35px;
	text-indent:-9999px;
	background:url(../images/h2_newface.gif) no-repeat 0 0;
}

/* --------------------
 Schedule
-------------------- */
#schedule_BOX{
	width:330px;
	float:right;
}
#schedule_BOX .h2_ttl{
	width:330px;
	height:35px;
	text-indent:-9999px;
	background:url(../images/h2_schedule.gif) no-repeat 0 0;
}

/* --------------------
 Newface & Schedule
-------------------- */
/* -- BOX -- */
#newface_BOX .box,
#schedule_BOX .box,
#newface_BOX .box_shooting,
#schedule_BOX .box_shooting,
#newface_BOX .box_event,
#schedule_BOX .box_event{
	clear:both;
	width:322px;
	padding:0 0 0 8px;
	margin:17px 0 0 0;
}

/* -- Titles - newface -- */
#newface_BOX .box .ttl{
	width:305px;
	padding:0 0 0 10px;
	border-left:solid 7px #d7ae3c;
}
#newface_BOX .box .date{
	font-size:88%;
}
#newface_BOX .box .name{
	font-size:130%;
}
#newface_BOX .box .bwh{
	font-size:88%;
}

/* -- Titles - schedule -- */
#schedule_BOX .icon_shooting{
	width:100px;
	height:15px;
	padding:0 0 0 70px;
	margin:0 0 5px 0;
	background:url(../images/icon_shooting.gif) no-repeat 0 0;
	font-size:88%;
}
#schedule_BOX .icon_event{
	width:100px;
	height:15px;
	padding:0 0 0 70px;
	margin:0 0 5px 0;
	background:url(../images/icon_event.gif) no-repeat 0 0;
	font-size:88%;
}
#schedule_BOX .box_shooting .ttl{
	width:305px;
	padding:0 0 0 10px;
	border-left:solid 7px #6ece36;
}
#schedule_BOX .box_event .ttl{
	width:305px;
	padding:0 0 0 10px;
	border-left:solid 7px #50d1ca;
}
#schedule_BOX .box_shooting .ttl .date,
#schedule_BOX .box_event .ttl .date{
	font-size:180%;
}
#schedule_BOX .box_shooting .ttl .ttl_h,
#schedule_BOX .box_event .ttl .ttl_h{
	font-size:88%;
}

/* -- Image & txt & btn -- */
#newface_BOX .images,
#schedule_BOX .images{
	width:322px;
	border-top:solid 1px #cecece;
	padding:7px 0 0 0;
	margin:7px 0 0 0;
}
#newface_BOX .images .images_img,
#schedule_BOX .images .images_img{
	width:146px;
	height:196px;
	padding:3px 0 0 3px;
	border-top:solid 2px #e7e7e7;
	border-left:solid 2px #e7e7e7;
	border-bottom:solid 2px #abadad;
	border-right:solid 2px #abadad;
	float:left;
	margin:0 0 15px 0;
}
#newface_BOX .images .images_txt,
#schedule_BOX .images .images_txt{
	width:160px;
	height:183px;
	float:right;
	overflow:hidden;
}

#newface_BOX .images .deteal_btn_y{width:160px;height:20px;float:right;}
#newface_BOX .images .deteal_btn_y a{display:block;width:62pxpx;height:20px;text-indent:-9999px;background:url(../images/syousai_orange.gif) no-repeat 0 0;margin:0 0 0 98px;}
#schedule_BOX .images .deteal_btn_g{width:160px;height:20px;float:right;}
#schedule_BOX .images .deteal_btn_g a{display:block;width:62pxpx;height:20px;text-indent:-9999px;background:url(../images/syousai_green.gif) no-repeat 0 0;margin:0 0 0 98px;}
#schedule_BOX .images .deteal_btn_b{width:160px;height:20px;float:right;}
#schedule_BOX .images .deteal_btn_b a{display:block;width:62pxpx;height:20px;text-indent:-9999px;background:url(../images/syousai_blue.gif) no-repeat 0 0;margin:0 0 0 98px;}


/* -----------------------------------------------

 Main contents Area   - R -

----------------------------------------------- */
#maincontentsArea_R{
	width:290px;
	float:right;
	margin:0;
	padding:0;
}
* html #maincontentsArea_R{
	margin:0 -20px 0 0;
}

/* --------------------
 AD
-------------------- */
.ad_BOX{
	width:290px;
	height:102px;
	padding:0 0 26px 0;
}

/* --------------------
 Mail magazine
-------------------- */
#mailmagazine_BOX{
	width:290px;
	padding:0 0 26px 0;
}
#mailmagazine_BOX .mailmagazine_ttl{
	width:165px;
	height:33px;
	text-indent:-9999px;
	background:url(../images/h2_mailmagazine.gif) no-repeat 0 0;
}
#mailmagazine_BOX .mailmagazine_BOX_txt{
	clear:both;
	margin:5px 0 0 0;
}

/* --------------------
 Banners
-------------------- */
#banner_BOX{
	width:290px;
	padding:0 0 26px 0;
}
.banner_BOX_bgG{width:290px;height:100px;margin:0 0 2px 0;background:url(../images/banner_box_bgg.gif) no-repeat 0 0;}
.banner_BOX_bgB{width:290px;height:100px;margin:0 0 2px 0;background:url(../images/banner_box_bgb.gif) no-repeat 0 0;}
.banner_BOX_bgY{width:290px;height:100px;margin:0 0 2px 0;background:url(../images/banner_box_bgy.gif) no-repeat 0 0;}

/* --------------------
 Links
-------------------- */
#link_BOX{
	width:290px;
}
#link_BOX .h2_ttl{
	width:290px;
	height:39px;
	text-indent:-9999px;
	background:url(../images/h2_link.gif) no-repeat 0 0;
	margin:0 0 10px 0;
}
#link_BOX .link{
	width:290px;
	height:25px;
	padding:5px 0 0 15px;
	background:url(../images/list_icon_1.gif) no-repeat 0 50%;
}
#link_BOX .link a{
	color:#343333;
	text-decoration:none;
}
#link_BOX .link a:hover{
	color:#dd427b;
	text-decoration:underline;
}






/* -------------------------------------------------------------------


 Footer Area


------------------------------------------------------------------- */
#footerArea{
	clear:both;
	width:980px;
	height:90px;
	background:url(../images/footer_bg.jpg) no-repeat bottom;
}
#copyrights{
	display:none;
}
#fnavi{
	width:;
}
#fnavi li{
	float:left;
	margin:40px 0 0 0;
}
#fnavi #shoyo a{
	display:block;
	width:100px;
	height:25px;
	text-indent:-9999px;
	background:url(../images/footer_menu_01.png) no-repeat;
	margin:0 0 0 444px;
}
#fnavi #shoyo a:hover{
	background:url(../images/footer_menu_ro_01.png) no-repeat;
}
#fnavi #kiyaku a{
	display:block;
	width:100px;
	height:25px;
	text-indent:-9999px;
	background:url(../images/footer_menu_02.png) no-repeat;
	margin:0 0 0 4px;
}
#fnavi #kiyaku a:hover{
	background:url(../images/footer_menu_ro_02.png) no-repeat;
}
#fnavi #mail a{
	display:block;
	width:100px;
	height:25px;
	text-indent:-9999px;
	background:url(../images/footer_menu_03.png) no-repeat;
	margin:0 0 0 4px;
}
#fnavi #mail a:hover{
	background:url(../images/footer_menu_ro_03.png) no-repeat;
}
#fnavi #sitemap a{
	display:block;
	width:100px;
	height:25px;
	text-indent:-9999px;
	background:url(../images/footer_menu_04.png) no-repeat;
	margin:0 0 0 4px;
}
#fnavi #sitemap a:hover{
	background:url(../images/footer_menu_ro_04.png) no-repeat;
}
#fnavi #outline a{
	display:block;
	width:100px;
	height:25px;
	text-indent:-9999px;
	background:url(../images/footer_menu_05.png) no-repeat;
	margin:0 0 0 4px;
}
#fnavi #outline a:hover{
	background:url(../images/footer_menu_ro_05.png) no-repeat;
}