@charset "utf-8";

/* ver 1.1.1 (2013/2/4) */

@import url(reset.css);
* {

font-family: 黑体;
}

body {
    margin-top:0px;
	font-size:82%;
	line-height:1.4;
	color:#333333;
/* base size  
12px 	75%
13px 	82%
14px 	88%

*/
}

/* text size(13px:82%時)
10px 	77%
11px 	85%
12px 	93%
13px 	100%
14px 	108%
15px 	116%
16px 	124%
17px 	131%
18px 	139%
19px 	147%
20px 	154%
21px 	162%
22px 	169%
23px 	177%
24px 	185%
25px 	192%
26px 	200%


 */

/* link style */
a:link{
	color: #333333;
	text-decoration: none;
}
a:visited{
	color: #333333;
	text-decoration: none;
}
a:hover{
	color: #333333;
	text-decoration: underline;
}



/* *************************************************************************************** */


/* note */
.note_01 li {
	text-indent: -1em;
	padding-left: 1em;
}

/* layout styles END */

/* *************************************************************************************** */

/* input styles START */

/* radio & checkbox btn */
.sel_btn_01 {
	vertical-align: middle;
	margin-right: 5px;
}
* html .sel_btn_01 {
	vertical-align: middle;
	margin-right: 0;
}
*:first-child+html .sel_btn_01 {
	vertical-align: middle;
	margin-right: 0;
}

/* input styles END */

/* *************************************************************************************** */

/* clearfix */
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	font-size:0.1em;
	line-height:0;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
	/*overflow: hidden;*/
	/* 上記のoverflow: hidden;はDreamweaver上でレイアウトを正しく表示させるためのCSSです。
	   Dreamweaverで編集する際にコメントアウトを外して使用してください。
	   また、編集が完了した際にはコメントアウトしておいてください。 */
}
/* exlude MacIE5 \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* end MacIE5 */

/* *************************************************************************************** */

html,body{
     margin-top:0px;
     height:100%;
	 background:#ffffff;
	 height:100%;

}
#container {
    width: 100%;
    position: relative;
    height: 100%; /*IE6対策*/
    
    height: auto !important;
    min-height: 100%;
	min-width:1016px;
}

body > #container {
    height: auto;
}

#container #container_box {
    /*padding-bottom: 167px;*/
    /*padding-bottom: 470px;*/
	/*background:#e4487f;*/
	background:url(../img/c_bg_01.gif) repeat left top;
	margin-top:-5px;
	/width: 100%;
}
#container.top_page #container_box {
	margin-top:0px;
}

* html{     
    background: url(null.html) ;     
}  

/* header */
#header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:100;
}
* html div#header{     
    position: absolute;     
    top: expression(eval(document.documentElement.scrollTop+0));  
}  


#header .top_area{
	padding-top:15px;
	background:#ffffff;	
}

#header .inner_area{
	width:940px;
	margin:0px auto;
	padding:7px 0px;
	padding:7px 0px 0px;
    position:relative;
}
#header .inner_area h1{width: 198px;position: absolute;left: 90%;}
#header .inner_area .inner_box{
	width:218px;
	float:left;
	margin: -3px 0px -10px 0px;
}
#header .inner_area .inner_box .inner{
margin-bottom:10px;width:880px;position:relative;
}

#header .inner_area .inner_box .search{
	width:212px;
	float:left;
}
#header .inner_area .inner_box .btn_area{
	width:89px;
	float:right;
	_width:90px;
}
#header .inner_area .inner_box .btn_area ul{
	margin-left:-1px;
	_margin-left:0px;
}
#header .inner_area .inner_box .btn_area ul li{
	float:left;
	width:29px;
	padding-left:1px;
	cursor:pointer;
	/display: inline;
	/zoom:1;
}
#header .inner_area .inner_box .english{
	width:96px;
	float:right;
	margin-right:10px;
}
#header .inner_area .inner_box .contact{
	width:170px;
	float:right;
}



#header .inner_area .inner_box ul li{

}
#header #g_navi{
	background:url(../img/gnavi_bg_01.png) repeat-x left top;	
	z-index:2;	
	padding-bottom:5px;
}
#header #g_navi ul{
	width:1052px;
	height: 22px;
	/*margin-top: 20px;*/
	margin: 0px auto;
	padding: 12px;
}
#header #g_navi ul li{
	float: left;	
	margin-left: 40px;
}
#header #g_navi ul li a{
	/*font-family: STXingkai;*/
	width: 80px;
	height: 30px;
	line-height: 28px;
	color: #FFF;
	display: block;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
}
#header #g_navi ul li a:hover{
	/*clear: left;*/
	width: 80px;
	height: 30px;
	line-height: 28px;
	/*background: #9CF;*/
	color: #9CF;
	/*display: block;*/
	font-size: 14px;
	text-decoration: none;
}


/* 検索エリア*/
#search{
    width: 188px;
    float: left;
    margin-top: 10px;
}
#cse-search-box {
}
#cse-search-box input#text_area{
	/*border-top:1px solid #a7a7a7;
	border-bottom:1px solid #a7a7a7;
	border-left:1px solid #a7a7a7;
	height: 22px;
	width: 176px;
	float: left;
	padding: 0 0 0 6px !important;
	background:none !important;*/
}
#cse-search-box input#img_area{
	width: 24px;
	float: left;
	height: 24px;
	margin-left: -1px;
}

/* contents */
#contents{
	width:940px;
	margin:-5px auto 0;
	padding-top:138px;
}
#contents #contents_inner_area{
	margin-bottom:80px;
}
#contents .main_img_area{
	width:940px;;
	margin:0 auto;
}
#contents.fixed .main_img_area{
	position:fixed;
	top:0;
	z-index:99;
	padding-top:75px;
}

* html div#contents.fixed .main_img_area{
    position: absolute;     
    top: expression(eval(document.documentElement.scrollTop+0));  
	padding-top:90px !important;
}

#contents.fixed #contents_inner_area{
	padding-top:127px;
}

/* bottom_area */
#footer{
	height:470px;
	/*position:absolute;*/
	z-index: 10;
	bottom:0;
	width:100%;
}
#footer .page_top{
	height:20px;
	width:940px;
	margin:0 auto;
	text-align:right;
}

/* footer_area*/
#f_area{
	height:300px;
	/*position:absolute;
	bottom:0;*/
	width:100%;
	background:url(../img/f_bg_01.jpg) repeat-x #003e77 left bottom;	
}
#footer .inner_area{
	height:248px;
	width:940px;
	margin:0px auto;
	padding:20px 0px 8px;
	background:url(/img/f_logo_img.png) no-repeat left 22px;	
}
#footer .inner_area .inner_box{
	width:460px;
	color:#ffffff;
	margin-left:198px;
	padding-top:2px;
}
#footer .inner_area .inner_box .txt01{
	font-size:124%;
}
#footer .inner_area .inner_box .txt02{
	font-size:100%;
}



#footer .inner_area .inner_box img{
	vertical-align:-0.5px;
	display:inline-block;
}

#footer .inner_area .inner_box span{
	margin-right:20px;	
}
#footer .inner_area .inner_box .inner{
	background:url(../img/f_icon01.html) no-repeat left 20px;
	padding:10px 0px 0px 30px;	
}

#footer .inner_area .inner_box02{
	color:#ffffff;
	padding-top:2px;
	margin-top:55px;
	/*margin-left: 60px;*/
	margin-left: 5px;
    width: 1000px;
}
#footer .inner_area .inner_box02 div{
	width:125px;
	float:left;
}

#footer .inner_area .inner_box02 ul{
}
#footer .inner_area .inner_box02 ul li{
	background:url(../img/icon_arrow.png) no-repeat left 6px;
	padding-left:10px;
	line-height:1.6;
}
#footer .inner_area .inner_box02 ul li.none{
	background:none;
	padding-top:10px;
	margin-left:-10px;
}

#footer .inner_area .inner_box02 ul li.top{
	background:none;
	margin-left:-10px;
}
#footer a:link{
	color:#ffffff;
}
#footer a:visited{
	color:#ffffff;
}
#footer a:hover{
	color:#ffffff;
	text-decoration:underline;
}
#footer .pad-t{
	padding-top:15px;
}

#footer .copyright_area{
	background:#062957;
	border-top:1px solid #5a7ca8;
	text-align:center;
	color:#d97f9f;
	height:25px;
	padding-top:7px;
}

.pankuzu{
	padding:15px 0 10px;
	font-size:93%;
}
.pankuzu span{
	font-weight:bold;
}
.pankuzu a{
	color:#3755ad;
}

#left_area{
	width:700px;
	float:left;
}

#right_area{
	width:220px;
	float:right;
}
#right_area .right_navi{
	border:1px solid #d6d6d6;
	background:#ffffff;
	margin-bottom:25px;
}
#right_area .right_navi ul li{
	border-top:1px dotted #d6d6d6;
}
#right_area .right_navi ul li.in01{
	border-top:none;
}

#right_area .right_navi .first{
	background:#4c75aa;
	padding:5px 0 5px 8px;
	border-top:none;
	color:#ffffff;
	font-weight:bold;
}
#right_area .right_navi ul li a{
	display:block;
	background:url(../img/icon_arrow_02.gif) no-repeat 13px 10px;
	padding:5px 0 5px 25px;
	color:#3755ad;
	_height:100%;
}
#right_area .right_navi ul li a.on{
	color:#000000;
	font-weight:bold;
}

/*service_list*/
#right_area .service_list{
	border:1px solid #d6d6d6;
	background:#ffffff;
	margin-bottom:25px;
}
#right_area .service_list ul li{
	border-top:1px dotted #d6d6d6;
}
#right_area .service_list ul li.in01{
	border-top:none;
}

#right_area .service_list ul li .navi_btn_01{
	background:url(../../service/img/r_navi_icon_01.gif) no-repeat 8px 8px;
	display:block;
	padding:5px 0 5px 25px;
	color:#3755ad;
	cursor:pointer;
}


#right_area .service_list ul li div.navi_btn_01 a{
	padding-left:25px;
}
#right_area .service_list ul li.top{
}

#right_area .service_list .first{
	background:#4c75aa;
	padding:5px 0 5px 8px;
	border-top:none;
	color:#ffffff;
	font-weight:bold;
}
#right_area .service_list ul li a{
	display:block;
	padding:5px 0 5px 7px;
	color:#3755ad;
}
#right_area .service_list .navi_inlist_01 a{
	display:block;
	height: 100%;
	background:url(../img/icon_arrow_02.gif) no-repeat 20px 8px;
	padding:3px 0 3px 30px;
	color:#3755ad;
}

#right_area .service_list ul li a.on{
	color:#000000;
	font-weight:bold;
}
#right_area .service_list .navi_inlist_01 li{
	border:none;
}
#right_area .service_list ul li div:hover{
	background:url(../../service/img/r_navi_icon_01.gif) no-repeat 8px 8px #ddefff;
	_background:none;
}
#right_area .service_list ul li .navi_inlist_01 a:hover{
	display:block;
	background:url(../img/icon_arrow_02.gif) no-repeat 20px 8px #ddefff;
	padding:3px 0 3px 30px;
}
#right_area .navi_btn_01.open{
	background:url(../../service/img/r_navi_icon_02.gif) no-repeat 8px 8px !important;
}


#right_area  .navi_open .navi_btn_01{
	background:url(../../service/img/r_navi_icon_02.gif) no-repeat 8px 8px !important;
}
#right_area  .navi_open .navi_btn_01.open{
	background:url(../../service/img/r_navi_icon_01.gif) no-repeat 8px 8px !important;
}

#right_area .service_list ul li.navi_close ol{
	display:none;
}

#right_area .service_list .active,
#right_area .service_list .active a,
#right_area .right_navi .active a {
	font-weight:bold;
	color:#333 !important;
}

.navi_inlist_01 {
	display: none;
	border: none !important;
}
.navi_inlist_01 li {
	background: url(../img/icon_arrow2_01.html) no-repeat 0 5px;
	font-size: 100%;
}
.navi_inlist_01 a{
	display: none;
	background:url(../img/icon_arrow_02.gif) no-repeat 20px 10px;
	padding:3px 0 3px 30px;
	color:#3755ad;
	
}
.navi_open .navi_inlist_01{
    display: block;
}


.navi_open .navi_btn_01{
    display: block;
}












#right_area .right_navi ul li a:hover{
	display:block;
	background:url(../img/icon_arrow_02.gif) no-repeat 13px 10px #ddefff;
	padding:5px 0 5px 25px;
	
}
#right_area .bnr_bg{
	width:211px;
	border:1px solid #91abcc;
	background:#ffffff;
	padding:5px 0 5px 7px;
}
#right_area .bnr_bg p{
	padding-bottom:5px;
}
#right_area .mar-b{
	margin-bottom:20px;
}
#right_area .mar-b p{
	color: #585858;
	margin-top: 5px;
}
/*buttom*/
p.button {
	clear: both;
	text-align: left;
	margin:30px 0 10px 0;
}
p.button a,
p.button span {
	 display: inline-block;
	 line-height: 43px; height: 42px; 
	 background: url(../img/btn_bg.jpg) no-repeat;
	color:#3755ad;
}
p.button a {
	text-decoration:none;
	padding-left: 50px;
	color:
}
p.button span {
	background-position:right top;
	padding-right: 25px;
}
p.button a:hover {
	background-position: left bottom;
}
p.button a:hover span {
	background-position: right bottom;
}

#data,#closing,#greeting,#policy{
/*	padding-top:220px;
	margin-top:-220px;*/
}



/*pagelink*/
#data .pagelink {
	margin-bottom: 5px;
}
#data .pagelink ul {
}
#data .pagelink ul li {
	float: right;
	padding-left: 5px;
}
#data .pagelink ul li a {
	background: url(../img/btn_bglink_02.gif) no-repeat right top;
	color: #ffffff;
	display: inline-block;
	/display: inline;
	/zoom:1;
	font-size: 90%;
}
#data .pagelink ul li a span {
	background: url(../img/btn_bglink_01.gif) no-repeat left top;
	cursor: pointer;
	display: inline-block;
	/display: inline;
	/zoom:1;
	height: 20px;
    line-height: 20px;
    min-width: 70px;
    overflow: hidden;
    padding: 0 10px;
    text-align: center;
}


/*******************************************************************************************************/
/**
	QQ CSS样式
*/
.online_servers.open_type.con{
	display:block; border: 1px solid #E5E5E5; border-top: none; background: #fff;
}
div, dl, dt,dd, ul, ol, li, h1,h2, h3, h4,h5, h6,pre,form,fieldset, input, textarea, p, blockquote, th, td{
	padding: 0; margin: 0; 
}
.online_servers .open_type{float:left;width:180px;height: auto; } .online_servers .open_type .title { background: url(/img/servers_title.png)no-repeat;width:155px;height:40px;overflow:hidden;} .online_servers .open_type .con { display: block; border: 1px solid #E5E5E5; border-top:none;background:#fff;}.online_servers .open_type.con { display: block; border: 1px solid #E5E5E5; border-top: none; background:#fff;} .online_servers .open_type .servers_list{overflow:hidden; display: block; height: auto; padding: 15px; } .online_servers .open_type .con ul { float: left; margin-top: -10px;}.online_servers .open_type .con ul li { float: left; width: 100%; _width: auto; margin-top: 10px; } .online_servers .open_type .con ul li p { float:left; color:#333; font-family: "微软雅黑"; } .online_servers .open_type .con ul li span { float: left; margin-left: 5px; display: inline;} a:-webkit-any-link{ color: -webkit-link; text-decoration: none; cursor: auto; } .qq_lines em { position: relative; top: -3px;left: 4px; color: #333;font-family: "微软雅黑"; } .online_servers .open_type .servers_number { display: block; border-top: 1px solid #E5E5E5;background: #fff;font-family: "微软雅黑"; font-weight: bold; padding: 15px; _height: 20px; _margin-top: 20px; } .online_servers .open_type .servers_numberh3 { font-size: 12px; color: #666; width: 100%; } .online_servers .open_type .servers_number p { font-size: 12px; color:#365AAF; width:100%; padding-top: 5px; }
.online_servers .open_type .title a {
    width: 16px;
    height: 16px;
    overflow: hidden;
    margin-right: 12px;
    margin-top: 12px;
    display: block inline;
    float: right;
    background: url(/img/close_btn.png) no-repeat;
    text-decoration: none;
}
.online_servers .open_type .title h2 {
    font-size: 14px;
    font-family: "微软雅黑";
    line-height: 40px;
    float: left;
    margin-left: 10px;
    display: inline;
    color: #fff;
}
.online_servers {
    position: fixed;
    z-index: 999;
    top: 20%;
    left: 0px;
}
.online_servers .close_type {
    float: left;
}
.online_servers .close_type a {
    background: url(/img/servers_menu.png) no-repeat;
    width: 40px;
    height: 100px;
    overflow: hidden;
    display: block;
    text-decoration: none;
}
.index_hot_product_text2{padding:0px!important;}
.top a{/*font-weight:bold;*/cursor:pointer;}
/*Wing_2016-11-21*/
.Btn_enzh{line-height:0px;}
.Btn_enzh a{line-height:15px;}
.Btn_enzh a:hover{text-decoration:underline;}