@charset "utf-8";

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

	CSS information
	file name  :  style.css
	infomation :  レイアウト
	
 ---------------------------------------------- */




body{
	background: url(../images/bg.jpg) 0px 155px;
	background-color: #168727;
	background-repeat: repeat-x;
	}
	
	
#wrapper{
	width:1024px;
	margin:0 auto;
	}

	
#container{
	width:960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}

#contents{
	width:960px;
	margin:0 auto;
}

/* ---------- ヘッダー ---------- */
#header{
	width: 300px;
}

#logo{
	background-image: url(../images/s_logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:95px;
}

#logo a{
	height:95px;
	text-indent: -9999px;
	display: block;
}

#oa_time2{
	height: 50px;
	text-indent: -9999px;
	background-image: url(../images/s_oa_time02.gif);
	background-position: left top;
	background-repeat: no-repeat;
}


/* ---------- 左側 ---------- */
#left_area{
	width: 300px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#contents_left_area {
	float: left;
	width: 320px;
}


/* ---------- 右側 ---------- */
#right_area{
	width: 630px;
	float: right;
	margin: 0px;
	padding: 0px;
}

#contents_right_area {
	float: right;
	width: 250px;
}


/* ---------- コンテンツ ---------- */

#right_contents{
	height:800px;
	width:570px;
	float: right;
	background-image: url(../images/bg_contents.gif);
	background-repeat: repeat-y;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
	text-align: left;
}

/* ---------- Newsページ ---------- */

#n_title {
	background-image: url(../news/images/title.gif);
	background-repeat: no-repeat;
	height: 60px;
	text-indent: -9999px;
}


/* ---------- Aboutページ ---------- */

#a_title {
	background-image: url(../about/images/titile.gif);
	background-repeat: no-repeat;
	height: 60px;
	text-indent: -9999px;
}

#text_about_contents {
	background-image: url(../about/images/text_about01.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-left: 30px;
	height: 570px;
}

/* ---------- キャラページ ---------- */

#c_right_contents{
	width:570px;
	float: right;
	background-image: url(../images/bg_contents.gif);
	background-repeat: repeat-y;
	padding-top: 15px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 30px;
	text-align: left;
}

#c_title {
	background-image: url(../character/images/title.gif);
	background-repeat: no-repeat;
	height: 60px;
	text-indent: -9999px;
}
#c_sub_title01 {
	background-image: url(../character/images/sub_title01.gif);
	height: 45px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#c_sub_title02 {
	background-image: url(../character/images/sub_title02.gif);
	height: 45px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#img01{
	background-image: url(../character/images/img01.jpg);
	background-repeat: no-repeat;
	height: 293px;
	text-indent: -9999px;
	background-position: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 30px;
}

#img02{
	background-image: url(../character/images/img02.jpg);
	background-repeat: no-repeat;
	height: 293px;
	text-indent: -9999px;
	background-position: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 30px;
}

#img03{
	background-image: url(../character/images/img03.jpg);
	background-repeat: no-repeat;
	height: 293px;
	text-indent: -9999px;
	background-position: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 30px;
}

#img04{
	background-image: url(../character/images/img04.jpg);
	background-repeat: no-repeat;
	height: 293px;
	text-indent: -9999px;
	background-position: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 30px;
}

/* ---------- 関連作品 ---------- */
#w_right_contents{
	width:570px;
	float: right;
	background-image: url(../images/bg_contents.gif);
	background-repeat: repeat-y;
	padding-top: 15px;
	padding-right: 30px;
	padding-left: 30px;
	text-align: left;
}

#w_title {
	background-image: url(../works/images/title.gif);
	background-repeat: no-repeat;
	height: 60px;
	text-indent: -9999px;
}

#character_list{
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 30px;
}

#img01_w{
	background-image: url(../works/images/img01.gif);
	background-repeat: no-repeat;
	height: 265px;
	text-indent: -9999px;
	background-position: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#img02_w{
	background-image: url(../works/images/img02.gif);
	background-repeat: no-repeat;
	height: 265px;
	text-indent: -9999px;
	background-position: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#img03_w{
	background-image: url(../works/images/img03.gif);
	background-repeat: no-repeat;
	height: 265px;
	text-indent: -9999px;
	background-position: center;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#character_oldlist{
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-left: 0px;
}

#list {
	width: 250px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	height: 804px;
}

#list li,#list li a, #img01_old li a {
	list-style: none;
	text-indent: -9999px;
	height: 274px;
	width: 250px;
	display: block;
}


#img01_old{
	background: url(../works/images/btn_works.png) no-repeat 0px 0px;
}

#img01_old a:hover{
	background: url(../works/images/btn_works.png) no-repeat -250px 0px;
}

#img02_old{
	background: url(../works/images/btn_works.png) no-repeat 0px -274px;
}

#img02_old a:hover{
	background: url(../works/images/btn_works.png) no-repeat -250px -274px;
}

#img03_old{
	background: url(../works/images/btn_works.png) no-repeat 0px -549px;
}

#img03_old a:hover{
	background: url(../works/images/btn_works.png) no-repeat -250px -549px;
}


/* ---------- ガッチャマン ---------- */

#middle_works01 {
	background-image: url(../works/images/gatchaman/bg.png);
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 170px;
	margin-right: 30px;
}

#sub_title_works01 {
	background-image: url(../works/images/gatchaman/sub_title.gif);
	background-repeat: no-repeat;
	height: 110px;
	text-indent: -9999px;
	margin-top: 15px;
}

#sub_title02_works01{
	background-image: url(../works/images/gatchaman/sub_title_works.gif);
	height: 45px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#sub_title_story {
	background-image: url(../works/images/sub_title_story.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 45px;
}

#text_story_works01{
	background-image: url(../works/images/gatchaman/text_story.gif);
	background-repeat: no-repeat;
	height: 181px;   /*161px;*/
	text-indent: -9999px;
	margin-left: 30px;
}

#text_contents01_works01{
	background-image: url(../works/images/gatchaman/text_contents01.gif);
	background-repeat: no-repeat;
	height: 161px;
	text-indent: -9999px;
	margin-left: 30px;
}

#text_contents02_works01{
	background-image: url(../works/images/gatchaman/text_contents02.gif);
	background-repeat: no-repeat;
	height: 158px;
	text-indent: -9999px;
	margin-left: 30px;
}

#text_contents03_works01{
	background-image: url(../works/images/gatchaman/text_contents03.gif);
	background-repeat: no-repeat;
	height: 129px;
	text-indent: -9999px;
	margin-left: 30px;
}

#text_contents04_works01{
	background-image: url(../works/images/gatchaman/text_contents04.gif);
	background-repeat: no-repeat;
	height: 189px;
	text-indent: -9999px;
	margin-left: 30px;
}

#sub_title_staff {
	background-image: url(../works/images/sub_title_staff.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 45px;
}

#text_staff_works01 {
	background-image: url(../works/images/gatchaman/text_staff.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 172px;
	margin-left: 30px;
}

/* ---------- ライタン ---------- */

#middle_works02 {
	background-image: url(../works/images/goldlightan/bg.png);
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 170px;
	margin-right: 30px;
}

#middle_works02 {
	background-image: url(../works/images/goldlightan/bg.png);
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 170px;
	margin-right: 30px;
}

#sub_title_works02 {
	background-image: url(../works/images/goldlightan/sub_title.gif);
	background-repeat: no-repeat;
	height: 110px;
	text-indent: -9999px;
	margin-top: 15px;
}

#sub_title02_works02{
	background-image: url(../works/images/goldlightan/sub_title_works.gif);
	height: 45px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#text_story_works02{
	background-image: url(../works/images/goldlightan/text_story.gif);
	background-repeat: no-repeat;
	height: 200px;
	text-indent: -9999px;
	margin-left: 30px;
}

#text_contents01_works02{
	background-image: url(../works/images/goldlightan/text_contents01.gif);
	background-repeat: no-repeat;
	height: 128px;
	text-indent: -9999px;
	margin-left: 30px;
}

#text_contents02_works02{
	background-image: url(../works/images/goldlightan/text_contents02.gif);
	background-repeat: no-repeat;
	height: 183px;
	text-indent: -9999px;
	margin-left: 30px;
}

#text_contents03_works02{
	background-image: url(../works/images/goldlightan/text_contents03.gif);
	background-repeat: no-repeat;
	height: 113px;
	text-indent: -9999px;
	margin-left: 30px;
}

#text_contents04_works02{
	background-image: url(../works/images/goldlightan/text_contents04.gif);
	background-repeat: no-repeat;
	height: 100px;
	text-indent: -9999px;
	margin-left: 30px;
}

#text_contents05_works02{
	background-image: url(../works/images/goldlightan/text_contents05.gif);
	background-repeat: no-repeat;
	height: 128px;
	text-indent: -9999px;
	margin-left: 30px;
}

#text_staff_works02 {
	background-image: url(../works/images/goldlightan/text_staff.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 172px;
	margin-left: 30px;
}

/* ---------- キャシャーン ---------- */

#middle_works03 {
	background-image: url(../works/images/cassyan/bg.png);
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 170px;
	margin-right: 30px;
}

#sub_title_works03 {
	background-image: url(../works/images/cassyan/sub_title.gif);
	background-repeat: no-repeat;
	height: 110px;
	text-indent: -9999px;
	margin-top: 15px;
}

#sub_title02_works03{
	background-image: url(../works/images/cassyan/sub_title_works.gif);
	height: 45px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#text_story_works03{
	background-image: url(../works/images/cassyan/text_story.gif);
	background-repeat: no-repeat;
	height: 342px;
	text-indent: -9999px;
	margin-left: 30px;
}

#text_contents01_works03{
	background-image: url(../works/images/cassyan/text_contents01.gif);
	background-repeat: no-repeat;
	height: 221px;
	text-indent: -9999px;
	margin-left: 30px;
}

#text_contents02_works03{
	background-image: url(../works/images/cassyan/text_contents02.gif);
	background-repeat: no-repeat;
	height: 190px;
	text-indent: -9999px;
	margin-left: 30px;
}

#text_contents03_works03{
	background-image: url(../works/images/cassyan/text_contents03.gif);
	background-repeat: no-repeat;
	height: 220px;
	text-indent: -9999px;
	margin-left: 30px;
}

#text_contents04_works03{
	background-image: url(../works/images/cassyan/text_contents04.gif);
	background-repeat: no-repeat;
	height: 207px;
	text-indent: -9999px;
	margin-left: 30px;
}

#text_staff_works03 {
	background-image: url(../works/images/cassyan/text_staff.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 167px;
	margin-left: 30px;
}

/* ---------- 音楽ページ ---------- */

#m_right_contents{
	width:570px;
	float: right;
	background-image: url(../images/bg_contents.gif);
	background-repeat: repeat-y;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
	text-align: left;
}

#m_title {
	background-image: url(../music/images/title.gif);
	background-repeat: no-repeat;
	height: 60px;
	text-indent: -9999px;
}
#m_sub_title01 {
	background-image: url(../music/images/sub_title01.gif);
	height: 45px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#m_sub_title02 {
	background-image: url(../music/images/sub_title02.gif);
	height: 45px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#top{
	padding-bottom: 10px;
}

#bottom{
	padding-bottom: 10px;
}

p img{
	float: right;
	padding-top: 12px;
	clear: right;
}

#text_music01_title {
	background-image: url(../music/images/text_music01_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-left: 30px;
	width:267px;
	height: 151px;

}

#text_music01_contents {
	background-image: url(../music/images/text_music01_contents.gif);
	background-repeat: no-repeat;
	margin-left: 30px;
	margin-right: 30px;
	text-indent: -9999px;
	width:487px;
	height: 269px;
	margin-top: 15px;
	clear: right;
}

#text_music02_title {
	background-image: url(../music/images/text_music02_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-left: 30px;
	width:292px;
	height: 29px;

}

#text_music02_contents {
	background-image: url(../music/images/text_music02_contents.gif);
	background-repeat: no-repeat;
	margin-left: 30px;
	margin-right: 30px;
	text-indent: -9999px;
	width:511px;
	height: 361px;
	margin-top: 15px;
	clear: right;
}


/* ---------- スタッフページ ---------- */

#s_title {
	background-image: url(../staff/images/title.gif);
	background-repeat: no-repeat;
	height: 60px;
	text-indent: -9999px;
}
#s_sub_title01 {
	background-image: url(../staff/images/sub_title01.gif);
	height: 45px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#s_sub_title02 {
	background-image: url(../staff/images/sub_title02.gif);
	height: 45px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#text_staff01_contents {
	background-image: url(../staff/images/text_staff01_contents.gif);
	background-repeat: no-repeat;
	margin-left: 30px;
	margin-right: 30px;
	text-indent: -9999px;
	height: 132px;
}

#text_staff02_contents {
	background-image: url(../staff/images/text_staff02_contents.gif);
	background-repeat: no-repeat;
	margin-left: 30px;
	margin-right: 30px;
	text-indent: -9999px;
	height: 313px;
}

/* ---------- モバイルページ ---------- */

#mb_title {
	background-image: url(../mobile/images/title.gif);
	background-repeat: no-repeat;
	height: 60px;
	text-indent: -9999px;
}
#mb_sub_title01 {
	background-image: url(../mobile/images/text_mobile.gif);
	height: 57px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding-bottom: 15px;
}
#mb_sub_title02 {
	background-image: url(../mobile/images/sub_title02.gif);
	height: 45px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#mb_sub_title03 {
	background-image: url(../mobile/images/sub_title03.gif);
	height: 45px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#how_to_access {
	background-image: url(../mobile/images/howtoaccess.gif);
	height: 176px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding-bottom: 15px;
}

#text_mobile_contents {
	background-image: url(../mobile/images/img_machiuke01.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 265px;
}

#text_mobile_contents02 {
	background-image: url(../mobile/images/img_machiuke02.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 56px;
}

/* ---------- プレゼントページ ---------- */

#p_title {
	background-image: url(../present/images/title.gif);
	background-repeat: no-repeat;
	height: 60px;
	text-indent: -9999px;
}
#p_sub_title01 {
	background-image: url(../present/images/sub_title.gif);
	height: 45px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-bottom: 0px;
	margin-top: 10px;
}

#p_sub_title02 {
	background-image: url(../present/images/text01.gif);
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-top: 0px;
	margin-bottom: 15px;
}

#contents_present {
	background-image: url(../present/images/img01.jpg);
	background-position: left top;
	height: 210px;
	background-repeat: no-repeat;

}

#btn_list {
	width: 265px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	height: 80px;
	float: right;
}



#btn_list li,#btn_list li a, #s800 li a{
	list-style: none;
	text-indent: -9999px;
	height: 45px;
	width: 130px;
	display: inline;
	float: left;
	padding: 0px;
}


#s800{
	background: url(../present/images/btn_present.png) no-repeat 0px 0px;
}

#s800 a:hover{
	background: url(../present/images/btn_present.png) no-repeat -130px 0px;
}

#s1024{
	background: url(../present/images/btn_present.png) no-repeat 0px -45px;
}

#s1024 a:hover{
	background: url(../present/images/btn_present.png) no-repeat -130px -45px;
}

#s1280{
	background: url(../present/images/btn_present.png) no-repeat 0px -90px;
}

#s1280 a:hover{
	background: url(../present/images/btn_present.png) no-repeat -130px -90px;
}

#s1600{
	background: url(../present/images/btn_present.png) no-repeat 0px -135px;
}

#s1600 a:hover{
	background: url(../present/images/btn_present.png) no-repeat -130px -135px;
}

#text_contents_present {
	background-image: url(../present/images/img_machiuke.gif);
	background-repeat: no-repeat;
	margin-left: 30px;
	margin-right: 30px;
	text-indent: -9999px;
	height: 236px;
}

#text_contents_dl{
	background-image: url(../present/images/text_contents_dl.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 76px;
}

#text_contents_win{
	background-image: url(../present/images/text_contents_win.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 126px;
}

#text_contents_mac{
	background-image: url(../present/images/text_contents_mac.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 223px;
}

/* ---------- ナビゲーション ---------- */

#navi {
	float: left;
	width: 250px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
}

#navi li,#navi li a{
	list-style: none;
	text-indent: -9999px;
	height: 85px;
	width: 250px;
	display: block;
}

.NaviNews{
	background: url(../images/navi_r.gif) no-repeat 0px 0px;
}

.NaviNews a:hover{
	background: url(../images/navi_r.gif) no-repeat -250px 0px;
}

.NaviAbout{
	background: url(../images/navi_r.gif) no-repeat 0px -85px;
}

.NaviAbout a:hover{
	background: url(../images/navi_r.gif) no-repeat -250px -85px;
}

.NaviCharacter{
	background: url(../images/navi_r.gif) no-repeat 0px -170px;
}

.NaviCharacter a:hover{
	background: url(../images/navi_r.gif) no-repeat -250px -170px;
}

.NaviMusic{
	background: url(../images/navi_r.gif) no-repeat 0px -255px;
}

.NaviMusic a:hover {
	background: url(../images/navi_r.gif) no-repeat -250px -255px;
}

.NaviStaff{
	background: url(../images/navi_r.gif) no-repeat 0px -340px;
}

.NaviStaff a:hover {
	background: url(../images/navi_r.gif) no-repeat -250px -340px;
}

.NaviMobile{
	background: url(../images/navi_r.gif) no-repeat 0px -425px;
}

.NaviMobile a:hover {
	background: url(../images/navi_r.gif) no-repeat -250px -425px;
}

.NaviPresent{
	background: url(../images/navi_r.gif) no-repeat 0px -510px;
}

.NaviPresent a:hover {
	background: url(../images/navi_r.gif) no-repeat -250px -510px;
}

.NaviOther{
	background: url(../images/navi_r.gif) no-repeat 0px -595px;
}

.NaviOther a:hover {
	background: url(../images/navi_r.gif) no-repeat -250px -595px;
}

/* ---------- フッター ---------- */
#footer{
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 60px;
	background-image: url(../images/footer.jpg);
	background-repeat: repeat-x;
	padding: 0px;
	clear: both;
}
address {
	background-image: url(../images/copyrights_b.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}