@import "reset.css";
@import "default.css";

body {
	position:relative;
	background:url(../images/bg_pages.jpg) #f8f8f8 no-repeat center -215px;
	line-height:1.8em;
	min-width:986px;
}

#container {
	/*background:url(../images/global-bg.jpg) #000 no-repeat 0 0;*/
	width:986px;
	margin:0 auto 64px auto;
	padding-top:18px;
}

#header {
	width:950px;
	margin:0 12px 12px;
}
h1 {
	float:left;
}
#header_menu {
	float:right;
	margin-top:11px;
}
#header_menu li {
	margin:0;
	padding:0 12px;
	border-right:1px solid #7f7f7f;
	float:left;
	display:block;
}
#header_menu li.last {
	border-right:0;
}
#header_menu li a { font-size:85%}

#global_menu {
	clear:both;
	margin:0 8px 12px 9px;
	background:url(../images/global_menu/back.png) no-repeat 0 0;
	padding:1px 0;
}
#global_menu li {
	float:left;
	margin:0 1px 0 0;
	height:51px;
}
#gm_home    { width:70px; margin-right:0 !important;}
#gm_concept { width:115px; }
#gm_ev      { width:115px; }
#gm_eview   { width:115px; }
#gm_genki   { width:115px; }
#gm_news    { width:115px; }
#gm_mail    { width:115px;}
#gm_support { width:197px; margin-right:0 !important; }

#crumbs {
	font-size:108%;
	margin-left:20px;
	margin-bottom:39px;
}
#crumbs a, #crumbs span {
	margin:0 5px;
}

#main_contents #image {
	margin-bottom:30px;
}

#main_contents .box {
	margin-bottom:30px;
}
.right_menu #main_contents .box {
	width:690px;
}
#main_contents .column {
	margin-bottom:30px;
}
.right_menu #main_contents .column {
	width:690px;
}
#main_contents .column_half {
	width:325px;
	margin-right:40px;
	margin-bottom:30px;
	float:left;
}
#main_contents .image_high,
#main_contents .image_normal,
#main_contents .image_small {
	padding:5px;
	float:left;
	margin-right:15px;
}
#main_contents .img_right .image_high,
#main_contents .img_right .image_normal,
#main_contents .img_right .image_small {
	float:right;
	margin-left:25px;
	margin-right:0;
}
#main_contents .image_high {
	width:210px;
	height:280px;
	background:url(../images/column/image_high_back.png) no-repeat 0 0;
}
#main_contents .image_normal {
	width:210px;
	height:155px;
	background:url(../images/column/image_normal_back.png) no-repeat 0 0;
}
#main_contents .image_small {
	width:150px;
	height:110px;
	background:url(../images/column/image_small_back.png) no-repeat 0 0;
}

#main_contents .column .desc,
#main_contents .column_half .desc {
	width:715px;
	float:left;
}
.right_menu #main_contents .column .desc,
#main_contents .column_half .desc {
	width:445px;
}
#main_contents .column_half .desc {
	width:150px;
	margin-left:0px;
}
#main_contents .column_half .desc p {
	margin-top:0;
}
#main_contents .column .desc p.caption,
#main_contents .column_half .desc p.title {
	font-size:123.1%;
	font-weight:bold;
	margin-top:0;
	margin-bottom:18px;
	line-height:1.2;
}
#main_contents .column_half .desc p.title {
	margin-bottom:10px;
	font-size:116%;
	line-height:1.25em;
	height:56px;
}
#main_contents .column_half .desc p.icon {
	margin-bottom:10px;
}
#main_contents .column_half .desc p.num {
	text-align:right;
	border-top:1px solid #c8c8c8;
	font-size:146.5%;
	font-weight:bold;
	padding-top:6px;
}
#main_contents .column_half .desc p.num img {
	vertical-align:-2px;
	margin-left:8px;
}
#main_contents .column .desc p.read {
	margin-top:0;
	margin-bottom:36px;
	line-height:1.8em;
}
#main_contents .column .desc ul {
	margin-left:2px;
}
#main_contents .column .desc ul li {
	margin-bottom:5px;
}
.show_detail {
	text-align:right;
}
.show_detail a {
	background:url(../images/arrow_bl.png) no-repeat 8px center;
	padding-left:18px;
	padding-right:6px;
	border-top:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
	height:24px;
	line-height:24px;
	display:block;
	float:right;
	text-decoration:none;
}


#main_contents #pickup {
	width:697px;
	height:147px;
	background:url(../images/pickup_back.png) no-repeat 0 0;
}
#main_contents #pickup .column {
	width:196px;
	margin:8px 16px 0;
	float:left;
	_display:inline;
}
#main_contents #pickup .column a {
	color: #2b2b2b;
	text-decoration:none;
	font-weight:normal;
	_float:left;
	_display:block;
}
#main_contents #pickup .column a:hover {
	text-decoration:underline;
}
#main_contents #pickup .column p.title {
	font-size:123.4%;
	font-weight:bold;
	margin-bottom:10px;
	line-height:1.2;
	height:2em;
}
#main_contents #pickup .column p.desc {
	font-size:93%;
	line-height:1.2;
	width:196px;
}
#main_contents #pickup .column p.desc img {
	float:left;
	margin-right:10px;
}

#footer {
	width:950px;
	border-top:1px solid #aeaeae;
	border-bottom:1px solid #aeaeae;
	padding:30px 0 20px;
	margin:0 18px 30px;
}

.footer-menu {
	float:left;
	margin-right:20px;
	width:186px;
}
.last-menu {margin-right:0;}
.footer-menu h4 {
	margin:0 0 10px 0;
}
.footer-menu ul {
	margin:0 0 10px 0;
	/* width:278px; */
}
.footer-menu ul li {
	height:31px;
	line-height:31px;
	margin:0;
	border-bottom:1px solid #d8d8d8;
}
.footer-menu ul li.last {
	border-bottom:0;
}

#footer-subscribe {
	width:310px;
	float:left;
	margin-right:40px;
}
#footer-subscribe h6 {
	font-size:138.5%;
}
#subscribe-desc {
	margin:0 0 20px 0;
	line-height:1.8;
}
#footer-subscribe form {
	margin:0;
}
#footer-subscribe form div {
	margin-bottom:12px;
}
#footer-subscribe form input[type=text] {
	border:0;
	margin:0 12px 0 0;
	padding:0;
	background:url(../images/footer/footer-textfield.gif) no-repeat 0 0;
	width:207px;
	height:26px;
	float:left;
}
#footer-subscribe form a {
	width:60px;
	float:left;
	margin:0;
	font-size:86%;
	color:#a5a5a5;
	line-height:1.1;
}
#footer-subscribe form input[type=image] {
	padding:0;
	margin:0;
	float:left;
}

#footer_brand {
	text-align:center;
	margin:0 auto 18px;
}
#footer_brand ul {
}
#footer_brand li {
	display:inline;
	margin:0 10px;
}

#copyright {
	margin-top:36px;
	text-align:center;
	font-style:italic;
}
#copyright img {
	margin-right:10px;
	vertical-align:-5px;
}

#main_contents {
	margin-left:18px;
	_margin-left:9px;
	margin-right:18px;
	_margin-right:9px;
}
.right_menu #main_contents {
	width:690px;
	float:left;
	margin-right:0;
}
.right_menu #side_contents {
	width:237px;
	float:right;
	margin-right:8px;
	_margin-right:4px;
}

#side_contents .box .content {
	background:url(../images/side_menu/ev/sm_body.png) repeat-y 0 0;
}
#side_contents .box .top {
	background:url(../images/side_menu/ev/sm_top.png) no-repeat 0 0;
	height:10px;
}
#side_contents .box .bottom {
	background:url(../images/side_menu/ev/sm_botton.pnt) no-repeat 0 0;
}

#side_contents {
	position:relative;
}
#side_contents #floating {
	position:absolute;
}

h2 {
	height:43px;
	margin-bottom:30px;
}
h3 {
	height:25px;
	border-bottom:1px solid #999;
	margin-bottom:15px;
}
h3 img {
	vertical-align:top;
}
h4 {
	margin-bottom:15px;
	line-height:1.22;
}
h4 span {
	margin:0 10px;
	vertical-align:4px;
}
h5 {
	font-style:bold;
	border-left:4px solid #707070;
	padding-left:4px;
	line-height:1.2;
	margin-bottom:15px;
}
h6 {
	font-size:116%;
	margin-bottom:15px;
	
}
#manual h6 {margin-left:15px;}
a.manual_img {_float:left;}

#header a, #side_contents a, #footer a {
	color:#2b2b2b;
	text-decoration:none;
}
#header a:hover, #side_contents a:hover, #footer a:hover {
	text-decoration:underline;
}

/*
	表組み
*/
#main_contents table th {
	width:120px;
}
#main_contents table th span {
	border-right:1px solid #d9d9d9;
	width:119px;
	display:block;
}


#main_contents li {
	margin-bottom:5px;
}

ul.arrow li {
	list-style-position:outside;
	list-style-image:url(../images/li_arrow.gif);
	margin-left:10px;
}
*:first-child+html ul.arrow li {
	margin-left:0;
	list-style:none;
	background:url(../images/li_arrow.gif) no-repeat 0 5px;
	padding-left:10px;
}

.good_list {
	margin-left:0;
	margin-right:0;
}
.good_list li {
	line-height:1.385;
	padding-bottom:5px;
	margin-top:10px;
	border-bottom:1px dotted #a0a0a0;
	position:relative;
}
.good_list a {
	float:left;
	width:490px;
	line-height:1.8;
	display:block;
}
.good_list span {
	/* float:right; */
	font-size:138.5%;
	/* width:100px; */
	text-align:right;
}
.good_list span.icon_movie {
	/* width:82px; */
	position:absolute;
	top:-2px;
	right:5px;
}
.good_list span.goodNum {
	position:absolute;
	top:0px;
	right:100px;
	font-weight:bold;
}
.good_list span img {
	margin-left:5px;
	vertical-align:-2px;
}

.good_list li:after{
  content:".";
  display:block;
  height:0;
/*	 clear:both;*/
  visibility:hidden;
}
.good_list li{
  overflow:hidden;
}
/* Hides from IE-mac \*/
* html .good_list li{
  height:1%;
  overflow:visible;
}
/* End hide from IE-mac */

.area_list {
	margin-left:0;
	margin-right:0;
	clear:both;
}

.area_list li {
	width:60px;
	float:left;
}


.news_list,
.qa_list,
.feature_list,
#course_list {
	margin-top:0;
	margin-left:0;
	margin-right:0;
}
.news_list li,
.qa_list li,
.feature_list li,
#course_list li {
	margin-top:10px;
	margin-left:0;
	margin-right:0;
	padding-bottom:10px;
	/* border-bottom:1px dotted #a0a0a0; */
	border-bottom:1px dotted #C6C6C6;
}
.news_list li .date {
	width:100px;
	float:left;
}
.news_list li .desc {
	width:500px;
	float:left;
}

.read_more {
	margin:0 15px 0 0;
	padding-bottom:10px;
	text-align:right;
}

#title {
	margin-bottom:12px;
	border-bottom:1px solid #a0a0a0;
	height:auto;
	line-height:1.59;
}
#title_image {
	margin-bottom:20px;
}

#outline, .outline {
font-size:123.9%;
height:15px;
line-height:15px;
padding-right:10px;
text-align:right;
}
#outline {
	/* margin-bottom:40px; */
	margin-bottom:20px;
}
#outline img, .outline img {
	/* vertical-align:bottom; */
	margin-left:5px;
	vertical-align:-9px;
}


#scene_btns {
	margin:10px 0 30px;
}
#scene_btns li {
	width:215px;
	float:left;
	margin:0;
}
#scene_btns li#btnPlaying {
	margin:0 22px;
}



.go_top {
	width:950px;
	margin:0 18px 15px;
	text-align:right;
}

#search_form {
	margin-left:0;
}
#search_form * {
	float:left;
	margin-right:5px;
}
#search_form span {
}
#search_form input[type=text] {
	width:260px;
	height:21px;
	margin-left:0;
}
#search_form input[type=image] {
	width:49px;
}

#find_info {
	
}
#find_info p {
	float:left;
	width:310px;
	margin-top:0;
}
#find_info a {
	display:block;
	float:right;
	width:360px;
}


/*
	よくある質問回答
	ニュース詳細
*/
#desc.with_image #img {
	float:left;
	width:220px;
	margin-top:0.5em;
	margin-right:20px;
	/* min-height:500px; */
}
#desc.with_image #read {
	float:left;
	width:450px;
}


/*
	この質問は役に立ちましたか？
*/
#vote p {
	float:left;
	width:587px;
	margin-top:0;
}
#vote a {
	display:block;
	width:72px;
	float:right;
	margin-right:10px;
}

#main_contents .column:after,
#main_contents .column_half:after,
#main_contents .box:after,
.news_list li:after{
  content:".";
  display:block;
  height:0;
/*	 clear:both;*/
  visibility:hidden;
}
#main_contents .column,
#main_contents .column_half,
#main_contents .box,
.news_list li{
  overflow:hidden;
}
/* Hides from IE-mac \*/
* html #main_contents .column,
* html #main_contents .column_half,
* html #main_contents .box,
* html .news_list li{
  height:1%;
  overflow:visible;
}
/* End hide from IE-mac */


/* サイドバー用スタイル(トップページのものを別ページでも利用 */


.right_menu #side_contents {
	margin-right:18px;
	_margin-right:9px;
}

#side_contents .box {
	background:url(../images/index/sm_body.png) repeat-y 0 0;
	width:217px;
	padding-left:10px;
	padding-right:10px;
}
#side_contents .box h6 {
	margin:0 13px 8px;
}
#side_contents .box ul {
	margin-left:5px;
	margin-right:5px;
	margin-top:0;
}
#side_contents .box ul li {
	margin-bottom:10px;
	border-bottom:1px dotted #2b2b2b;
}
#side_contents .box ul li.last {
	border-bottom:0;
}
#side_contents .box ul li p {
	margin-left:0;
	margin-right:0;
	margin-bottom:10px;
	clear:both;
}
#side_contents .box ul li img {
}
#side_contents .box ul li p.desc {
}


#side_contents .box ul li p.etc {
	text-align:right;
}

#side_contents .box ul li p.etc a {
	color: #4477a2;
}
#side_contents .box ul li p img {
	float:right;
	margin-left:5px;
	_margin-left:2px;
}

#side_contents .box ul li p.etc img {
	float:none;
	vertical-align:middle;
}


#side_contents #manual p.desc {
	margin-left:15px;
	margin-right:10px;
	margin-bottom:0px;
}
#side_contents #manual p.desc img {
	float:left;
	margin-right:12px;
	border:1px solid #a5a5a5;
}
#side_contents #manual p.desc a 
{
	font-size:93%;
}

#side_contents .sidebox p.desc {
	margin-left:15px;
	margin-right:10px;
	margin-bottom:0px;
}
#side_contents .sidebox p.desc img {
	float:left;
	margin-right:12px;
	border:1px solid #a5a5a5;
}
#side_contents .sidebox p.desc a 
{
	font-size:93%;
}


ul.pager {
	margin:10px auto 30px;
	overflow:hidden;
}
* html ul.pager {
	height:1%;
}
ul.pager li {
	float:left;
}
ul.pager li a, ul.pager span {
	border:1px solid #CDCDCD;
	display:block;
	margin-right:10px;
	padding:5px 10px;
}
ul.pager li span.pager_current {
	background-color:#333333;
	color:#FFFFFF;
}
ul.pager li .pager_next, ul.pager li .pager_previous {
	color:#909090;
	/* padding:0; */
}
ul.pager li .pager_next img, ul.pager li .pager_previous img {
	margin-top:1px;
	vertical-align:-4px;
}


p.no-data {
	font-size:144%;
	font-weight:bold;
	margin-bottom:60px;
}


.banner_list a {
	display: block;
	margin-bottom: 10px;
}

.banner_list a img {
	border: 1px solid #ededed;
	width:235px;
}
	

#outline span.post_increment_count
{
font-size:133.5%;
font-weight:bold;
vertical-align:-7px;
_height:18px;
_line-height:18px;
}
#outline span.post_increment_count img 
{
	vertical-align:-1px;
		
}
.min_height {
	height:400px;
}

img.howto_list_cats_icon {
	margin-right:4px;
}

h3#link_to_support {
	margin-top:50px;
}


.sidebox {
	margin-bottom:20px;
}


#no_script_content 
{
	border:3px solid #ff6d6d;
	padding:10px;
	margin-bottom:40px;
}
.warn_desc {
	clear:both;
}
.warn_desc dt {
	font-size:116%;
	width:100%;
}
.warn_desc dd {
	margin-left:20px;
	line-height:1.8;
}

.title_warn 
{
	color:Red;
	font-size:121%;
	
}