@charset "Shift_JIS";
/* CSS Document */

/* キャラクターダウンロード用
---------------------------------------------------------------------------- */

/********************************************
  プロフィール
*********************************************/

.tbl01{
	float:left;
	width:375px;
	margin:0 15px 0 0!important;
}

.f_left{
	float:left;
}

.f_right{
	float:right;
	margin:0 0 20px 20px;
}

.clear{
	clear:both;
	margin-bottom:20px;
}

p{
	margin-bottom:0.8em!important;
}

.orange{
	font-size:1.2em;
	color:#FF6600;
}

.blue{
	color:#2D5AAC;
}


/********************************************
  ギャラリー
*********************************************/

.gallery_box{
	float:left;
	width:157px;
	margin:0 3px 30px 4px;
	text-align:center;
}

.nondie_sample01,.nondie_sample02,.nondie_sample03,.nondie_sample04,.nondie_sample05,
.nondie_sample06,.nondie_sample07,.nondie_sample08,.nondie_sample09,.nondie_sample10,.nondie_sample11,.nondie_sample12{
	width:157px;
	height:220px;
	margin-bottom:10px;
	text-indent:-5000px;
	display:block;
	overflow:hidden;
}

.nondie_sample01{
	background:url(../images/nondie/nondie01.jpg) no-repeat;
}

.nondie_sample02{
	background:url(../images/nondie/nondie02.jpg) no-repeat;
}

.nondie_sample03{
	background:url(../images/nondie/nondie03.jpg) no-repeat;
}

.nondie_sample04{
	background:url(../images/nondie/nondie04.jpg) no-repeat;
}

.nondie_sample05{
	background:url(../images/nondie/nondie05.jpg) no-repeat;
}

.nondie_sample06{
	background:url(../images/nondie/nondie06.jpg) no-repeat;
}

.nondie_sample07{
	background:url(../images/nondie/nondie07.jpg) no-repeat;
}

.nondie_sample08{
	background:url(../images/nondie/nondie08.jpg) no-repeat;
}

.nondie_sample09{
	background:url(../images/nondie/nondie09.jpg) no-repeat;
}

.nondie_sample10{
	background:url(../images/nondie/nondie10.jpg) no-repeat;
}

.nondie_sample11{
	background:url(../images/nondie/nondie11.jpg) no-repeat;
}

.nondie_sample12{
	background:url(../images/nondie/nondie12.jpg) no-repeat;
}

.nondie_name01,.nondie_name02,.nondie_name03,.nondie_name04,.nondie_name05,
.nondie_name06,.nondie_name07,.nondie_name08,.nondie_name09,.nondie_name10,.nondie_name11,.nondie_name12{
	width:157px;
	height:50px;
	display:block;
	text-indent:-5000px;
	overflow:hidden;
}

.nondie_name01{
	background:url(../images/nondie/nondie01_name.gif) no-repeat;
	background-position:center;
}

.nondie_name02{
	background:url(../images/nondie/nondie02_name.gif) no-repeat;
	background-position:center;
}

.nondie_name03{
	background:url(../images/nondie/nondie03_name.gif) no-repeat;
	background-position:center;
}

.nondie_name04{
	background:url(../images/nondie/nondie04_name.gif) no-repeat;
	background-position:center;
}

.nondie_name05{
	background:url(../images/nondie/nondie05_name.gif) no-repeat;
	background-position:center;
}

.nondie_name06{
	background:url(../images/nondie/nondie06_name.gif) no-repeat;
	background-position:center;
}

.nondie_name07{
	background:url(../images/nondie/nondie07_name.gif) no-repeat;
	background-position:center;
}

.nondie_name08{
	background:url(../images/nondie/nondie08_name.gif) no-repeat;
	background-position:center;
}

.nondie_name09{
	background:url(../images/nondie/nondie09_name.gif) no-repeat;
	background-position:center;
}

.nondie_name10{
	background:url(../images/nondie/nondie10_name.gif) no-repeat;
	background-position:center;
}

.nondie_name11{
	background:url(../images/nondie/nondie11_name.gif) no-repeat;
	background-position:center;
}

.nondie_name12{
	background:url(../images/nondie/nondie12_name.gif) no-repeat;
	background-position:center;
}

p.jdlbt_nondie a{
	height:30px;
	width: 120px;
	margin:0 auto 0 auto;
	display: block;
	text-indent:-9000px;
	text-decoration:none!important;
	overflow:hidden;
	background-color: transparent;
	background-image: url(../images/bt_nondie_dl.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}	

p.jdlbt_nondie a:hover{
	background-color: transparent;
	background-image: url(../images/bt_nondie_dl.jpg);
	background-repeat: no-repeat;
	background-position: 0px -30px;
}

p.jdlbt_nondie a.english{
	height:30px;
	width: 120px;
	margin:0 auto 0 auto;
	display: block;
	text-indent:-9000px;
	text-decoration:none!important;
	overflow:hidden;
	background-color: transparent;
	background-image: url(../images/bt_nondie_dl_e.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}	

p.jdlbt_nondie a.english:hover{
	background-color: transparent;
	background-image: url(../images/bt_nondie_dl_e.jpg);
	background-repeat: no-repeat;
	background-position: 0px -30px;
}

p.jdlbt_nondie a.none{
	height:30px;
	width: 120px;
	display: block;
	text-indent:-9000px;
	text-decoration:none!important;
	overflow:hidden;
	background-color: transparent;
	background-image: url(../images/bt_nondie_dl.jpg);
	background-repeat: no-repeat;
	background-position: 0px -60px;
}

.gallery_box_attention{
	 width:500px;
	 /width:auto;
	 margin:0 auto 0 auto;
	 padding:5px;
	 background:#FFCC00;
	 text-align:center;
	 font-weight:bold;
}

.gallery_box_attention p.attention{
	height:17px;
	width: 81px;
	margin:0 auto 0 auto;
	display: block;
	text-indent:-9000px;
	text-decoration:none!important;
	overflow:hidden;
	background-color: transparent;
	background-image:url(../images/image_nondie04.gif);
	background-repeat: no-repeat;
}

.link_nondie{
	padding-left:15px;
	background:url(../images/01_icon.gif) no-repeat;
	background-position:0 2px;
}

p.jdlbt_nondie_touroku a{
	height:75px;
	width: 460px;
	margin:0 auto 0 auto;
	display: block;
	text-indent:-9000px;
	text-decoration:none!important;
	overflow:hidden;
	background-color: transparent;
	background-image: url(../images/bt_nondie_touroku.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}	

p.jdlbt_nondie_touroku a:hover{
	background-color: transparent;
	background-image: url(../images/bt_nondie_touroku.jpg);
	background-repeat: no-repeat;
	background-position: 0px -75px;
}

p.jdlbt_nondie_dlpage a{
	height:75px;
	width: 460px;
	margin:0 auto 0 auto;
	display: block;
	text-indent:-9000px;
	text-decoration:none!important;
	overflow:hidden;
	background-color: transparent;
	background-image: url(../images/bt_nondie_dlpage.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}	

p.jdlbt_nondie_dlpage a:hover{
	background-color: transparent;
	background-image: url(../images/bt_nondie_dlpage.jpg);
	background-repeat: no-repeat;
	background-position: 0px -75px;
}

p.jloginbt_nondie a{
	height:30px;
	width: 185px;
	margin:15px auto 15px auto;
	display: block;
	text-indent:-9000px;
	text-decoration:none!important;
	overflow:hidden;
	background-color: transparent;
	background-image: url(../images/bt_login.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}	

p.jloginbt_nondie a:hover{
	background-color: transparent;
	background-image: url(../images/bt_login.jpg);
	background-repeat: no-repeat;
	background-position: 0px -30px;
}


/********************************************
  ダウンロードの流れ
*********************************************/

#flow{
	margin:0;
	padding:0;
	list-style:none;
}

#flow li{
	width:330px;
	height:60px;
	margin:0 auto 0 auto;
	padding:0;
	background:url(../images/image_flow.jpg);
	text-indent:-9000px;
	display:block;
	overflow:hidden;	
}

#flow li.flow01{
	background-position:0 0;
}

#flow li.flow02{
	background-position:0 -60px;
}

#flow li.flow03{
	background-position:0 -120px;
}

#flow li.flow04{
	background-position:0 -180px;
}

#flow li.flow05{
	height:65px!important;
	background-position:0 -240px;
}

#flow li.flow06{
	height:85px!important;
	background-position:0 -305px;
}

#flow li.flow07{
	background-position:0 -390px;
}

#flow li.flow08{
	background-position:0 -450px;
}

#flow li.flow09{
	background-position:0 -510px;
}

#flow li.flow10{
	height:70px!important;
	background-position:0 -570px;
}

#flow li.flow11{
	background-position:0 -640px;
}

#flow li.flow12{
	background-position:0 -700px;
}


/********************************************
  ダウンロード手続き
*********************************************/

.mailform td,.mailform th{
	padding-top:15px!important;
	padding-bottom:15px!important;
}

.mailform th{
	font-weight:bold!important;
}

.mailform th.mailform_th{
	padding:5px!important;
	border-top:2px solid #2D5AAC;
	background:#E7F3FD;
	font-weight:bold;
}

.mailform td ul{
	margin:0 0 0 1.5em;
	padding:0;
}

.mailform td ul li{
	font-size:1.2em;
}

/********************************************
  取扱規定
*********************************************/

.sec_01 ol{
	margin:0 0 20px 65px;
}


/********************************************
  追加登録
*********************************************/

p.use{
	 padding:5px;
	 background:#E7F3FD;
	 border:1px solid #999999;
}

p.jdlbt_nondie_add01,p.jdlbt_nondie_add02{
	margin:10px 0 20px 0;
	text-align:center;
}

p.jdlbt_nondie_add01 a{
	height:65px;
	width: 233px;
	margin:0 auto 0 auto;
	display: block;
	text-indent:-9000px;
	text-decoration:none!important;
	overflow:hidden;
	background-color: transparent;
	background-image: url(../images/bt_nondie_add01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}	

p.jdlbt_nondie_add01 a:hover{
	background-color: transparent;
	background-image: url(../images/bt_nondie_add01.jpg);
	background-repeat: no-repeat;
	background-position: 0px -65px;
}

p.jdlbt_nondie_add02 a{
	height:65px;
	width: 233px;
	margin:0 auto 0 auto;
	display: block;
	text-indent:-9000px;
	text-decoration:none!important;
	overflow:hidden;
	background-color: transparent;
	background-image: url(../images/bt_nondie_add02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}	

p.jdlbt_nondie_add02 a:hover{
	background-color: transparent;
	background-image: url(../images/bt_nondie_add02.jpg);
	background-repeat: no-repeat;
	background-position: 0px -65px;
}

.gallery_box input{
	margin-right:0.5em;
}


/********************************************
  管理画面
*********************************************/

.tbl_login{
	margin:0 auto 20px auto;
	border-collapse:collapse;
	border:1px solid #CCCCCC;
}

.tbl_login th,.tbl_login td{
	padding:10px;
}

.tbl_login th{
	text-align:right;
}


.tbl_head
{
	background-color:gray;
	color:white;
	float:left;
	font-size:small;
	font-weight: bold;
	line-height:2em;
	text-align: center;
	border-left:solid 1px blue;
	border-top:solid 1px blue;
	border-bottom:solid 1px blue;
}
.tbl_data
{
	background-color:#f3f3f3;
	color:blue;
	float:left;
	font-size:small;
	line-height:2em;
	text-align: center;
	border-left:solid 1px blue;
	border-bottom:solid 1px blue;
}
.tbl_data span
{
	cursor: pointer;
}
.tbl_detail
{
	float:left;
	width:635px;
	line-height:2em;
	border:solid 1px blue;
	display:none;
}
.tbl_detail input
{
	font-size:small;
	margin-left:5px;
	line-height:2em;
	cursor: pointer;
}