@charset "UTF-8";
/* CSS Document */

html,body{ /*background: url(../img/cream.gif);*/}

.cl {  
    display: inline-block;  
}  
.cl:after {  
    content: "";  
    display: block;  
    clear: both;  
} 

#container{
	position: relative;
	overflow:hidden;
	_overflow:inherit!important;
	top: 0;
	left: 0;
	width: 1000px;
	margin: 0 auto;
	padding: 0px 10px 0;
	background: url(../img/backimg.gif) repeat-y;
}

/*****Container*****/
#singleContents{
	width:932px;
	border:#cccccc 14px solid;
	margin:15px 0 50px 20px;
	padding:0 0 60px 0;
}

#singleContents{
	width:932px;
	border:#cccccc 14px solid;
	margin:15px 0 50px 20px;
	padding:0 0 60px 0;
}
#mainContents{
	width: 652px;
	float: left;
}

#rightContents{
	float: left;
}
/*****End*****/

a{	
	overflow:hidden;
	outline:none;
	text-decoration:none;
}

/*header／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／*/
#header{
	height: 100px;/*20211021*/
	margin-left: 20px;
}
*:first-child+html #header{
	height: 120px;
}

h1#logo{
	background: url(../img/webaudition_logo_new.png) no-repeat;
	background-size:100%;
	width: 350px; /*20211021*/
	height: 83px; /*20211021*/
	float: left;
	text-indent: -99999px;
	margin-top: 5px; /*20211021*/
}

h1#logo a{
	display: block;
	width: 350px; /*20211021*/
	height: 83px; /*20211021*/
}

div.none {display:none;}

#header div.bannerArea{
	float: right;
	height: 60px;
	width :468px;
	margin-top: 40px;
	margin-right: 20px;
	_margin-right: 10px;
}

/*Log In Session*/
#header div.login{
	float: right;
	height: 130px;
	
	width :373px;

	margin-top: -10px;
	margin-right: 20px;
	_margin-right: 10px;
	background:url(../img/login_header.jpg) no-repeat;
	/*IE6用*/
	position:
	z-index:20;

}
*:first-child+html #header div.login{
	height: 155px;
}


#header div.logout{
	float: right;
	height: 111px;
	width :373px;
	margin-top: -10px;
	margin-right: 20px;
	_margin-right: 10px;
	background:url(../img/logout_header.jpg) no-repeat;
	/*IE6用*/
	position:relative;
	z-index:20;
}


/*in*/
#header div.login ul#name{position:relative; top:45px; /top:40px!important; right:100px;}
#header div.login ul#name li{text-align:right;	margin:0 0 5px 0; font-size:94%;}
#header div.login ul#btn{width:68px; position:relative; top:-10px; padding:0 20px 0 0; left:280px;}
div.login ul#name li input#mailAdd,
div.login ul#name li input#word{
	height: 18px;
	width: 150px;
	border: 1px solid #999;
	vertical-align:middle;
	position:relative;
	z-index:50;
}
div.login div#error {padding:2px 0 0 20px; font-size:84%; height:14px; color:#FF0000; position:relative; top:40px; text-align:center;}

/*out*/
#header div.logout ul#name {margin:-14px 0 0 0;}
#header div.logout ul#name li{font-size:108%;}
#header div.logout ul#name li#link{text-align:center; width:242px; height:33px; position:relative; top:14px; right:3px; color:#a57d30;}
#header div.logout ul#name li#link a{color:#a57d30;}
#header div.logout ul#name{width:242px; position:relative; top:45px; padding-left:40px; z-index:20;}
#header div.logout ul#btn{width:68px; position:relative; top:-10px; padding:0 20px 0 0; left:280px; margin:14px 0 0 0; /margin:17px 0 0 0!important;}
div.logout div#error {padding:2px 0 0 20px; font-size:84%; height:14px; color:#FF0000; position:relative; top:40px; text-align:center;}
/*common*/
#header ul#btn li{text-align:right;}
#header ul#btn li#login{position:relative; top:5px; /top:0!important; left:4px;}
#header ul#btn li a{font-size:114%; font-weight:bold; color:#a57d30}

/*End*/

/*globalMenu／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／*/
ul#gNavi{
	height: 50px;
	width: 640px;
	margin-left: 20px;
	display: inline-block;
}

ul#gNavi li{
	float: left;
	display: block;
	width: 157px;
	height: 50px;
	
}
ul#gNavi li a{
	display: block;
	width: 157px;
	height: 50px;
	background: url(../img/gnavi1_202208.jpg) no-repeat;
	text-indent: -99999px;
}
ul#gNavi li#menu4{
	float: left;
	display: block;
	width: 157px;
	height: 50px;
	
}
ul#gNavi li#menu4 a{
	display: block;
	width: 160px;
	height: 50px;
	background: url(../img/gnavi1_202208.jpg) no-repeat;
	text-indent: -99999px;
}

ul#gNavi li#menu1 a{ background-position: 0 0;}
ul#gNavi li#menu2 a{ background-position: -157px 0;}
ul#gNavi li#menu3 a{ background-position: -315px 0;}
ul#gNavi li#menu4 a{ background-position: -473px 0;}
ul#gNavi li#menu5 a{ background-position: -640px 0;}
ul#gNavi li#menu6 a{ background-position: -800px 0;}


ul#gNavi li#menu1 a:hover,
ul#gNavi li#menu1 a.selected { background-position: 0 -50px;}
ul#gNavi li#menu2 a:hover,
ul#gNavi li#menu2 a.selected{ background-position: -157px -50px;}
ul#gNavi li#menu3 a:hover,
ul#gNavi li#menu3 a.selected{ background-position: -315px -50px;}
ul#gNavi li#menu4 a:hover,
ul#gNavi li#menu4 a.selected{ background-position: -473px -50px;}

ul#gNavi li#menu5 a:hover,
ul#gNavi li#menu5 a.selected{ background-position: -640px -50px;}
ul#gNavi li#menu6 a:hover,
ul#gNavi li#menu6 a.selected{ background-position: -800px -50px;}


<!--contents／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／-->
.hover {
	text-decoration: underline;
}

/*subNavi／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／*/
#subNavi ul{ background: url(../img/subnabiback.gif) repeat-x;
	width: 990px;
	/*
	padding-left: 30px;
	*/
	padding-left: 8px;
	
}

#subNavi ul li{
	float: left;
	width: 124px;
	height: 22px;
}

#subNavi ul li a{
	background: url(../img/subnavi_2022.gif) no-repeat;
	width: 124px;
	height: 22px;
	display: block;
	text-indent: -99999px;
}


#subNavi ul li#privacy a{ width: 159px;}
#subNavi ul li#privacy { width: 159px;}

#subNavi ul li#disclaimers a{ width: 95px;}
#subNavi ul li#disclaimers { width: 95px;}

#subNavi ul li#commercial a{ width: 150px;}
#subNavi ul li#commercial { width: 150px;}

#subNavi ul li#point a{ width: 125px;}
#subNavi ul li#point { width: 125px;}

#subNavi ul li#withdraw a{ width: 80px;}
#subNavi ul li#withdraw { width: 80px;}


#subNavi ul li#contact a{ background-position: 0 0; }
#subNavi ul li#add a{ background-position: -125px 0; }
#subNavi ul li#enquate a{ background-position: -250px 0; }
#subNavi ul li#privacy a{ background-position: -375px 0; }

#subNavi ul li#disclaimers a{ background-position: -534px 0; }
#subNavi ul li#commercial a{ background-position: -629px 0; }
#subNavi ul li#point a{ background-position: -779px 0; }
#subNavi ul li#withdraw a{ background-position: -906px 0; }

#subNavi ul li#contact a:hover,
#subNavi ul li#contact a.selected { background-position: 0 -22px; }
#subNavi ul li#add a:hover,
#subNavi ul li#add a.selected { background-position: -125px -22px; }
#subNavi ul li#enquate a:hover,
#subNavi ul li#enquate a.selected { background-position: -250px -22px; }
#subNavi ul li#privacy a:hover,
#subNavi ul li#privacy a.selected { background-position: -375px -22px; }

#subNavi ul li#disclaimers a:hover,
#subNavi ul li#disclaimers a.selected { background-position: -534px -22px; }
#subNavi ul li#commercial a:hover,
#subNavi ul li#commercial a.selected { background-position: -629px -22px; }
#subNavi ul li#point a:hover,
#subNavi ul li#point a.selected { background-position: -779px -22px; }
#subNavi ul li#withdraw a:hover,
#subNavi ul li#withdraw a.selected { background-position: -906px -22px; }

/*fotter／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／*/
#SSL {position:relative; width:115px; height:57px; left:30px; margin:0 0 15px 0;}
#footer{
	background:url(../img/footer_back_2022.gif) repeat-x ;
	height: 48px;
	width: 1000px;
}

#footer small{
	float: left;
	margin: 10px 0 0 30px;
}
#footer a img{
	float: right;
	margin: 10px 30px 0 0;
}

/* modilied on 2011-08-06*/
.point_bold{
	
	font-size:14px;color:#F36;font-weight:bold;
}


/*clearFix／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／／*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


a:hover {
text-decoration: underline;
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}