body {
	background:#ffffff;
	padding:0px;
	margin:0px;
}

.main-error{font-size:12px;color:#f00;}
.caution{font-weight:bold;}
.main-error-message{}

.px8{font-size:8px; line-height:13px;}
.px9{font-size:9px; line-height:13px;}
.px10{font-size:10px; line-height:14px;}
.px11{font-size:11px; line-height:15px;}
.px12{font-size:12px; line-height:15px;}
.px14{font-size:16px; line-height:19px;}

table.main{
	width:1024px;
	height:100%;
}

.hdwhitebg{
	background:#ffffff;
}

.howto{
	margin:10px 0px 20px;
}

form{
	padding:0px;
	margin:0px;
}

table.left{
	width:170px;
	border-left:1px solid #666;
	border-right:1px solid #666;
}
td.menu {
	border-left:1px solid #666;
	border-right:1px solid #666;
}
div.left{
	padding:2px 5px;
}

td.center{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

div.cat{
	background-image:url(img/index/linktop.gif);
	background-repeat:no-repeat;
	background-position:2px 4px;
	padding:2px 18px;
}

.whitebg{
	padding:2px 4px;
}

td.white#index{
	padding:2px 8px;
}

td.gray#index{
	background-color:#ebebeb;
	padding:2px 8px;
}

.linkbanner{
	background-color:#ebebeb;
}

img.banner{
	padding-top:5px;
}

.dotline{
	background-image:url(../img/cmn/hr_533.gif);
	background-repeat:no-repeat;
	background-positon:center center;
}

.headerbox{
	background-image:url(../img/cmn/header/header_bgg.gif);
	background-repeat:repeat-x;
	background-position:top;
}
.headerboxx{
	background-image:url(../img/cmn/header/header_bgg.gif);
	background-repeat:repeat-x;
	background-position:top;
}

.headertext{
	background-image:url(../img/cmn/header/header_btm.gif);
}

div.footer {
	width:1024px;
	text-align:right;
	margin-top:20px;
	margin-bottom:10px;
}


a.text:link{color:#0066cc;text-decoration:underline;}
a.text:active{color:#3399ff;text-decoration:underline;}
a.text:visited{color:#993333;text-decoration:underline;}
a.text:hover{color:#ff4100;background-color:#ffdfc7;text-decoration:underline;}

a.black:link{color:#000;text-decoration:underline;}
a.black:active{color:#666;text-decoration:underline;}
a.black:visited{color:#333;text-decoration:underline;}
a.black:hover{color:#999;text-decoration:none;}

a.gray:link{color:#666;text-decoration:none;}
a.gray:active{color:#666;text-decoration:none;}
a.gray:visited{color:#333;text-decoration:none;}
a.gray:hover{color:#999;text-decoration:none;}

a:link{color:#0066cc;text-decoration:underline;}
a:active{color:#3399ff;text-decoration:underline;}
a:visited{color:#993333;text-decoration:underline;}
a:hover{color:#ff4100;text-decoration:underline;}

a.white:link{color:#fefefe;text-decoration:underline;}
a.white:active{color:#fefefe;text-decoration:underline;}
a.white:visited{color:#fefefe;text-decoration:underline;}
a.white:hover{color:#fefefe;text-decoration:none;}


.white {color:#fefefe;}

.helptitle {
	border:1px solid #999;
	padding:5px 10px;
	background-color:#ff7900;
	color:#fefefe;
}

.helpcontents {
	padding-left:30px;
	padding-top:20px;
}

.helpsub{
	border:1px solid #999;
}

.pickupbox{
	border-left:1px solid #ff9600;
	border-right:1px solid #ff9600;
	border-bottom:1px solid #ff9600;
}

.pickuptitle{
	padding:5px;
	background-color:#ebebeb;
	font-weight:bold;
}

.articleform1{
	background-color:#ffe6b3;
	width:30%;
}

.articleform2{
	background-color:#fff;
	width:70%;
}

.articleform3{
	background-color:#ffe6b3;
}

.articleform4{
	background-color:#fff;
}
.help {
  display:none;
  margin-left:10px;
  width:300px;
  padding:8px;
  background: #FFF;
  border:2px solid #cccccc;
  z-index:256;
  position:absolute;
  text-align:left;
  line-height:1.2;
  font-size: 12px;
  font-weight: normal;
  color:#555;
}
.info-title{
padding:3px;
}
/*color*/
.white {color:#fefefe;}
/*color*/
.genre-white{
padding:5px;
background-color:#FFF;
}
.genre-yellow{
padding:5px;
background-color:#FFC;
border:1px solid #DDD;
}
.genre-title{
font-size:10px;
color:#333;
font-weight:bold;
}
.genre-child{
font-size:10px;
}
.genre-child a {
color:#36F;
}
/***************** theme selector *****************/

.recommendThemeArea{
	margin:10px 0 20px;
	border:solid 1px #88BBE8;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.recommendThemeTtl{
	font-weight:bold;
	font-size:14px;
	color:#fff;
	background:#88BBE8;
	padding:5px;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}
.recommendThemeBox{
	padding:5px 20px 10px;
}
.thmeTitle{
	font-weight:bold;
	font-size:14px;
}
.themeArea{
}
.themeLst{
	float:left;
	margin-right:20px;
}
.themeLst .pt3,
.themeLst .pt3 a{
	color:#fff;
}
.themeLst .on .pt3{
	color:#333;
}
.themeSolid{
}
.themeLst .on{
	border:solid 1px #999;
	margin:-1px;
	background:#ccc;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.themeLst .on a{
	color:#333;
}
.grayTtl{
	font-size:14px;
	background:#ccc;
	color:#000;
	font-weight:bold;
	padding:5px 0px 0px 10px;
	margin-bottom:10px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.gray2Ttl{
	background:url(img/portal/title_bg_gray2.jpg) no-repeat;
	color:#fff;
	font-weight:bold;
	padding:5px 0px 0px 10px;
	margin-bottom:10px;
}
.gray2Ttl a.moreLnk{
	color:#fff;
	padding-left:10px;
	font-size:80%;
	color:#fff ! important;
	font-weight:normal;
	background:url(img/portal/icn_arrow_toukawhite.gif) 0 3px no-repeat;
}
.arrowtitle{
background:url(img/index/link_yajirushi.gif) 10px 50% no-repeat #F8E6B4;
border:1px solid #999;
padding:10px 20px 10px 30px;
margin-top:20px;
font-size:14px;
font-weight:bold;
}
.btnclick{
text-decoration:none ! important;
color:#000 ! important;
margin:0px auto;
width:200px;
text-align:center;
padding:5px 0px;
background:#c0c0c0;
border-right:1px solid #666;
border-bottom:1px solid #666;
display:block;
cursor:pointer;
}
.btnclick:active{
border-top:1px solid #666;
border-left:1px solid #666;
border-right:0px solid #666;
border-bottom:0px solid #666;
}

img        {border:0;}
.pointer   {cursor:pointer;}
.vmiddle   {vertical-align:middle;}
.vinherit  {vertical-align:inherit;}
.oh        {overflow:hidden;}
.underline {text-decoration:underline ! important;}
.center    {text-align:center;}
.left      {text-align:left;}
.right     {text-align:right;}
.fleft     {float:left;}
.fright    {float:right;}
.both      {clear:both;}
.bold      {font-weight:bold;}
.normal    {font-weight:normal;}
.none      {border:solid 0px #fff ! important;text-decoration:none ! important;}
.nowrap    {white-space:nowrap;$white-space:normal;}
html:not(:only-child:only-child) .nowrap {white-space:normal;}

.red
,a.red   {color:#f00 ! important;}
.black
,a.black {color:#000 ! important;}
.white
,a.white {color:#fff ! important;}
.gray
,a.gray  {color:#999 ! important;}
.gray2
,a.gray2 {color:#666 ! important;}
.orange
,a.orange  {color:#f60 ! important;}

.smaller {font-size:smaller;}
.larger  {font-size:larger; }
.ps80  {font-size:80%;}
.ps90  {font-size:90%;}
.ps100 {font-size:100%;}
.ps110 {font-size:110%;}
.px10  {font-size:10px;}
.px11  {font-size:11px;}
.px12  {font-size:12px;}
.px13  {font-size:13px;}
.px14  {font-size:14px;}
.px16  {font-size:16px;}
.px18  {font-size:18px;}
.px20  {font-size:20px;}
.px22  {font-size:22px;}
.px24  {font-size:24px;}
.px28  {font-size:28px;}
.px30  {font-size:30px;}

.p3    {padding:3px;}
.p5    {padding:5px;}
.p10   {padding:10px;}
.p15   {padding:15px;}
.p20   {padding:20px;}
.p30   {padding:30px;}
.pt3   {padding-top:3px;}
.pt5   {padding-top:5px;}
.pt10  {padding-top:10px;}
.pt15  {padding-top:15px;}
.pt20  {padding-top:20px;}
.pt25  {padding-top:25px;}
.pt40  {padding-top:40px;}
.pt60  {padding-top:60px;}
.pt90  {padding-top:90px;}
.pb0   {padding-bottom:0px;}
.pb2   {padding-bottom:2px;}
.pb5   {padding-bottom:5px;}
.pb10  {padding-bottom:10px;}
.pb15  {padding-bottom:15px;}
.pb20  {padding-bottom:20px;}
.pb30  {padding-bottom:30px;}
.pl5   {padding-left:5px;}
.pl10  {padding-left:10px;}
.pl15  {padding-left:15px;}
.pl20  {padding-left:20px;}
.pl23  {padding-left:23px;}
.pl30  {padding-left:30px;}
.pl35  {padding-left:35px;}
.pl40  {padding-left:40px;}
.pl90  {padding-left:90px;}
.pr1   {padding-right:1px;}
.pr5   {padding-right:5px;}
.pr10  {padding-right:10px;}
.pr15  {padding-right:15px;}
.pr20  {padding-right:20px;}
.pr30  {padding-right:30px;}

.ma    {margin:auto;}
.m0    {margin:0px ! important;}
.m5    {margin:5px;}
.m10   {margin:10px;}
.m15   {margin:15px;}
.m20   {margin:20px;}
.mt5   {margin-top:5px;}
.mt10  {margin-top:10px;}
.mt15  {margin-top:15px;}
.mt20  {margin-top:20px;}
.mb1   {margin-bottom:1px;}
.mb2   {margin-bottom:2px;}
.mb3   {margin-bottom:3px;}
.mb5   {margin-bottom:5px;}
.mb10  {margin-bottom:10px;}
.mb15  {margin-bottom:15px;}
.mb20  {margin-bottom:20px;}
.ml5   {margin-left:5px;}
.ml10  {margin-left:10px;}
.ml15  {margin-left:15px;}
.ml20  {margin-left:20px;}
.mr0   {margin-right:0px ! important;}
.mr5   {margin-right:5px;}
.mr10  {margin-right:10px;}
.mr11  {margin-right:11px;}
.mr12  {margin-right:12px;}
.mr15  {margin-right:15px;}
.mr20  {margin-right:20px;}
.mr50  {margin-right:50px;}

.w1p   {width:1%;}
.w33p  {width:33%;}
.w48p  {width:48%;}
.w50p  {width:50%;}
.w100p {width:100%;}
.w20   {width:20px;}
.w40   {width:40px;}
.w50   {width:50px;}
.w80   {width:80px;}
.w100  {width:100px;}
.w150  {width:150px;}
.w200  {width:200px;}
.w220  {width:220px;}
.w250  {width:250px;}
.w300  {width:300px;}
.w340  {width:340px;}
.w350  {width:350px;}
.w360  {width:360px;}
.w400  {width:400px;}
.w450  {width:450px;}
.w500  {width:500px;}
.w700  {width:700px ! important;}

.h5    {height:5px;}
.h10   {height:10px;}
.h15   {height:15px;}
.h20   {height:20px;}
.h23   {height:23px;}
.h50   {height:50px;}
.h100  {height:100px;}
.h200  {height:200px;}
.h300  {height:300px;}

/* Clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	min-height:1px;
}
* html .clearfix {
	height:1px;
	/*¥*//*/
	height:auto;
	overflow:hidden;
	/**/
}