@charset 'UTF-8';
/* ********************************************************************************** */
/* **** Stickey footer *********************************************************** */
/* ********************************************************************************** */

* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -111px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	clear:both;
	height: 111px; /* .push must be the same height as .footer */
}



body {
	text-align: center;
   	background-color:#EFF3E9;
	overflow-x:hidden;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka";
	font-size:0.92em;
}
*:first-child+html body{
	font-size:0.98em;
	font-size:0.92em;
}

.wrapper {
	position: relative;
	width: 850px;
	font-size: 1em;
	margin: 0 auto -111px;
	text-align: left;
	background-image: url(../img/common/mainback.gif);
	background-repeat: repeat-y;
	background-position: center top;
	text-align:center;
	overflow:hidden;

}
.header {
	height: 188px; /* 176->196 */
	text-align:center;
}

.footer {
	font-size:0.8em;
	color:white;
	position: relative;
	width: 850px;
	margin: 0 auto;
	background-image: url(../img/common/mainback.gif);
	background-repeat: no-repeat;
	background-position: center 15px;

}

.footer {
	background-image: url(../img/common/mainback.gif);
	background-repeat: no-repeat;
	background-position: center 15px;

}
/* ********************************************************************************** */
/* **** Stickey footer *********************************************************** */
/* ********************************************************************************** */

.footer a{ color:#202020;text-decoration:none; }
.footer a:hover{ color:#44aa44;text-decoration:none; }

img{ border:0; }
.imgmid{ vertical-align:text-bottom; }
.imgbtm{ vertical-align:bottom; }

h1.headh1{
	text-align:left;
	font-weight:normal;
	padding-top:4px;
	padding-bottom:4px;
	font-size:1em;
	color:#e5e5e5;
	margin:0px;
	background-image: url(../img/common/headbar.gif);
	background-repeat: repeat;
	background-position: center top;
	margin:0px 16px;
}

/*------------------------------------------------------------------------ */
div#subti{
	clear:both;
	height:44px;
	background-color:#000000;
}

div#menu{
	margin:0px;
	height:41px;
	clear:both;
	float:left;
	/*margin:0px 17px;*/
	margin-left:1px;
	overflow:hidden;
	width:848px;
}

div#menu ul{
	margin:0px;
	padding:0px;
	list-style-type: none;
	display:inline;
}
div#menu li{
	padding:0px;
	margin:0px;
	float:left;
}

div#main{
	padding:0 18px 0 18px;
	text-align:center;
	min-height:100%;
	min-height:660px;
	background-image: url(../img/base_r6_c2.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

div#mainback{
	margin:0px;
	background-image: url(../img/base_r4_c2.jpg);
	background-color:#f7f7f7;
	background-repeat: repeat-y;
	background-position: center top;
	min-height:100%;
	height: auto !important;
	height: 100%;
	min-height:660px;

}



div#foot{
	color:white;
	width:100%;
	position:relative;
	background-image: url(../img/base_r7_c2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	left:0px;
	text-align:center;
	font-size:0.9em;
	text-align:center;
	margin:auto;
}

#foot, .push {
	height: 72px; /* .push must be the same height as .foot */
}

div#langsw{
	margin:0px;
	padding:11px 10px 0px 0px;
	text-align:right;
}

div#catchcopy{
	width:100%;
	color:#5d5d5d;
	text-align:left;
	font-size:0.89em;
	line-height:1.7em;
	height:25px;
	padding-top:17px;
	padding-bottom:20px;
}

div#copyline{
	width:10px;
	height:32px;
	float:left;
	margin:0px;
}

.titbar{
	background-image: url(../img/titbar.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.titbar p{
	padding-left:14px;
	padding-top:4px;
	margin:0px;
}

.detailbtn{
	text-align:right;
	width:100%;
	float:right;
}

#footsig{
	color:#002200;
	text-align:center;
	clear:both;
}
p#footsig {

	margin:0px;
	padding:0px;
}

.efont{  } 
.txl{ text-align:left; }
.txc{ text-align:center; }
.txr{ text-align:right; }
.txbold { font-weight:bold; }
.wspc2{ padding-left:2px;padding-right:2px; }
.wspc4{ padding-left:4px;padding-right:4px; }
.vspc3{ margin-top:3px;margin-bottom:3px; }

.topspc35{ margin-top:35px; }
.topspc30{ margin-top:30px; }
.topspc25{ margin-top:25px; }
.topspc20{ margin-top:20px; }
.topspc15{ margin-top:15px; }
.topspc10{ margin-top:10px; }
.topspc5{ margin-top:5px; }
.topspc3{ margin-top:3px; }
.lefspc10{ margin-left:10px;  }
.lefspc15{ margin-left:15px;  }
.lefspc25{ margin-left:25px;  }
.lefspc5{ margin-left:5px;  }
.lefspc7{ margin-left:7px;  }
.lefspc14{ margin-left:14px;  }
.tb5px{ margin-top:5px;margin-bottom:5px; }
.em09{ font-size:0.9em; }
.grytx2{ color:#a2a2a2; }
.btmspc10{ margin-bottom:10px; }
.btmspc15{ margin-bottom:15px; }
.floatleft{ float:left; }
.vmid{ vertical-align:middle; }
.vtop{ vertical-align:top; }
.txuline{ text-decoration:underline; }

#footlink {
	margin:2px auto;
	_margin-left: 0;
	_margin-right: 0;
	text-align:center;
	margin-left:70px;
}

#footlink dt{
	float:left;
	padding:1px;
	margin:0 auto;
	list-style-type:none;
}
#ftlnwrap{
	text-align:center;
}

/* @@@@@@ ---------- @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

#headlogo{
	padding-top:7px;
	/*height:116px;*/ /* 96->116 */
	/*width:250px;*/
	text-align:center;
	float:left;
	margin:21px auto 25px 17px;
}
#headwakubtm{
	clear:both;
	height:13px;
/*	vertical-align:bottom;
	display:inline;*/
	overflow:hidden;
	background-image:url(../img/common/arw_thispage.gif);
	background-repeat:no-repeat;
}
.arpindex{ background-position:21px top; }
.arpabout{ background-position:91px top; }
.arpflow{ background-position:288px top; }
.arpplan{ background-position:194px top; }
.arpkinds{ background-position:386px top; }
.arpfaq{ background-position:468px top; }
.arpexample{ background-position:576px top; }
.arpcontact{ background-position:695px top; }
.arpcompany{ background-position:793px top; }

#headwakubtm2{
	clear:both;
	height:15px;
	vertical-align:bottom;
	display:inline;
}

#headrgt{
	text-align:right;
	float:left;
}

#headmembox{
	/*width:342px;
	height:87px;*/
/*	background-image: url(../img/common/back_topuserbox.gif);
	background-repeat: no-repeat;
	background-position: center top;*/
	margin-top:0px;
	margin-left:216px;
}

/* ------------------------------------------------------------------------ */

#cmplogo{
	float:left;
	/*zwidth:703px;*/
	padding-top:52px;
	padding-left:505px;
	line-height:1.4em;
}

.clp{
	height:1px;
	clear:both;
	margin:0px;
}

.inp95{ width:95%; }
.inp98{ width:98%; }
.w100{ width:100%; }
input[type="text"],input[type="password"]{
	border:1px solid #808080;
	background-image:url(../img/common/back_input1.gif);
	background-repeat:repeat-x;
	background-position:top left;
	vertical-align:middle;
}


#footlinkwrap{
	width:100%;
	margin:auto;
	/*padding-top:30px;*/
	line-height:1.7em;
	font-size:0.88em;
	color:#002000;
}

#leftbox{
	float:left;
	width:640px;
	text-align:left;
}

#rgtbox{
	float:left;
	margin:0px auto auto 28px;
	text-align:center;
	width:267px;
}

.srccont{
	padding:8px 8px 7px 8px;
	text-align:left;
	line-height:1.25em;
	font-size:0.9em;
	border:1px solid #909090;
	border-style:none solid solid;
	background-image: url(../img/boxback_gry1.gif);
	background-repeat: repeat-x;
	background-position: center -210px;
	/*min-height:115px;*/
}
.comred{ color:red;font-weight:bold; }
.comrednrw{ color:red;font-weight:normal; }
/*------------------------------------------------------------------------ */
#footlink {
	margin:2px auto;
	_margin-left: 0;
	_margin-right: 0;
	text-align:center;
	margin-left:70px;
}

#footlink dt{
	float:left;
	padding:1px;
	margin:0 auto;
	list-style-type:none;
}
#footsig{
	font-weight:bold;
	text-align:center;
	clear:both;
}
p#footsig {
	
	margin:0px;
	padding:0px;
}

#footul{
	margin:10px auto 8px auto;
	padding:0px;
	text-align:center;
}

#footul li{
	float:none;
	margin:auto 2px;
}

#footul li  
{  
    display: -moz-inline-box;/*for FF2*/  
    display: inline-block;/*Modern Browser & FF3*/  
}  
    /* Windows IE6 only */  
    * html #footul li  
    {  
        display: inline;    
        zoom: 1;  
    }  
    /* Windows IE7 only */  
    *+html #footul li  
    {  
        display: inline;  
        zoom: 1;  
    }  

#footul a{ color:#002000;text-decoration:none; }
#footul a:hover{ color:#33bb33;text-decoration:none; }

#contents{
	clear:both;
	/*width:1013px;*/
	margin:0 auto;
	padding:0 23px ;
	text-align:center;
	background-image: url(../img/common/cont_back.gif);
	background-repeat: no-repeat;
	background-position: center top;
	min-height:560px;
	padding-top:22px;
	line-height:1.4em;
}

.btndiv{
	background-color:#dddddf;
	text-align:center;
	padding:15px;
}

.btndiv2{
	background-color:#ffffff;
	text-align:center;
	padding:15px;
	margin-top:15px;
	background-image: url(../img/common/btndiv_back.gif);
	background-repeat: repeat;
	background-position: center top;
}


#toppic{
	margin:0px 2px 17px;
	padding-top:2px;
 }
 
.ajspc{
	display:inline;
	vertical-align:bottom;
	margin:0px;
	padding:0px;
	float:left;
}

.clearp{
	clear:both;
	margin-top:20px;
	margin-bottom:20px;
}
.clearpnrw{
	clear:both;
	margin-top:1px;
	margin-bottom:1px;
	min-height:12px;
}
*:first-child+html .clearpnrw{ min-height:1px; }
.normargin{ margin:0px;padding:0px; }

/* ------------------------------------------------------------------------ */
/* -------------------------------------------------------------------- */
/* ------------------------------------------------------------------------ */
#newsbox{
	background-image: url(../img/common/sideback1.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding:7px 7px 7px 4px;
	text-align:center;
	line-height:1.3em;
	height:303px;
}

	/* recomend ---------------------------------------------------*/
#recombox,#mediabox{
	background-image: url(../img/common/sideback1.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding:11px;
	text-align:center;
	line-height:1.3em;
	min-height:303px;
}
#mediabox{
	min-height:125px;
}


.wrapreco{
	clear:both;
	margin:0px;
}

.recoimg,.newarimg{ 
	width:100px;
	height:130px;
	overflow:hidden;
	float:left;
 }
 .recoimg{
 	border:1px solid #e5e5e5;
 }
 
.recotx,.newartx{
	overflow:hidden;
	/*float:left;*/
 	text-align:left;
	line-height:1em;
	padding-left:7px;
	height:109px;
}
.recobtn,.newarbtn{
	padding-left:11px;
	float:left;
	height:21px;
	overflow:hidden;
	width:130px;
}

.recotxdl{ 
	margin:5px 0px 0px 0px;
	padding:0px;
	font-size:0.9em;
}
.recotxdl dt{
	padding:1px 0px 0px 17px;
	background-image: url(../img/common/arw1.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.recotxdl dd{
	margin-top:6px;
	margin-left:5px;
	padding:0px 0px 0px 17px;
	background-image: url(../img/common/arw1g.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color:#606060;
}
.recoline{
	margin:0px;
	clear:both;
	height:15px;
	width:243px;
	text-align:center;
	overflow:hidden;
	padding:0px;	
}

#pagetitle{ margin-bottom:20px; }

/* ---------------- */
#sidebnr{
	padding-top:15px;
	
}
/*------------------------------- */
#topnews{
	background-color:transparent;
	background-image: url(../img/newsback.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin:0px;
	padding:0px;
	text-align:left;
	height:315px;
	overflow:hidden;
}	

#newsdl{
	margin:0px;
	height:288px;
	overflow:auto;
	padding:0 7px 7px 7px;	
}

#newsdl dl{
	margin:0px;
	height:288px;
	overflow:auto;
}

#newsdl dt{
	color:#4B491B;
	font-weight:bold;
	text-align:left;
	padding-left:17px;
	margin-bottom:5px;
	background-image: url(../img/common/arw1.gif);
	background-repeat: no-repeat;
	background-position:left 2px;
	margin-top:9px;
}

#newsdl dd{
	color:#5f5f5f;
	line-height:1.05em;
	font-size:0.95em;
	text-align:left;
	margin-left:0px;
	margin-bottom:3px;
	padding-left:13px;
	border-bottom:1px dotted #a5a5a5;
	padding-bottom:5px;
}

#newsdl a{ text-decoration:none; }
#newsdl a:visited{ color:#001f77; }
#newsdl a:hover{ border-bottom:1px dotted #001f77; }


/* --LOGIN BOX------------------------------------------ */
#loginname0{ 
	margin:12px 37px auto 85px;
	height:34px;
	text-align:left;
	float:left;
	font-size:0.9em;
}
 
#hdloginbtn{
	width:97px;
	margin:8px auto auto auto;
	text-align:left;
	float:left;
}

#hdsrcbox{
	float:left;
	margin:11px auto 8px 9px;
	height:17px;
	padding:0px;
}
#hdsrcbox input[type="text"]{
	height:21px;
	padding:0px;
	width:262px;
	margin:0px 7px 0px 0px;
	vertical-align:middle;
	line-height:1.6em;
}

*+html #hdsrcbox input[type="text"]{
	margin-left:-7px;
}

/* --LOGIN BOX------------------------------------------ */

.photosig{
	font-size:0.85em;
	margin:10px auto 0 auto;
	text-align:center;
	padding:0px;
}
.photosigl{
	font-size:0.85em;
	margin:10px auto 0 auto;
	text-align:left;
	padding:0px;
}
.tx9em{ font-size:0.9em; }
.newsubti{
	margin-bottom:20px;
}
/* =================== iE 7 hack ========================= */

*:first-child+html #footlinkwrap{ font-size:1em; }

/* =================== iE 6 hack ========================= */
* html #loginname0{
	margin-right:15px;
	margin-left:42px;
}
* html .wrapper{ background-position-x: 0px;height:auto;  }
* html #headmembox{ overflow:hidden;display:inline;margin-left:215px;padding-right:10px; }
* html #headrgt{ display:inline; }
* html #hdsrckey{ margin:0px;padding:0px; }
* html .header{ overflow:hidden;height:198px; }
* html .footer{ clear:both; }
* html .wrapper,#contents,#footer,#menu{ overflow:hidden; }
* html h1{ margin:0px; }
* html #menu{ width:802px;overflow:hidden;padding:0px;margin:0px;clear:none;float:none; }
* html #headwakubtm{ width:802px;overflow:hidden; }
* html #contents{ 
	min-height:1200px;
	height: auto !important;
  	height: auto;
	overflow:hidden;
  }
* html .ajspc,#menu{ display:inline; }
* html *{ zoom:100%; }
* html #newsbox{ height:317px;}
* html .newarbtn{ width:141px; }
* html .recobtn{ width:141px; }

* html #leftbox{ overflow:hidden; }
* html #headlogo{ display:inline; }
	* html 	.arpindex{ background-position:0px top; }
	* html 	.arpabout{ background-position:91px top; }
	* html 	.arpplan{ background-position:229px top; }
	* html 	.arpkinds{ background-position:361px top; }
	* html 	.arpfaq{ background-position:447px top; }
	* html 	.arpexample{ background-position:551px top; }
	* html 	.arpcontact{ background-position:674px top; }
	* html 	.arpcompany{ background-position:770px top; }

html:\66irst-child body {
font-size:88%;
}