@charset "UTF-8";
/* ------------------------------
page common
------------------------------ */
.pages h1{
	margin: 15px 0 5px;	
}
#main_box_Nomenu{
	padding: 20px;
}
.cfx:before,
.cfx:after {
    content: " ";
    display: table;
}
.cfx:after {
    clear: both;
}
.cfx {
    *zoom: 1;
	overflow: auto;
}
.bottom15{
	margin-bottom:15px;
}


/* ------------------------------
tok_profile.html
------------------------------ */
.tok_profile .member_menu{
	margin: 15px 0;
}
.tok_profile .member_menu span{
	font-size: 22px;
	font-weight: bold;
	color: #FFF;
	background: #9119b9;
	padding: 5px;
}
.tok_profile .member_menu a{
	font-size: 18px;
	background: #fff6df;
	padding: 3px;
}
.tok_profile .member_menu{
	clear: both;
	margin: 15px 0 0;
}
.tok_profile .link_list{
	margin: 10px 20px 15px 0px;
	clear: both;
	background: #eee;
	padding: 5px;
}
.tok_profile .link_list li{
	margin: 5px 0 0 20px;
	float: left;
	width: 190px;
}

/* ------------------------------
tok_link.html
------------------------------ */
.tok_link .intro{
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 14px;
}
.tok_link .member_ichiran{
	margin: 10px 20px 0 0;
}
.tok_link .member_menu{
	margin: 10px 20px 0 20px;
	background: #d3e7ff;
	padding: 3px;
}
.tok_link .member_menu span{
	font-weight: bold;
}
.tok_link h3{
	background: #2672d1;
	padding: 3px;
	color: #fff;
	margin: 5px 20px 5px 0;
}
.tok_link .link_list{
	margin: 10px 20px 0 20px;
}

.tok_link .link_list li{
	float: left;
	width:190px;
	margin: 8px 0 8px 20px;
}

/* ------------------------------
dentoyaku/
------------------------------ */
.dentoyaku .link_list li{
	float: left;
	width: 200px;
	margin: 5px 0 5px 20px;
}



/* ------------------------------
map.html
------------------------------ */
.map_image{
	float: left;
	width: 500px;
}
h3 {
	margin: 15px 0 5px;
	font-size: 14px;
}
ul.trainList {
	margin: 0 0 25px;
	padding: 10px 15px 0;
	border: 1px solid #999;
	width: 330px;
	float: left;
}
ul.trainList li {
	margin-bottom: 10px;
	margin-left: 20px;
}
p.printBn {
	float: left;
}
p.closeBn {
	text-align: center;
}

@media print {
body{
	background: none;
}
div#wrap{
	background: none;
	width: 500px;
}
#main_box_Nomenu{
	width: 500px;
	margin: 0 0 0 10px;
}
	#pageTop{
	display: none;
}
.map_image{
	float: none;
	margin: 0;
}
h3 {
	margin: 5px 0 5px;
	font-size: 12px;
}
ul.trainList {
	margin: 0 0 25px;
	padding: 10px 15px 0;
	border: 1px solid #999;
	width: 500px;
	float: none;
}
ul.trainList li {
	margin-bottom: 10px;
	margin-left: 20px;
}
p.printBn {
	display: none;
}
p.closeBn {
	display: none;
}

}

/* ------------------------------
attention.html
------------------------------ */
.attention table{
	margin: 15px 20px 15px 0;
}
.attention th{
	background: #FFE188;
	width: 130px;
	text-align: left;
	vertical-align: text-top;
	padding: 5px;
	border-bottom: 1px solid #6b4118;
}
.attention td{
	padding: 5px 5px 10px;
	border-bottom: 1px solid #6b4118;
}
ol li{
	list-style-type: square;
	margin-left: 20px;
	margin-bottom: 10px;
}
ol li h3{
	color: #cb2528;
}
ol li ul li{
	list-style-type: decimal;
	margin-left: 30px;
}


/* ------------------------------
ivent
------------------------------ */
#ivent_main_box{
	width:820px;
	margin:0 auto;
	clear:both;
}
#ivent_main_box h1{

}

#ivent_main_box h2{
	margin:15px 0 30px 0;
	text-align:center;
}


.time{
	display:block;
	font-size:12px;
	margin:0;
	padding:0;
}
.otc_info_box{
	clear:both;
	width:720px;
	margin:0 auto;
}
.otc_info_box h3,.otc_info_box p{
	margin-bottom:10px;
}
.otc_right_img1,.otc_right_img2{
	float:right;
	margin-left:30px;
	margin-bottom:15px;
	font-size:12px;
}
.otc_right_img1{
	width:180px;
}
.otc_right_img2{
	width:271px;
}
.otc_right_img1 img,.otc_right_img2 img{
	margin:0 auto 5px;
}
#otc_sub04 ul{
	clear:both;
	width:720px;
}
#otc_sub04 ul li{
	width:220px;
	float:left;
	margin-right:15px;
	list-style:none;
	font-size:12px;
}
#otc_sub04 ul li img{
	margin-top:15px;
}
#otc_sub04 ol{
	clear:both;
	width:720px;
}
#otc_sub04 ol li{
	width:175px;
	float:left;
	margin:2px;
	list-style:none;
	font-size:12px;
}
#otc_sub04 p.txt_p{
	clear:both;
	padding-top:30px;
}

#otc_sub05{
	padding-top:20px;
}
.center_img{
	text-align:center;
	display:block;
	padding:20px 0;
}
.center_img img{
	margin:10px 0 0;
}

.chui{
background:#E9E9E9;
padding:10px 20px;
}
.chui p{
font-size:12px;
}
#otc_sub05 #gallery li{
	float:left;
	width:162px;
	height:155px;
	list-style:none;
	text-align:center;
}
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

#otc_sub05_1{
	margin-top:30px;
}


/* ------------------------------
tok_public.html
------------------------------ */
.public{
	margin-top:15px;
	margin-bottom:40px;
}
.public p.b_title{
	font-weight:bold;
	margin-bottom:10px;
}
.public p.b_title img.icon_pdf{
	margin-left:10px;
}
.public p.b_title span{
	color:#ac2826;
	padding-right:10px;
}
.public .images{
	float:left;
	text-align:center;
}
.back_n .images{
	width:137px;
	height: 248px;
}
.tok_public .showa .images{
	height: 233px;
}
.public .images img{
	margin-bottom:10px;
}
.back_n .images img{
	margin-bottom:5px;
}
.back_n .tsukan {
    display: inline-block;
    overflow: hidden;
    width: 137px;
    height: 205px;
    position: relative;
    margin-bottom: 5px;
}
.back_n .images .before img {
    width: 120%;
    position: absolute;
    left: 50%;
    margin-left: -82px;
    top: -50%;
    margin-top: 87px;
}
.back_n .images .tsukan52.before img {
    margin-top: 89px;
}
.back_n .images .tsukan51.before img {
    margin-top: 89px;
}
.back_n .images .tsukan48.before img {
    width: 122%;
    margin-left: -85px;
}
.back_n .images .tsukan47.before img {
    width: 123%;
    margin-left: -86px;
    margin-top: 82px;
}
.back_n .images .tsukan46.before img {
    width: 123%;
    margin-left: -88px;
    margin-top: 83px;
}
.back_n .images .tsukan43.before img {
    transform: rotate(-0.5deg);
}
.back_n .images .tsukan22.before img {
    transform: rotate(1.0deg);
}
.back_n .images .tsukan19.before img {
    transform: rotate(-0.5deg);
}
.back_n .images .tsukan13.before img {
    margin-top: 83px;
}
.back_n .images .tsukan12.before img {
    margin-top: 90px;
    transform: rotate(0.3deg);
}
.back_n .images .tsukan10.before img {
    width: 123%;
    margin-top: 89px;
    margin-left: -84px;
}
.back_n .images .tsukan8.before img {
    margin-top: 91px;
    margin-left: -80px;
}
.back_n .images .tsukan4.before img {
    transform: rotate(-0.5deg);
}
.back_n .images .tsukan2.before img {
    margin-top: 84px;
}
.back_n .images .tsukan1.before img {
    transform: rotate(0.7deg);
    margin-left: -78px;
}
.back_n{
	overflow:hidden;
	width:696px;
}
.back_n li{
	float:left;
	margin-right:34px;
	margin-bottom:20px;
	list-style:none;
}
.back_n .images a{
	font-size:12px;
	line-height:1.6em;
}
.public ul,.back_n ul{
	float:left;
	list-style:none;
	margin-left:15px;
}
.back_n ul{
	font-size:12px;
}
.public ul li{
	margin-bottom:5px;
	font-size:14px;
}
.back_n ul li{
	margin-bottom:5px;
	font-size:12px;
}
.public ul li span,.back_n ul li span{
	font-size:8px;
	padding-right:5px;
}
.public ul li ul,.back_n ul li ul{
	margin-left:15px;
	float:none;
}
.back_n{
	padding-bottom:20px;
}
.mb_20{
	margin-bottom:20px;
}
.tok_public .page_link,
.tok_public .wp-pagenavi{
    text-align: center;
	padding-top:20px;
	border-top:1px dotted #cccccc;
	width:650px;
}
.tok_public .page_link li,
.tok_public .wp-pagenavi span {
    color: #D5D5D5;
    display: inline;
    margin-right: 10px;
}
.tok_public .page_link li span{
    border: 1px solid #D5D5D5;
    display: inline-block;
    margin-bottom: 5px;
	text-decoration:none;
}
.tok_public .page_link li span.nn{
    padding: 5px 8px;
}
.tok_public .page_link li a{
	text-decoration:none;
	display:block;
    padding: 5px 8px;
}
.tok_public .wp-pagenavi a, 
.tok_public .wp-pagenavi span {
    display: inline;
    padding: 5px 8px;
    border: solid 1px #d5d5d5;
    margin-right: 16px;
	text-decoration:none;
}
.tok_public .page_link li a:hover,
.tok_public .wp-pagenavi a:hover {
	text-decoration: underline;
	background:#be2d2d;
	color:#fff;
}
h2 div.bk_n{
	width:650px;
	height:35px;
	background: url("../images/pages/public_bucknumber.gif") no-repeat;
	text-align:right;
	padding-top:5px;
}

/* ------------------------------
tok_topic.html
------------------------------ */
.cate_title{
	border-bottom:3px solid #54839c;
	font-weight:bold;
	padding-bottom:5px;
	position:relative;
	width:650px;
	margin-top:15px;
}
.cate_title p{
	background: url("../images/topics/cate_side.jpg") no-repeat scroll 0 1px;
	font-size:16px;
	padding:5px 0 5px 20px;
}
.cate_title p span{
	margin-right:10px;
	font-size:16px;
}
.cate_title .year .newsyear,.cate_title .category .newscategory{
    border: 1px solid #DADADA;
    color: #404040;
}
.cate_title .year{
	position:absolute;
	right:145px;
	top:5px;
}
.cate_title .year .newsyear{
	width:100px;
}
.cate_title .category .newscategory{
    width: 130px;
}
.cate_title .category{
	position:absolute;
	right:0;
	top:5px;
}
ul.topic{
	width:650px;
	margin-top:15px;
}
ul.topic li{
	list-style:none;
	border-bottom:1px dotted #c9c9c9;
	padding-bottom:7px;
	margin-bottom:7px;
    *zoom: 1;
	overflow: auto;
}
ul.topic li:before,
ul.topic li:after {
    content: " ";
    display: table;
}
ul.topic li:after {
    clear: both;
}
ul.topic li.info{
	display:none;
}
ul.topic li p.day{
	float:left;
	padding-right:15px;
	line-height:1.7em;
}
ul.topic li a{
	display:table-cell;
	padding-left:70px;
	float:left;
	line-height:1.7em;
	width:460px;
}
.tok_topic .page_link{
    text-align: center;
	padding-top:20px;
	width:650px;
}
.tok_topic .page_link li{
    color: #D5D5D5;
    display: inline;
    margin-right: 10px;
}
.tok_topic .page_link li a,.tok_topic .page_link li span{
    border: 1px solid #D5D5D5;
    display: inline-block;
    margin-bottom: 5px;
    padding: 5px 8px;
	text-decoration:none;
}
.tok_topic .page_link li a:hover {
	text-decoration: underline;
	background:#be2d2d;
	color:#fff;
}


/*--カテゴリアイコン設定--*/
ul.topic li a.news{
	background: url("../images/topics/icon_news.gif") no-repeat scroll 0 5px;
}
ul.topic li a.event{
	background: url("../images/topics/icon_event.gif") no-repeat scroll 0 5px;
}
ul.topic li a.book{
	background: url("../images/topics/icon_book.gif") no-repeat scroll 0 5px;
}
ul.topic li a.product{
	background: url("../images/topics/icon_product.gif") no-repeat scroll 0 5px;
}
ul.topic li a.oth{
	background: url("../images/topics/icon_oth.gif") no-repeat scroll 0 5px;
}
ul.topic li a.renovate{
	background: url("../images/topics/icon_renovate.gif") no-repeat scroll 0 5px;
}
ul.topic li a.cm{
	background: url("../images/topics/icon_cm.gif") no-repeat scroll 0 5px;
}
ul.topic li a.campaign{
	background: url("../images/topics/icon_campain.gif") no-repeat scroll 0 5px;
}
ul.topic li a.product{
	background: url("../images/topics/icon_product.gif") no-repeat scroll 0 5px;
}
ul.topic li a.research{
	background: url("../images/topics/icon_research.gif") no-repeat scroll 0 5px;
}
ul.topic li a.announce{
	background: url("../images/topics/icon_announce.gif") no-repeat scroll 0 5px;
}

h1.event,h1.book,h1.product,h1.oth,h1.renovate,h1.cm,h1.campaign,h1.product,h1.research,h1.announce,h1.news{
	width:650px;
	height:40px;
	background: url("../images/topics/tok_topic_title.gif") center top no-repeat;
}
h1.info{
	width:650px;
	height:40px;
	background: url("../images/top/tok_index_title.jpg") center top no-repeat;
}

#main_box .tok_topic_d{
	width:650px;
	padding-right:20px;
}
.tok_topic_d .topic_title{
	font-weight:bold;
	border-bottom:1px dotted #c9c9c9;
	padding-bottom:7px;
	margin-top:15px;
}

/*--カテゴリアイコン設定--*/
.tok_topic_d p.topic_title{
	padding-left:70px;
}
.tok_topic_d p.info{
	padding-left:0;
}
.tok_topic_d p.news{
	background: url("../images/topics/icon_news.gif") no-repeat scroll 0 2px;
}
.tok_topic_d p.book{
	background: url("../images/topics/icon_book.gif") no-repeat scroll 0 2px;
}
.tok_topic_d p.event{
	background: url("../images/topics/icon_event.gif") no-repeat scroll 0 2px;
}
.tok_topic_d p.product{
	background: url("../images/topics/icon_product.gif") no-repeat scroll 0 2px;
}
.tok_topic_d p.oth{
	background: url("../images/topics/icon_oth.gif") no-repeat scroll 0 2px;
}
.tok_topic_d p.renovate{
	background: url("../images/topics/icon_renovate.gif") no-repeat scroll 0 2px;
}
.tok_topic_d p.cm{
	background: url("../images/topics/icon_cm.gif") no-repeat scroll 0 2px;
}
.tok_topic_d p.campaign{
	background: url("../images/topics/icon_campain.gif") no-repeat scroll 0 2px;
}
.tok_topic_d p.product{
	background: url("../images/topics/icon_product.gif") no-repeat scroll 0 2px;
}
.tok_topic_d p.research{
	background: url("../images/topics/icon_research.gif") no-repeat scroll 0 2px;
}
.tok_topic_d p.announce{
	background: url("../images/topics/icon_announce.gif") no-repeat scroll 0 2px;
}



.tok_topic_d  p.append{
	padding-top:20px;
}
.tok_topic_d  p.append a[href$=".pdf"] {
	background: url("../images/topics/icon_pdf.gif") no-repeat scroll 0 0;
	margin-left:5px;
	padding-left:25px;
}
a[href$=".doc"] ,a[href$=".docx"]{
	background: url("../images/topics/icon_doc.gif") no-repeat scroll 0 0;
	margin-left:5px;
	padding-left:25px;
}
a[href$=".xls"],a[href$=".xlsx"] {
	background: url("../images/topics/icon_xls.gif") no-repeat scroll 0 0;
	margin-left:5px;
	padding-left:25px;
}
a[href$=".ppt"] {
	background: url("../images/topics/icon_ppt.gif") no-repeat scroll 0 0;
	margin-left:5px;
	padding-left:25px;
}

.tok_topic_d .article {
	margin-top:15px;
}
.tok_topic_d .article img{
	float:left;
	margin-right:15px;
	border:0;
	width:auto;
	height:auto;
}
.tok_topic_d .article p{
	line-height:1.7em;
	margin-bottom:10px;
}
.tok_topic_d  .cate_box{
	font-size:12px;
	background:#f6f6f6;
	border:1px solid #cccccc;
	margin-top:30px;
	padding:12px 15px;
	line-height:1.8em;
}
.tok_topic_d  .cate_box a{
	font-size:12px;
}
.tok_topic_d  hr{
	border:dotted #c9c9c9;
	border-width:1px 0 0 0;
	height:1px;/* for IE6 */
	clear:both;/* for IE6 */
	margin:25px 0;
}
.news_navi .previous_post {
    float: left;
}
.news_navi .next_post {
    float: right;
}
.news_navi .previous_post a, .news_navi .next_post a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D5D5D5;
    display: block;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    width: 100px;
	font-size:12px;
}
.news_navi .previous_post a:hover, .news_navi .next_post a:hover {
    background: none repeat scroll 0 0 #D5D5D5;
    color: #22749C;
    text-decoration: underline;
}


/* ------------------------------
longseller
------------------------------ */

.tok_longseller .lead{ padding:5px 20px 5px 5px; }
.tok_longseller .lead span,.tok_longseller .lead span a{ color:#999;}
.tok_longseller ul.link_list li a {text-decoration:none;}
.tok_longseller ul.link_list li { float:left; width:300px; height:120px; padding: 10px 0px 5px 0; list-style:none;}
.tok_longseller ul.link_list li h4{ padding:0px 0 10px; color:#333; font-size:1.2em;}
.tok_longseller ul.link_list .osaka a,.tok_longseller ul.link_list .osaka a h4{ color:#666;}
.tok_longseller ul.link_list .tokyo a,.tok_longseller ul.link_list .tokyo a h4{ color:#8a7d02;}
.tok_longseller ul.link_list li p span{ font-size:0.8em;}
.tok_longseller ul.link_list li p span.osaka{
	background:url(../images/icon_osaka.gif) no-repeat center top;
	width:31px;
	height:18px;
	text-indent:-3333px;
	display:inline-block;
	margin-top:5px;
}
.tok_longseller ul.link_list li p span.tokyo{
	background:url(../images/icon_tokyo.gif) no-repeat center top;
	width:31px;
	height:18px;
	text-indent:-3333px;
	display:inline-block;
	margin-right:5px;
	margin-top:5px;
}
.tok_longseller ul.link_list li p{ min-height:55px;}
.tok_longseller ul.link_list li img{ float:left; margin-right:10px;}
.tok_longseller ul.link_list li .link{text-align:right; float:right; min-height:0;}
.tok_longseller ul.link_list li .link img{ float:right; border:none}
.tok_longseller ul.link_list li .link a { text-align:right; background:url(../i/allo2.gif) no-repeat left top; padding-left:12px;}
.bottom_caption{
	clear:both;
	padding:15px;
	font-size:0.8em;
	color:#8a7d02;
	padding-left:5px;
}
.bottom_caption span.tokyo span{
	background: url("../images/icon_tokyo.gif") no-repeat scroll right 50%;
	height:18px;
	display:inline-block;
	padding-right:32px;
	margin-right:3px;
}
.tok_longseller .member_menu span{ background:#cabb2c}