@charset "utf-8";
@import "styles.css";

/*--------------------------------------------------------------------
ロゴとメニュー
--------------------------------------------------------------------*/
#page_top{
		width:950px;  margin:0 auto;  padding:10px 0 10px 0; overflow:hidden;
		}
#page_top img{ float:left;  }
/* メニュー */
#page_top .pagemenu {
		width:845px;  height:32px; float:right; margin:0 auto; list- style:none; 
		}
#page_top .pagemenu div{
		padding:15px 0 15px 0;
		}
#page_top .pagemenu ul { margin:0; padding:0; list-style:none; }
#page_top .pagemenu ul  li{ float:left; line-height:11px; } 
#page_top .pagemenu ul  li a { 
		display:block; margin:0; text-decoration:none; color:#000000; /* リンク色 */ font-weight:bold; line-height:32px;
		 }
#page_top .pagemenuul  li  a span{ font-size:12px; font-weight:bold;  color:#000000; }
#page_top .pagemenu ul  li a:hover {  color:#ffffff; /* リンク色 */ }
#page_top .pagemenu ul  li a.p_m_outline { 
		width:132px;  height:32px; 
		background:url(../img/p_m_outline.gif)  left no-repeat; 
		}
		#page_top .pagemenu ul  li a.p_m_outline_n { 
		width:132px;  height:32px; 
		background:url(../img/p_m_outline_n.gif)  left no-repeat; 
		}
		#page_top .pagemenu ul  li.p_m_outline2 { 
		width:132px;  height:32px; line-height:32px; font-weight:bold;
		background:url(../img/p_m_outline2.gif)  left no-repeat; 
		}
#page_top .pagemenu ul  li a.p_m_news { 
		width:113px;  height:32px; 
		background:url(../img/p_m_news.gif)  left no-repeat; 
		}
		#page_top .pagemenu ul  li.p_m_news2 { 
		width:113px;  height:32px; line-height:32px; font-weight:bold;
		background:url(../img/p_m_news2.gif)  left no-repeat; 
		}
#page_top .pagemenu ul  li a.p_m_works { 
		width:126px;  height:32px; 
		background:url(../img/p_m_works.gif)  left no-repeat; 
		}
		#page_top .pagemenu ul  li.p_m_works2 { 
		width:126px;  height:32px; line-height:32px; font-weight:bold;
		background:url(../img/p_m_works2.gif)  left no-repeat; 
		}
#page_top .pagemenu ul  li a.p_m_gallery{ 
		width:148px;  height:32px;
		background:url(../img/p_m_gallery.gif)  left no-repeat; 
		}
		#page_top .pagemenu ul  li.p_m_gallery2 { 
		width:148px;  height:32px; line-height:32px; font-weight:bold;
		background:url(../img/p_m_gallery2.gif)  left no-repeat; 
		}
#page_top .pagemenu ul  li a.p_m_chara{ 
		width:184px;  height:32px;
		background:url(../img/p_m_chara.gif)  left no-repeat; 
		}
#page_top .pagemenu ul  li a.p_m_contact{ 
		width:142px;  height:32px;
		background:url(../img/p_m_contact.gif)  left no-repeat; 
		}
		#page_top .pagemenu ul  li a.p_m_contact_n{ 
				width:142px;  height:32px;
				background:url(../img/p_m_contact_n.gif)  left no-repeat; 
				}
	   	#page_top .pagemenu ul  li.p_m_contact2{ 
				width:142px;  height:32px; line-height:32px; font-weight:bold;
				background:url(../img/p_m_contact2.gif)  left no-repeat; 
				}
#page_top .pagemenu ul  li a.p_m_outline:hover { 
		background:url(../img/p_m_outline2.gif)  left no-repeat; 
		}
		#page_top .pagemenu ul  li a.p_m_outline_n:hover { 
				background:url(../img/p_m_outline2_n.gif)  left no-repeat; 
				}
#page_top .pagemenu ul  li a.p_m_news:hover { 
		background:url(../img/p_m_news2.gif)  left no-repeat; 
		}
#page_top .pagemenu ul  li a.p_m_works:hover { 
		background:url(../img/p_m_works2.gif)  left no-repeat; 
		}
#page_top .pagemenu ul  li a.p_m_gallery:hover{ 
		background:url(../img/p_m_gallery2.gif)  left no-repeat; 
		}
#page_top .pagemenu ul  li a.p_m_chara:hover{ 
		background:url(../img/p_m_chara2.gif)  left no-repeat; 
		}
#page_top .pagemenu ul  li a.p_m_contact:hover{ 
		background:url(../img/p_m_contact2.gif)  left no-repeat; 
		}
		#page_top .pagemenu ul  li a.p_m_contact_n:hover{ 
		background:url(../img/p_m_contact2_n.gif)  left no-repeat; 
		}
/*--------------------------------------------------------------------
会社概要
--------------------------------------------------------------------*/
#outline{
		position: relative; width:950px;  height:725px; margin:0 auto; text-align:left; overflow:hidden;
		}
/* タイトル */
#outline .outline_title{  margin:27px 0 58px 123px;  }
/* 表 */
#outline table{
		width:600px ; border:none;
		text-align:left; font-size:13px; /* 文字のサイズ */ line-height:20px; /* 行間 */
}
#outline table td{ padding:10px; }
#outline table .td_left{ width:100px ; vertical-align:top; }
#outline table .td_right{ width:500px ; }
/* タイトル */
#outline .outline_map{  position: absolute;  right:17px; bottom:39px; /* 位置 */  }
/*--------------------------------------------------------------------
ニュース
--------------------------------------------------------------------*/
/* ニュース壁紙 */
.news_body{ background:url(../img/news_bg.jpg) center top repeat-y #8bc3f3; }
/* ニュース壁紙その2 */
.news_body2{ background:url(../img/news_bg2.jpg) center top no-repeat #8bc3f3; }
/* ニュース*/
#news{
		width:1150px; margin:0 auto; overflow:hidden;
		}
/*--------------------------------------------------------------------
Works
--------------------------------------------------------------------*/
#works{
	position: relative; width:1100px; height:2000px; margin:0 auto; text-align:left; overflow:hidden;
		}
#works .works_title {
	position:absolute; left:202px; top:0px; width:110px; height:54px; }
#works .works01 {
	position:absolute; left:0px; top:87px; width:1100px; height:1665px;
}
/*--------------------------------------------------------------------
Gallery TOP
--------------------------------------------------------------------*/
#gallery{
		position: relative; margin:0 auto; padding:0; text-align:left; overflow:hidden;
		width:1050px;
		background:url(../img/kazari_bg.gif) center bottom no-repeat;
}
/* gallery展示内容 */
#gallery .gallery_wrap .gallery_main{ 
	width:875px;/* 幅 */  height:1200px; /* 高さ */ 
	overflow:hidden; text-align:right; }
/* ギャラリータイトル */
#gallery .gallery_title {
	position:absolute; left:250px; top:0px; width:106px; height:49px; 
}
/* TOPテキストボックス */
#gallery .gallery_wrap .gallery_main  .gallery_textbox{
	margin:0 auto; margin-top:120px; width:475px; height:150px;
}
/* ギャラリーコピー見出し */
#gallery .gallery_wrap .gallery_main .gallery_textbox h1{
	font-size:20px; line-height:24px; font-weight:normal;
	text-align:center;
}
/* ギャラリーコピー */
#gallery .gallery_wrap .gallery_main .gallery_textbox p{
	font-size:14px; line-height:24px; text-align:left;
	margin-top:10px;
}
/* 点線枠 */
#gallery .gallery_wrap .gallery_main  img.gallery_top_img{
	text-align:right; margin:0; 
}
/*--------------------------------------------------------------------
ギャラリー メニュー
--------------------------------------------------------------------*/
#gallery .gallery_wrap .gallery_menu{
	float:left; width:130px; margin-top:192px; overflow:hidden;
}
#gallery .gallery_wrap .gallery_menu ul{
	margin:0; padding:0; list-style:none;
}
#gallery .gallery_wrap .gallery_menu ul li{
	margin-bottom:40px;
}
#gallery .gallery_wrap .gallery_menu ul li.gallery_menu_visit{
	display:block;  padding:30px 0 10px 18px; width:112px; height:22px; text-decoration:none; 
	color:#000000;
	background:url(../img/gallery_ic2.gif) left no-repeat;
}
#gallery .gallery_wrap .gallery_menu ul li a{
	display:block;  padding:30px 0 10px 18px; width:112px; height:22px; text-decoration:none; 
	color:#000000;
	background:url(../img/gallery_ic.gif) left no-repeat;
}
#gallery .gallery_wrap .gallery_menu ul li a:hover{
    color:#000000;
	background:url(../img/gallery_ic2.gif) left no-repeat;
}
/*--------------------------------------------------------------------
キャラクターランド
--------------------------------------------------------------------*/
#land{
	position: relative; width:1170px; height:1400px; margin:0 auto; overflow:hidden;
		}
#land .land-03{
	position: relative;
	width:1169px; height:92px;
}
#land .land-03 img{
	position:absolute;
	left:0px; top:0;
}
#land .land-03 .land-04{
	position:absolute;
	left:0px; top:25px;
	width:1050px; height:22px;
	text-align:center;
}
#land .land-04 p { font-size:16px; line-height:22px; }
#land .land-04 p a{ text-decoration:none;  color:#000; }
#land .land-05 {
	text-align:left; margin:0 auto;
	width:360px; height:98px;
}
/*--------------------------------------------------------------------
キャッチコピー
--------------------------------------------------------------------*/
#footer, #footer2,#footer, #footer3{
	    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		 clear:both; font-size:12px; padding-bottom:10px;
		}
#footer4{ 
	    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	    width:400px; height:30px; margin:0 auto; padding-bottom:10px;
	    clear:both; font-size:12px; text-align:left;
	}
#footer2 { background:#8bbfe8; }