/* =========
header
========= */
.header {
	background:url(../img/bg/bg_header_repeat.jpg) repeat-x;
	height:40px;
	margin:0 auto;
	position:relative;
	border-bottom:1px solid #333333;
}
#logo_website {
	position:absolute;
	z-index:9999;
}
.header_in {
	width:920px;
	height:40px;
	margin:0 auto;
	line-height:40px;
}
.btn_asobimo_game {
	float:right;
	margin:8px 0 0;
}

/* language swich */
.swich_lang_list {
	padding:0 0 0 180px;
}
.swich_lang_list li {
	float:left;
	padding:0 0 0 20px;
	margin:0 0 0 10px;
}
.lang_ja {
	background:url(../img/icon/icon_language_japan.jpg) left center no-repeat;
}
.lang_en {
	background:url(../img/icon/icon_language_english.jpg) left center no-repeat;
}

/* =========
main img and download
========= */
/* bg_main_img */
.bg_main_img {
	background:url(../img/bg/bg_header.jpg) top center no-repeat;
	cheight:463px;
}
.btn_dl_area {
	width:900px;
	margin:0 auto;
	position:relative;
}
.btn_dl {
	position:absolute;
	top:240px;
	z-index:10000;
}

/* =========
content
========= */
/* content */
.wrapper_content {
	background:url(../img/bg/bg_footer.jpg) bottom center no-repeat;
	padding:0 0 40px;
}
.bg_wrapper_content {
	background:url(../img/bg/bg_header_img_repeat.jpg) top center repeat-x;
}
.content_area_pc {
	width:900px;
	position:relative;
	margin:0 auto;
	position:relative;
	padding:450px 0 0;
}
.content_area_main {
	background:url(../img/bg/bg_content_middle_repeat.png) top center repeat-y;
}
.content_area_main_in {
	padding:0 20px 20px 20px;
	margin:-65px 0 0; /* 中身全体にネガティブマージン */
}

/* content nav */
.content_nav_area {
	background:url(../img/bg/bg_content_top.png) top center no-repeat;
}
.content_nav_area_in {
	top:-60px; /* グローバルナビにネガティブマージン */
	left:110px;
	position:relative;
}

/* left_column */
.column_left {
	float:left;
}
.page_content_area_right {
	width:200px;
}
.right_content_list li {
	padding:10px 0 0;
}

/* page_content_area right_column */
.column_right {
	float:right;
}
.page_content_area {
	width:860px;
}

/* =========
footer
========= */
/* content_footer */
.content_footer {
	width:860px;
	margin:0 auto;
	font-size:80%;
}
.content_footer_in {
	padding:15px 0;
	position:relative;
	color:#fff;
}
.content_footer_list {
	text-align:left;
	padding:0 0 5px;
}
.content_footer_list li {
	*border-right:1px solid #000;
	*padding:0 8px;
}
.content_footer_list li:after {
	content:"／";
	font-size:10px;
	padding:0 4px;
}
.content_footer_list li:last-child:after {
	content:"　";
}
.logo_asobimo {
	position:absolute;
	bottom:5%;
	right:0;
}
.content_footer_bottom {
	background:url(../img/bg/bg_content_bottom.png) center bottom no-repeat;
	height:13px;
}

/* footer */
.footer {
}

/* =========
page_content_area
========= */
/* index */
/* left_content */
.page_content_area_left {
	width:600px;
	background-color:#fff;
	padding:20px;
	-webkit-box-shadow:0 0 5px #333;
	-moz-box-shadow:0 0 5px #333;
	box-shadow:0 0 5px #333;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

/* =========
id class name width sp
========= */
.content_area {
	padding:0 0 20px;
}
.category_bar {
	padding:0;
}
.content_area_in {
	padding:0;
}
.sub_name_txt {
	display:block;
	font-weight:bold;
	color:#fff;
	font-size:110%;
}
#job_area .sub_name_txt {
	padding:30px 0 0;
}
.btn_list {
	padding:15px 0 0 0;
}
.top_img_list li {
	width:280px !important;
	padding:0 6px;
}
#skill_area li,
#job_area li {
	padding:0 0 15px;
}
#skill_area li:last-child,
#job_area li:last-child {
	padding:0 0 0;
}
.img_border {
	border:1px solid #7D7D7D;
}
#job_area .img_job_pc {
	width:256px !important;
}
/* movie_area */
#movie_area iframe {
	width:600px !important;
	height:400px !important;
	margin:0 auto;
}
/* faq */
.search_form {
	margin:0 0 10px;
}
.search_form input {
	vertical-align:middle;
}
.txt_search {
	padding:14px 8px;
	width:60%;
	margin:0 10px 0 0;
	border:1px solid #999;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:inset 0 3px 15px #999;
	-moz-box-shadow:inset 0 3px 15px #999;
	box-shadow:inset 0 3px 15px #999;
}
.txt_question {
	background:url(../img/bg/icon_question.png) left top no-repeat;
	padding:5px 0 5px 35px;
	margin:5px 0 0;
}
.txt_answer {
	background:url(../img/bg/icon_answer.png) left top no-repeat;
	padding:0 0 15px 35px;
}
.faq_list li:first-child {
	padding:0;
}
.faq_list {
	padding:20px 0 0 0;
}
.faq_list li {
	border-bottom:1px solid #D6D8BF;
	padding:15px 0 0 0;
}
/* faq_category */
.faq_category_area {
	padding:0 10px;
}
.faq_category_list li {
	background-color:#333;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #555;

	margin:15px 0 0 0;
}
.faq_category_list li:first-child {
	margin:20px 0 0 0;
}
.faq_category_list li a {
	display:block;
	text-decoration:none;

	padding:10px 15px;
	color:#CCCCCC;
}
.faq_category_area span {
	display:block;
	background:url(../img/bg/icon_arrow_01.png) right center no-repeat;
	background-size:30px;
	padding:2px 0;
}
/* faq_category_detail */
.faq_category_title {
	background:url(../img/bg/icon_faq_01.png) 2% center no-repeat;
	-webkit-background-size:30px;
	-moz-background-size:30px;
	background-size:30px;
	padding:8px 0 8px 45px;
	margin:0 0 5px 0;
	font-weight:bold;

	background-color:#003760;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #ccc;
}
.faq_category_link_list {
	padding:10px 0 20px;
}
.faq_category_detail_list {
}
.detail_list_title {
	font-weight:bold;
	border-bottom:1px dotted #003760;
	margin:0 0 8px 0;
}
.faq_question {
	background:url(../img/bg/icon_question.png) left top no-repeat;
	padding:5px 0 5px 35px;
	color:#A8FFFF;
}
.faq_answer {
	background:url(../img/bg/icon_answer.png) left top no-repeat;
	padding:0 0 30px 35px;
	margin:0 0 30px 0;
	color:#ccc;
}
/* company */
.common_list li {
	padding:0 0 15px 0;
}
.common_list li:last-child {
	padding:0;
}
.common_list dt {
	border-left:5px solid #393C2B;
	padding:1px 0 1px 8px;
	margin:0 0 8px 0;
}
/* contact */
.small_title {
	border-left:solid 5px #504468;
	padding:0 0 0 8px;
	margin:20px 0 5px;
	font-weight:bold;
}
.big_title {
	font-weight:bold;
	color:#663300f;
	font-size:110%;
}
select,
.input_txt {
	font-size:110%;
	background-color:#fcffd2;
	border:1px solid #555;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#2c2c2c;
}
.contact_list dt {
	border:none;
	padding:0;
}
.contact_form_area select {
	padding:8px;
}
.input_txt {
	padding:8px;
	width:96%;
}
textarea.input_txt {
	height:150px;
}
.btn_submit_area,
.btn_repair_area {
	width:100%;
	text-align:center;
}
.btn_submit,
.btn_repair {
	width:100%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	text-decoration:none;
	display:block;
	box-shadow:inset 0 1px 1px #fff;
	padding:10px;
}
.btn_submit {
	border:1px solid #720202;
	color:#fff;
	width:100%;

	background: #e64f47; /* Old browsers */
	background: -moz-linear-gradient(top,  #e64f47 0%, #a60202 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e64f47), color-stop(100%,#a60202)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e64f47 0%,#a60202 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e64f47 0%,#a60202 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e64f47 0%,#a60202 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e64f47 0%,#a60202 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e64f47', endColorstr='#a60202',GradientType=0 ); /* IE6-9 */
}
.btn_repair {
	border:1px solid #ccc;
	color:#000;
	width:100%;
	
	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(top,  #ededed 0%, #aaaaaa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#aaaaaa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ededed 0%,#aaaaaa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ededed 0%,#aaaaaa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ededed 0%,#aaaaaa 100%); /* IE10+ */
	background: linear-gradient(top,  #ededed 0%,#aaaaaa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#aaaaaa',GradientType=0 ); /* IE6-9 */
}
.btn_submit_alink {
	border:1px solid #720202;
	color:#fff;
	display:block;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	text-decoration:none;
	box-shadow:inset 0 0 1px #fff;
	padding:8px;
	box-shadow:inset 0 1px 1px #fff;

	background: #e64f47; /* Old browsers */
	background: -moz-linear-gradient(top,  #e64f47 0%, #a60202 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e64f47), color-stop(100%,#a60202)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e64f47 0%,#a60202 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e64f47 0%,#a60202 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e64f47 0%,#a60202 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e64f47 0%,#a60202 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e64f47', endColorstr='#a60202',GradientType=0 ); /* IE6-9 */
}
.err_txt {
	color:#fff;
	background:#BC0C0A;
	padding:0 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	font-size:80%;
}
/* screenshot */
.ss_list li {
	padding:0 0 15px 0;
}
.ss_list li:last-child {
	padding:0;
}
/* news */
.pager {
	padding:30px 0 0 0;
}
.pager li,
.pager2 li {
	margin:0 2px;
}
.pager2 li.first_page,
.pager2 li.last_page {
	margin:0 50px;
}
.pager a,
.pager2 a {
	display:block;
	color:#000;
	border:1px solid #ccc;
	text-decoration:none;
	padding:5px 11px;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

    text-shadow:1px 1px 1px #fff;
	
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.pager a:hover,
.pager2 a:hover {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #8e8e8e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#8e8e8e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#8e8e8e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#8e8e8e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#8e8e8e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#8e8e8e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8e8e8e',GradientType=0 ); /* IE6-9 */
}

.news_border {
	border-bottom:1px dotted #CCC;
	margin:20px 0 0 0;
	background:url(../img/bg/icon_arrow_01.png) right center no-repeat;
	background-size:20px;
}
.news_border a {
	text-decoration:none;
	display:block;
}
.news_border:first-child {
	margin:0;
}
.news_border:last-child {
	border-bottom:none;
}
time {
	color:#cc0000;
}
.news_title {
	color:#0066FF;
	border-left:5px solid #0066FF !important;
	padding:0 20px 0 10px;
	font-weight:bold;
}
#news_area dt {
	margin:0 10px 0 0;
}
#news_area time {
	color:#CC0000;
	padding:0 1em 0 0;
}
#news_area a {
	color:#0066FF;
	text-decoration:none;
}
.important_list a { 
	color:#C63322;
}
.news_list,
.important_list {
	padding:0 20px;
}
.news_list li,
.important_list li {
	padding:0 0 5px;
}
.small_title_index_bg {
	margin:15px 0 10px;

	background: #a06525; /* Old browsers */
	background: -moz-linear-gradient(top,  #a06525 0%, #623f16 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a06525), color-stop(100%,#623f16)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a06525 0%,#623f16 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a06525 0%,#623f16 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a06525 0%,#623f16 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a06525 0%,#623f16 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a06525', endColorstr='#623f16',GradientType=0 ); /* IE6-9 */
}
.small_title_index {
	background:url(../img/bg/bg_mark_01.png) left bottom no-repeat;
	padding:6px 0 6px 40px;
	color:#FFFF66;
	font-weight:bold;
}


/* オシャレ用 */
hr.hr-dot{
    border: 0;
    border-bottom: 1px dashed #8b6a41;
}
hr.hr-style01 {
    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
hr.hr-style01-before{
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;    
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}

hr.hr-style02 {
    padding: 0;
    border: none;
    border-top: medium double #ff7b7b;
    color: #333;
    text-align: center;
}


hr.hr-style03 {
    padding: 0;
    border: none;
    border-top: medium double #21cdff;
    color: #333;
    text-align: center;
}

.pcro-pink{
 background:#ffcbcb;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 border: 1px solid #ff8680;
 padding:10px;
 margin:10px 0 0 0;
}
.pcro-orange{
 background:#ffefd0;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 border: 1px solid #ffc85f;
 padding:10px;
 margin:10px 0 0 0;
}
.pcro-blue{
 background:#cff3ff;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 border: 1px solid #7ddfff;
 padding:10px;
 margin:10px 0 0 0;
}


.pcroTitle01{
 background:url(../img/bg/icon-pcro01.png) left center no-repeat;;
 -webkit-background-size:30px;
 -moz-background-size:30px;
 background-size:30px;
 padding:2px 0 2px 30px;
 color:#333;
 margin:10px 0 0 0;
 font-size:20px;
 font-weight:bold;
}

.pcroTitle02 {
color:#b87a38;
background: none repeat scroll 0 0 #ffd58c;
border-color: #b87a38;
border-style: solid;
border-width: 5px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
padding: 5px 15px;
position: relative;
}
.pcroTitle02:after {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
bottom: 15px;
box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
content: "";
height: 10px;
position: absolute;
right: 15px;
transform: rotate(2deg);
width: 70%;
z-index: -1;
}