/* =========
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;
	xline-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:870px;
	margin:0 auto;
	position:relative;
}
.btn_dl {
	position:absolute;
	top:320px;
	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:360px 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:-80px 0 0; /* 中身全体にネガティブマージン */
}

/* content nav */
.content_nav_area {
	background:url(../img/bg/bg_content_top.png) bottom center no-repeat;
}
.content_nav_area_in {
	top:-80px; /* グローバルナビにネガティブマージン */
	position:relative;
}
.content_nav_list {
	font-size:0; /* operaでのinline-block */
}
.content_nav_list li {
	vertical-align:bottom;
}
.sub_category_bar {
	margin:2em 0 1em;
	background-color:#00798C;
	border:1px solid #002C35;
	border-radius:5px;
}
.sub_category_bar span {
	display:block;
	background:url(../img/bg/icon_pattern.png) left center no-repeat;
	padding:5px 20px;
	font-weight:bold;
	color:#fff;
}
.common_area {
	text-align:left;
}

/* left_column */
.column_left {
	float:left;
}
.page_content_area_right {
	width:200px;
}
.right_content_list li {
	padding:10px 0 0;
}
.attention_txt {
	color:#fff;
	font-size:10px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

/* 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;
	min-height:450px;
}

/* =========
id class name width sp
========= */
.content_area {
	padding:0 0 20px;
}
.category_bar {
	padding:0 0 5px 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:10px 0 0 0;
	text-align:right;
}
.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 input {
	vertical-align:middle;
}
.txt_search {
	padding:14px 8px;
	width:60%;
	margin:0 10px 0 0;
	border:1px solid #A7FFFF;

	-moz-box-shadow:inset 1px 1px 2px #A7FFFF;
	-webkit-box-shadow:inset 1px 1px 2px #A7FFFF;
	box-shadow:inset 1px 1px 2px #A7FFFF;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.txt_question {
	background:url(../img/bg/icon_question.png) left top no-repeat;
	padding:5px 0 5px 35px;
}
.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 {
	xpadding:0;
}
.common_list dt {
	border-left:5px solid #2391A0;
	padding:1px 0 1px 8px;
	margin:0 0 8px 0;
}
/* contact */
.small_title {
	border-left:solid 5px #2391A0;
	padding:0 0 0 8px;
	margin:2em 0 .2em;
	color:#333;
	font-weight:bold;
}
.big_title {
	font-weight:bold;
	color:#fff;
	font-size:110%;
}
select,
.input_txt {
	font-size:110%;
	color:#333;

	padding:14px 8px;
	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;
}
.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 */
}
a.current {
	background: #8e8e8e; /* Old browsers */
	background: -moz-linear-gradient(top,  #8e8e8e 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e8e8e), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8e8e8e 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8e8e8e 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8e8e8e 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8e8e8e 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8e8e', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
/* screenshot */
.screenshot_list {
	text-align:center;
	font-size:0;
}
.screenshot_list li {
	padding:5px;
}
.img_shadow {
	box-shadow:0 0 5px #3FF4FF;
}
.news_border {
	border-bottom:1px dotted #CCC;
	margin:10px 0 0 0;
	background:url(../img/bg/icon_arrow_01.png) 98% center no-repeat;
	background-size:30px;
}
.news_border a {
	dxisplay:block;
	color:#1A6E7A;
}
.news_border:first-child {
	xmargin:0;
}
.news_border:last-child {
	border-bottom:none;
}
.news_date {
	color:#333;
	font-weight:bold;
	font-family:"Courier New", Courier, monospace;
}
.news_title {
	color:#1A6E7A;
	border-left:5px solid #1A6E7A;
	padding:0 50px 0 10px;
	xmargin:0 0 15px;
	font-weight:bold;
}
.news_area dt {
	margin:0 10px 0 0;
	font-weight:bold;
	font-family:"Courier New", Courier, monospace;
}
.news_area time {
	color:#C63322;
}
.news_area a,
.news_sentence a {
	color:#1A6E7A;
}
.important_list a { 
	color:#C63322;
}
.news_list,
.important_list {
	padding:0 20px;
}

/* pc side banner */
#game_list {
	text-align:center;
}