/* structure
======================================*/
#structure {
	position: relative;
	margin: 0 auto;
	/*padding: 0 18px;*/
	width: 1020px;/*940px;*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 75%;
	line-height: 1.5;
	color: #4d4d4d;
}

#relation-only #structure {
	width: 240px;  /* width of relation-only iframe */
	padding : 0 0;
}

/* header
======================================*/
#header {
	/*background: url(../img/header_bg_0001.jpg) 0 100% no-repeat;*/
	position: relative;
	/*padding: 8px 8px 10px;*/
	/*border-top: 2px solid #005bac;*/
	zoom: 1;
}
#header:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
#header .identity {
	float: left;
	margin: 0;
	padding: 0 0 0 0;
	border: 0 none;
}
#header .identity img {
	display: block;
}
#header .guide {
	position: absolute;
	left: 137px;
	top: 21px;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	zoom: 1;
}
#header .utility {
	width: 692px;
	float: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#header .utility:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
#header .utility .user {
	float: left;
	margin: 0;
	padding: 0 0 0 14px;
	background: url(../img/header_ico_0001.gif) 0 0.25em no-repeat;
}
#header .utility .member-info {
	float: left;
	margin: 0;
	padding: 0 0 3px 8px;
	list-style-type: none;
}
#header .utility .member-utility {
	clear: left;
	width: 692px;
	margin: 0;
	padding: 0.333em 0 0 0;
	list-style-type: none;
	border-top: 1px solid #d9d9d9;
}

#header li {
	float: left;
	margin: 0;
	padding-right: 8px;
	*padding-right: 6px;
}
#header li.logout,
#header li.wel-coin {
	padding-left: 14px;
	background: url(../img/header_bg_0002.gif) 0 0.25em no-repeat;
	*background-position: 0 0.167em;
}
#header li.logout {float:right; padding-right:0;}

#header li.my-list,
#header li.cafeteria-point {
	padding-left: 8px;
	background: url(../img/header_bg_0003.gif) 0 0.25em no-repeat;
	*background-position: 0 0.167em;
}
#header li.faq {
	padding-left: 8px;
	background: url(../img/header_bg_0003.gif) 0 0.25em no-repeat;
}

#header li a:link,
#header li a:visited {
	padding: 0 0 0 14px;
	background-position: 0 0;
	background-repeat: no-repeat;
	*background-position: 0 0;
	text-decoration: none;
}
#header li a:link:focus,
#header li a:visited:focus,
#header li a:link:hover,
#header li a:visited:hover,
#header li a:link:active,
#header li a:visited:active {
	text-decoration: underline;
}
#header .guide li a {
	padding-left: 13px;
	background: url(../img/header_ico_0011.gif) no-repeat;
}
#header li.edit a,
#header li.reserve a {
	background-image: url(../img/header_ico_0002.gif);
	*background-position: 0 0.167em;
	zoom: 1;
}
#header li.logout a {
	padding-left: 16px;
	background-image: url(../img/header_ico_0003.gif);
	*background-position: 0 0.167em;
	zoom: 1;
}
#header li.result a {
	background-image: url(../img/header_ico_0004.gif);
	*background-position: 0 0.25em;
	zoom: 1;
}
#header li.my-list a {
	background-image: url(../img/header_ico_0010.gif);
	*background-position: 0 0.25em;
	zoom: 1;
}
#header li.faq a {
	background-image: url(../img/header_ico_0009.gif);
	*background-position: 0 0.25em;
	zoom: 1;
}

#header li.pay a {
	padding: 0 0 0 15px;
	background-image: url(../img/header_ico_0008.gif);
	*background-position: 0 0.2em;
	zoom: 1;
}
#header li.wel-coin a {
	padding-left: 15px;
	background-image: url(../img/header_ico_0006.gif);
	*background-position: 0 0.2em;
}
#header li.cafeteria-point a {
	padding-left: 18px;
	background-image: url(../img/header_ico_0007.gif);
	*background-position: 0 0.3em;
}

#header li.wel-coin,
#header li.cafeteria-point {
	margin-top: -0.2em;
	*margin-top: -0.3em;
	_margin-top: -0.1em;
	font-size: 83.3%;
	background-position: 0 0.4em;
	*background-position: 0 0.7em;
}
#header li.wel-coin a,
#header li.cafeteria-point a {
	font-size: 120%;
	zoom: 1;
}
#header li.wel-coin em,
#header li.cafeteria-point em {
	font-size: 140%;
	*font-size: 170%;
}
#header li.cafeteria-point {
	padding-right: 0;
}

/* topicpath
======================================*/
.topicpath {
	margin: 0;
	padding: 0.667em 0;
	zoom: 1;
}
.topicpath:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
.topicpath .crumb-list {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.topicpath .crumb-list:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
.topicpath .crumb-list li {
	float: left;
}

.topicpath .crumb-list li.back a {
	display: block;
	padding: 0 0 0 14px;
	background: url(../img/ico_0007.gif) 0 0.333em no-repeat;
	*background-position: 0 0.333em;
	white-space: nowrap;
}
.topicpath .crumb-list li.home {
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	background: url(../img/topicpath_bg_0001.gif) 0 0.167em no-repeat;
}
.topicpath .crumb-list li.home a {
	display: block;
	padding: 0 0 0 14px;
	background: url(../img/ico_0008.gif) 0 0.167em no-repeat;
	*background-position: 0 0.167em;
	white-space: nowrap;
}
.topicpath ul.anchor-link-listB01 {
	float: right;
	margin: 0;
}
.topicpath .anchor-link-listB01 li {
	margin: 0;
}

/* breadcrumb
======================================*/
.breadcrumb {
	margin: 0;
	padding: 0.667em 0 0;
}
.breadcrumb p {
	margin: 0;
	padding: 0;
}
.breadcrumb .combinator {
	padding: 0 0.417em;
}
.breadcrumb em {
	font-weight: normal;
}

/* link
======================================*/
ul.anchor-link-listB01 {
	margin: 0.833em 0 0;
	padding: 0;
	list-style-type: none;
	zoom: 1;
}
ul.anchor-link-listB01:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
ul.anchor-link-listB01 li {
	float: left;
	margin: 0.25em 10px 0 0;
	white-space: nowrap;
}
ul.anchor-link-listB01 li a {
	display: block;
	padding: 0 0 0 12px;
	background: url(../img/ico_0002.gif) 0 0.25em no-repeat;
	*background-position: 0 0.333em;
}

div.back-to-pagetopA01 {
	margin-top: 0.833em;
}
div.back-to-pagetopA01 .crumb-list {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div.back-to-pagetopA01 .crumb-list li.back a {
	display: block;
	padding: 0 0 0 14px;
	background: url(../img/ico_0007.gif) 0 0.333em no-repeat;
	*background-position: 0 0.333em;
	white-space: nowrap;
}

/* common-related
======================================*/
#common-related {
	float: right;
	margin: 0 0 3.33em;
	padding: 0;
	width: 220px;
	z-index: 1;
}
#common-related .headingA03 img {
	position: relative;
}
#relation-only #ctl00_WelboxWebNoFrameContentPlace_PanelRelation_CMSPartsCommonRelatedAD_ContentsPanel {
	overflow: hidden;
}

/* sub-related
======================================*/
#sub-related {
	float: right;
	margin: 0 0 3.33em;
	padding: 0;
	width: 160px;
}

/* article
======================================*/
#article {
	float: left;
	margin: 0 0 3.33em;
	padding: 0;
	width: 700px;
}
div.article-wide{
	float: left;
	margin: 0 0 3.33em;
	padding: 0;
	width: 940px;    
}
#article:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

/* article-format-tableE01
======================================*/
#article-format-tableE01 {
	float: left;
	padding: 0;
	width: 700px;
}
#article-format-tableE01:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

/* article-format-tableE02
======================================*/
#article-format-tableE02 {
	float: left;
	padding: 0;
	width: 940px;
}
#article-format-tableE02:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

/* article-familyPage
======================================*/
#article-familyPage {	
	
	width: 700px;
	background-color:White;
	background:background-color;
	position: relative;	
	margin : 0 18px;	
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;	
	line-height: 1.5;
	color: #4d4d4d;
	font-size: 75%;
}
div.article-familyPage-wide{	
	padding: 0;
	width: 940px;
	background-color:White;  
}
#article-familyPage:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

/* browse-history
======================================*/
#browse-history {
	position: relative;
	clear: both;
	margin: 0;
	padding: 0;
}
#browse-history h2 {
	margin: 0;
	padding: 0;
}
#browse-history .clear-history {
	position: absolute;
	left: 129px;
	top: 9px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 83.3%;
}
#browse-history .slide-page {
	position: absolute;
	right: 9px;
	_right: 27px;
	top: 9px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 83.3%;
}
#browse-history .clear-history li {
}
#browse-history .slide-canvas {
	position: static;
	min-height: 56px;
	_height: 56px;
	padding: 0 38px;
	background: url(../img/history_bg_0001.gif) 0 100% no-repeat;
	zoom: 1;
}
#browse-history .slide-viewport {
	width: 100%;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
	zoom: 1;
}
#browse-history .slide-canvas-group {
	margin: 0;
	zoom: 1;
	width: 10000000px !important;
}
#browse-history .slide-canvas-group:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
#browse-history .slide-canvas-group li {
	float: left;
	width: 121px;
	min-height: 40px;
	height: 40px;
	margin: 0.667em 8px 0.5em 0;
	padding: 0 0 0 43px;
	font-weight: normal;
	/*border-left: 1px dotted #bfbfbf;*/
	background: url(../img/history_bg_0002.gif) 0 0.667em no-repeat;
	padding-top: 0.667em !important;
	margin-top: 0 ! important;
	top: 3px;
	zoom: 1;
	list-style-type: none;
}
#browse-history .slide-canvas-group li img.thumbnail {
	display: block;
	float: left;
	margin: 0 0 0 -43px;
	_margin-left: -21px;
	padding: 0 3px 0.417em 8px;
}
#browse-history .slide-canvas-group li img.profit,
#browse-history .slide-canvas-group li span.png-alternate {
	float: left;
	margin: -5px 0 0 -19px;
	*margin-left: -9px;
	margin-left: -19px;
}
#browse-history .slide-canvas-group li.first-child {
	background: none;
}
#browse-history .slide-controller {
	margin: 0;
	padding: 0;
	list-style: none;
	zoom: 1;
}
#browse-history .slide-controller li.slide-prev {
	position: absolute;
	left: 8px;
	bottom: 8px;
	_top: 34px;
}
#browse-history .slide-controller li.slide-next {
	position: absolute;
	right: 8px;
	_right : 26px;
	bottom: 8px;
	_top: 34px;
}
#browse-history .slide-controller li a {
	cursor: pointer;
	display: block;
}
#browse-history .slide-controller li a.disabled {
	cursor: default;
}
#browse-history .slide-controller a {
  overflow:hidden;
  outline: none;
}

/* footer
======================================*/
#footer {
	clear: both;
	margin: 1.667em 0 2.833em;
	padding: 0;
}
#footer .site-info {
	margin: 0;
	padding: 0.667em 0 0.417em;
	list-style-type: none;
	border-top: 1px solid #bfbfbf;
	zoom: 1;
}
#footer .utility{
	clear: left;
	margin: 0;
	padding: 0.667em 0 0;
	border-top: 1px solid #bfbfbf;
	zoom: 1;
}
#footer .site-info:after,
#footer .utility:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
#footer .site-utility {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#footer li {
	float: left;
	margin: 0;
	padding-right: 10px;
	padding-left: 8px;
	text-indent: -8px;
	background: url(../img/ico_0001.gif) 0 0.5em no-repeat;
	*background-position: 0 0.667em;
}
#footer li a:link,
#footer li a:visited {
	padding-left: 8px;
	text-decoration: none;
}
#footer li a:link:focus,
#footer li a:visited:focus,
#footer li a:link:hover,
#footer li a:visited:hover,
#footer li a:link:active,
#footer li a:visited:active {
	text-decoration: underline;
}
#footer .copyright {
	float: right;
	font-style: normal;
}

/* add201300504 */

#footer-wide {
	width: 940px;
}
#footer #footer-wide .utility p {
	float: left;
	margin: 0;
	padding: 0;
}
#footer #footer-wide .utility p.company-name {
	float: right;
}
#footer #footer-wide .copyright {
	margin-top: -0.833em;
	*margin-top: 0.417em;
	clear: both;
	font-size: 83.3%;
}

/* 外注デザインのスタイルを上書き（同名スタイルは上の方にあります） */
#header .utility .user {
	padding: 0;
	background: none;
}
#header li.family {
	padding-left: 8px;
	background: url(../img/header_ico_0012.gif) 0 0.25em no-repeat;
}
#header li.faq a {
	padding-left: 16px;
}
#header li.result a {
	padding-left: 16px;
}
#header li.cafeteria-point a {
	background-position: 0 50%;
}
#header .guide li a,
#header .member-info li a,
#header .member-utility li a {
	padding-top: 2px;
	padding-bottom: 2px;
}
/* 外注デザインのスタイルを上書きここまで */
.mt00 {
	margin-top: 0 !important;
}
.mt05 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt45 {
	margin-top: 45px !important;
}
.mt50 {
	margin-top: 50px !important;
}

.mr00 {
	margin-right: 0 !important;
}
.mr05 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr25 {
	margin-right: 25px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mr35 {
	margin-right: 35px !important;
}
.mr40 {
	margin-right: 40px !important;
}
.mr45 {
	margin-right: 45px !important;
}
.mr50 {
	margin-right: 50px !important;
}

.mb00 {
	margin-bottom: 0 !important;
}
.mb05 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb35 {
	margin-bottom: 35px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb45 {
	margin-bottom: 45px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}

.ml00 {
	margin-left: 0 !important;
}
.ml05 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml15 li{
    margin-left: 10px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml25 {
	margin-left: 25px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml35 {
	margin-left: 35px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml45 {
	margin-left: 45px !important;
}
.ml50 {
	margin-left: 50px !important;
}

.align-left {
	text-align: left !important;
}
.align-right {
	text-align: right !important;
}
.align-center {
	text-align: center !important;
}