@charset "utf-8";
/*##################################################
-------------LIST-------------
-: Reset
-: Rollover
-: Wrapper
-: Link
-: Common
-: Adjsument
-: transparent_backgroudPNG
-: Clearfix
-: Header
-: Footer
-: gNav
------------------------------
##################################################*/



/* --------------------------------------------------
-: Reset
 -------------------------------------------------- */
html {
	overflow-y: scroll;
	margin: 0;
	padding: 0;
}
body	{
	margin: 0;
	background-color: #efefec;
	font-size:15px;
	font-family: 
	"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",
	"メイリオ",Meiryo,
	Osaka,
	"MS Pゴシック","MS P Gothic",
	sans-serif;
	text-align: center;
	color:#333333;
}
/* for IE7 */  
*+html body {  
font-size:75%;  
}  
  
/* for IE6 */  
* html body {  
font-size:75%;  
}  　　

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
} 
table	{
	border-collapse: collapse;
	border-spacing: 0;
} 

th, td {
  font-size: 12px;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
} 
caption,th	{
	font-weight: normal;
	text-align: left;
} 
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5	{
	font-size:100%;
	font-weight:normal;
}

img {
	vertical-align:bottom;
}
li {
	list-style-type:none;
}
h2 {
	margin:0 0 0 0;
	z-index:1;
}

h3 {
	margin-bottom:20px;
}
h4 {
	margin-bottom:10px;
}
sup	{font-size:75%; margin-right:2px; vertical-align:top;}
sub	{font-size:75%; margin-right:2px; vertical-align:text-bottom;}

table {
	margin: 0;
	padding: 0;
	/*overflow: hidden;*/
}
td, th {
	margin: 0;
	padding: 0;
	/*overflow: hidden;*/

}
th {
	font-weight:bold;
}
strong {
	font-weight:bold;
}
dt {
	font-weight:bold;
}
input ,select{
	vertical-align:middle;
}
input {
	margin-right:5px;
	letter-spacing: 2px;
}


/* --------------------------------------------------
-: Rollover
 -------------------------------------------------- */
.rollover a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80); /* for IE6,7 */
}


/* --------------------------------------------------
-: Wrapper
 -------------------------------------------------- */
#global_wrap	{
	width:730px;
	margin:0 auto;
	text-align:center;
	border-top:#ffbb00 0px solid;
	overflow: hidden;
}

#wrap_In {
	width:100%;
	overflow: hidden;
}


.wrap_Inhi {
	width: 100%;
	height: 146px;
	padding-top: 30px;
	background: #b20003;
	text-align: center;
	border-bottom:#fff 1px solid;
}
.wrap_Inct {
	width: 900px;
	margin:0 auto;
	text-align: left;
}



#wrap	{
	width:900px;
	margin:0 auto;
	text-align:left;
	clear: both;
}
#contents	{
	border:#ff3300 0px solid;
	margin: 0;
	text-align:left;
}
#main	{
	width:333px;
	padding:0;
	float:left;
	background-color: #efefef;
}

#main h3 {
	width:333px;
	border-bottom:#970006 2px solid;

}

#main_cont {
	margin-top: 10px;
	
	
}


#mem_cont {
	margin-top: 10px;
	overflow: hidden;
	height: 200px;
}


#mainL	{
	padding-top: 50px;
	padding-left: 20px;
	text-align:left;
	width:360px;

	float:left;
}

#mainL h3 {
	width:333px;
	border-bottom:#970006 2px solid;
}

#mainR	{

	width:340px;
	padding-top: 50px;
	float:right;
}

#mainR h3 {
	width:333px;
	border-bottom:#970006 2px solid;
}





#sub {
	width:200px;
	float:right;
}

.idpass_Box
      {
        border: solid 1px #b20003;
	width: 140px;
	height: 14px;
      }



.kado  { 
	overflow:hidden;
	width: 352px;
}


.kado0 { 
	margin: 0 4px;
	height:1px;
	overflow: hidden;
	border-left:#fff 0px solid;
	border-right:#cb8083 0px solid;
	border-top:#cb8083 1px solid;
}

.kado1 { 
	margin: 0 4px;
	height:1px;
	overflow: hidden;
	border-left:#cb8083 1px solid;
	border-right:#cb8083 1px solid;
	border-top:#cb8083 1px solid;
}

.kado2 { 
	margin: 0 3px;
	
	height:1px;
	overflow: hidden;
	border-left:#cb8083 1px solid;
	border-right:#cb8083 1px solid;
}

.kado3 { 
	margin: 0 2px;
	height:1px;
	overflow: hidden;
	border-left:#cb8083 1px solid;
	border-right:#cb8083 1px solid;
}

.kado4 {
	margin: 0 1px;
	height:2px;
	overflow: hidden;
	border-left:#cb8083 1px solid;
	border-right:#cb8083 1px solid;

}

.kado5 { 
	overflow: hidden;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	border-left:#cb8083 1px solid;
	border-right:#cb8083 1px solid;
	width: 340px;
}

.serch_Box {
	width: 352px;
	height: 52px;
	padding: 0px;
	margin-top: 0px;
	border:#ccc 0px solid;
	overflow: hidden;
	background:url(../images/top_login_bg.gif) 0 0 no-repeat;
	zoom: 1;
}

.serch_InBoxL {
	float: left;
	border:#ff3300 0px solid;
	margin: 5px;
}

.serch_InBoxL td {
	padding: 2px;
}

/* for IE7 */  
*+html .serch_InBoxL td  {  
	padding: 1px;
}  
/* for IE6 */  
* html .serch_InBoxL td {  
	padding: 1px;
}  　　

.serch_InBoxR {
	float: right;
	border:#ff3300 0px solid;
	
}
td.login {
	overflow: hidden;
	color: #FFFFFF;
}
td.login span {
	border-bottom: solid 1px #FFFFFF;
}
td.mypage {
	text-align: right;
	padding: 5px 5px 0 0;
}
td.logout {
	text-align: left;
	padding: 5px 0 0 5px;
}

.newAccount {
	float: left;
	padding-left: 0px;
	padding-top: 7px;
	background:url(../images/newaccout_bg.gif) 0px 45% no-repeat;
	width: 148px;
	height: 18px;
	color: #b20003;
	text-align: center;
}

/* for IE6 */  
* html .newAccount {  
	padding-top: 5px;
	margin-top: 5px;
}  　　

.nopass {
	float: right;
	padding-top: 7px;
	text-align: right;
}

.newAccount a {
	text-decoration:none;
	outline: none;
	color:#970006 !important;
	font-size: 10px;
}

.newAccount a:hover {
	text-decoration:none;
	outline: none;
	color:#970006 !important;
}



/* --------------------------------------------------
-: Link
 -------------------------------------------------- */
a	{
	text-decoration:none;
	outline: none;
	color:#333333;
}
a:hover	{
	text-decoration:underline;
}
a:visited	{
}
a:active	{
}


/* --------------------------------------------------
-: Common
-------------------------------------------------- */
.clr { clear: both; }
.fr { float: right!important; }
.fl { float: left!important; }
.ar { text-align: right!important; }
.al { text-align: left!important; }
.ac { text-align: center!important; }
.indt { text-indent:1em!important; }
.red { color:#e92100!important; }


ul.basic {
	padding-left: 20px;
	list-style-type: disc;
}
ol.basic {
	padding-left: 20px;
	list-style-type: decimal;
}


/* --------------------------------------------------
-: Adjusment
 -------------------------------------------------- */
.txt9 { font-size:77%; }
.txt10 { font-size:10px; }
.wtxt10 { font-size:10px;color:#fff; }
.txt11 { font-size:93%; }
.txt12 { font-size:100%; }
.txt13 { font-size:108%; }
.txt14 { font-size:14px; }
.txt15 { font-size:123.1%; }
.txt16 { font-size:131%; }
.txt17 { font-size:138.5%; }
.txt18 { font-size:146.5%; }
.txt19 { font-size:153.9%; }

.mb0 { margin-bottom:0!important;}
.mb2 { margin-bottom:2px!important;}
.mb5 { margin-bottom:5px!important;}
.mb10 { margin-bottom:10px!important;}
.mb15 { margin-bottom:15px!important;}
.mb20 { margin-bottom:20px!important;}
.mb25 { margin-bottom:25px!important;}
.mb30 { margin-bottom:30px!important;}
.mb40 { margin-bottom:40px!important;}
.mb50 { margin-bottom:50px!important;}
.mr0 { margin-right:0!important;}

.ml10 { margin-left:10px!important;}
.ml20 { margin-left:20px!important;}
.ml21 { margin-left:21px!important;}
.ml25 { margin-left:25px!important;}
.ml26 { margin-left:26px!important;}
.ml40 { margin-left:40px!important;}

.pt20 { padding-top:20px!important;}


.w90 { width:90px!important;}
.w105 { width:105px!important;}
.w127 { width:127px!important;}
.w128 { width:128px!important;}
.w172 { width:172px!important;}
.w598 { width:598px!important;}
.w700 { width:700px!important;}
.h160 { height:160px!important;}





/* --------------------------------------------------
-: transparent_backgroudPNG
 -------------------------------------------------- */
* html #transparent {
behavior: expression(
this.style.behavior || (
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}

*html body #img1{/* IE6以下に適用 */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='alpha.png', sizingMethod='scale');
}

/* --------------------------------------------------
-: ClearFix
-------------------------------------------------- */
.cf:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
.cf { display: inline-block; }
.cf { display: block; }

.clr { clear:both; }



/* --------------------------------------------------
-: Header
 -------------------------------------------------- */
#header	{
	width: 100%;
	font-size: 10px;
	color: #fff;
	z-index: 999;
}
#header p.logo,
#header h1 {
	padding-top:4px;
	float:left;
	border:#ff3300 0px solid;
}
#header p	{
	padding:0;
}
#header .hNav	{
	width:355px;
	margin:0px 0 28px 40px;
	float:right;
	line-height:1;
	color: #fff;
	border:#ccc 0px solid;
	overflow: hidden;
}
#header .hNav p {

	margin-bottom:5px;
	padding: 0 5px 0 15px;
	padding-top: 1px;
	float:right;
	background:url(../images/header_point.gif) 0px 40% no-repeat;
}

#header .hNav a	{
	
	color: #fff;
	
}

#header .nopass {
    padding: 8px 5px 0 0;
    text-align: right;
}

/* --------------------------------------------------
-: Footer
 -------------------------------------------------- */
#footer {
	width: 900px;
	margin-left: 30px;
	border:#bbb 0px solid;
	overflow: hidden;
}

#footer li {
	white-space: nowrap;
}

#footer div {
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0px;
}
#footer #fNav {
	border-left:#bbb 1px solid;
	width:160px;
	height: 130px;
	padding-left: 10px;
	float:left;
	text-align: left;
	line-height:1;
}
/* for IE7 */  
*+html #footer #fNav {
	height: 1%;
}  




#footer #fNav li {
	width: 140px;
	margin:0 0 5px 0;
	border:#ff3300 0px solid;
}
#footer #fNav li.clm1 {	font-weight:bold;}
#footer #fNav li.clm2 {	clear:both;}
#footer #fNav li.clm3 {	clear:both;}
#footer #fNav li.clm4 {	clear:both;}
#footer #fNav li.clm5 {	clear:both;}
#footer #fNav li.clm6 {	clear:both;}
#footer #fNav li.clm7 {	clear:both;}



#footer #rNav {
	border-left:#bbb 1px solid;
	width:160px;
	height: 130px;
	padding-left: 10px;
	float:left;
	text-align: left;
	line-height:1;
}

#footer #rNav1 {
	border-left:#bbb 1px solid;
	width:160px;
	height: 130px;
	padding-left: 10px;
	float:left;
	text-align: left;
	line-height:1;
	*height: 140px; /* for IE6,7 */
}
#footer #rNav2 {
	border-left:#bbb 1px solid;
	width:160px;
	height: 130px;
	padding-left: 10px;
	float:left;
	text-align: left;
	line-height:1;
	*height: 140px; /* for IE6,7 */
}
#footer #rNav3 {
	border-left:#bbb 1px solid;
	width:160px;
	height: 130px;
	padding-left: 10px;
	float:left;
	text-align: left;
	line-height:1;
	*height: 140px; /* for IE6,7 */
}
#footer #rNav4 {
	border-left:#bbb 1px solid;
	width:160px;
	height: 130px;
	padding-left: 10px;
	float:left;
	text-align: left;
	line-height:1;
	*height: 140px; /* for IE6,7 */
}

#footer #rNav li {
	width: 160px;
	margin:0 0 5px 0;
	border:#ff3300 0px solid;
	
}

#footer #rNav1 li {
	width: 160px;
	margin:0 0 5px 0;
	border:#ff3300 0px solid;
	
}
#footer #rNav2 li {
	width: 160px;
	margin:0 0 5px 0;
	border:#ff3300 0px solid;
	
}
#footer #rNav3 li {
	width: 160px;
	margin:0 0 5px 0;
	border:#ff3300 0px solid;
	
}
#footer #rNav4 li {
	width: 160px;
	margin:0 0 5px 0;
	border:#ff3300 0px solid;
	
}

#footer #rNav li.clm1 {	font-weight:bold;}
#footer #rNav li.clm2 {	clear:both;}
#footer #rNav li.clm3 {	clear:both;}
#footer #rNav li.clm4 {	clear:both;}
#footer #rNav li.clm5 {	clear:both;}
#footer #rNav li.clm6 {	clear:both;}
#footer #rNav li.clm7 {	clear:both;}

#footer #rNav1 li.clm1 {	font-weight:bold;}
#footer #rNav1 li.clm2 {	clear:both;}
#footer #rNav1 li.clm3 {	clear:both;}
#footer #rNav1 li.clm4 {	clear:both;}
#footer #rNav1 li.clm5 {	clear:both;}
#footer #rNav1 li.clm6 {	clear:both;}
#footer #rNav1 li.clm7 {	clear:both;}

#footer #rNav2 li.clm1 {	font-weight:bold;}
#footer #rNav2 li.clm2 {	clear:both;}
#footer #rNav2 li.clm3 {	clear:both;}
#footer #rNav2 li.clm4 {	clear:both;}
#footer #rNav2 li.clm5 {	clear:both;}
#footer #rNav2 li.clm6 {	clear:both;}
#footer #rNav2 li.clm7 {	clear:both;}

#footer #rNav3 li.clm1 {	font-weight:bold;}
#footer #rNav3 li.clm2 {	clear:both;}
#footer #rNav3 li.clm3 {	clear:both;}
#footer #rNav3 li.clm4 {	clear:both;}
#footer #rNav3 li.clm5 {	clear:both;}
#footer #rNav3 li.clm6 {	clear:both;}
#footer #rNav3 li.clm7 {	clear:both;}

#footer #rNav4 li.clm1 {	font-weight:bold;}
#footer #rNav4 li.clm2 {	clear:both;}
#footer #rNav4 li.clm3 {	clear:both;}
#footer #rNav4 li.clm4 {	clear:both;}
#footer #rNav4 li.clm5 {	clear:both;}
#footer #rNav4 li.clm6 {	clear:both;}
#footer #rNav4 li.clm7 {	clear:both;}

#footer .group {
	float:left;
}
#footer .group li {
	margin-bottom:5px;
	line-height:1;
	text-align:right;
}

#footer dl {
	float:right;
	line-height:1;
}
#footer dt {
	margin-bottom:10px;
	text-align:right;
}

.copyright {
	border-top:#970006 2px solid;
	text-align:center;
	margin-bottom:50px;
	padding-top:20px;
}



/* --------------------------------------------------
-: gNav
 -------------------------------------------------- */
#gNav	{
	
	clear:both;
	border-right:#cb8083 0px solid;
}


/* --------------------------------------------------
-: gNav HEADER MENU
 -------------------------------------------------- */


ul.menu li.btn1 {
	position: relative;
	float: left;
	width: 90px;
}
ul.menu li.btn2 {
	position: relative;
	float: left;
	width: 162px;
}
ul.menu li.btn3 {
	position: relative;
	float: left;
	width: 162px;
}

ul.menu li {
	position: relative;
	float: left;
	margin: 0 0 0 0;
}

ul.menu li ul li {
	float: none;
	margin: 0;
	border: none;}

ul.menu li a {
	display: block;
	padding: 0px;
}

ul.menu li.btn1 a {
	display: block;
	padding: 0px;
	width: 90px;
}
ul.menu li.btn2 a {
	display: block;
	padding: 0px;
	width: 162px;
}
ul.menu li.btn3 a {
	display: block;
	padding: 0px;
	width: 162px;
}

ul.menu li ul {
	position: absolute;
	left: 0px;
	visibility: hidden;
}

ul.menu li ul.btn1 {
	position: absolute;
	left: 0px;
	visibility: hidden;
	width: 90px;
}
ul.menu li ul.btn2 {
	position: absolute;
	left: 0px;
	visibility: hidden;
	width: 162px;
}
ul.menu li ul.btn3 {
	position: absolute;
	left: 0px;
	visibility: hidden;
	width: 162px;
}


ul.menu li:hover ul {
	visibility: visible;
	left: 0px;
}



/* --------------------------------------------------
-: topicpath
 -------------------------------------------------- */
.topicpath {
	padding:5px 0  4px 10px;
	font-size:85%;
}
.topicpath li a,
.topicpath li {
	float:left;
}
.topicpath li a {
	background:url(../images/bg_topicpath.gif) right 4px no-repeat;
	margin-right:5px;
	padding-right:10px;
	display:block;
}