/*================================================================================================
	※修正した場合、一番下にある更新記録の記入にご協力してください。
	※ここには主にindexページの指定を記載。
==================================================================================================*/

@charset "Shift_JIS";

/* =================================================================================

全体構造

=================================================================================*/
body {
		margin: 0px auto;
		padding: 0px auto;
		width: 100%;
		font-size: 95%;
		background: #FFFFFF url(../img/joint/bg00.png) repeat-x 100% 0%;
		text-align: center;
	}
#wrap00 {
		/*　背景画像指定 safari対応　*/
		margin: 0px auto;
		padding: 0px auto;
		width: 100%;
		background: #FFFFFF url(../img/joint/bg00.png) repeat-x 100% 0%;
		text-align: center;
	}
#wrap01 {
		/*　背景画像指定　*/
		margin: 0px auto;
		padding: 0px auto;
		width: 100%;
		height: 100%;
		background: transparent url(../img/joint/bg01.png) repeat-x 100% 100%;
	}
#wrapper {
		/*　背景画像指定　*/
		margin: 0px auto;
		padding: 0px 50px;
		width: 900px;
		background: transparent url(../img/joint/bg.png) no-repeat 100% 100%;
		color: #333333;
		text-align: center;
	}

/* =================================================================================

基本パーツ｜page全体に関係する指定

=================================================================================*/
/*リンク(基本)
===========================================================================*/

a:link {
		text-decoration: none;
		color: #533DE2;
		background: transparent;
		border: none;
		}
a:visited {
		text-decoration: none;
		color: #5B61F9;
		background: transparent;
		border: none;
		}
a:hover {
		text-decoration: none;
		color: #FF0000;
		background: transparent;
		border: none;
		}
a:active {
		text-decoration: none;
		color: #FF0000;
		background: transparent;
		border: none;
	}

/*イメージリンク(基本)｜hover時に赤ラインを出す
===========================================================================*/
.anc {
		border: 1px solid transparent;
	}
.anc:hover {
		border: 1px solid #FF0000;
		}

/*イメージ(基本)
===========================================================================*/
img {
		margin: 0px;
		padding: 0px;
		vertical-align: bottom;
	}

/*パタグラフ
===========================================================================*/
p {
		/*	紹介文のノーマルパタグラフ指定	*/
		margin: 3px 20px;
		line-height: 1.2;
		font-size: 95%;
	}

/*ul
===========================================================================*/
ul {
		margin: 0px 20px;
		padding: 0px;
		font-size:95%;
		list-style-type: none;
	}
li {
		margin: 0px;
		padding: 0px;
	}

/*dl
===========================================================================*/
dl {
		margin: 0px 0px 0px 20px;
		padding: 0px;
		font-size:95%;
		text-align: left;
	}
dl.w_middle {
		width: 70%;
	}
dl.w_short {
		width: 60%;
	}

dt {
		margin: 0px;
		padding: 0px;
	}
dd {
		margin: 0px;
		padding: 0px 0px 0px 0px;
		text-indent: 10px;
	}


/*配置(基本)
===========================================================================*/
.east {
		float: right;
	}
.west {
		float: left;
	}
.center {
		margin: 0px auto;
		padding: 0px auto;
		text-align: center;
	}

/*回り込み解除
===========================================================================*/
.clear {
		clear: both;
	}
.c_east {
		clear: right;
	}

/*文字消し
============================================================*/
.erase {
		display: none;
	}

/*汎用する指定
===========================================================================*/
.space {
		padding: 10px;
	}
.t_space {
		padding: 10px 0px 0px 0px;
	}
.b_space {
		padding: 0px 0px 10px 0px;
	}
.h_space {
		padding: 10px 0px 10px 0px;
	}
.w_space {
		padding: 0px 10px;
	}

.notice {
		padding: 0px 0px 0px 15px;
		text-indent: -1em;
		text-align: left;
		color: #FF0000;
	}
.attention {
		color: #FF0000;
	}
.attention_y {
		color: #FF7800;
	}
.little {
		/*	フォントを小さくするためのclassで、主にコピーライトみたいなのに使っている	*/
		font-size: 80%;
		font-weight: normal;
	}
.half {
		margin: 0px;
		padding: 0px;
		width: 49%;
	}
.border {
		border: 1px solid #FF0000;
		}

/*ボックス(基本)
===========================================================================*/
div {
		margin: 0px;
		background: transparent;
		}

/*ヘアライン(基本)
===========================================================================*/
hr {
		margin: 10px 20px;
		padding: 0px;
		border: 1px solid #80DEC7;
	}
hr.dot {
		margin: 15px 20px;
		padding: 0px;
		border-top: 1px dashed #cccccc;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;

	}

/*見出し	※ページ編集時に関係してくるところのCSS
===========================================================================*/
h1.index {
		/*	大タイトル画像	*/
		margin: 0px auto 0px auto;
		padding: 0px auto;
		width: 420px;
		height: 320px;
		background: transparent url(../img/joint/title_b.png) no-repeat 50% 10%;
		display: block;
	}
h1 {
		/*	小タイトル画像	*/
		margin: 0px 10px 0px 0px;
		padding: 0px;
		width: 130px;
		height: 110px;
		float: left;
	}
h2 {
		/*	中見出し	*/
		margin: 0px;
		padding: 0px;
		width: 180px;
		height: 100px;
		display: block;
	}
h2.information {
		/*	中見出し	*/
		background: transparent url(../img/heading/information_heading.png) no-repeat 0% 0%;
	}
h2.contents {
		/*	中見出し	*/
		background: transparent url(../img/heading/contents_heading.png) no-repeat 0% 0%;
	}
h2.movie {
		/*	中見出し	*/
		background: transparent url(../img/heading/movie_heading.png) no-repeat 0% 0%;
	}
h2.product {
		/*	中見出し	*/
		background: transparent url(../img/heading/product_heading.png) no-repeat 0% 0%;
	}
h2.download {
		/*	中見出し	*/
		background: transparent url(../img/heading/download_heading.png) no-repeat 0% 0%;
	}
h3 {
		margin: 0px ;
		padding: 5px 0px 0px 5px;
		height: 21px;
		text-indent: 20px;
		font-size: 90%;
	}
h3.information {
		background: transparent url(../img/heading/information00.gif) no-repeat 0% 0%;
	}
h3.contents {
		background: transparent url(../img/heading/contents00.gif) no-repeat 0% 0%;
	}
h3.movie {
		background: transparent url(../img/heading/movie00.gif) no-repeat 0% 0%;
	}
h3.product {
		background: transparent url(../img/heading/product00.gif) no-repeat 0% 0%;
	}
h3.download {
		background: transparent url(../img/heading/download00.gif) no-repeat 0% 0%;
	}
h4 {
		margin: 0px 20px;
		padding: 0px;
	}
h5 {
		margin: 0px 20px;
		padding: 0px;
	}

/* =================================================================================

header部分指定

=================================================================================*/
#header_index {
		margin: 0px auto;
		padding: 0px auto;
		width: 900px;
		background: transparent url(../img/joint/bg_menu.png) no-repeat 0% 100%;
		text-align: left;
	}
#header {
		margin: 0px;
		padding: 0px;
		width: 900px;
		text-align: right;
	}
#header img {
		border: 1px none transparent;
	}

/*　indexページメインメニュー
===========================================================================*/
.menu_index {
		margin: 0px;
		padding: 0px;
		width: 230px;
	}
.menu_index a {
		margin: 50px 0px 80px 0px;
		padding: 0px;
		width: 230px;
		height: 86px;
		display: block;
	}
.menu_index a.information:link,a.information:active,a.information:visited {
		background: transparent url(../img/joint/information_index_lv.gif) no-repeat 0% 0%;
	}
.menu_index a.information:hover {
		background: transparent url(../img/joint/information_index_h.gif) no-repeat 0% 0%;
	}
.menu_index a.contents:link,a.contents:active,a.contents:visited {
		margin: 50px 0px 0px 0px;
		background: transparent url(../img/joint/contents_index_lv.gif) no-repeat 0% 0%;
	}
.menu_index a.contents:hover {
		margin: 50px 0px 0px 0px;
		background: transparent url(../img/joint/contents_index_h.gif) no-repeat 0% 0%;
	}
.menu_index a.movie:link,a.movie:active,a.movie:visited {
		background: transparent url(../img/joint/movie_index_lv.gif) no-repeat 0% 0%;
	}
.menu_index a.movie:hover {
		background: transparent url(../img/joint/movie_index_h.gif) no-repeat 0% 0%;
	}
.menu_index a.product:link,a.product:active,a.product:visited {
		margin: 50px 0px 0px 0px;
		background: transparent url(../img/joint/product_index_lv.gif) no-repeat 0% 0%;
	}
.menu_index a.product:hover {
		margin: 50px 0px 0px 0px;
		background: transparent url(../img/joint/product_index_h.gif) no-repeat 0% 0%;
	}
.menu_index a.download:link,a.download:active,a.download:visited {
		margin: 5px 0px 0px 330px;
		_margin: 5px 0px 0px 0px;
		padding: 0px;
		background: transparent url(../img/joint/download_index_lv.gif) no-repeat 0% 0%;
	}
.menu_index a.download:hover {
		margin: 5px 0px 0px 330px;
		_margin: 5px 0px 0px 0px;
		padding: 0px;
		background: transparent url(../img/joint/download_index_h.gif) no-repeat 0% 0%;
	}


/* =================================================================================

pagebody部分指定

=================================================================================*/
#pagebody_index {
		margin: 0px auto;
		padding: 0px 30px 0px 0px;
		_padding: 0px 20px;
		width: 870px;
		_width: 900px;
		min-height: 180px;
		_height: 180px;
		background: transparent url(../img/joint/bg_pagebody_index.png) repeat-y 0px 30px;
	}
#pagebody_index div.west {
		margin: 0px 0px 0px 20px;
		padding: 0px auto;
		_padding: 0px auto;
		width: 185px;
		_width: 185px;
		height: 100%;
		min-height: 180px;
		_height: 100%;
		float: left;
		text-align: center;
	}

/*　サイドメニュー 汎用パージのみ使用
===========================================================================*/
#side_menu {
		width: 180px;
	}
#side_menu a {
		margin: 0px;
		padding: 0px;
		width: 180px;
		height: 50px;
		display: block;
	}
#side_menu a.world:link,a.world:active,a.world:visited {
		background: transparent url(../img/contents/world_lv.gif) no-repeat 0% 0%;
	}
#side_menu a.world:hover {
		background: transparent url(../img/contents/world_h.gif) no-repeat 0% 0%;
	}
#side_menu a.story:link,a.story:active,a.story:visited {
		background: transparent url(../img/contents/story_lv.gif) no-repeat 0% 0%;
	}
#side_menu a.story:hover {
		background: transparent url(../img/contents/story_h.gif) no-repeat 0% 0%;
	}
#side_menu a.youtube:link,a.youtube:active,a.youtube:visited {
		background: transparent url(../img/product/youtube_lv.gif) no-repeat 0% 0%;
	}
#side_menu a.youtube:hover {
		background: transparent url(../img/product/youtube_h.gif) no-repeat 0% 0%;
	}
#side_menu a.blog:link,a.blog:active,a.blog:visited {
		background: transparent url(../img/product/blog_lv.gif) no-repeat 0% 0%;
	}
#side_menu a.blog:hover {
		background: transparent url(../img/product/blog_h.gif) no-repeat 0% 0%;
	}
#side_menu a.twitter:link,a.twitter:active,a.twitter:visited {
		background: transparent url(../img/product/twitter_lv.gif) no-repeat 0% 0%;
	}
#side_menu a.twitter:hover {
		background: transparent url(../img/product/twitter_h.gif) no-repeat 0% 0%;
	}

#side_menu a.guidebook_olerud:link,a.guidebook_olerud:active,a.guidebook_olerud:visited {
		background: transparent url(../img/product/guidebook_olerud_lv.gif) no-repeat 0% 0%;
	}
#side_menu a.guidebook_olerud:hover {
		background: transparent url(../img/product/guidebook_olerud_h.gif) no-repeat 0% 0%;
	}
#side_menu a.guidebook_nalulu:link,a.guidebook_nalulu:active,a.guidebook_nalulu:visited {
		background: transparent url(../img/product/guidebook_nalulu_lv.gif) no-repeat 0% 0%;
	}
#side_menu a.guidebook_nalulu:hover {
		background: transparent url(../img/product/guidebook_nalulu_h.gif) no-repeat 0% 0%;
	}
#side_menu a.trial_nalulu:link,a.trial_nalulu:active,a.trial_nalulu:visited {
		background: transparent url(../img/product/trial_nalulu_lv.gif) no-repeat 0% 0%;
	}
#side_menu a.trial_nalulu:hover {
		background: transparent url(../img/product/trial_nalulu_h.gif) no-repeat 0% 0%;
	}


#side_menu a.pcgame_olerud:link,a.pcgame_olerud:active,a.pcgame_olerud:visited {
		background: transparent url(../img/product/pcgame_olerud_lv.gif) no-repeat 0% 0%;
	}
#side_menu a.pcgame_olerud:hover {
		background: transparent url(../img/product/pcgame_olerud_h.gif) no-repeat 0% 0%;
	}
#side_menu a.pcgame_pluto:link,a.pcgame_pluto:active,a.pcgame_pluto:visited {
		background: transparent url(../img/product/pcgame_pluto_lv.gif) no-repeat 0% 0%;
	}
#side_menu a.pcgame_pluto:hover {
		background: transparent url(../img/product/pcgame_pluto_h.gif) no-repeat 0% 0%;
	}





#pagebody_index div.east {
		margin: 0px auto;
		padding: 0px 10px;
		_padding: 0px 20px;
		width: 580px;
		_width: 580px;
		height: 100%;
		min-height: 180px;
		_height: 100%;
		float: right;
		text-align: left;
	}
#pagebody {
		margin: 0px 0px 0px 0px;
		padding: 0px 30px 0px 20px;
		width: 850px;
		_width: 900px;
		min-height: 450px;
		_height: 400px;
		background: transparent url(../img/joint/bg_pagebody.png) repeat-y 0px 30px;
	}

dl.psp {
		margin: 0px 0px 0px 20px;
		padding: 10px;
		width: 280px;
		font-size:95%;
		text-align: left;
/*
		background: #E8E4DD;
		border: 3px solid #734001;
*/
	}


/* =================================================================================

footer部分指定

=================================================================================*/
#footer {
		margin: 300px 0px 0px 0px;
		padding: 0px 0px 10px 0px;
		width: 900px;
		font-size: 80%;
		text-align: left;
		color: #333333;
	}

/*フッタリンク
===========================================================================*/
#footer a {
		margin: 0px;
/*		padding: 0px 5px 0px 0px;    20180613*/
		text-decoration: none;
/*		border-right: 1px solid #333333;   20180613*/
	}
#footer a:link {
		color: #333333;
	}
#footer a:visited {
		color: #dddddd;
	}
#footer a:hover, a:active {
		color: #FF0000;
	}

/*商標[althi Inc.]

===========================================================================*/

#footer a.c_althi {
		margin: 0px 0px 0px 0px;;
		padding: 0px;
		float: right;
		border-right: none;
		}


/*フッタメニューリスト｜[althi公式サイト｜会社概要｜お問い合わせ]
===========================================================================*/
#footer a.none {
		margin: 0px;
		padding: 0px;
		text-decoration: none;
		background: transparent;
		border: 0px none transparent;
	}

#footer img.none {
		margin: 0px;
		padding: 0px;
		text-decoration: none;
		background: transparent;
		border: 0px none transparent;
	}



/*注意事項
===========================================================================*/
#footer ul.instructions {
		margin: 0px 0px 0px 0px;
		padding: 5px 0px 0px 0px;
		font-size: 80%;
		list-style-type: none;
 		}
#footer .instructions li {
		padding: 0px 0px 0px 0px;
		margin: 0px;
		text-indent: -1.5em;
	}

/*span指定｜[althi Inc.]
===========================================================================*/
#footer span {
		padding: 0px;
		margin: 0px;
		float: right;
		}




/*================================================================================================
	2010.00.00 製作終了
	2010.00.00 Update
==================================================================================================*/