@charset "utf-8";

/* ****************************************************************************

	style.css

-------------------------------------------------------------------------------

  01. Content- mainContent
  02. Content- subContent

******************************************************************************* */
header {
	margin-bottom:10px;
}


/* 00. important
----------------------------------- */
#important {
	margin:20px;
	background:url(../img/important_bg.gif) repeat left top;
	padding:5px !important;
}

#important table {
	width:910px;
}

#important table th {
	vertical-align:middle;
	width:195px;
	text-align:left;
}

#important table th img {
	padding:5px 24px 5px 15px;
}

#important table td {
	text-align:left;
	background-color:#fff;
	padding:7px 20px;
	width:680px;
}

#important table td dl dt {
	float:left;
	width:70px;
}

#important table td dl dd {
	float:right;
	width:590px;
}


/* 01. mainContent
----------------------------------- */

#mainContent {
	float: left;
	width: 600px;
	margin-bottom: 50px;
	padding-left: 20px;
}

/*=== Slide show ====*/
#slideShow {
	position: relative;
	width: 920px;
	height: 380px;
	margin: 0 auto 30px;
}

#slideShow li {
	float: left;
	padding: 0 5px;
}

#slideThumb {
	position: absolute;
	top: 332px;
	left: 286px;
	width: 348px;
	height: 48px;
	overflow: hidden;
}

#slideThumb span {
	display: block;
	position: absolute;
	top: 0;
	left: -290px;
}

#slideThumb img {
	margin: 0 5px;
}

#slideThumb img:hover {
	cursor: pointer;
}

#prevSlide {
	position: absolute;
	top: 345px;
	left: 265px;
}

#nextSlide {
	position: absolute;
	top: 345px;
	right: 265px;
}

/*=== Online store ====*/
#mainContent #onlineStore {
	overflow: hidden;
	margin-bottom: 20px;
}

#mainContent #onlineStore h2 {
	margin-bottom: 15px;
}

#mainContent #onlineStore p {
	margin-bottom: 1em;
	padding: 0 10px;
	font-weight: bold;
}

#mainContent #onlineStore li {
	float: left;
	width: 196px;
	margin: 0 6px 15px 0;
}

#mainContent #onlineStore li:nth-child(3n) {
	margin: 0 0 15px 0;
}

#mainContent #onlineStore li dl {
	padding: 0 0 0 10px;
}

#mainContent #onlineStore li dt {
	padding: 7px 0;
	font-weight: bold;
}

/*=== Products ====*/
#mainContent #products {
	overflow: hidden;
	margin-bottom: 30px;
	padding-bottom: 30px;
	background: url(../img/products_bg.png) no-repeat left bottom;
}

#mainContent #products h2 {
	margin-bottom: 15px;
}

#mainContent #products p {
	margin-bottom: 1em;
	padding: 0 10px;
	font-weight: bold;
}

#mainContent #products li {
	float: left;
	width: 196px;
	margin: 0 6px 15px 0;
}

#mainContent #products li:nth-child(3n) {
	margin: 0 0 15px 0;
}

#mainContent #products li span {
	display: block;
	padding: 5px 0 0 10px;
	font-weight: bold;
}

/*=== Topical ====*/
#mainContent #topicalProducts {
	float: left;
	width: 288px;
	margin-bottom: 20px;
}

#mainContent #topicalProducts h2 {
	margin-bottom: 10px;
}

#mainContent #topicalProducts li {
	overflow: hidden;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #e0e0e0;
}

#mainContent #topicalProducts li:last-child {
	margin: 0;
	padding: 0;
	border: none;
}

#mainContent #topicalProducts li dl {
	float: right;
	width: 200px;
}

#mainContent #topicalProducts li dt {
	padding: 5px 0;
}

#mainContent #topicalProducts li dd:nth-child(2) {
	margin-bottom: 5px;
	font-weight: bold;
}

#mainContent #topicalProducts li figure {
	float: left;
}

/*=== Club KAI ====*/
#mainContent #clubKAI {
	float: right;
	width: 288px;
	margin-bottom: 30px;
}

#mainContent #clubKAI h2 {
	margin-bottom: 10px;
}

#mainContent #clubKAI li {
	overflow: hidden;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #e0e0e0;
	min-height:83px;
}

#mainContent #clubKAI li:last-child {
	margin: 0;
	padding: 0;
	border: none;
}

#mainContent #clubKAI li dl {
	float: right;
	width: 200px;
}

#mainContent #clubKAI li dt {
	padding: 10px 0;
	font-weight: bold;
}

#mainContent #clubKAI li figure {
	float: left;
}

/*=== News ====*/
#mainContent #news {
	margin-bottom: 30px;
}

#mainContent #news h2 {
	margin-bottom: 15px;
}

#mainContent #news dl {
	padding: 0 10px;
}

#mainContent #news dd {
	margin-bottom: 1em;
}

/*=== Special ====*/
#mainContent #specialContents {
	margin-bottom: 30px;
}

#mainContent #specialContents h2 {
	margin-bottom: 15px;
}

#mainContent #specialContents li:nth-child(odd) {
	float: left;
	width: 266px;
	padding: 15px 22px 0 11px;
	border-right: 1px dotted #e0e0e0;
	border-bottom: 1px dotted #e0e0e0;
}

#mainContent #specialContents li:nth-child(even) {
	float: left;
	width: 266px;
	padding: 15px 11px 0 23px;
	border-bottom: 1px dotted #e0e0e0;
}

#mainContent #specialContents li:nth-child(1),
#mainContent #specialContents li:nth-child(2) {
	padding-top: 0;
}

#mainContent #specialContents li:nth-child(5) {
	border-bottom: none;
}

#mainContent #specialContents li p {
	margin-bottom: 7px;
}

#mainContent #specialContents li dt {
	margin-bottom: 3px;
	font-weight: bold;
}

#mainContent #specialContents li dd {
	height: 4em;
}



/* 02. subContent
----------------------------------- */
#subContent {
	float: right;
	width: 300px;
	margin-bottom: 20px;
	padding-right: 20px;
}

#subContent section {
	overflow: hidden;
	margin-bottom: 30px;
}

#subContent #sideSearch {
	height: 41px;
	margin-bottom: 10px;
	padding: 13px 10px 0;
	background: url(../img/side_search_bg.png) no-repeat 0 0;
}

#subContent #sideSearch input {
	vertical-align: top;
	margin: 0;
	padding: 0;
}

#subContent #sideSearch input[type="text"] {
	float: left;
	width: 200px;
	height: 27px;
	line-height: 27px;
	padding: 0 5px;
	border: 1px solid #ffffff;
	border-radius: 3px;
}

#subContent #sideSearch input[type="image"] {
	float: right;
}

#subContent #sideLogin {
	background: url(../img/side_login_bg.png) no-repeat left bottom;
}

#subContent #sideLogin h2 {
	position: relative;
	margin-bottom: 15px;
}

#subContent #sideLogin h2 a:last-child {
	position: absolute;
	top: 55px;
	right: 10px;
	padding-left: 10px;
	color: #E2712B;
	font-weight: normal;
	background: url(../img/side_login_icon.png) no-repeat 0 50%;
}

#subContent #sideLogin p {
	padding: 0 10px;
}

#subContent #sideLogin form {
	position: relative;
	padding: 10px;
}

#subContent #sideLogin input {
	vertical-align: top;
	margin: 0;
	padding: 0;
}

#subContent #sideLogin input[type="text"],
#subContent #sideLogin input[type="password"] {
	width: 200px;
	height: 26px;
	line-height: 26px;
	margin-bottom: 5px;
	padding: 0 5px;
	border: 1px solid #ffffff;
	border-radius: 3px;
}

#subContent #sideLogin input[type="image"] {
	position: absolute;
	top: 10px;
	right: 10px;
}

/* -- log in 状態 -- */
#subContent #sideLoginAfter {
	background: url(../img/side_login_bg.gif) no-repeat left bottom #eeeeee;
}

#subContent #sideLoginAfter h2 {
	margin-bottom: 15px;
}

#subContent #sideLoginAfter p {
	padding: 0 10px;
}

#subContent #sideLoginAfter form {
	position: relative;
	padding: 10px;
}

/*#subContent #sideLoginAfter form input[type="image"] {
	display:inline;
}*/

/* -- ranking -- */

#subContent #sideKeywordRanking ol {
	margin: 10px 10px 10px 36px;
}

#subContent #sideKeywordRanking li {
	margin-bottom: 7px;
}

#subContent #sideKeywordRanking p {
	padding: 0 10px;
}

#subContent #sideFun p {
	margin: 15px 0 10px;
	text-align: center;
}

#subContent #sideFun dl {
	padding: 0 10px;
}

#subContent #sideFun dt {
	margin-bottom: 5px;
	font-weight: bold;
}

#subContent #sideImportant dl {
	padding: 10px 10px 0;
}

#subContent #sideImportant dd {
	margin-bottom: 1em;
}
/* ****************************************************************************
	monitor.css
******************************************************************************* */
.pageTitleHasMenuMonitor {
	padding:10px 0;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
}

.pageTitleHasMenuMonitor h2 {
	float:left;
	width:220px;
	margin-top:7px;
	background:url(../img/h2_monitor.jpg) no-repeat left center;
	padding-left:40px;
	font-size:24px;
	min-height:31px;
}

.pageTitleHasMenuMonitor ul {
	float: right;
	width:360px;
	background:#f2f2f2;
	padding:15px 0 15px 20px;
	border-radius:3px;
}

.pageTitleHasMenuMonitor ul li {
	float:right;
	background:url(../common/img/icon_arrow_grey.gif) no-repeat left center;
	padding-left:10px;
	margin-right:20px;
}

/* 02. index
----------------------------------------------------------- */
/*=== lead ====*/
#catchWrap {
	overflow: hidden;
	margin-bottom: 30px;
}

.imgPic {
	float: right;
	border: 1px solid #CCC;
	padding: 5px;
}

#monitorTopic {
	background: url(../img/bg.png) left top repeat-y;
	overflow: hidden;
	margin-bottom: 30px;
}

#monitorTopic ul {
	width: 710px;
}

#monitorTopic li{
	width: 325px;
	float: left;
	margin-right: 10px;
	padding: 10px;
}

#monitorTopic li dt{
	font-weight: bold;
	margin-bottom: 10px;
}

#monitorTopic li dt.point{
	background: url(../img/icon_01.png) left center no-repeat;
	padding-left: 23px;
}

#monitorTopic li dt.mail{
	background: url(../img/icon_02.png) left center no-repeat;
	padding-left: 23px;
}

#monitorTopic li dd {
	margin-bottom: 10px;
}

#monitorTopic li dd.link{
	background: url(../img/icon_03.png) left center no-repeat;
	padding-left: 10px;
	font-weight: bold;
}

/* announceGoods */
/* added pb@mi 2013-03-05 */
.announceGoods {
	border-top: 1px solid #ccc;
	padding-top: 11px;
	margin-bottom: 20px;
}

.announceGoods .announceGoods-contents {
	background-color: #f2eade;
	padding: 20px 20px 27px 20px;
}

.announceGoods .announceGoods-contents h4 {
	background-color: transparent;
	margin-bottom: 15px;
}

.announceGoods .announceGoods-contents .announceGoods-inner .zoomPic dl {
	background-color: #FFF;
}

.announceGoods .announceGoods-contents .announceGoods-inner .monitorWrap {
	width: 480px !important;
}

/*=== title ====*/
#mainContent-right h3 span {
	display:block;
	float:left;
	width:200px;
}

#mainContent-right h3 a.rss {
	background:url(../img/btn_rss.png) no-repeat left center;
	color:#fff;
	display:block;
	float:right;
	width:35px;
	padding-left:20px;
}

.monitorList li {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #CCCCCC;
	overflow: hidden;
}

.monitorList li div.zoomPic, .announceGoods-inner .zoomPic {
	float: left;
	width: 163px;
}

.monitorList li div.zoomPic dl,.announceGoods-inner .zoomPic dl {
	border: 1px solid #CCC;
	padding: 9px;
	margin-bottom: 10px;
}

.monitorList li div.zoomPic dl dd, .announceGoods-inner .zoomPic dl dd{
	text-align: center;
}

.monitorList li div.monitorWrap, .announceGoods-inner .monitorWrap {
	float: right;
	width: 517px;
}

.monitorList li div.monitorWrap h4, .announceGoods-inner div.monitorWrap h4{
	font-size: 150%;
	margin-bottom: 10px;
}

.monitorList li div.monitorWrap h4.receipt{
	background:url(../img/icon_reception.png) left center no-repeat;
	padding-left: 70px;
}

.monitorList li div.monitorWrap p , .announceGoods-inner div.monitorWrap p{
	margin-bottom: 10px;
}

.monitorList li div.monitorWrap p.people, .announceGoods-inner div.monitorWrap p.people {
	font-size: 130%;
}

.monitorList li div.monitorWrap p.people span,.announceGoods-inner div.monitorWrap p.people span{
	font-size: 160%;
	font-weight: bold;
}

.monitorList li div.monitorWrap ul ,.announceGoods-inner div.monitorWrap ul{
	width: 540px;
	overflow: hidden;
}

.monitorList li div.monitorWrap ul li,.announceGoods-inner div.monitorWrap ul li{
	border: none;
	padding: 0;
	float: left;
	margin-right: 20px;
}

.monitorList li div.monitorWrap ul li dt,.announceGoods-inner div.monitorWrap ul li dt{
	margin-bottom: 5px;
}

.monitorList li div.monitorWrap ul li dd, .announceGoods-inner div.monitorWrap ul li dd{
	color: #cc0000;
}


.monitorList li div.monitorWrap ul.list li,.announceGoods-inner div.monitorWrap ul.list li{
	/*float: none;
	margin-bottom: 5px;
	padding: 0;
	border: none;*/
	margin-bottom: 5px;
}

.monitorList li div.monitorWrap h5 {
	background-color:#f2f2f2;
	border-radius:3px;
	min-height:14px;
	padding:6px 10px;
	margin-top:10px;
	margin-bottom:10px;
}

.monitorList li div.monitorWrap h5 span {
	display:block;
	width:150px;
	float:left;
}

.monitorList li div.monitorWrap h5 a {
	display:block;
	float:right;
	width:160px;
	background:url(../common/img/icon_arrow_grey.gif) no-repeat left center;
	padding-left:10px;
}

.monitorList li div.monitorWrap ul.report{
	margin-bottom: 10px;
}

.monitorList li div.monitorWrap ul.report li{
	float: none;
	margin-bottom: 10px;
	padding: 0;
	border: none;
}

.monitorList li div.monitorWrap ul.report li.monitor{
	background: url(../img/icon_monitor.png) left 0 no-repeat;
	padding-left: 65px;
}

.monitorList li div.monitorWrap ul.report li.user{
	background: url(../img/icon_user.png) left 0 no-repeat;
	padding-left: 65px;
}

.monitorList li div.monitorWrap p.productDetail {
	background-color:#cccccc;
	border-radius:3px;
	min-height:14px;
	padding:6px 10px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
}
/* 03. about
----------------------------------------------------------- */


/* 04. report index
----------------------------------------------------------- */
ul.reportList li {
	border:1px solid #ccc;
	width:320px;
	float:left;
	_display:inline;
	margin-right:16px;
	padding:0 10px;
	margin-bottom:16px;
	min-height:126px;
}

ul.reportList li:nth-child(2n) {
	margin-right:0;
}
/*20130321*/
ul.reportList li .pic {
	float:left;
	width:126px;
	margin: 12px 7px 0 0;
}

ul.reportList li .boxR {
	float:right;
	width:187px;
	padding:20px 0 10px 0;
}
/*20130321*/
ul.monitor_report li{
	padding:5px 10px!important;
	min-height:150px;
}

ul.reportList li .boxR a,
ul.reportList li .boxR a span {
	display:block;
}

ul.reportList li .boxR a span.reception {
	background:url(../img/icon_reception.png) no-repeat left center;
	padding-left:50px;
}

ul.reportList li .boxR a span.notice {
	background:url(../img/icon_notice.gif) no-repeat left center;
	padding-left:50px;
}

ul.reportList li .boxR .date {
	margin:10px 0;
}

ul.reportList li .boxR .count {
	border-top:1px dotted #ccc;
	padding-top:10px;
	text-align:right;
}

ul.reportList li .boxR .count .num {
	font-weight:bold;
	color:#CC0000;
	font-size:14px;
}


/* 05. user report list
----------------------------------------------------------- */

ul.userList li {
	border:1px solid #ccc;
	width:320px;
	float:left;
	_display:inline;
	margin-right:16px;
	padding:10px;
	margin-bottom:16px;
}

ul.userList li:nth-child(2n) {
	margin-right:0;
}

ul.userList li .pic {
	float:left;
	width:85px;
}

ul.userList li .boxR {
	float:right;
	width:225px;
	padding:0;
}

ul.userList li .boxR a,
ul.userList li .boxR a span {
	display:block;
}

ul.userList li .boxR .reference {
	margin-bottom:5px;
	padding-bottom:5px;
	text-align:right;
	border-bottom:1px dotted #ccc;
	min-height:18px;
}

ul.userList li .boxR .reference strong {
	font-size:14px;
	font-weight:bold;
	color:#cc0000;
}

ul.userList li .boxR .new {
	background:url(../img/icon_new.gif) no-repeat left 3px;

}

ul.userList li .boxR .monitor {
	padding-left:60px;
	background:url(../img/icon_monitor.png) no-repeat left top;
	min-height:15px;
	_height:15px;
}

.monitorVote {
	margin-bottom:20px;
	padding:20px;
	background-color:#eee;
	background:url(../img/img_vote.jpg) no-repeat right center;
}

.monitorVote .voteTitle {
	margin-bottom:10px;
	font-size:18px;
	color:#aa0000;
	line-height:140%;
}

/* 05. user report detail
----------------------------------------------------------- */

ul.monitorDetail {
	margin-bottom:15px;
}

ul.monitorDetail li {
	float:left;
}

ul.monitorDetail li.prev {
	padding-left:10px;
	width:190px;
	background:url(../img/icon_arrow_prev.gif) no-repeat left center;
}

ul.monitorDetail li.back {
	width:300px;
	text-align:center;
}

ul.monitorDetail li.next {
	padding-right:10px;
	width:190px;
	text-align:right;
	background:url(../img/icon_arrow_next.gif) no-repeat right center;
}

#userReport ul.userName {
	margin-bottom:20px;
	padding:10px 0 10px 0;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}

#userReport ul.userName li {
	float:left;
}

#userReport ul.userName li strong {
	font-size:24px;
	font-weight:bold;
}

#userReport ul.userName li.reference {
	float:right;
}

#userReport ul.userName li.reference strong {
	font-size:24px;
	color:#cc0000;
	font-weight:normal;
}

#userReport h4 {
	background-color:#cccccc;
	border-radius:3px;
	min-height:14px;
	padding:6px 10px;
	margin-top:10px;
	margin-bottom:20px;
	font-weight:bold;
}

#userReport .general {
	margin-bottom:20px;
}

#userReport .generalGraph {
	float:left;
	width:350px;
}

#userReport .generalDetail {
	float:left;
	width:350px;
}

#userReport .generalDetail dl dt {
	margin-bottom:5px;
	font-weight:bold;
}

#userReport .generalDetail dl dd {
	margin-bottom:20px;
}

#userReport .generalDetail dl dd.profile {
	padding-left:60px;
	background:url(../img/icon_monitor.png) no-repeat left top;
}

#userReport .generalDetail ul li.img {
	float:left;
	width:95px;
}

#userReport .generalDetail ul li.text {
	float:left;
	width:255px;
}

#userReport ul.userPhoto {
	margin-bottom:20px;
}

#userReport ul.userPhoto li {
	margin-right:12px;
	float:left;
}

#userReport ul.userPhoto li.last {
	margin-right:0;
}

#userReport table.point {
	margin-bottom:15px;
	border:1px solid #ea3f14;
}

#userReport table.point th {
	width:100px;
	padding:7px;
	background-color:#ea3f14;
	color:#ffffff;
	text-align:center;
}

#userReport table.point td {
	width:80px;
	padding:7px;
	color:#ea3f14;
	text-align:center;
	font-weight:bold;
}

#userReport p.border {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dotted #ccc;
}

#userReport p.title {
	margin-bottom:10px;
	font-weight:bold;
}

#userReport table.comment {
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px dotted #ccc;
}

#userReport table.comment tr.gray {
	background-color:#f2f2f2;
}

#userReport table.comment td {
	padding:8px;
}


/* 06. prizewinner list
----------------------------------------------------------- */
#prizewinner {
	background:#f2f2f2;
	padding:10px;
}

#prizewinner dt {
	padding:10px;
	font-weight:bold;
	font-size:16px;
	line-height:1.6;
}

#prizewinner dd {
	background:#FFFFFF;
	padding:20px 20px 10px 20px;
}

#prizewinner dd ul li {
	width:320px;
	float:left;
	margin-bottom:10px;
}

/* 07. about - entry notes
----------------------------------------------------------- */
#entryNotes dl {
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
	margin-bottom:20px;
	line-height:1.6;
}

#entryNotes dt {
	font-weight:bold;
	margin-bottom:10px;
}

#entryNotes dd {
	padding-left:1em;
	text-indent:-1em;
	margin-bottom:10px;
}

/* 08. caution
----------------------------------------------------------- */
#caution {
	background:#FFFFFF;
}

/* 09. top report
----------------------------------------------------------- */

.report-topMonitor {
	margin-bottom: 20px;
}

.report-topMonitor .report-inner {
	padding-top: 6px;
	padding-bottom: 7px;
	background-image: url(../img/report_bg.gif);
	background-repeat: repeat;
	background-position: left top;
}

.report-topMonitor .cnr_top {
	height: 4px !important;
	line-height: none;
}
.report-topMonitor .cnr_top img {
	vertical-align: top;
	line-height: none;
}

.report-topMonitor .cnr_btm {
	height: 3px !important;
	line-height: none;
}

.report-topMonitor .cnr_btm img {
	vertical-align: top;
	line-height: none;
}

.report-topMonitor .title {
	float: left;
	width: 253px;
	padding-left: 12px;
}

.report-topMonitor .topMonitor {
	float: left;
	background-color: #FFF;
	width: 405px;
	padding: 10px;
}

.report-topMonitor .topMonitor p.img {
	width: 85px;
	height: 90px;
	float: left;
	margin-right: 15px;
}

.report-topMonitor .topMonitor .text {
	width: 304px;
	float: left;
}

.report-topMonitor .topMonitor .text p.text1 {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 7px;
	margin-bottom: 5px;
}

.report-topMonitor .topMonitor .text .monitor {
	background-image: url(../img/report_icon_monitor.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 50px;
	min-height: 15px;
}

/* announceGoods */

.announceGoods {
	border-top: 1px solid #ccc;
	padding-top: 11px;
	margin-bottom: 20px;
}

.announceGoods .announceGoods-contents {
	background-color: #f2eade;
	padding: 20px 20px 27px 20px;
}

.announceGoods .announceGoods-contents h4 {
	background-color: transparent;
	margin-bottom: 15px;
}

.announceGoods .announceGoods-contents .announceGoods-inner .zoomPic dl {
	background-color: #FFF;
}

.announceGoods .announceGoods-contents .announceGoods-inner .monitorWrap {
	width: 480px !important;
}
/* Added This CSS BY RLS 20130305 */
.announceGoods-inner dl.plan dl.plan {
font-weight: bold;
font-size: 14px;
margin-bottom: 10px;
display:block;
}

.announceGoods-inner dl.plan dt {
padding: 5px 20px;
border: 1px solid #EA4015;
background: #FFF;
color: #EA4015;
float: left;
}

.announceGoods-inner dl.plan dd {
padding: 5px 20px;
background: #EA4015;
border: 1px solid #EA4015;
color: #FFF;
float: left;
color:#fff!important;}
/* ****************************************************************************
	monitor.css
******************************************************************************* */


/* ****************************************************************************
	event.css
******************************************************************************* */
#mainContent-right h2.eventtitle {
    background: url("../img/h2_event.jpg") no-repeat scroll left center transparent;
    border-bottom: 1px dotted #CCCCCC;
    font-size: 18px;
    margin-bottom: 10px;
    min-height: 31px;
    padding: 22px 0 14px 45px;
}


.pageTitleHasMenuEvent {
	padding:10px 0;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
}

.pageTitleHasMenuEvent h2 {
	float:left;
	width:300px;
	margin-top:7px;
	background:url(../img/h2_event.jpg) no-repeat left center;
	padding-left:40px;
	font-size:24px;
	min-height:31px;
}

.pageTitleHasMenuEvent ul {
	float: right;
	width:320px;
	background:#f2f2f2;
	padding:15px 0 15px 20px;
	border-radius:3px;
}

.pageTitleHasMenuEvent ul li {
	float:right;
	background:url(../common/img/icon_arrow_grey.gif) no-repeat left center;
	padding-left:10px;
	margin-right:20px;
}

/*#catchWrap {
	overflow: hidden;
	margin-bottom: 30px;
}

.imgPic {
	float: right;
	border: 1px solid #CCC;
	padding: 5px;
}*/

.eventList {
	overflow: hidden;
}

.eventList li{
	overflow: hidden;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.eventList li.none{
	border-bottom: none;
}

.eventList .pic{
	float: left;
}

.eventList .detailWrap{
	overflow: hidden;
	float: right;
	width: 545px;
}

.detailWrap h4.receipt{
	font-size: 150%;
	background: url(../img/icon_reception.png) left center no-repeat;
	padding-left: 70px;
	margin-bottom: 10px;
}

.detailWrap h4.close{
	font-size: 150%;
	background: url(../img/icon_close.png) left center no-repeat;
	padding-left: 70px;
	margin-bottom: 10px;
}

.detailWrap p{
	margin-bottom: 10px;
}

.detailWrap p.notes {
	margin-bottom: 20px;
}

.detailWrap table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	width: 100%;
	margin-bottom: 5px;
}

.detailWrap table td,
.detailWrap table th {
	padding: 10px;
	border: 1px solid #ccc;
	text-align: left;
}

.detailWrap table th {
	background: #F2F2F2;
	font-weight: normal;
	width: 20%;
}

.detailWrap dl {
	overflow: hidden;
}

.detailWrap dl dt{
	float: left;
}

.detailWrap dl dd{
	float: right;
	margin-top: 12px;
	margin-left: 20px;
	width: 274px;
	background: url(../common/img/icon_arrow_grey.gif) left center no-repeat;
	padding-left: 10px;
}

.eventReport {
	overflow: hidden;
}

.eventReport li{
	overflow: hidden;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.eventReport li.none{
	border-bottom: none;
}


.eventReport .pic{
	float: left;
}

.eventReport .detailWrap{
	overflow: hidden;
	float: right;
	width: 525px;
}

.eventReport h4{
	font-size: 150%;
	padding-left: 0;
	margin-bottom: 10px;
}

.detailWrap p{
	margin-bottom: 10px;
}

.detailWrap p.notes {
	margin-bottom: 20px;
}

.eventReport .detailWrap table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	width: 100%;
	margin-bottom: 30px;
}

.eventReport .detailWrap table td,
.eventReport .detailWrap table th {
	padding: 10px;
	border: 1px solid #ccc;
	text-align: left;
}

.eventReport .detailWrap table th {
	background: #F2F2F2;
	font-weight: normal;
	width: 20%;
}

.eventReport .detailWrap dl {
	overflow: hidden;
}

.eventReport .detailWrap dl dt{
	float: left;
}

.eventReport .detailWrap dl dd{
	float: right;
	margin-top: 12px;
	margin-left: 20px;
	width: 254px;
	background: url(../common/img/icon_arrow_grey.gif) left center no-repeat;
	padding-left: 10px;
}

#kaiAbout {
	overflow: hidden;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#kaiAbout ul{
	overflow: hidden;
	float: right;
	margin-left: 15px;
}

#kaiAbout ul li{
	float: right;
	margin-left: 5px;
}

p.kaiAboutText {
	margin-bottom: 10px;
}

.icon01 {
	background: url(../common/img/icon_arrow_grey.gif) left center no-repeat;
	padding-left: 10px;
	margin-bottom: 1em;
}

/* イベント・ワークショップ / イベントレポート
----------------------------------------------------------- */

.mainContentReport h2 {
	background:url(../img/event_report_h2.jpg) no-repeat left center;
	font-size:18px;
	padding:22px 0 14px 45px;
	border-bottom:1px dotted #ccc;
	margin-bottom:20px;
	min-height:31px;
}

.mainContentReport h3 {
	font-size: 18px;
	margin-bottom: 15px!important;
}

.mainContentReport h4 {
	margin-bottom: 10px;
}


.mainContentReport ul.eventctegoryList {
	background: #f2f2f2;
	margin-bottom: 20px;
	padding: 10px 15px;
}

.mainContentReport ul.eventctegoryList li {
	background: url(../img/side_icon_01.gif) no-repeat 0 50%;
	margin: 5px 0;
	padding-left: 10px;
}


.mainContentReport .reportWrap {

}

.mainContentReport .reportList {
	background: #f2eade;
	margin-bottom: 10px;
	padding: 10px 0 10px 10px;
}

.mainContentReport .reportList .yearTitle {
	font-weight: bold;
}

.mainContentReport .reportList ul.eventDetailWrap {

}
.mainContentReport .reportList ul.eventDetailWrap:after {
	content : '';
	display : block;
	clear : both;
	height: 0;
}
*:first-child+html .mainContentReport .reportList ul.eventDetailWrap {
	zoom: 1;
}

.mainContentReport .reportList ul.eventDetailWrap li.eventDetailBox {
	background: #fff;
	float: left;
	margin: 10px 10px 0 0;
	padding: 2px 10px;
	width: 315px;
}

.mainContentReport .reportList ul.eventDetailWrap li.eventDetailBox a {
	display: block;
	margin-bottom: 10px;
	margin-top:5px;
}

.mainContentReport .reportList ul.eventDetailWrap li.eventDetailBox a img {
	float: left;
	width: 60px;
	margin-right: 10px;
}

.mainContentReport .reportList ul.eventDetailWrap li.eventDetailBox ul li, .report_info {
	color: #333;
	padding-left: 4.9em;
	text-indent: -4.9em;
	margin-top: 5px;
}

/*
 * イベントレポート詳細
 *---------------------------*/

.mainContentReport .repotPageTitleHasMenu {
	position: relative;
}
.mainContentReport .repotPageTitleHasMenu .reportBack {
	background: url(../common/img/icon_arrow_grey_left.gif) no-repeat left center;
	display: block;
	font-size: 12px;
	font-weight: normal;
	right: 0;
	padding-left: 12px;
	position: absolute;
	top: 0;
    width:auto!important;
}

.mainContentReport .reportDetailWrap .reportDetailContent {
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.mainContentReport .reportDetailWrap .reportDetailContent .teacherWrap {
	margin-bottom: 20px;
	padding-top: 10px;
}
.mainContentReport .reportDetailWrap .reportDetailContent .teacherWrap p {
	float: left;
}
.mainContentReport .reportDetailWrap .reportDetailContent .teacherWrap ul {
	font-weight: bold;
	margin-left: 70px;
}

.mainContentReport .reportDetailWrap .socialbutton-area {
	margin-bottom: 0;
}
.mainContentReport .reportDetailWrap .reportDetailContent .reportTxt {
	padding-top: 20px;
}
.mainContentReport .reportDetailWrap .reportDetailContent .reportTxt .img {
	float: left;
	width: 190px;
}
.mainContentReport .reportDetailWrap .reportDetailContent .reportTxt .txt {
	margin-left: 190px;
}

.mainContentReport .reportDetailWrap .profileWrap {
	background: #f2f2f2;
	margin-bottom: 20px;
	padding: 15px;
	overflow:hidden;
}

.mainContentReport .reportDetailWrap .profileWrap .profileTtl {
	margin-bottom: 15px;
}
.mainContentReport .reportDetailWrap .profileWrap .profileTtl p {
	float: left;
}
.mainContentReport .reportDetailWrap .profileWrap .profileTtl div {
	margin-left: 110px;
}
.mainContentReport .reportDetailWrap .profileWrap .profileTtl div h5 {
	margin-bottom: 8px;
}

.mainContentReport .reportDetailWrap .reportAll {
	background: url(../common/img/icon_arrow_grey_left.gif) no-repeat left center;
	padding-left: 12px;
}


/* ****************************************************************************
	event.css
******************************************************************************* */

/* ****************************************************************************
	support/common.css
******************************************************************************* */
/*.selected {
    color:#467d57;
	font-weight:bold;
}*/
/* 02. mainContent
----------------------------------- */

#mainContent-right h2.title {
	padding: 20px 0;
	font-size: 24px;
}

#mainContent-right h3{
	margin-bottom: 20px;
}

.freedial {
	background:url(../common/img/icon_freedial.gif) no-repeat left center;
	padding-left:30px;
	font-weight:bold;
	font-size:18px;
}
/* ****************************************************************************
	support/common.css
******************************************************************************* */

/* ****************************************************************************
	support/suppor.css
******************************************************************************* */

#supportIndex {
	border-top:1px dotted #ccc;
	margin-bottom:20px;
}

#supportIndex li {
	overflow: hidden;
	border-bottom: 1px dotted #ccc;
}

#supportIndex li img {
	float:left;
}

#supportIndex li dl {
	margin-top:20px;
}

#supportIndex li dl dt {
	font-weight:bold;
	margin-bottom:10px;
}

#supportIndex li dl dd.link {
	margin-top:10px;
}

#supportIndex li dl dd.link a {
	font-weight: bold;
	padding-left:10px;
	background:url(../common/img/icon_arrow_grey.gif) no-repeat left center;
}

.greyBgBox {
	background:#f2f2f2;
	padding:15px;
	margin-bottom:30px;
}

.greyBgBox li {
	margin-bottom:5px;
	background:url(../common/img/icon_arrow_grey_thin.gif) no-repeat left center;
	padding-left:10px;
}
/* ****************************************************************************
	support/suppor.css
******************************************************************************* */



/* ****************************************************************************
	support/faq.css
******************************************************************************* */

.qList li {
	background:url(../common/img/icon_q_s.gif) no-repeat left 1px;
	padding-left:15px;
	margin-bottom:10px;
	zoom:1;
}

.productQlist dl {
	float:left;
	width:220px;
	margin-right:20px;
	margin-bottom:30px;
}

.productQlist dl dt {
	font-weight:bold;
	margin-bottom:10px;
}

.productQlist dl dd ul li {
	margin-bottom:5px;
	padding-left:1em;
	text-indent:-1em;
}

/* 02. id view
----------------------------------------------------------- */
h3.pageTitle.idTitle span {
	display:block;
	float:left;
	width:300px;
}

h3.pageTitle.idTitle a {
	display:block;
	float: right;
	width:160px;
	background:url(../common/img/icon_arrow_white.gif) no-repeat left 3px;
	color:#fff;
	padding-left:10px;
	margin-right:5px;
}


/* 03. Q id view
----------------------------------------------------------- */
h3.pageTitle.qidTitle span {
	display:block;
	float:left;
	width:300px;
}

h3.pageTitle.qidTitle a {
	display:block;
	float: right;
	width:100px;
	background:url(../common/img/icon_arrow_white.gif) no-repeat left 3px;
	color:#fff;
	padding-left:10px;
	margin-right:5px;
}

dl#question {
	border-bottom:1px dotted #ccc;
	padding-bottom:20px;
	margin-bottom:20px;
}

dl#question dt {
	background:url(../common/img/icon_q.gif) no-repeat left top;
	font-size:18px;
	font-weight: bold;
	padding-left:25px;
	margin-bottom:20px;
	min-height:20px;
}

dl#question dd {
	background:url(../common/img/icon_a.gif) no-repeat left top;
	font-size:14px;
	padding-left:25px;
	min-height:20px;
}
dl#question dd ol {
   margin-left: 30px;
}

/* ****************************************************************************
	support/faq.css
******************************************************************************* */


/* ****************************************************************************
	support/service.css
******************************************************************************* */

#servicetIndex {
	border-top:1px dotted #ccc;
	margin-bottom:20px;
}

#servicetIndex li {
	overflow: hidden;
	border-bottom: 1px dotted #ccc;
}

#servicetIndex li img {
	float:left;
	margin-right:20px;
}

#servicetIndex li dl {
	margin-top:20px;
}

#servicetIndex li dl dt {
	font-weight:bold;
	margin-bottom:10px;
}

#servicetIndex li dl dd.link {
	margin-top:10px;
}

#servicetIndex li dl dd.link a {
	font-weight: bold;
	padding-left:10px;
	background:url(../common/img/icon_arrow_grey.gif) no-repeat left center;
}
/* ****************************************************************************
	support/service.css
******************************************************************************* */

/* ****************************************************************************
	support/manual.css
******************************************************************************* */

.pdf {
	background:#f2f2f2;
	padding:15px;
	margin-bottom:30px;
}

.pdf dt {
	float:left;
	width:112px;
}

.pdf dd {
	float:right;
	width:530px;
}

#manualIndex li {
	border-bottom: 1px dotted #ccc;
	padding-bottom:10px;
}

#manualIndex li img {
	float:left;
	width:100px;
}

#manualIndex li dl {
	float:right;
	width:590px;
}

#manualIndex li dl dt {
	font-weight:bold;
	margin-bottom:10px;
}

#manualIndex li dl dd {
	margin-top:10px;
}

#manualIndex li dl dd a {
	font-weight: bold;
	padding-left:10px;
	background:url(../common/img/icon_arrow_grey.gif) no-repeat left center;
}

/* ****************************************************************************
	support/manual.css
******************************************************************************* */

/* ****************************************************************************
	support/oec.css
******************************************************************************* */
.serviceSummary {
	border-bottom:1px dotted #ccc;
	margin-bottom:20px;
}

.serviceSummary div {
	float:left;
	width:163px;
}

.serviceSummary dl {
	float:right;
	width:500px;
}

.serviceSummary dl dt {
	margin-bottom:10px;
	font-weight:bold;
}

.priceTable {
	width:700px;
	margin-bottom:5px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

.priceTable th,
.priceTable td {
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:5px;
}

.priceTable th {
	background:#f2f2f2;
}

.entryBtn {
	background:#f2f2f2;
	padding:15px;
	margin-bottom:30px;
	text-align:center;
}

.entryBtn ul {
	width:500px;
	margin:20px auto 0 auto;
}

#termsTitle {
	padding:20px 0;
}

#termsTitle h2 {
	float:left;
	width:400px;
	font-size:18px;
}

#termsTitle p {
	float:right;
	background:url(../common/img/icon_arrow_grey.gif) no-repeat left center;
	padding-left:10px;
	width:120px;
}

dl#terms dt {
	font-weight:bold;
	margin-bottom:5px;
}

dl#terms dd {
	margin-bottom:20px;
}
/* ****************************************************************************
	support/oec.css
******************************************************************************* */

/* ****************************************************************************
	common.css
******************************************************************************* */

.pageTitle {
	background-color:#e2712b;
}


/* 02. userName
----------------------------------- */
#userName {
	overflow: hidden;
	margin: 10px 0 20px 0;
}

#userName p {
	float: left;
	padding: 15px 0 0 25px;
}

#userName table {
	float: right;
	width: 490px;
	border-collapse: collapse;
}

#userName table th,
#userName table td {
	padding: 10px;
	border-bottom: 1px solid #ffffff;
	text-align: left;
	background: #f2eddd;
}

#userName table td span {
	color: #e2712b;
	font-size: 150%;
	font-weight: bold;
}

#userName table td p {
	float: right;
	padding: 0;
}

/* 04. subContent
----------------------------------- */

#sideMember {
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 3px;
	background: #f9f6e4;
}

#sideMember li {
	margin-bottom: 10px;
}

#sideMember p {
	padding-left: 10px;
	background: url(../img/side_icon_01.gif) no-repeat 0 50%;
}

#sideClubKAImypage,
.login #sideMember {
	display:none;
}

.login #sideClubKAImypage {
	display: block;
}

.clubkai #subContent-left nav dd,
.clubkai #subContent-left nav dd ul li {
	background-image:url(../img/side_icon_01.gif);
}

/*=== current ====*/

body#clubKAImypage01 #sideClubKAImypage #sideClubKAImypage01 a,
body#clubKAImypage02 #sideClubKAImypage #sideClubKAImypage02 a,
body#clubKAImypage03 #sideClubKAImypage #sideClubKAImypage03 a,
body#clubKAImypage04 #sideClubKAImypage #sideClubKAImypage04 a,
body#clubKAImypage05 #sideClubKAImypage #sideClubKAImypage05 a,
body#clubKAImypage06 #sideClubKAImypage #sideClubKAImypage06 a,
body#clubKAImypage07 #sideClubKAImypage #sideClubKAImypage07 a,
body#clubKAImypage08 #sideClubKAImypage #sideClubKAImypage08 a,
body#clubKAI01 #sideClubKAI #sideClubKAI01 a,
body#clubKAI02 #sideClubKAI #sideClubKAI02 a,
body#clubKAI03 #sideClubKAI #sideClubKAI03 a,
body#clubKAI04 #sideClubKAI #sideClubKAI04 a {
	color:#e2712b;
}

/* 04. mainContent
----------------------------------- */

#mainContent-right h2.title {
	padding: 20px 0;
}

#mainContent-right h3{
	margin-bottom: 20px;
}

#mainContent-right h3 a.link {
	display:block;
	float:right;
	width:80px;
	background:url(../common/img/icon_arrow_white.gif) no-repeat left center;
	padding-left:10px;
	color:#fff;
}

.ClubService li{
	margin-bottom: 20px;
	padding-bottom: 10px;
	overflow: hidden;
	border-bottom: 1px dotted #ccc;
}

.ClubService {
	margin-bottom: 50px;
}


.ClubService li p{
	float: left;
	width:150px;
	text-align:center;
}

.ClubService li dl {
	float: right;
	width: 530px;
}

.ClubService li dt {
	margin-bottom: 10px;
	font-weight: bold;
}

.ClubService li dd {
	margin-bottom: 5px;
}

.ClubService li dd.link {
	margin-bottom: 10px;
	font-weight: bold;
	padding-left: 10px;
	background: url(../common/img/icon_arrow_grey.gif) left center no-repeat;
}

p.newMember {
	text-align: center;
	margin-bottom: 50px;
}


/* マイページ
----------------------------------------------------------- */



table.noneLineList {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	margin-bottom: 30px;
}

table.noneLineList td{
	padding: 5px;
}


table.noneLineList2 {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

table.noneLineList2 td{
	padding: 5px;
}

/* 会員のみなさまへ
----------------------------------------------------------- */
.memberTab {
	width: 710px;

	overflow: hidden;
	margin-bottom: 20px;
}

.memberTab li {
	float: left;
	margin-right: 6px;
}

.reorder {
	border: 1px solid #cccccc;
	padding: 10px;
	margin-bottom: 20px;
}

.reorder p{
	float: right;
}




.thanks {
	border: 1px solid #cccccc;
	padding: 30px 10px;
	margin-bottom: 20px;
	overflow: hidden;
	text-align: center;
}



/* List
----------------------------------------------------------- */



/* Table
----------------------------------------------------------- */

.basic {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	width: 100%;
}

.basic td,
.basic th {
	padding: 10px;
	border: 1px solid #ccc;
}

.basic th {
	background: #F2F2F2;
	font-weight: normal;
}

.basic td {
	text-align: left;
	vertical-align: middle;
}


.basic2 {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	width: 100%;
}

.basic2 td,
.basic2 th {
	padding: 10px;
	border: 1px solid #ccc;
	text-align: left;
	vertical-align: top;
}

.basic2 th {
	background: #F2F2F2;
	font-weight: normal;
	width: 30%;
}

.basic3 {
	float: right;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

.basic3 td,
.basic3 th {
	padding: 10px;
	border: 1px solid #ccc;
	text-align: left;
	vertical-align: top;
}

.basic3 th {
	background: #F2F2F2;
	font-weight: normal;
}

.basic3 td.right,
.basic3 th.right {
	text-align: right;
}

.basic td.center {
	text-align: center;
}

.basic td.right {
	text-align: right;
}

.basicForm {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	width: 100%;
}

.basicForm td,
.basicForm th {
	padding: 10px;
	border: 1px solid #ccc;
	text-align: left;
}

.basicForm th {
	background: #F2F2F2;
	font-weight: normal;
}

.basicForm th.thanks {
	width: 20%;
}


.basicForm table.category {
	margin-bottom: 0;
}

#popup {
	padding: 20px;
	background: none;
}

#popup #mainContent {
	width: 700px;
	float: none;
	padding-left: 0;
	margin-right: 0;
	border: none;
}
/* ****************************************************************************
	common.css
******************************************************************************* */


/* ****************************************************************************
	form.css
******************************************************************************* */

div.mailmagazine_inner{
	border-top:1px dotted #CCC;
	margin-top:10px;
}

.subTxt{
	padding-top:10px;
}

.term_inner{
	border:1px solid #CCC;
	height:150px;
	overflow:auto;
	padding:10px 10px 0;
	margin-bottom: 20px;
}
.term_inner p{
	padding-bottom:10px;
}
.term_inner p strong{
	font-weight:bold;
}
.term_inner .lead {
	margin: 0 0 15px 0;
}

.term_inner .lead p.date{
	text-align:right;
	display:block;
}

.term_inner dl {
	margin: 0 0 15px 0;
}

.term_inner dl dt {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px dotted #CCCCCC;
}

span.must{
	padding-right:5px;
	color:#CC0000;
}

.btn2box {
	width:500px;
	margin:0 auto;
}

.w60 {
	width:60px;
}

.w120 {
	width:120px;
}

.w300 {
	width:300px;
}
/* ****************************************************************************
	form.css
******************************************************************************* */


/* ****************************************************************************
	news.css
******************************************************************************* */

#mainContent-right h2.title {
    font-size: 24px;
    padding: 20px 0;
}
#mainContent-right .pageTitle {
background-color: #999999;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    min-height: 21px;
    padding: 5px 0 0 10px;
}
#mainContent-right  h2.title,#mainContent-right .pageTitleHasMenu h2{font-size: 24px!important;}
#sideNews01.selected, #sideNews02.selected, #sideNews03.selected, #sideNews04.selected{font-weight:normal!important;}
h3.pageTitle a.newsRss {
    background: url(../img/btn_rss.png) no-repeat scroll left center transparent;
    padding-left: 20px;
	float:right;
	color:#fff;
	padding-right:10px;
}
/*.selected {
    font-weight:bold;
}*/

.selectedMonitor a {
   color: #E2712B;
}

span.colorRed{
    color:#CC0000;
}
/* 02. mainContent
----------------------------------- */
h2.title {
	font-size:24px;
	padding:20px 0;
}

/*=== title - menu ====*/
.pageTitleHasMenu {
	padding:10px 0;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
}

.pageTitleHasMenu h2 {
	float:left;
	width:150px;
	margin-top:10px;
	font-size:24px;
	min-height:31px;
}

.pageTitleHasMenu ul {
	float: right;
	width:380px;
	background:#f2f2f2;
	padding:15px 0 15px 20px;
	border-radius:3px;
}

.pageTitleHasMenu ul li {
	float:right;
	margin-right:20px;
	padding-left:15px;
}

.pageTitleHasMenu ul li#menuPress {
	background:url(../img/menu_icon_press.gif) no-repeat left center;
}

.pageTitleHasMenu ul li#menuInfo {
	background:url(../img/menu_icon_info.gif) no-repeat left center;
}

.pageTitleHasMenu ul li#menuEvent {
	background:url(../img/menu_icon_event.gif) no-repeat left center;
}

/*=== title ====*/
#mainContent-right h3 {
	margin-bottom:20px;
}
#mainContent-right h3 span.titleText {
	display:block;
	float:left;
	width:300px;
}

#mainContent-right h3 span.titleLink {
	float:right;
	width:300px;
	margin-right:10px;
	text-align:right;
}

#mainContent-right h3 span.titleLink a {
	background: url(../common/img/icon_arrow_white.gif) no-repeat left center;
	padding-left:10px;
	color:#fff;
}

#mainContent-right h3 span.titleLink a.rss {
	background:url(../img/btn_rss.png) no-repeat left center;
	padding-left:20px;
	width: auto !important;
}

form {
	margin-bottom:20px;
}

form select {
	width:100px;
}

table#newsTable td {
	padding:5px 20px;
}

table#newsTable th {
	font-weight:normal;
	white-space:nowrap;
	padding:5px 0 5px 20px;
	width:50px;
	text-align:left;
}

table#newsTable th.press_release {
	background:url(../img/news_icon_press.gif) no-repeat left 6px;
}

table#newsTable th.event_campain {
	background:url(../img/news_icon_event.gif) no-repeat left 6px;
}

table#newsTable th.information {
	background:url(../img/news_icon_info.gif) no-repeat left 6px;
}


/* ****************************************************************************
	news.css
******************************************************************************* */


/* ****************************************************************************
	news_detail.css
******************************************************************************* */

body.news h2 {
	font-size:16px !important;
}

body.news h4 {
	font-size:14px;
	margin-bottom:10px;
}

/*.releaseDetail_box
--------------------------------------------*/
div.news_container .releaseDetail_box{
	line-height:1.8;
}

div.news_container .releaseDetail_box a{
	text-decoration:underline;
}
div.news_container .releaseDetail_box a:hover{
	text-decoration:none;
}
/*
div.news_container .releaseDetail_box h2{
	display:block;
	font-size:14px;
	color:#333;
	font-weight:bold;
	padding:5px 0 20px;
	background: url(../common/img/dotted_line_width.gif) repeat-x left bottom;
	margin-bottom:10px;
}*/

div.news_container .releaseDetail_box p{
	padding-bottom:20px;
}
div.news_container .releaseDetail_box p.NewsImg,
div.news_container .releaseDetail_box p.set-center{
	text-align:center;
}


div.news_container .releaseDetail_box p span.attribute{
	color:#333;
}

/*div.news_container .releaseDetail_box h3{
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;
	color:#333;
}
div.news_container .releaseDetail_box h3.contact{
	padding-top:20px;
	background: url(../common/img/dotted_line_width.gif) repeat-x left top;
}*/

div.news_container .releaseDetail_box ul{
	list-style:disc;
	padding-bottom:20px;
}
div.news_container .releaseDetail_box ul li{
	margin-left:20px;
	margin-bottom:10px;
}


div.news_container .releaseDetail_box table.tableBorder{
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	width:100%;
	margin-bottom:20px;
}
div.news_container .releaseDetail_box table.tableBorder th,
div.news_container .releaseDetail_box table.tableBorder td{
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	padding:7px;
}
div.news_container .releaseDetail_box table.tableBorder th{
	background:#F4F4F4;
}

div.news_container .releaseDetail_box table.tableNormal{
	width:100%;
	margin-bottom:20px;
}
div.news_container .releaseDetail_box table.tableNormal th,
div.news_container .releaseDetail_box table.tableNormal td{
	padding:7px;
}

div.news_container .releaseDetail_box table.table2pic{
	width:100%;
}
	div.news_container .releaseDetail_box table.table2pic td{
		text-align:center;
		vertical-align:middle;
	}


/*#NewsHeader*/
div.news_container .releaseDetail_box #NewsHeader{
	padding-bottom:20px;
	text-align:right;
}
div.news_container .releaseDetail_box #NewsHeader p{
	/*display:inline;*/
	padding-bottom:0;
}
div.news_container .releaseDetail_box #NewsHeader p.NewsID{
	padding-left:15px;
}



/*.detailBlock
-------------------------------------*/
div.news_container .detailBlock{
	padding:20px;
	padding-bottom:0;
	border:1px solid #CCC;
}
	div.news_container .detailBlock .box-inner{
		padding-bottom:20px;
	}
	div.news_container .detailBlock .box-inner p{
		padding-bottom:5px;
	}
	div.news_container .detailBlock .box-inner p.title{
		font-weight:bold;
	}
	div.news_container .detailBlock table{
		border:1px solid #CCC;
		border-bottom:none;
		border-right:none;
		margin-bottom:5px;
	}
		div.news_container .detailBlock td{
			border:1px solid #CCC;
			border-top:none;
			border-left:none;
			padding:5px;
			line-height:1;
		}

/* ****************************************************************************
	news_detail.css
******************************************************************************* */

/* ****************************************************************************
	error.css
******************************************************************************* */
.errorBox {
	margin:100px 0 50px 0;
	text-align:center;
	font-weight:bold;
}

.errorBox .renewal {
	font-size:16px;
	line-height:1.6;
}

/* ****************************************************************************
	error.css
******************************************************************************* */

/*****************************************************************************
	link.css
******************************************************************************* */

#link h2 {
	font-size:24px;
	border-top:1px dotted #ccc;
	padding:20px 0;
	margin-top:20px;
}

#link .pageTitle {
    background-color: #666666;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    min-height: 21px;
    padding: 5px 0 0 10px;
}

#link  dl {
	border-bottom:1px dotted #ccc;
	padding:10px 0;
}

#link  dl dt {
	float:left;
	width:250px;
}

#link  dl dd {
	float:left;
	width:650px;
}

#link  dl dd .txt {
	float:left;
	width:450px;
}

#link  dl dd .pic {
	float: right;
	width:180px;
	text-align: center;
}

#link  .pageTop {
	margin:10px 0 20px 0;
}

#link .pageTop a {
	display:block;
	background: url(../common/img/icon_arrow_black_up.gif) left center no-repeat;
	padding-left:15px;
	float:right;
	width:115px;
}
/* ****************************************************************************
	link.css
******************************************************************************* */

/* ****************************************************************************
	START sitemap.css
******************************************************************************* */

/* CSS Document */
/*#oneColumn section h2 {
	font-size:24px;
	border-top:1px dotted #ccc;
	padding:20px 0;
	margin-top:20px;
}*/


/* table common */
table.tbl-style {
	background-color: #FFF;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 100%;
	border-spacing: 0px;

}

table.tbl-style th,
table.tbl-style td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 20px 10px 20px 10px;
}

table.tbl-style th {
	background-color: #f2f2f2;
	text-align: left;
}

table.tbl-style td {
	background-color: #FFF;
}




/* sitemap table */
.sitemap_container table.sitemap-tbl th {
	width: 308px;
}

.sitemap_container table.sitemap-tbl th a {
	display: block;
	background-image: url(../common/img/icon_arrow_grey.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}

.sitemap_container table.sitemap-tbl th a img {
	vertical-align: middle !important;
	margin-left: 5px;
	margin-top: -1px;
	line-height: 0;
}

.sitemap_container table.sitemap-tbl td > ul > li {
	line-height: 2;
}

.sitemap_container table.sitemap-tbl td > ul > li > a {
	display: block;
	background-image: url(../common/img/icon_arrow_grey.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 10px;
}


.sitemap_container table.sitemap-tbl td > ul.list2 > li {
	width: 50%;
	float: left;
}

.sitemap_container table.sitemap-tbl td > ul > li > a img {
	vertical-align: middle !important;
	margin-left: 5px;
	margin-top: -1px;
	line-height: 0;
}


/* ****************************************************************************
	END Sitemap.css
******************************************************************************* */


/* ****************************************************************************
	Start privatePolicy.css
******************************************************************************* */
body.privacypolicy h2,
body.sitepolicy h2 {
	font-size:24px;
	border-top:1px dotted #ccc;
	padding:20px 0;
	margin-top:20px;
}

.right {
	text-align: right;
}

.policy-list {
}

.policy-list dt {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.policy-list dd {
	margin-bottom: 25px;
}

.privacypolicy_contact{
	display: flex;
  align-items: center;
  background: #f2f2f2;
  padding: 15px;
	font-size: 11px;
	width: 55%;
}
.privacypolicy_contact .ttl{
    padding-right: 15px;
}
.privacypolicy_contact .detail{
	padding-left: 15px;
	border-left: 1px solid #fff;
}

.privacypolicy span.note{
  font-size: 11px;
  display: inline-block;
  padding-top: 10px;
}


/* ****************************************************************************
	END PrivatePolicy.css
******************************************************************************* */

/* ****************************************************************************
	Start sitePolicy.css
******************************************************************************* */
/*h2 {
	font-size:24px;
	border-top:1px dotted #ccc;
	padding:20px 0;
	margin-top:20px;
}*/

ol.sitepolicy-list {
	list-style-type: none !important;
	padding: 30px 0px 0px 0px;
}

.sitepolicy-list li {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.sitepolicy-list li dl {
}

.sitepolicy-list li dl dt {
	font-size: 14px;
	font-weight: bold;
	float: left;
	width: 2em;
}

.sitepolicy-list li dl dd {
	margin-left: 2.5em;
}
/* ****************************************************************************
	END sitePolicy.css
******************************************************************************* */

/* ****************************************************************************
	Start event->now and Past.css
******************************************************************************* */
/* CSS Document */
/* --------------------------------------------------------------------------
	募集ページ
	過去のイベント一覧
-------------------------------------------------------------------------- */
.eventDetailWrap{

}
/*.eventDetailBox{
	min-height:112px!important;
	overflow:hidden;
	height:0px!important;
}
.eventDetailBox ul li {height:auto!important;}*/
/*======================*/
/*イベントメイン画像*/
/*======================*/
.mainContentEventNow h2 {
	background:url(../img/h2_event.jpg) no-repeat left center;
	font-size:18px;
	padding:22px 0 14px 45px;
	/*border-bottom:1px dotted #ccc;*/
	min-height:31px;
}
.boshu_Header{
	height:246px;
	overflow:hidden;
	clear:both;
	margin-bottom:20px;
}
.boshu_Header h1{
	width:700px;
	height:0;
	margin:0!important;
	padding:246px 0 0 0!important;
	overflow:hidden;
	background:url(../img/event/now/120523main.jpg) no-repeat;
	/*background-size:cover;*/
}
.boshu_Header p{
}
/*======================*/
/*boshu_MainArea*/
/*======================*/
.boshu_MainArea{
	clear:both;
	padding:0px;
	padding-top:10px;
	line-height:1.4;
}
/*======================*/
/*イベント説明文*/
/*======================*/
.boshu_captionWrap{
}
.boshu_captionWrap h2{
	margin:0!important;
	color:#EA8700;
	font-size:16px;
	font-weight:bold;
	padding-bottom:5px;
}
.boshu_captionWrap p{
	margin:0!important;
}
.boshu_captionWrap p.lead{
	color:#000000;
	margin:20px 0;
	padding-bottom:10px;
	font-size: 14px;
	font-weight: bold;
}
.boshu_captionWrap p.text{
	color:#9E4E27;
	margin:20px 0;
	padding-bottom:10px;
}
.boshu_captionWrap p.text01{
	padding-bottom:20px;
}
.boshu_captionWrap p.text02{
	color:#000;
	background:#E1E1E1;
	padding:8px;
}
/*======================*/
/*講師紹介*/
/*======================*/
.boshu_teacherWrap{
	padding:15px;
	margin:0 0 20px 0;
	background:#F2F2F2;
}
.boshu_teacherWrap .photo{
	width:100px;
	display:block;
	float:left;
	padding:0;
}
.boshu_teacherWrap .names{
	font-weight:bold;
	color:#000;
}
.boshu_teacherWrap .names em{
	padding-top:5px;
	width:auto;
	margin:0;
	display:block;
	float:left;
	font-weight:bold;
	line-height:20px;

	font-size:14px;
	font-style:normal;
}
.boshu_teacherWrap .names em:after {
	content:":";
}

.boshu_teacherWrap .names strong{
	font-weight:bold;
	color:#000;
	font-size:20px;
}
.boshu_teacherWrap .text{
	padding:2px 0 0 0;
}


/*======================*/
/*イベント概要*/
/*======================*/
.boshu_outlineWrap{
	clear:both;
	padding:0;
	border:#ccc solid 1px;
	border-bottom:none;
	margin-bottom:20px
}
.boshu_outlineWrap dl{
	clear:both;
	padding:10px 0 0 0;
	border-bottom: 1px solid #ccc;
	/*width: 700px;*/
	background: #F2F2F2;
}
.boshu_outlineWrap dt{
	/*border-top: 1px solid #333;*/
	padding:0 0 0 10px;
	clear: left;
	float: left;
	width: 100px;
}
.boshu_outlineWrap dd{
	padding:10px 0 10px 10px;
	margin:-10px 0 0 100px;

	/*border-top: 1px solid #333;*/
	border-left: 1px solid #ccc;
	background: #fff;
}
.boshu_outlineWrap dd strong{
	color:#333;
	font-weight:normal;
	font-size:14px;
	padding-right:5px;
	letter-spacing:1px;
}
.boshu_outlineWrap dd.detail{
/*	padding-bottom:5px;*/
}
.boshu_outlineWrap dd.notice{
	font-size:10px;
	letter-spacing:1px;
}
.boshu_outlineWrap dd a{
	text-decoration:underline;
}
.boshu_outlineWrap dd.btn-oubo{
	/*padding:5px 0;*/
}
.boshu_outlineWrap dd.btn-oubo a{
	width:200px;
	height:32px;
	display:block;
	background:url(/jp/contents_file/event/img/event_btn_register.gif) 0 0 no-repeat;
	text-indent:-9999px;
}
.boshu_outlineWrap dd.btn-oubo a:hover{
	background-position:0 -32px;
}

/*======================*/
/*後日募集予定*/
/*======================*/
.boshu_nextWrap{
	clear:both;
	padding:10px;
	margin-bottom:15px;
	border:#CCC dotted 1px;
	background:#FFF;
}
	.boshu_nextWrap .wrap-header{
		padding:0 0 10px 0;
		border-bottom:#CCC dotted 1px;
	}
		.boshu_nextWrap .wrap-header strong{
			font-weight:bold;
		}
	.boshu_nextWrap .wrap-content{
		padding:10px 0 0 0;
	}
		.boshu_nextWrap .wrap-content dl{
			width:330px;
			display:block;
			float:left;
		}
			.boshu_nextWrap .wrap-content dl dt{
				font-weight:bold;
				color:#9E4E27;
			}

			.boshu_nextWrap .wrap-content dl dd{}
				.boshu_nextWrap .wrap-content dl dd strong{
					color:#333;
					font-weight:normal;
					font-size:14px;
					padding-right:5px;
					letter-spacing:1px;
				}

/*======================*/
/*CLUB KAI案内*/
/*======================*/
.boshu_clubkaiWrap{
	clear:both;
	padding:0;
	margin-bottom:30px;
	/*background:#E3DBC8 url(/jp/contents_file/event/img/report_flame_top.gif) 0 0 no-repeat;*/
}
.boshu_clubkaiWrap .boshu_clubkaiWrapInner{
	text-align:center;
	/*padding:0 20px 15px 20px;*/
	/*background:#E3DBC8 url(/jp/contents_file/event/img/report_flame_bottom.gif) left bottom no-repeat;*/
}
.boshu_clubkaiWrap p{
	/*margin:0!important;
	text-align:center;*/
	margin-bottom:10px;
}
.boshu_clubkaiWrap p.text strong{
	/*float:left;*/
	font-weight:bold;
	color:#000000;
	/*padding:15px 0 0 0;*/
}
.boshu_clubkaiWrap p.btn-clubkai{
	margin:0 auto;
	/*text-align:center;*/
	width:240px;
	height:40px;
	/*display:block;*/
}
.boshu_clubkaiWrap p.btn-clubkai a{
	width:240px;
	height:0;
	padding:40px 0 0 0;
	display:block;
	overflow:hidden;
	background:url(../img/btn_new_event_now.png) no-repeat 0 0;
}
.boshu_clubkaiWrap p.btn-clubkai a:hover{
	background-position:0 -40px;
}
/*======================*/
/*イベント応募ボタン*/
/*======================*/
.boshuTbl .title {
	padding: 5px 0 0 10px;
	font-size: 12px;
	font-weight: bold;
	color:#fff;
	background-color:#999999;
	border-radius: 3px;
	min-height:21px;
	margin-bottom:20px;
}
.boshuTbl table {
	width:700px;
	border-collapse:collapse;
	margin-bottom:20px;
}
.boshuTbl td {
	border:1px solid #ccc;
}
.boshuTbl table .date {
	background:#F2F2F2;
	vertical-align:middle;
	padding:0 0 0 10px;
	width:100px;
}
.boshuTbl table .oubo {
	padding:10px;
	border-right:none;
	width:260px;
}
.boshuTbl table .duration {
	vertical-align: middle;
	padding:0 0 0 10px;
	border-left:none;
}

.boshu_ouboWrap{
	clear:both;
	padding:15px 0;
}
.boshu_ouboWrap p.btn-oubo{
	width:191px;
	height:46px;
	margin:0 auto!important;
}
.boshu_ouboWrap p.btn-oubo a{
	width:191px;
	height:0;
	padding:46px 0 0 0;
	display:block;
	overflow:hidden;
	background:url(/jp/contents_file/event/img/event_btn_oubo.gif) 0 0 no-repeat;
}
.boshu_ouboWrap p.btn-oubo a:hover{
	background-position:0 -46px;
}


.pastAll{
	background:url(/jp/contents_file/img/btn_pastall.gif) no-repeat 0 0;
	width:183px;
	padding-top:13px;
	height:0;
	overflow:hidden;
	clear:both;
}
.pastAlle{
	margin-left:20px;
	width:188px;
}
.pastAlle a{
	background:url(/jp/contents_file/event/img/btn_pastall.gif) no-repeat 0 0;
	width:183px !important;
	padding-top:12px;
	height:0;
	overflow:hidden;
	clear:both;
	display:block;
}
.pastAlle a:hover{
	background-position:0 -13px;

}

.pagetop{
	margin-left:20px !important;
}
.reportAll {
	background: url(../common/img/icon_arrow_grey_left.gif) no-repeat left center;
	padding-left: 12px;
}
/*======================*/
/*過去のイベント一覧*/
/*======================*/
ul.eventPastWrap {
	border:1px solid #FFF;}
li.eventPastBox {
	border-bottom:1px dotted #ccc;
	padding:20px 0;
	overflow:hidden;
}
li.eventPastBox img {
	float:left;
}
li.eventPastBox p {
	float:left;
	padding-left:10px;
	width:550px;
	font-weight:bold;
}
 li.eventPastBox p a {
	 font-size:120%;
	 display:block;
	 margin-bottom:5px;
}
li.eventPastBox span {
	display:block;
	font-weight: normal;
	margin-top:5px;
}
li.eventPastBox em {
	font-style:normal;
}
/* ****************************************************************************
	End event->now and Past.css
******************************************************************************* */


/******************************saajan***************************************************
for IE7, IE8, IE9
*********************************************************************************/
.ie7 div.monitorWrap ul li{width:495px;}
.ie7 #kaiAbout ul {width:285px;}
.ie7 p.paging{height:15px;}
.ie7 a.next{position:relative; top:-15px;}
.boshu_teacherWrap .photo{ margin:0px 10px 0px 0px; min-height:160px;}
.boshu_teacherWrap .mar-text{margin-left:109px; float:left;}
.mainContentReport .reportDetailWrap .profileWrap .profileTtl p img{margin-right:10px;}
/*.ie7 .eventDetailBox{
	min-height:120px!important;}*/
.ie7 footer{padding-top:20px;}

/*********************************************************************************
For Products added by RLS @20130318
*********************************************************************************/

body.products h4 {
	padding:5px 10px;
	margin:20px 0;
}

body.products h3 {
	font-weight:bold;
	font-size:18px;
	margin:10px 0;
}

h4.mediaNav {
	font-weight:bold;
	font-size:14px;
	background:url(../img/products/bg_press.gif) repeat left top;
	padding:15px;
}

.mediaNav a {
	padding:0px 0px 0px 10px;
	background:url(../common/img/icon_arrow_grey.gif) no-repeat left 5px;
}

div.brandNav {
	padding:15px 15px;
	margin:20px 0px;
	background: none repeat scroll 0% 0% rgb(247, 247, 247);
}

.brandNav a {
	margin:0px 20px 0px 0px;
	padding:0px 0px 0px 12px;
	background:url(../common/img/icon_arrow_grey_down.gif) no-repeat left center;
}

.brandList ul {
	list-style-type: none;
	overflow:hidden;
}

.brandList li {
	width:445px;
	height:145px;
	margin:0px 5px 10px 5px;
	border:1px solid rgb(204, 204, 204);
	display:block;
	float:left;
}

.brandList figure {
	margin:0px;
	padding:0px;
	display:block;
	float:left;
}

.brandList dl {
	margin:10px 15px 5px 5px;
}

.brandList dt {
	font-weight:bold;
	font-size:12px;
}

.brandList dd {
	margin:5px 0px 0px 0px;
}

.brandList dd a {
	padding:0px 0px 0px 12px;
	background:url(../common/img/icon_arrow_grey_down.gif) no-repeat left center;
}

body.products h2 {
	font-size:24px;
	border-top:1px dotted #ccc;
	padding:20px 0 20px 40px;
	margin-top:20px;
}


h2.kitchen {
	background:url(../img/products/brand/icon_kitchen.gif) no-repeat left center;
}

h2.sweets {
	background:url(../img/products/brand/icon_sweets.gif) no-repeat left center;
}

h2.beauty {
	background:url(../img/products/brand/icon_beauty.gif) no-repeat left center;
}

h2.mens {
	background:url(../img/products/brand/icon_mens.gif) no-repeat left center;
}

h2.daily {
	background:url(../img/products/brand/icon_daily.gif) no-repeat left center;
}

/* ----- index ----- */
.itemList li.brandBox {
	list-style-type: none;
	overflow:hidden;
	border-bottom:1px dotted #ccc;
	padding-bottom:20px;
	margin-bottom:20px;
}

.itemList figure {
	float: right;
}

.itemList dl {
	float: left;
}

.itemList dt {
	margin:10px 0 20px 0;
}

.itemList dd.content {
	margin-left:40px;
}

.itemList dd.content ul.btns li {
	float:left;
	margin-right:10px;
}

#businessUse {
	padding:10px 20px;
	background:#d5e6f1;
}

#businessUse dl dt {
	padding-top:10px;
	margin-bottom:20px;
}

#businessUse figure {
	float:right;
}

p.outline {
	font-size:12px;
	margin-bottom:20px;
}

.pageTop {
	margin:0px;
}

.pageTop a {
	display:block;
	background: url(../common/img/icon_arrow_black_up.gif) left center no-repeat;
	padding-left:15px;
	float:right;
	width:115px;
}


/*********************************************************************************
END
*********************************************************************************/