@charset "UTF-8";

#stage { margin:25px auto 0; text-align:left; width:970px; background:url(../images/bg_black.gif) repeat-y;}
#stage.black { background:#000000; }

#menu{ float:left; margin:35px 0 0 0; font-size:0; line-height:0; }
#menu ul{ margin:0; padding:0;}
#menu ul li{ line-height:0;}
#menu .sub{ padding:5px 0; background:#4d4d4d;}


/*  ================================================================================
	TOP
================================================================================  */
#tips { width:445px; height:645px; margin:0; padding:0; float:left; text-align:left; text-indent:-999em; }
/*#tips li{ margin:0; padding:0; display:none; }*/

#top_info { width:400px; height:645px; color:#FFFFFF; float:left; position:relative; }
#top_info h1{ padding:210px 0 0; text-align:center; }

#topNewsArea{ position:absolute; left:0; bottom:0; }
#top_info .news dl { margin:8px 0 20px; width:400px; }
#top_info .news dl dt { width:70px; float:left; }
#top_info .news dl dd { width:330px; margin:0; padding:0; float:left; }
#top_info .news dl dd a:link,#top_info .news dl dd a:visited,#top_info .news dl dd a:active { color:#FFF; text-decoration:underline; }
#top_info .news dl dd a:hover { color:#FFF; text-decoration:none; } 

#top_info .column dl { margin:8px 0 0; padding:0 0 8px; }
#top_info .column dl dt { width:80px; float:left; }
#top_info .column dl dd { }

#top_info .cotinue { padding:5px 0 0; text-align:right; }

#contain { width:830px; float:right; line-height:170%; }
#contain_detail { margin-left:110px; line-height:170%; }
#title { margin-bottom:25px; position:relative; width:830px; }
/*#title.logow {background:url(../images/logo_w.gif) right no-repeat; }*/
#cilogo{ position:absolute; left:699px; top:0; }

#contain .profile{}
#contain .profile td{ padding-bottom:10px;}
#contain .profile img{ margin-right:20px;}

#contain .profile table.staff{ margin-bottom:10px;}
#contain .profile table.staff td.name{ font-weight:bold;}
#contain .profile table.staff td.year{ padding:0 20px;}

#contain .profile .clbtitle{ font-weight:bold; font-size:14px; color:#999; }

#contain .profile table.clb{ border-bottom:#CCC 1px solid; margin-bottom:15px;}
#contain .profile table.clb p{ font-weight:bold; padding-bottom:0;}
#contain .profile table.clb ul{ margin:15px 0; padding:0;}
#contain .profile table.clb li{ }



/*  ================================================================================
	WORKS
================================================================================  */
#contain .works{  }
#contain .worksindex{ width:250px; margin:0 40px 20px 0; float:left; }
#contain .worksindex.last{ margin-right:0px; }
#contain .worksindex dl{ margin:0; }
#contain .worksindex dl dt{ width:85px; float:left; }
#contain .worksindex dl dt div{ width:75px; text-align:center; background-color:#000; }
#contain .worksindex dl dt div a{ display:block; width:75px; height:56px; text-indent:-999em; background:no-repeat center center; outline:none; }
#contain .worksindex dl dt img{ }
#contain .worksindex dl dd{ width:165px; float:left; margin:0; }
#contain .worksindex dl dd ul{ margin:0; padding:0; }
#contain .worksindex dl dd ul li{ margin:0; padding:0; }
#contain .worksindex dl dd ul li.stitle{ line-height:150%; }
#contain .worksindex dl dd ul li a{color:#444}
#contain .worksindex dl dd li.at{ font-size:83.3%; }


#contain_detail .worksdetail { width:430px; height:646px; float:left; text-align:left; position:relative; }
#contain_detail .worksdetail ul#parent4{ width:430px; height:646px; margin:0; padding:0; overflow:hidden; }
#contain_detail .worksdetail table#photoArea{ width:430px; height:646px; border:0; }
#contain_detail .worksdetail table#photoArea td{ vertical-align:middle; text-align:center; }
#contain_detail .worksdetail_info { position:relative; width:380px; _width:430px; height:646px; color:#FFFFFF; float:left; padding:0 25px;}

/* サブメニュー */
.worksSub{ width:146px; height:609px; _height:646px; padding:37px 0 0; background:url(../../works/images/gray_bg.png); position:absolute; left:0; top:0; display:none; z-index:1000; }
ul.worksLists{ margin:0; padding:0 10px; font-size:83.3%; }
ul.worksLists li{ line-height:150%; padding:0 0 7px; }
.Scroller-Container { position: absolute; }

ul.worksLists li{}
ul.worksLists li a{ display:block; }
ul.worksLists li a:link,ul.worksLists li a:visited,ul.worksLists li a:active,ul.worksLists li a:hover { color:#FFF; }  
#Scroller1,#Scroller2,#Scroller3,#Scroller4,#Scroller5,#Scroller6 { position:relative; width:146px; height:545px; overflow:hidden; }
.Scroller-Container{ position: absolute; }
.updwonBtn{ padding:25px 10px 0; }
.updwonBtn img{ margin:0 0 5px; }


#cilogoblack{ position:absolute; right:10px; top:0; }
#thumbnailUnder{ width:380px; _width:430px; position:absolute; left:25px; bottom:15px; }

#contain_detail .worksdetail_info .mg { margin:0 25px;}
#contain_detail .worksdetail_info .title { margin-top:62px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
#contain_detail .worksdetail_info .name {/* margin-top:10px;*/ margin:7px 0; font-size:16px; font-weight:bold;}
#contain_detail .worksdetail_info .sentence { /*margin-top:20px;*/ margin-top:10px; height:365px; _height:350px;}
#contain_detail .worksdetail_info .information { border-top:1px #fff solid; padding-top:5px; line-height:1.5em; margin-top:5px;}

#contain_detail .worksdetail_info .information a:link,#contain_detail .worksdetail_info .information a:visited,#contain_detail .worksdetail_info .information a:active{ color:#FFF; text-decoration:underline; }
#contain_detail .worksdetail_info .information a:hover { color:#FFF; text-decoration:none; } 

.information ul.caption{ margin:0; padding:0; }
.information ul.caption li{ width:190px; margin:0; padding:0; float:left; }
.information ul.caption li.none{ width:auto; float:none; clear:both; }

/*  ================================================================================
	COLUMN
================================================================================  */
#contain .column{}
#contain .column .entryImage{ float:right; padding:0 0 20px 25px; text-align:right; line-height:150%; font-size:83.3%; }
#contain .column .entryImage img{ margin:0 0 3px; }
#contain .column .entryTitle{ margin:0; padding:0 0 20px 0; }
#contain .column .entry p{ margin:0; padding:0 0 2em; line-height:200%; }

#contain .columnlist{ }
#contain .columnlist .columnindex{ width:250px; margin:0 40px 20px 0; float:left; }
#contain .columnlist .columnindex.last{ margin-right:0px; }
#contain .columnlist .columnindex dl{ margin:0; }
#contain .columnlist .columnindex dl dt{ width:66px; float:left; }
#contain .columnlist .columnindex dl dt img{ }
#contain .columnlist .columnindex dl dd{ width:184px; float:left; margin:0; }
#contain .columnlist .columnindex dl dd ul{ margin:0; padding:0; }
#contain .columnlist .columnindex dl dd ul li{ margin:0; padding:0; }
#contain .columnlist .columnindex dl dd ul li a{color:#444}
#contain .columnlist .columnindex dl dd li.at{ font-size:83.3%; }

.cl{ clear:both; }

/*  ================================================================================
	FAQ
================================================================================  */
#contain .faq{}
#contain .faq ul.first{ margin:0; padding:0; margin-bottom:25px;}
#contain .faq ul.first li{ background:url(../images/dot.gif) repeat-x bottom; padding:10px 0 5px 0;}
#contain .faq ul.first li a{ background:url(../../faq/images/icon_q.gif) no-repeat; padding:5px 0 5px 30px;}

#contain .faq dl{ background:url(../images/dot.gif) repeat-x bottom;}
#contain .faq dl dt{}
#contain .faq dl dt ul{ margin:0 0 1px 0; padding:0; }
#contain .faq dl dt ul li{ background:#d6e6f2 url(../../faq/images/icon_q_blue.gif) no-repeat;  color:#369; padding:5px 0 5px 35px;}

#contain .faq dl dd{ margin:0; padding:0; background:url(../images/dot.gif) repeat-x top; color:#444;}
#contain .faq dl dd ul{ margin:0; padding:5px 0; }
#contain .faq dl dd ul li{ background:url(../../faq/images/icon_a.gif) no-repeat 1px 1px;  padding:5px 0 5px 35px;}

#contain .faq dl dd .glay{ background:#e7e7e7; padding:10px 30px; margin-bottom:5px;}
#contain .faq dl dd .red{ color:#f00; margin-bottom:15px;}

#smallwindow { margin:30px auto 10px; width:550px; text-align:left; background:url(../images/dot.gif) bottom repeat-x; padding-bottom:10px;}
#smallwindow .title { font-weight:bold; font-size:116.7%; margin-bottom:10px;}
#smallwindow .point { font-weight:bold; color:#999;}
#smallwindow .red {color:#f00;}
#smallwindow ul { margin:0; background:#e7e7e7; padding:10px 20px; margin-bottom:5px;}
#smallwindow ul li { margin:0; padding:0;}

#smallwindow ul li.fee {}
#smallwindow ul li.fee dl { width:510px; float:left;}
#smallwindow ul li.fee dl dt { color:#f00; float:left; width:55px;}
#smallwindow ul li.fee dl dd { margin:0; float:left; width:455px; padding-bottom:10px;}

#smallwindow table.fee1 {}
#smallwindow table.fee1 td { padding:5px;}

#smallwindow ul.openhouse { margin:0; background:#e7e7e7; padding:5px 10px; margin-bottom:5px;}


#smallwindowtop { margin:0 auto; width:550px }
#smallwindowtop a{
	margin-left:520px;
	display:block;
	outline:none;
	overflow:hidden;
	text-indent:-9999em;
}
#smallwindowtop a.top{
	background:url(../images/uparrow.gif) no-repeat;
}
#smallwindowtop a.close{
	background:url(../images/close.gif) no-repeat;
}


#contain .pub{}
#contain .publ{ width:400px; float:left; margin:0 30px 35px 0;}
#contain .pubr{ width:400px; float:left; margin-bottom:35px;}
#contain .pub dl{ margin:0;}
#contain .pub dl dt{ margin:0; padding:0; float:left; width:122px; background:#fff; }
#contain .pub dl dt img {border:1px #ccc solid; }
#contain .pub dl dd{ }
#contain .pub ul { margin:0; padding:0;}
#contain .pub ul li{ }
#contain .pub ul li.title{ background:url(../images/dot.gif) repeat-x bottom; padding:3px 0; margin:0 0 4px; }

#contain .info {}
#contain .info dl { margin:0 0 5px 0; background:url(../images/dot.gif) repeat-x bottom; padding-bottom:5px; float:left;}
#contain .info dl dt{ width:129px; margin:0; padding:10px 0; float:left; background:url(../images/dot.gif) repeat-x top left; }
#contain .info dl dd{ width:701px; margin:0; padding:10px 0; float:left; background:url(../images/dot.gif) repeat-x top left; }
#contain .info dl dd p{ margin:0; padding:0 0 0.8em; }
#contain .info dl dd a{ color:#444; text-decoration:underline;}
#contain .info dl .first{ padding-top:0; background:none; }

#contain .recruite{}
#contain .recruite td{ padding:8px 0; background:url(../images/dot.gif) repeat-x bottom;}
#contain .recruite p.title{ font-size:116.7%; font-weight:bold; padding-bottom:0;}


/*  ================================================================================
	CONTACT
================================================================================  */
#contain .contact{ min-height:300px; height:auto!important; height:300px; }
#contain .contact .txt{ margin:0 20px 20px 20px;}
#contain .contact table { margin:0 auto 30px;}
#contain .contact table td { padding:10px 20px; background:url(../images/dot.gif) repeat-x bottom;}
#contain .contact table th{ background:#CC0000; color:#FFF; text-align:center; padding:10px; /*font-size:116.7%;*/ }

#contain .contact table td.last { background:none;}
#contain .contact table td .box { width:500px;}
#contain .contact table td .boxs { width:100px; }
#contain .contact table td .boxxs { width:50px; }
#contain .contact table td .boxm { width:300px; }
#contain .contact table td .boxl { width:800px; height:150px;}
#contain .contact form{ margin:0; padding:0; }
#contain .contact form textarea,#contain .contact form input{ font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Osaka, sans-serif; font-size:100%; color:#333; }

#contain .contact table.cbox { margin:0;}
#contain .contact table.cbox td { padding:0 10px 0 0; background:none;}


#totop { clear:both; }
#totop a{
	margin-left:810px;
	background:url(../images/uparrow.gif) no-repeat;
	display:block;
	outline:none;
	overflow:hidden;
	text-indent:-9999em;
}
#totop.middle{ padding:4px 0 30px; }



#footer { width:970px; border-top:1px solid #000; padding:10px 0; margin:0 auto; text-align:right; }
#footer.black{ border-top:0; }
#smallfooter { width:550px; border-top:1px solid #000; padding:10px 0; margin:0 auto; text-align:right;}

/*  ================================================================================
	POPUP
================================================================================  */