@charset "utf-8";

/* --------------------------------
FILE NAME    ：default1.css
AUTHOR       ：Arcadia-Arts
LAST UPDATE  ：May 7, 2013
-------------------------------- */


/* initialize */
body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,blockquote,form,iframe,fieldset,table,th,td,img,object,embed {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	font-size: 100%;
}
/* structure module */
html {
	width: 100%;
}
body {
	width: 100%;
	color: #333333;
	font-family: "Lucida Grande","Verdana","Meiryo",sans-serif;
	font-size: small;
	line-height: 1.5;
}
/* horizontal */
hr {
	display: none;
}
/* text module */
address {
	font-style: normal;
}
abbr,acronym {
	border: none;
	text-decoration: none;
}
/* hypertext module */
a:link {
	color: #333333;
	text-decoration: underline;
}
a:visited {
	color: #666666;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #cc0000;
	text-decoration: underline;
	cursor: pointer;
}
/* list module */
ol,ul {
	list-style: none;
}
li {
	list-style-type: none;
}
/* forms module */
iframe {
	border: 0;
	outline: 0;
}
legend {
	display: none;
}
input,textarea,select,option {
	font-size: 100%;
}
input[type="submit"],input[type="reset"],input[type="radio"],input[type="checkbox"],input[type="image"],input[type="button"],select {
	cursor: pointer;
}
input[type="text"],input[type="password"],textarea {
	font-family: monospace;
	cursor: text;
}
/* table module */
table {
	width: 100%;
	border-collapse: collapse;
}
th,td {
	text-align: left;
	vertical-align: top;
}
/* image module */
img {
	vertical-align: top;
}
/* object module */
object,embed {
	border: none;
	vertical-align: top;
}
/* common styles
-------------------------------- */
/* clearfix */
.container:after,
.block:after,
.chapter:after,
.section:after,
.item:after {
	display: block;
	clear: both;
	visibility: hidden;
	width: 0;
	height: 0;
	font-size: 0%;
	line-height: 0%;
	content: ".";
}
/* invisible */
.accessibility,
.accessibility * {
	display: block;
	overflow: hidden;
	width: 0;
	height: 0;
	border: 0;
	font-size: 0%;
	line-height: 0%;
	text-decoration: none;
	text-indent: -99999px;
}
.invisible {
	display: block;
	overflow: hidden;
	border: 0;
	font-size: 0%;
	line-height: 0%;
	text-decoration: none;
	text-indent: -99999px;
}

/* --------------------------------
page
-------------------------------- */
body {
	background: #ffffff url(../images/bg-page.jpg);
}
.page {
	position: relative;
	width: 820px;
	margin: 0 auto;
/*	background: url(../images/bg-page.jpg) repeat-y 0 0; */
}


/* --------------------------------
document header
-------------------------------- */
/* status */
.document-header .status {
	margin: 0 0 0 70px;
}
/* logo */
.document-header .logo {
	width: 325px;
}
.document-header h1,
.document-header .logo address {
	overflow: hidden;
	width: 250px;
	height: 47px;
	margin: 4px 0 6px 70px;
	background: url(../images/logo-yellow.gif) no-repeat 0 0;
}
.document-header h1 a,
.document-header .logo address a {
	display: block;
	width: 250px;
	height: 47px;
	font-size: 0%;
	line-height: 0%;
	text-indent: -999999px;
	text-decoration: none;
}
/* navigator */
.document-header .navigator {
	position: absolute;
	top: 0;
	left: 415px;
	overflow: hidden;
	width: 241px;
	height: 242px;
	background: url(http://www.j-wave.co.jp/original/tokyounited/image/pic-top-jk.png) no-repeat 100% 0;
	font-size: 0%;
	line-height: 0%;
	text-indent: -999999px;
	text-decoration: none;
}


/* --------------------------------
navigation
-------------------------------- */
.navigation { /* IE fix */
	position: fixed;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 84px;
	margin: 0 0 0 -410px;
	_display:none;
}
.navigation h2 {
	float: left;
	width: 14px;
}
.navigation h2:hover,
.navigation h2:active {
	cursor: pointer;
}
.navigation ul {
	display: none;
	position: absolute;
	top: 0;
	left: 14px;
	width: 175px;
}


/* --------------------------------
document body
-------------------------------- */
.document-wrapper {
	width:505px;
	background: url(../images/bg-document.gif) repeat 0 0;
}
.document-body .container {
	background: url(../images/bg-document-head.gif) no-repeat top right;
}
/* layout */
body.program .document-body {
	width: 820px;
	background: url(../images/bg-program-document.jpg) 0 0;
}
/*
body.program .primary {
	float: right;
	width: 408px;
	min-height: 600px;
	margin: -101px 0 0 0;
	padding: 0 0 240px 0;
	background: url(../images/bg-individual-primary.gif) repeat-y  0 0;
}
*/
body.program .primary {
	float: right;
	width: 408px;
	min-height: 800px;
	margin: -101px 0 0 0;
	padding: 0;
	background: url(../images/bg-individual-primary.gif) repeat-y  0 0;
}
/* title */
body.program .document-body .primary h1 {
	float: left;
	width: 408px;
	height: 127px;
	margin: 0;
	font-size: 0%;
	line-height: 0%;
	text-indent: -999999px;
	text-decoration: none;
}
body.weider .document-body .primary h1 { background: url(../images/ttl-program-weider.gif) no-repeat 0 0; }
body.courrier .document-body .primary h1 { background: url(../images/ttl-program-courrier.gif) no-repeat 0 0; }
body.crossing .document-body .primary h1 { background: url(../images/ttl-program-crossing.gif) no-repeat 0 0; }
body.berlitz .document-body .primary h1 { background: url(../images/ttl-program-berlitz.gif) no-repeat 0 0; }
body.aohata .document-body .primary h1 { background: url(../images/ttl-program-aohata.gif) no-repeat 0 0; }
body.konica .document-body .primary h1 { background: url(../images/ttl-program-konica.gif) no-repeat 0 0; }
body.mizuno .document-body .primary h1 { background: url(../images/ttl-program-mizuno.gif) no-repeat 0 0; }
body.georgia .document-body .primary h1 { background: url(../images/ttl-program-georgia.gif) no-repeat 0 0; }
body.bizmix .document-body .primary h1 { background: url(../images/ttl-program-bizmix.gif) no-repeat 0 0; }
body.nittsu .document-body .primary h1 { background: url(../images/ttl-program-nittsu.gif) no-repeat 0 0; }
body.tepco .document-body .primary h1 { background: url(../images/ttl-program-tepco.gif) no-repeat 0 0; }
body.blendy .document-body .primary h1 { background: url(../images/ttl-program-blendy.gif) no-repeat 0 0; }
body.toyota .document-body .primary h1 { background: url(../images/ttl-program-toyota.gif) no-repeat 0 0; }
body.seveneleven .document-body .primary h1 { background: url(../images/ttl-program-7eleven.gif) no-repeat 0 0; }

body.program .document-body .program-title {
	position: relative;
	width: 408px;
}
body.program .document-body .secondary h2 a {
	display: block;
	overflow: hidden;
	width: 320px;
	height: 11px;
	margin: 0 0 14px;
	padding: 28px 0 0 0;
	font-size: 0%;
	line-height: 0%;
	text-indent: -999999px;
	text-decoration: none;
}
body.program .document-body .secondary p.description {
	overflow: hidden;
	width: 287px;
	height: 26px;
	background: url(../images/txt-secondary-description.gif) no-repeat 0 0;
}
body.program .document-body .secondary p.description strong {
	display: block;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 0%;
	line-height: 0%;
	text-indent: -99999px;
	text-decoration: none;
}
body.program .document-body .secondary h2.contents a {
	background: url(../images/ttl-top-contents.gif) no-repeat 0 28px;
}
body.program .document-body .secondary h2.program-list a {
	background: url(../images/ttl-top-timetable.gif) no-repeat 0 28px;
}
/* chapter */
.document-body .secondary .chapter {
	width: 344px;
	margin: 0 0 0 74px;
}

/* secondary */
body.program .secondary {
	float: left;
	width: 408px;
}

/* --------------------------------
document footer
-------------------------------- */
.document-footer {
	width: 820px;
	margin: -160px 0 0 0;
	background: url(../images/bg-footer-tab.gif) no-repeat 70px 120px;
}
/*
.document-footer {
	width: 820px;
	margin: -160px 0 0 0;
	background: url(../images/bg-footer-tab.gif) no-repeat 70px 110px;
}
*/
.document-footer .banner {
	padding: 0 0 0 108px;
}
.document-footer .banner li {
	display: inline;
	padding: 0 12px 0 0;
}
.document-footer address {
	overflow: hidden;
	width: 268px;
	height: 54px;
	margin: 16px 0 0 70px;
/*	background: url(../images/txt-copyright.gif) no-repeat 0 0; */
	background: url(/common/img/copyright_black.gif) no-repeat 0 0;
	font-size: 0%;
	line-height: 0%;
	text-indent: -999999px;
	text-decoration: none;
}


/* --------------------------------
program
-------------------------------- */

/* primary
-------------------------------- */
.corner-description {
	width: 354px;
	margin: 0 auto;
	padding: 0 0 20px 0;
}
/* podcast */
.corner-description .howto {
	margin: 20px 0 0;
}
.corner-description .howto .button {
	padding: 0.5em 0;
}
.corner-description .howto .button p {
	float: left;
	width: 133px;
}
.corner-description .howto .button p.description {
	float: right;
	width: 195px;
	font-size: smaller;
}
.document-body .primary .sponsor {
	position: absolute;
	top: -18px;
	left: 350px;
	width: 470px;
}
.document-body .primary .flash {
	top: 0;
}
.document-body .primary .sponsor p {
	width: 470px;
	text-align: right;
}
.document-body .primary h2.topics {
	display: block;
	overflow: hidden;
	width: 364px;
	height: 17px;
	margin: 0 0 0 24px;
	background: url(../images/bg-individual-topics-head.gif) no-repeat 0 0;
	font-size: 0%;
	line-height: 0%;
	text-indent: -999999px;
	text-decoration: none;
}
.document-body .primary div.topics {
	width: 364px;
	margin: 0 0 0 24px;
	background: url(../images/bg-individual-topics-body.gif) repeat-y 0 0;
}
.document-body .primary div.topics .wrap {
	padding: 0 24px 14px;
	background: url(../images/bg-individual-topics-foot.gif) no-repeat left bottom;
}
.document-body .primary div.topics .wrap h3 {
	color: #744804;
	font-weight: normal;
}
.document-body .primary div.topics .wrap p {
	padding: 0.5em 0;
	text-align: justify;
}
.document-body .primary div.topics .wrap ol,
.document-body .primary div.topics .wrap ul {
	padding: 0 0 0 2.0em;
}
.document-body .primary div.topics .wrap ol li {
	list-style-type: decimal;
}
.document-body .primary div.topics .wrap ul li {
	list-style-type: disc;
}
.document-body .primary div.topics .wrap blockquote {
	margin: 0.5em 0;
	padding: 0.2em 0.5em;
	border: blue;
	background: #eeeeee;
}
.document-body .primary div.topics .wrap strong.attention {
	color: #cc0000;
}
.document-body .primary div.topics .wrap em.attention {
	color: #ff9900;
	font-style: normal;
}
.document-body .primary div.topics .wrap .note {
	color: #999999;
}
/* entry more */
.document-body .primary div.topics .wrap .more {
	padding: 2.0em 0 0;
	text-align: right;
}
.document-body .primary div.topics .wrap .more p {
	display: inline;
	margin: 0;
	background: url(../images/mkr-arrow-square.gif) no-repeat 100% 50%;
}
.document-body .primary div.topics .wrap .more p a {
	margin: 0 14px 0 0;
}
.document-body .primary .category-backnumber {
	width: 354px;
	margin: 0 auto;
	padding: 20px 0;
}
.document-body .primary .category-backnumber li a {
	display: block;
	padding: 0 0 0 14px;
	background: url(../images/mkr-arrow-square.gif) no-repeat 0 0.5em;
}

/* --------------------------------
popup
-------------------------------- */
body.popup {
	overflow: hidden;
	width: 100%;
	height: 450px;
	background: #ffffff;
}
body.popup .window {
	overflow: hidden;
	width: 550px;
	height: 450px;
	margin: 20px auto;
}
body.popup h1 {
	width: 500px;
	margin: 0 auto;
}
body.popup .frame {
	overflow: auto;
	width: 500px;
	height: 300px;
	margin: 0 auto;
}
body.popup .frame .section {
	padding: 0.5em 1.0em;
}
body.popup .ctrl {
	overflow: auto;
	width: 500px;
	height: 300px;
	margin: 12px auto;
}
body.popup .ctrl .pager {
	float: left;
	width: 50%;
}
body.popup .ctrl .pager li {
	display: inline;
	padding: 0 1.0em;
}
body.popup .ctrl .popup-close {
	float: right;
	padding: 0.5em 1.0em;
}
body.popup .frame h3 {
	color: #744804;
	font-weight: normal;
}
body.popup .frame p {
	padding: 0.5em 0;
	text-align: justify;
}
body.popup .frame ol,
body.popup .frame ul {
	padding: 0 0 0 2.0em;
}
body.popup .frame ol li {
	list-style-type: decimal;
}
body.popup .frame ul li {
	list-style-type: disc;
}
body.popup .frame blockquote {
	margin: 0.5em 0;
	padding: 0.2em 0.5em;
	border: blue;
	background: #eeeeee;
}
body.popup .frame strong.attention {
	color: #cc0000;
}
body.popup .frame em.attention {
	color: #ff9900;
	font-style: normal;
}
body.popup .frame .note {
	color: #999999;
}
body.popup .frame .more {
	padding: 2.0em 0 0;
	text-align: right;
}
body.popup .frame .more p {
	display: inline;
	margin: 0;
	background: url(../images/mkr-arrow-square.gif) no-repeat 100% 50%;
}
body.popup .frame p a {
	margin: 0 14px 0 0;
}



/* --------------------------------
home
-------------------------------- */

/* common styles
-------------------------------- */
/* title */
.home .document-body h2 a {
	display: block;
	overflow: hidden;
	width: 320px;
	height: 11px;
	margin: 0 0 14px;
	padding: 28px 0 0 0;
	font-size: 0%;
	line-height: 0%;
	text-indent: -999999px;
	text-decoration: none;
}
/* description */
.home .document-body h2.description {
	overflow: hidden;
	width: 319px;
	height: 103px;
	margin: 0;
	background: url(../images/txt-site-description.gif) no-repeat 0 0;
	font-size: 0%;
	line-height: 0%;
	text-indent: -999999px;
	text-decoration: none;
}
.home .document-body h2.accessibility { /* init accessibility */
	width: 0;
	height: 0;
	margin: 0;
}
/* image replace */
.home h2.information a { background: url(../images/ttl-top-information.gif) no-repeat 0 28px; }
.home h2.contents a { background: url(../images/ttl-top-contents.gif) no-repeat 0 28px; }
.home h2.time-table a { background: url(../images/ttl-top-timetable.gif) no-repeat 0 28px; }
.home h2.view-point a { background: url(../images/ttl-top-viewpoint.gif) no-repeat 0 28px; }
/* chapter */
.home .document-body .chapter {
	width: 344px;
	margin: 0 0 0 74px;
}

/* information
-------------------------------- */
.home .document-body div.information {
	background: url(../images/bdr-information-body.gif) repeat-y 0 0;
}
.home .document-body div.information .wrap {
	padding: 3px 0 0 0;
	background: url(../images/bdr-information-head.gif) no-repeat 0 0;
}
.home .document-body div.information ul {
	padding: 0 6px 6px;
	background: url(../images/bdr-information-foot.gif) no-repeat bottom left;
}
.home .document-body div.information li {
	display: block;
	width: 218px;
	margin: 0.3em 0;
}
.home .document-body div.information li div.text { /* ie7 */
	padding: 0 0 0 12px;
	background: url(../images/mkr-arrow-square.gif) no-repeat 0 0.3em;
	line-height: 1.3;
}
.home .document-body div.information li a { /* ie7 */
	display: block;
	padding: 0 0 0 12px;
	background: url(../images/mkr-arrow-square.gif) no-repeat 0 0.3em;
	line-height: 1.3;
}
.home .document-body div.information li a:link,
.home .document-body div.information li a:visited {
	color: #333333;
	text-decoration: none;
}
.home .document-body div.information li a:hover,
.home .document-body div.information li a:active {
	color: #cc0000;
	text-decoration: underline;
}
.home .document-body div.information li div.text a { /* init */
	display: inline;
	padding: 0;
	background: none;
	line-height: 100%;
}
.home .document-body div.information li div.text a:link,
.home .document-body div.information li div.text a:visited {
	color: #333333;
	text-decoration: underline;
}


/* contents
-------------------------------- */
.home .document-body .contents li {
	margin: 2px 0 0 0;
}

/* program list */
.document-body .secondary .program-list {
margin-top:-20px;
padding:0 0 20px 0;
}
.document-body .program-list li {
margin:0.8em 0 0 0;
}
.home .document-body .program-list a {
padding:0 12px 0 0;
color:#333333;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
.home .document-body .program-list a:visted {
text-decoration:none;
}
.home .document-body .program-list a:hover,
.home .document-body .program-list a:active {
color: #cc0000;
}

.home .document-body .time-table h3:hover {
	cursor: pointer;
}
.home .document-body .time-table li {
	margin: 10px 0 0 0;
}
.home .document-body .time-table li h3 {
font-size:11px;
}
.home .document-body .time-table li .section {
	padding: 12px 0 12px 74px;
	line-height: 1.3;
}
.home .document-body .time-table .more {
	text-align: right;
}
.home .document-body .time-table .more a:link {
	color: #336699;
	text-decoration: underline;
}
.home .document-body .time-table .more a:visited {
	color: #666699;
	text-decoration: underline;
}
.home .document-body .time-table .more a:hover,
.home .document-body .time-table .more a:active {
	color: #0000cc;
	text-decoration: none;
	cursor: pointer;
}
/* show - hide */
.home .document-body .time-table li .section {
	display: none;
}
.home .document-body .time-table li.active .section {
	display: block;
}

/* Your View of Point
-------------------------------- */
.home .document-body .view-point .summary {
	float: right;
	width: 274px;
	line-height: 1.3;
}
.home .document-body .view-point .summary a:link,
.home .document-body .view-point .summary a:visited {
	color: #ff9900;
}
.home .document-body .view-point .summary a:hover,
.home .document-body .view-point .summary a:active {
	color: #cc0000;
}
.home .document-body .view-point .photo {
	float: left;
	width: 60px;
	padding: 0.3em 0 0 0;
}


/* Staff Blog Update
-------------------------------- */
.home .staff-blog,
.home .spot {
width:144px;
margin:8px 0 5px 2px;
background:url(../images/bg-update-body.gif);
}
.home .staff-blog .wrap,
.home .spot .wrap {
padding:0 0 12px 0;
background:url(../images/bg-update-foot.gif) no-repeat bottom;
}
.home .staff-blog .title,
.home .spot .title {
padding:12px 10px 0;
font-size:smaller;
}
.home .staff-blog .blank,
.home .spot .button {
padding:12px 0 0;
text-align:center;
}

/* MCL
-------------------------------- */
.home .mcl {
width:144px;
margin:8px 0 5px 2px;
background:url(../images/bg-update-body.gif);
}
.home .mcl .wrap {
padding:0 0 12px 0;
background:url(../images/bg-update-foot.gif) no-repeat bottom;
}
.home .mcl .block {
padding:12px 10px 0;
font-size:smaller;
}
.home .mcl .button {
padding:12px 0 0;
text-align:center;
}


/* sponsor
-------------------------------- */
.home .document-body .sponsor {
	margin: 80px 0 0 74px;
}
.home .document-body .sponsor li {
	display: block;
	margin: 2px 0 0 0;
}
.home .document-body .sponsor img {
	border: 1px solid #cccccc;
}

/* special contents
-------------------------------- */
.home .special-contents {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 150px;
}

/* user photo
-------------------------------- */
.home .user-photo {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 424px;
	width: 264px;
	height: 100%;
}
.home .user-photo ul {
	padding: 186px 0 0 0;
}

/* document footer
-------------------------------- */
.home .document-footer {
	width: auto;
	margin: 0;
	padding: 12px 0 0 0;
	background: url(../images/bg-footer.gif) repeat-y 0 0;
}
.home .document-footer .wrapper {
	padding: 0;
	background: url(../images/bg-footer-tab.gif) no-repeat 70px 80px;
}
/*
.home .document-footer .wrapper {
	padding: 0 0 23px 0;
	background: url(../images/bg-footer-tab.gif) no-repeat 70px 80px;
}
*/

/* J-me
-------------------------------- */
#gigyaShare {
	margin-left: 74px;
	padding-top: 12px;
}
#JMEComments {
	width: 344px;
	margin-left: 74px;
	padding-bottom: 60px;
}

/* IE fix
-------------------------------- */
*html .container,*html .block,*html .chapter,*html .section,*html .item {
	height: 1%;
}
html{/overflow-y:scroll;}

/* [EOF] CSS */