@charset "utf-8";

/** UPDATE: 2020.12.15 **/

*{
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	line-height:160%;
	font-size:100%;
	font-family:"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana,sans-serif;
}

a {text-decoration:none; color:#0099FF; overflow:hidden}
a:hover {color:#FF9900}

img, table {border: none}

li {list-style: none}

h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%;}

.clear{clear:both; height:0; line-height:0; font-size:0}

.space10 {height: 10px}
.space20 {height: 20px}
.space30 {height: 30px}
.space40 {height: 40px}
.space100 {height: 100px}

.left {float:left}
.right {float:right}

.alpha a:hover img{
  filter: alpha(opacity=70);
  -moz-opacity:0.75;
  opacity:0.75;
}

.line_gray{
	height: 20px;
	margin-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;  
}


.clearfix:after {
  content: ""; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/****************************** 【BODY】 ******************************/


body{
	text-align:center;
	color:#333;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	font-size:13px;
	width:100%
}

.wrapper{
	width:100%;
	height:auto;
	text-align:left;
	margin:0 auto;
}



/****************************** 【HEADER】 ******************************/
#header{
	width:100%;
	height:63px;
	text-align:center;
	background-image: url(../images/bg_hd.png);
	background-repeat: repeat-x;
}

#header .in{
	width:1008px;
	text-align:left;
	margin:0 auto
}

#header h1 a{
	background-image: url(../images/logo.png);
	height: 50px;
	width: 166px;
	display:block;
	text-indent:-9999px	;
	margin:10px 0 0 10px
}

#header .right{
	width:300px;
	position:relative;
}

#header #lang {
	margin-top:10px;
	margin-left:98px
}

#header #lang {
	width:117px;
	background-image: url(../images/lang.png);
	height: 16px;
	position:absolute;
	top:2px;
	left:0px
}

#header #lang a{
	width:117px;
	background-image: url(../images/lang.png);
	height: 16px;
	display:block;
	text-indent:-9999px
}

#Popup{
	position:absolute;
	top:30px;
	left:98px;
	visibility:hidden;
	font-size:11px;
	height: auto;
	width: auto;
	background:#333;
	padding:20px;
	z-index:9999;
}

#Popup a{
	color:#FFFFFF;
	text-decoration:underline;
	display:block;
	margin-bottom:5px
}

#Popup a:hover{
	color:#ccc
}


#header #lang span{
	width:25px;
	background-image: url(../images/jp.png);
	height: 25px;
	text-indent:-9999px	;
	position:absolute;
	top:-5px;
	left:130px
}

#header .right #hd_menu{
	margin-top:10px;
	position:absolute;
	top:33px;
	left:-10px;
}


#header .right #hd_menu li{
	float:left;
	background-image: url(../images/hd_sep.gif);
	background-position: left center;
	height: 19px;/**20px**/
	padding: 1px 10px 0 10px;
	font-size:10px
}



#header .right #hd_menu li a{
	color:#333
}

#header .right #hd_menu li a:hover{
	color:#666666;
	text-decoration:underline
}


#tokina-menu{
	border-top:solid 1px #fff;
	text-align:center;
	border-bottom:solid 5px #000;
	background-position:center center;
	background-size:cover;
	height:400px;
	position:relative
}
#tokina-menu h3{font-size:16px; font-weight:bold; margin:25px 0; color:#fff}
#tokina-menu h4{font-size:14px; font-weight:bold; margin-bottom:25px}
#tokina-menu h4 img{vertical-align:middle; margin-right:10px}
#tokina-menu div.inner{width:1014px; height:400px; margin:0 auto; z-index:2;position:relative; text-align:left}
#tokina-menu div.left{width:260px}
#tokina-menu div.right{width:714px}
#tokina-menu div.v-line{width:1px; height:350px; float:left; border-right:solid 1px #fff; margin-top:40px;filter: alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;}

#tokina-menu div.float{float:left; width:230px}

#tokina-menu a{color:#fff;}
#tokina-menu a:hover{color:#ddd}
#tokina-menu ul.normal{overflow:auto; height:220px}


#tokina-menu div.layer{width:100%; height:400px; background-color:#000;position:absolute; top:0; left:0; filter: alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; z-index:1}

/* Tiny Scrollbar */
#scrollbar1 {width: 230px}
#scrollbar1 .viewport { width: 227px; height: 220px; overflow: hidden; position: relative}
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{position: relative; float: right;}
#scrollbar1 .track { background-color:#333; height: 100%; width:3px; position: relative;}
#scrollbar1 .thumb { background-color:#fff; height: 10px; width: 3px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0; }


/* Tiny Scrollbar */
#scrollbar2 {width: 250px}
#scrollbar2 .viewport { width: 227px; height: 220px; overflow: hidden; position: relative}
#scrollbar2 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar2 .scrollbar{position: relative; float: right;}
#scrollbar2 .track { background-color:#333; height: 100%; width:3px; position: relative;}
#scrollbar2 .thumb { background-color:#fff; height: 10px; width: 3px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0; }


#swf{
	border-top:solid 1px #fff;
	background-color:#e5e5e5;
	text-align:center;
	border-bottom:solid 5px #000;
	padding-bottom:1px;
	background-color:#000000
}

/****************************** 【CONTENTS】 ******************************/

#container{
	/**width:920px;**/
	width:1014px;
	height:auto;
	margin:10px auto 0 auto;
}

#container .left{
	/**width:660px;**/
	width:740px;
	text-align:left
}

#container .right{
	width:238px;
	text-align:left
}

#news {margin-bottom:30px}

#news .title{
	width:740px;
	height:41px;
	background-image: url(../images/title_news.png);
	position:relative
}

#news .title a{
	width:51px;
	height:18px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:13px;
	left:590px
}


#news p{margin:10px 10px 0 10px}

#news p a{text-decoration:underline}

#news p span img{padding-left:4px}

#news .odd{
    border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:2px 0 10px 0
}

#news .even{
	border-top:1px solid #fff;
	padding:2px 0 10px 0;
	background-color:#eee;
	border-bottom:1px solid #fff;
}



#pagetop a{
	background-image: url(/images/to_top.png);
	text-indent:-9999px;
	width:50px;
	height:50px;
	background-size:cover;
	position: fixed;
	bottom: 30px;
	right:30px;
	z-index:9999
}

#b_navi{
	font-size:10px;
	color:#999999;
	text-align:left;
	margin-bottom:16px
}

#b_navi a{
	color:#333333;
	text-decoration:underline
}

#b_navi a:hover{color:#999}



/****************************** 【RIGHT CONTENTS】 ******************************/

#bg_search{
	background-image: url(../images/bg_search.png);
	height: 47px;
	width: 232px;
	position:relative
}

#bg_search .txt_box{
	border:#fff;
	position:absolute;
	top:9px;
	left:33px;
	width:138px;
	height:20px;
	border:none
}

#bg_search #bt_search a{
	position:absolute;
	top:8px;
	left:177px;
	width:39px;
	height:20px;
	text-indent:-9999px;
	display:block
}

#bg_search #bt_search a:hover{border:solid 1px #FF9900}




/****************************** 【FOOTER】 ******************************/
#footer{
	width:100%;
	text-align:center;
	border-top:solid 1px #ccc;
	margin-top:10px
}


#footer .in{
	background-color:#e5e5e5;
	margin-top:1px
}

#footer .in .container{
	width:1014px;
	margin:0 auto;
	text-align:left;
	font-size:10px
}

#footer .in .container table{
	margin:16px 0;
	width:800px
}

#footer .in .container #bt_navi{
	padding-top:4px;
	position:relative;
}

#footer .in .container #bt_navi span{
	position:absolute;
	top:6px;
	left:80px
}

#footer .in .container th{
	text-align:left;
	padding:2px 16px 2px 0;
	width:100px
}

#footer .in .container th a{
	color:#333333
}

#footer .in .container th a:hover{
	text-decoration:underline
}


#footer .in .container ul li{
	float:left;
	margin-right:10px;
	letter-spacing:1px
}

#footer .in .container ul li a{
	color:#666;
	text-decoration:underline
}

#footer .in .container ul li a:hover{
	color:#FF9900
}

#footer .in .container #policys{
	margin-top:10px
}

#footer .in .container #policys li{
	background-image: url(../images/arrow_bg_gray.gif);
	background-position: left center;
	padding-left: 22px;
	margin-right:20px	
}

#footer .in .container #policys li a{
	color:#333333
}

#footer .in .container #policys li a:hover{
	color:#FF9900
}


#copy{
	text-align:center;
	background:#000;
	color:#FFFFFF;
	font-size:11px;
}

#nbsp {
	text-indent:-9999px;
}


.icon_s {
	text-align:center;
	margin-top:4px
}

#page .tablesorter th,#page .tablesorter td{font-size:12px!important; padding:10px!important}


#fa_material li{
	width:280px;
	list-style-position: outside;
	list-style-type: disc;
	margin-left:12px
}
*html #fa_material li{
	margin-left:18px;
}

#fa_material th{
	padding-top:10px
}


/**　アンケート　**/

#bt_survey{ background-image:url(../images/sprit_survey.png); background-position:-509px -362px;  width:44px; height:238px; position:fixed; top:100px; right:-2px; cursor:pointer; cursor:hand; z-index:998;}

#bt_survey:hover{filter: alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
#whiter{position:fixed; width:100%; height:100%; background-color:#fff; filter: alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; z-index:999; top:0; left:0; display:none;}

#wrap_survey{position:absolute; top:20px; left:100px; width:800px; min-height:800px; text-align:center; z-index:9999; background-color:#fff;border-top:solid 1px #ddd; display:none;
	-webkit-box-shadow: 0 2px 3px #333;
	-moz-box-shadow: 0 2px 3px #333;
	-o-box-shadow: 0 2px 3px #333;
	box-shadow: 0 2px 3px #333;}
#wrap_survey .inner{border:solid 1px #005CAD; margin:10px; min-height:780px;overflow:hidden;}
#wrap_survey h3{font-size:20px; padding:5px 0; color:#fff; background-color:#005CAD;}
#first_block{background-color:#ECF1FF; padding:10px}

#main_survey{padding:20px 50px; text-align:left}
#main_survey h4{font-size:16px; font-weight:bold; margin-bottom:10px}
#main_survey .require{font-size:12px; color:#F00; font-weight:normal; margin-left:5px}

#q1 table{width:100%; border-collapse:collapse}
#q1 td{text-align:center; padding:10px 0}
#q1 .num01{background-color:#999; width:20%; color:#fff; font-size:14px}
#q1 .num02{background-color:#ddd; width:60%;}
#q1 .num02 input{margin:0 8px}
#q1 .num02 label{position:relative}
#q1 .num02 span{position:absolute; top:30px; left:10px}
#q1 .num03{background-color:#FF9900; width:20%; color:#fff; font-size:14px}
#q1 .num04 {padding:0}
#q1 .num04 span{margin:0 14px}

#q2 textarea,
#q3 textarea{width:98%; height:80px; padding:1%; border:solid 1px #ddd}

#q4 table{width:100%}
#q4 th{font-size:13px; text-align:right; padding:5px 10px; width:30%; white-space:nowrap}
#q4 td{padding:5px 10px; width:60%}

#main_survey input[type="text"]{width:300px; height:24px; border:solid 1px #ddd; padding:3px}

#main_survey #bt_submit{width:240px; height:50px; background-image:url(../images/sprit_survey.png); background-position:-250px -342px;border:none}
#main_survey #bt_submit:hover{filter: alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}

#bt_close{position:absolute; top:-10px; right:-10px; width:44px; height:44px;background-image:url(../images/sprit_survey.png); background-position:-445px -147px;}

#thanks_01,
#thanks_02{display:none}

#thanks_01 p,
#thanks_02 p{font-size:16px; }
#box_share{padding:30px; background-image:url(../images/bg_share_buttons.gif); background-repeat:repeat; border-top:solid 1px #666}
#wrap_share_bts{margin:40px auto 0; width:512px}
#bt_share_fb a{display:block;background-image:url(../images/sprit_survey.png); background-position:-248px -209px; width:246px; height:58px; float:left; margin-right:20px}
#bt_share_tw a{display:block;background-image:url(../images/sprit_survey.png); background-position:-248px -274px; width:246px; height:58px; float:left}

#box_picta{padding:30px; background-color:#333; color:#fff; border-top:solid 1px #666}
#bt_picta a{display:block;background-image:url(../images/sprit_survey.png); background-position:-187px -403px; width:306px; height:75px; margin:40px auto 0}

.thanks_com{padding:30px; border-top:solid 1px #666}
#bt_close_this a{display:block;background-image:url(../images/sprit_survey.png); background-position:-3px -342px; width:240px; height:50px; margin:40px auto 0}

#main_survey .error{font-size:12px; color:#CC0000; background-color:#FFCCCC; padding:5px}
.num02 p.error{display:none}
.num02 p.error:first{display:block}

.sp,.mobile{display:none!important}
.section{margin-bottom:15px}

#bt_sp{display:block; padding:30px 0; font-size:40px; width:100%; background-color:#eee}