@charset "UTF-8";

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

	ATワークスタジオ WEB　全ページ共通のフォーマットCSS
	
	01：タグの再定義
	02：共通項目
	03：ヘッダー
	04：ナビゲーション
	05：リンク
	06：フッター


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

/* -----------------------------------------------------------------------
	01：タグの再定義
-----------------------------------------------------------------------*/

* {
	margin:0;
	padding:0;
}

body {
	font-size:12px;
	text-align:center;
	line-height:150%;
	padding-bottom:12px;
	background-color: #E9E9E9;
}
table{
	font-size:12px;
	line-height:150%;
	color:#333;
}
a {
	color: #003399;
	text-decoration: underline;
}
a:hover {
	color: #CE7B00;
	text-decoration: underline;
}
a:visit {
	color: #CE7B00;
	text-decoration: underline;
}
p {
	line-height: 160%;
}
/*for IE 5.5-7*/
div{
    zoom:1;
}
/*for modern browser*/
div:after{
	content:" ";
	display: block;
	height:0.1px;
	clear:both;
	visibility:hidden;
	font-size: 0;
	line-height: 0;
}
* html div { display: inline-block; }
img,
img a {
	border:none;
}

.bold{
	font-weight:bold;
}
.Clear{
clear:both;
}
#Pankuzu{
padding:5px 15px;}

.Clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.Clearfix {
  min-height: 1px;
}

* html .Clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
h1{
	font-size:10px;
	font-weight:normal;
	color:#7993BD;
	margin:8px 0;
	line-height:100%;
	text-align: right;
}
/* -----------------------------------------------------------------------
	02：共通項目
-----------------------------------------------------------------------*/

#HeaderNavi{
	height:20px;
	float: right;
	margin-bottom: 10px;
}
#HeaderNavi li{
display:inline;
}
#HeaderNavi a{
	display:block;
	float: left;
	background-repeat: no-repeat;
	text-indent:-9999px;
}
#Home a{
	background-image:url(../images/headnavi_home.gif);
	width: 67px;
}
#Home a:hover{
	background-image:url(../images/headnavi_home_.gif);
}
#WhatsNew a{
	background-image:url(../images/headnavi_new.gif);
	width: 103px;
}
#WhatsNew a:hover{
	background-image:url(../images/headnavi_new_.gif);
}
#Outline a{
	background-image:url(../images/headnavi_company.gif);
	width: 82px;
}
#Outline a:hover{
	background-image:url(../images/headnavi_company_.gif);
}
#Contact a{
	background-image:url(../images/headnavi_contact.gif);
	width: 97px;
}
#Contact a:hover{
	background-image:url(../images/headnavi_contact_.gif);
}
.Notice {
	font-size: 10px;
}
.newmark {
color: #FF0000;
margin-left:5px;
}

/* -----------------------------------------------------------------------
	03：ヘッダー
-----------------------------------------------------------------------*/


/* -----------------------------------------------------------------------
	04：ナビゲーション
-----------------------------------------------------------------------*/
#NaviBox {
	width: 190px;
	text-align: left;
	margin-top: 10px;
}
#NaviBox li {
	list-style-type: none;
	margin-bottom: 3px;
}
#NaviBox a {
	display:block;
	height:25px;
	padding-left: 15px;
	line-height: 25px;
	text-decoration:none;
	color: #333333;
	font-weight: bold;
	background-repeat: no-repeat;
	text-indent:-9999px;
}
#NaviAbout a{
	background-image: url(../images/Navi_About_bg.gif);
}
#NaviAbout a:hover{
	background-image: url(../images/Navi_About_Now_bg.gif);
}
.NaviAboutNow #NaviAbout a,.NaviAboutNow #NaviAbout a:hover{
	background-image: url(../images/Navi_About_Now_bg.gif);
}
#NaviPhoto a{
	background-image: url(../images/Navi_Photo_bg.gif);
}
#NaviPhoto a:hover{
	background-image: url(../images/Navi_Photo_Now_bg.gif);
}
.NaviPhotoNow #NaviPhoto a,.NaviPhotoNow #NaviPhoto a:hover{
	background-image: url(../images/Navi_Photo_Now_bg.gif);
}
#NaviIllust a{
	background-image: url(../images/Navi_Illust_bg.gif);
}
#NaviIllust a:hover{
	background-image: url(../images/Navi_Illust_Now_bg.gif);
}
.NaviIllustNow #NaviIllust a,.NaviIllustNow #NaviIllust a:hover{
	background-image: url(../images/Navi_Illust_Now_bg.gif);
}
#NaviStore a{
	background-image: url(../images/Navi_EImage_bg.gif);
}
#NaviStore a:hover{
	background-image: url(../images/Navi_EImage_Now_bg.gif);
}
.NaviStoreNow #NaviStore a,.NaviStoreNow #NaviStore a:hover{
	background-image: url(../images/Navi_EImage_Now_bg.gif);
}
#NaviCreators a{
	background-image: url(../images/Navi_Creators_bg.gif);
}
#NaviCreators a:hover{
	background-image: url(../images/Navi_Creators_Now_bg.gif);
}
.NaviCreatorsNow #NaviCreators a,.NaviCreatorsNow #NaviCreators a:hover{
	background-image: url(../images/Navi_Creators_Now_bg.gif);
}
#NaviRights a{
	background-image: url(../images/Navi_Right_bg.gif);
}
#NaviRights a:hover{
	background-image: url(../images/Navi_Right_Now_bg.gif);
}
.NaviRightsNow #NaviRights a,.NaviRightsNow #NaviRights a:hover{
	background-image: url(../images/Navi_Right_Now_bg.gif);
}
/* -----------------------------------------------------------------------
	05：リンク
-----------------------------------------------------------------------*/

#LinkBox{
	margin-top:20px;
	text-align: left;
}
#LinkBox h3{
	background-image: url(../images/bar_link.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-bottom: 10px;
}
#LinkBox li{
	width:165px;
	list-style-type: none;
	margin-bottom: 5px;
	margin-left: 5px;
}
#LinkBox li a{
    display: block;
	background-repeat: no-repeat;
}
/* -----------------------------------------------------------------------
	06：フッター
-----------------------------------------------------------------------*/

#Footer{
	color:#999999;
	font-size:10px;
	clear: both;
	text-align: right;
}