@charset "utf-8";


@media screen and (min-width: 961px){

img{
max-width: 100%;
height: auto;
width /***/:auto;
}
#container{
//width:100%;
}


.creation_list{
	position: relative;
	width:1158px;
//	height:200px;
	margin-bottom : 80px;

	margin-left : auto ; margin-right : auto ;
	color:#000000;
}

.creation_text{
	color:#000000;

	float:left;
//	width: 100%;
	text-align: left;
	font-size: 14px;

	margin: 10px 20px;
}


.creation_date{
	color:#999999;

//	width: 100%;
	text-align: left;
	font-size: 14px;


}


.creation_menu_list{
	position: relative;
	width:1160px;
	height:600px;

	margin-left : auto ; margin-right : auto ;
	margin-bottom: 60px;

}

.creation_menu {
//	position: absolute;
	width:578px;
	height:279px;

	float:left;
//	width: 100%;
	margin: 1px 1px;

}

.chara_menu_list{
	position: relative;
	width:1159px;
	height:150px;
	margin-left : auto ;
	margin-right : auto ;
}

.chara_menu {
	width:175px;
	padding-right: 20px;
	line-height: 1.2;
	text-align: center;
}

.chara_img {
	margin: 0px auto 60px;
}

.chara-gallery{
//	width:600px;
	width:1160px;
//	max-width:75%;
//	margin-bottom:5em;
	margin-left : auto ; margin-right : auto ;
}


// --------------------------------------------------------------------- 

/* #flickscroll
--------------------------- */
#flickscroll {
	margin: 0 auto;
	width: 1200px;
	height: 400px;
	text-align: left;
	position: relative;
}
#flickscroll ul {
	top: 0;
	left: 0;
	height: 400px;
	position: absolute;
	overflow: hidden;
}
#flickscroll ul li {
	width: 200px;
	height: 300px;
	float: left;
	display: inline;
	overflow: hidden;
}
 
#flickscroll #moveprev {
	top: 40px;
	left: -20px;
	width: 30px;
	height: 400px;
	background: transparent url(../../creation/character/images/button_left.png) no-repeat left top;
	position: absolute;
	cursor: pointer;
}
 
#flickscroll #movenext {
	top: 40px;
	right: -20px;
	width: 30px;
	height: 400px;
	background: transparent url(../../creation/character/images/button_right.png) no-repeat left top;
	position: absolute;
	cursor: pointer;
}
 
 
 
/* #flickthumb
--------------------------- */
#flickthumb {
	margin: 10px auto;
	width: 400px;
	height: 100px;
	text-align: center;
}
#flickthumb ul {
	width: 400px;
	height: 100px;
}
#flickthumb ul li {
	width: 100px;
	height: 100px;
	float: left;
	cursor: pointer;
	display: inline;
}
#flickthumb ul li.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
 
 
/* =======================================
	ClearFixElements
======================================= */
#flickscroll ul:after,
#flickthumb ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
 
#flickscroll ul,
#flickthumb ul {
	display: inline-block;
	overflow: hidden;
}



.chara_left{
	width: 690px;
	float: left;
}
.chara_right{
	width: 470px;
	float: right;
	text-align: left;
}
.chara_info h1{
	margin-bottom: 5px;
	padding: 5px 0;
	border-top: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;
	text-align: left;
	font-size: 46px;
	vertical-align: middle;
}
.chara_info h1 span{
	display: inline-block;
	vertical-align: middle;
	width: auto;
	margin-left: 24px;
	font-size: 20px;
	line-height: 1;
}
.chara_info span.txt_cv{
	font-size: 20px;
	display: block;
	margin-bottom: 20px;
	font-weight: bold;
}
.chara_info p{
	line-height: 1.8;
	font-size: 14px;
}


}/* @media / */
.clearfix{
	*zoom: 1;
	list-style-type: none;
	padding: 0;
}
.clearfix:before, .clearfix:after{
	content: "";
	display: table;
}
.clearfix:after{
	clear: both;
}
.chara_menu a{
	text-decoration: none;
	font-size: 16px;
}
.chara_menu a img{
	display: block;
	margin-bottom: 5px;
}