@charset "utf-8";

#flash {
	width:890px; height:300px;
}

/* 
   [ P A R T S  -  main ]
*/


/* 
   [ P A R T S  -  main col1 ]
*/

#SeveralPlansList {
	overflow:hidden;
	padding:0 16px 10px 10px;
	background:url(img/bg-bot-ServeralPlanList.gif) 10px bottom no-repeat;
}
#SeveralPlansList .TitleAndTabtags{
	height:72px;
	background:url(img/bg-ServeralPlanList.gif) 0 0 no-repeat;
}

#h3Outer .tab01 { background:url(img/bg-ServeralPlanList.gif) 0    0px no-repeat; }
#h3Outer .tab02 { background:url(img/bg-ServeralPlanList.gif) 0  -73px no-repeat; }
#h3Outer .tab03 { background:url(img/bg-ServeralPlanList.gif) 0 -146px no-repeat; }
#h3Outer .tab04 { background:url(img/bg-ServeralPlanList.gif) 0 -218px no-repeat; }
#h3Outer .tab05 { background:url(img/bg-ServeralPlanList.gif) 0 -290px no-repeat; }


#SeveralPlansList h3{
	height:39px;
}
#SeveralPlansList .TitleAndTabtags ul{
	width:416px; height:24px;
	padding-left:158px;
}
#SeveralPlansList .TitleAndTabtags ul li{
	float:left; clear:none; height:24px;
}
#SeveralPlansList .TitleAndTabtags ul li span,
#SeveralPlansList .TitleAndTabtags ul li a {
	display:block;
	margin:0 0 0 9px;
	cursor:pointer;
}
#tab01 span { width:79px; }
#tab02 span, #tab02 a { width:55px; }
#tab03 span, #tab03 a { width:66px; }
#tab04 span, #tab04 a { width:55px; }
#tab05 span { width:91px; }

span.clickon { cursor:pointer; }
span.clickoff{ cursor:default; }

#tab01 .hover { background:url(img/bg-ServeralPlanList.gif) -167px -362px no-repeat; }
#tab02 .hover { background:url(img/bg-ServeralPlanList.gif) -255px -362px no-repeat; }
#tab03 .hover { background:url(img/bg-ServeralPlanList.gif) -319px -362px no-repeat; }
#tab04 .hover { background:url(img/bg-ServeralPlanList.gif) -394px -362px no-repeat; }
#tab05 .hover { background:url(img/bg-ServeralPlanList.gif) -458px -362px no-repeat; }

.TabPanes {
	padding-bottom:10px;
	background:url(img/bg-PlanLists.gif) 0 0 repeat-y;
}
.tabpane { /* each tab pane */
	
}

.TabPanes ul {
	overflow:hidden;
}
.TabPanes ul li {
	padding:15px 15px;
}
/*
.TabPanes ul li img{
	float:left; clear:none;
	width:147px;
	padding-right:15px;
}
*/
.TabPanes ul li h4{
/*	padding:3px 0 7px 0; */
	font-size:114%; /* 15px, 122%=16px */
	background:url(img/line-greyfade.gif) 0 bottom no-repeat;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	letter-spacing:0.1em;
	color:#6B6A6B;
}
.TabPanes ul li div{
	/*float:left; clear:right;*/
}
.TabPanes ul li p{
	padding-top:5px;
	line-height:1.5em;
}
.TabPanes ul li .pricedesc{
	color:#996;
}
.TabPanes ul li .pricedesc span{
	float:left; clear:none;
}

.TabPanes ul li .pricedesc a{
	float:right; clear:none;
	color:#482F92; text-decoration:none;
}
.TabPanes ul li .pricedesc a:hover{
	color:red;

}

.planlist .rank {
	float:left; width:40px; height:80px; /*background:url(img/icon-crown.gif) top center no-repeat; padding-top: 25px;*/ text-align:center; margin-right:10px;
	font-family:Verdana, Geneva, sans-serif; font-size: 20px; color:#960; font-style:italic;
}
.planlist .rank1{ text-indent:-999em; background:url(img/ranking-ranks.gif) 0px 0px no-repeat; }
.planlist .rank2{ text-indent:-999em; background:url(img/ranking-ranks.gif) -40px 0px no-repeat; }
.planlist .rank3{ text-indent:-999em; background:url(img/ranking-ranks.gif) -80px 0px no-repeat; }
.planlist .rank4{ text-indent:-999em; background:url(img/ranking-ranks.gif) -120px 0px no-repeat; }
.planlist .rank5{ text-indent:-999em; background:url(img/ranking-ranks.gif) -160px 0px no-repeat; }
.planlist .rank6{ text-indent:-999em; background:url(img/ranking-ranks.gif) -200px 0px no-repeat; }
.planlist .rank7{ text-indent:-999em; background:url(img/ranking-ranks.gif) -240px 0px no-repeat; }
.planlist .rank8{ text-indent:-999em; background:url(img/ranking-ranks.gif) -280px 0px no-repeat; }
.planlist .rank9{ text-indent:-999em; background:url(img/ranking-ranks.gif) -320px 0px no-repeat; }
.planlist .rank10{ text-indent:-999em; background:url(img/ranking-ranks.gif) -360px 0px no-repeat; }

.planlist .plan { float:left; width:534px; width:494px; margin-bottom:15px; }
.planlist .plan .plan-head { margin-bottom:5px; }
.planlist .plan .plan-body { background:gray;}
.planlist .plan .plan-thumbbox { float:left; clear:none; display: inline;
	margin: 0pt 10px 8px 0;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	width: 160px; /*height: 100px*/;
}
.planlist .plan .plan-thumbbox.tall { height: 200px; }
.planlist .plan .plan-thumbbox img { vertical-align: middle; margin:auto; }
.planlist .plan .plan-desc { float:left; clear:none; width:320px; }
.planlist .plan .plan-pricedesc, .planlist .plan .plan-pricedesc a { color: #960; }


#frame_cmt_0 {
	padding:20px;
}
#frame_cmt_0 form {
	width:510px;
	padding:10px;
	background-color:#DCD0BC;
}

#frame_cmt_0 table {
	width:510px;

	border-collapse:collapse;
	border:0;
}
#frame_cmt_0 table td{
	padding:5px;
	vertical-align:middle;
	font-weight:bold;
	color:#454545;
}	

/* 
   [ P A R T S  -  main - Column 2 - Whatsnew ]
*/
#WhatsNew {
	padding:10px 0;
}
#WhatsNew h3 {
	height:28px; line-height:28px;
	background:url(img/h3-whatsnew.gif) 0 0 no-repeat;
}
#WhatsNew h3 a {
	width:38px; height:15px; line-height:15px;
	display:block; margin-left:240px;
	overflow:hidden;
	background:url(img/btn-list.gif) center top no-repeat;
}
#WhatsNew h3 a span { visibility:hidden; }

#WhatsNew h3 a:hover {
	background:url(img/btn-list.gif) center bottom no-repeat;
}
#WhatsNew h3 span {
	display:block;
	text-align:right;
	margin-top:-23px;
}


#WhatsNew ul {
	padding:10px 0 0 0;
}
#WhatsNew li {
	padding:5px 0 10px 60px;
	border-bottom:#d4d4d4 solid 1px;
	background:url(img/icon-disc-gray.gif) 3px 12px no-repeat;
	text-indent:-45px;
}
#WhatsNew li .date{
	padding-right:10px;
}
#WhatsNew li a {
	color:#2996D9;
	text-decoration:none;
}
#WhatsNew li a:hover {
	color:red;
}


/* 
   [ P A R T S  -  main - Column 2 - Manager's Recommendation ]
*/
#ManagersRecommendation {
	background:#E9E9D3 url(img/bg-ManagersRecommendation.jpg) 0 0 no-repeat;
}
#ManagersRecommendation .Row1{
	width:280px; height:266px;
}
#ManagersRecommendation h3 {
	height:36px; line-height:36px;
}
#ManagersRecommendation #CurrentFeature {
	
}
#ManagersRecommendation #CurrentFeature ul {
	overflow:hidden;
}
#ManagersRecommendation #CurrentFeature li {
}
#ManagersRecommendation #CurrentFeature li a{
	display:block; overflow:hidden;
	margin:155px 50px 0 60px;
	padding:5px 5px;
}
#ManagersRecommendation #FeatureArticles {
	
}
#ManagersRecommendation #FeatureArticles ul {
		overflow:hidden;
}
#ManagersRecommendation #FeatureArticles ul li a{
	display:block;
	height:29px; line-height:29px;
	padding:0 5px; /* width:94 */
}


#ManagersRecommendation #RecommendationDesc {
	border:#d1d1d1 solid 1px;
	border-top:#fff solid 1px;

	color:#646464;
	background:#E9E9D3;
}
#ManagersRecommendation #RecommendationDesc  p{
	line-height:1.5em;
	padding:5px 10px;
}
#ManagersRecommendation #RecommendationDesc  a{
	display:block; float:right;
	margin:-20px 5px 0 0;
	width:95px; height:16px; line-height:16px;
	background:url(img/btn-mail-impression.gif) 0 0 no-repeat;
}
#ManagersRecommendation #RecommendationDesc  a:hover{
	background:url(img/btn-mail-impression.gif) 0 -16px no-repeat;
}



/* 
   [ P A R T S  -  main - Column 2 - From the Staff ]
*/
#BannersCorner,
#FromTheStaff {
	padding:0 0 10px 0;
}
#FromTheStaff h3 {
	height:28px; line-height:28px;
	padding-top:15px;
	background:url(img/h3-from-the-staff.gif) 0 bottom no-repeat;
}
#BannersCorner ul,
#FromTheStaff ul {
}
#BannersCorner li,
#FromTheStaff li {
	padding:5px 0;
}
#BannersCorner li a:hover img,
#FromTheStaff li a:hover img {
	-moz-opacity:0.8;
	opacity:0.8;
	filter: alpha(opacity=80);
}

#BannersCorner {
	margin-top:15px;
}

.bnr {
	margin:5px 0;	
}