@charset "euc-jp";

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

strong{
font-weight:bold;
}

#wrapper{
text-align:left;
line-height:1.5;
}

h2{
margin-top: 15px;
}

/* --- common --- */

#pre_mark{
padding: 0em 0.35em;
}

#pre{
margin: 10px auto;
}

#pre li{
text-align:center;
margin:auto;
}

#pre li img{
margin-right:5px;
position:relative;
top:1px;
}

/* -- 上部リンク2つのリンクになった場合は以下を修正 -- */
#pre02{
margin: 10px auto;
}

#pre02 li{
text-align:center;
margin:auto;
}

#list-L{
	float: center;
}

#list-R{
	float: left;
	margin-left: 40px;
}
/*
#pre02 li img{
margin-right:5px;
}
*/

/* -- preリンク2つバージョン-- */

#main{
width:654px;
}

#emergency{
font-weight: bold;
color:#FF0000;
border: 1px solid #FF0000;
padding: 5px;
margin: 10px auto;
}

/* --- carousel --- */

/**
* Copyright (c) 2006-2007, Bill W. Scott
* All rights reserved.
*
* This work is licensed under the Creative Commons Attribution 2.5 License. To view a copy 
* of this license, visit http://creativecommons.org/licenses/by/2.5/ or send a letter to 
* Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA.
*
* This work was created by Bill Scott (billwscott.com, looksgoodworkswell.com).
* 
* The only attribution I require is to keep this notice of copyright & license 
* in this original source file.
*
* Version 0.6.1 - 07.08.2007
*
*/

/**
* Standard Configuration. It is advised that this section NOT be modified as the
* carousel.js expects the behavior outlined below.
**/

.carousel-component { 
position:relative;
overflow:hidden;   /* causes the clipping */
display:none; /* component turns it on when first item is rendered */

}
			
.carousel-component ul.carousel-list { 
width:10000000px;
position:relative;
z-index:1; 
}

.carousel-component .carousel-list li { 
float:left;
list-style:none;
overflow:hidden;


}

.carousel-component .carousel-vertical li { 
margin-bottom:0px;

/* Fix for extra spacing in IE */
float:left;
clear:left;  

/* Force the LI to respect the HEIGHT specified */
overflow:hidden;
display:block;
}

.carousel-component .carousel-clip-region { 
overflow:hidden; /* Secret to the clipping */
margin:0px auto;
position:relative; 
}

#bd{
position:relative;
}

.carousel-component { 
background:FFF;
padding:0px;
-moz-border-radius:2px;
color:#618cbe;
}
.carousel-component ul.carousel-list { 
margin:0px;
padding:0px;
line-height:0px;
}

/*表示したいコンテンツのheight widthをここで設定する*/
.carousel-component .carousel-list li { 
width:634px; /*500 + 2 + 2 + 1 + 1 */
height:200px;
text-align:center;
margin:0px;
padding:0px;
font:10px verdana,arial,sans-serif;
color:#666;
}

.carousel-component .carousel-list li img { 
display:block;
background-color:white;
height:200px;
width:634px
}
								
.carousel-component .carousel-prev { 
position:absolute;
top:30px;
z-index:3;
cursor:pointer; 
left:5px; 
}

.carousel-component .carousel-next { 
position:absolute;
top:30px;
z-index:3;
cursor:pointer; 
right:5px; 
}

/* --- Carousel-navigationbottom --- */

#bgbutton1{
background-image:url(/images/yjc/top/000cal/sprite-button.gif);
background-position: 0 -30px;
height:26px;
width:116px;
}

#bgbutton2{
background-image:url(/images/yjc/top/000cal/sprite-button.gif);
background-position: 0 -86px;
height:26px;
width:116px;
}

#bgbutton3{
background-image:url(/images/yjc/top/000cal/sprite-button.gif);
background-position: 0 -142px;
height:26px;
width:116px;
}

#bgbutton4{
background-image:url(/images/yjc/top/000cal/sprite-button.gif);
background-position: 0 -198px;
height:26px;
width:116px;
}

#bgbutton5{
background-image:url(/images/yjc/top/000cal/sprite-button.gif);
background-position: 0 -254px;
height:26px;
width:116px;
}

#navpart{
position:absolute;
top:3px;
right:3px;
}


/*ナビゲーションボタンを配置する位置を絶対配置で指定*/
#indicator{
position:absolute;
top:3px;
right:3px;
z-index:2;
}


/*ナビゲーションボタンを配置する位置を絶対配置で指定。#indicatorと同じ位置でなければならない*/
#pos{
position:absolute;
top:3px;
right:3px;
z-index:3;
padding-top:4px;
background-color:transparent;
}


/*クリック対象領域を作る。ボタンのサイズに合わせて微調整する。*/
#buttons li{
height: 14px;
width:	23px;
float:left;
display: block;
vertical-align:top;
margin:auto;
}


#buttons li a{
height:14px;
width:13px;
position:absolute;
top:10px;
z-index:4;
}

#mainimg{
	widows: 634px;
	height: 200px;
	margin-bottom: 15px;
}

/* --- top-box01 --- */

#top-box01-top{
background: url(/images/yjc/top/top_box01_top.gif) no-repeat;
width: 634px;
height: 40px;
text-indent: -9999px;
}

#top-box01-bg{
background: url(/images/yjc/top/top_box01_bg.gif) repeat-y;
width: 634px;
}

#top-box01-contents{
width: 620px;
margin: 0 7px;
padding-top: 10px;
}	

#top-box01-contents a{
outline:none;
}	


#top-box01-contents p{
text-align: center;
}	

#top-box01-img{
background: url(/images/yjc/top/top_box01_img.jpg) no-repeat;
width: 585px;
height: 62px;
text-indent: -9999px;
margin-left: 12px;
}

#top-box01-list{
margin-bottom: 10px;
position: relative;
}

#top-box01-listL{
background: url(/images/yjc/top/list.gif) no-repeat 0 0.2em;
width: 194px;
position: absolute;
top: 0px;
left: 180px;
padding-left: 20px;
}

#top-box01-listR{
background: url(/images/yjc/top/list_gr.gif) no-repeat 0 0.2em;
width: 189px;
position: absolute;
top: 0px;
left: 410px;
padding-left: 20px;
}

#top-box01-Btn{
margin: 20px 0 5px 194px;
}

#top-box01-bottom{
background: url(/images/yjc/top/top_box01_bottom.gif) no-repeat;
width: 634px;
height: 7px;
}

/* --- top-box02 --- */

#top-box02-top{
margin-top: 15px;
background: url(/images/yjc/top/top_box02_top.gif) no-repeat;
width: 634px;
height: 50px;
text-indent: -9999px;
}

#top-box02-pointbg{
background: url(/images/yjc/top/top_box02_bg.gif) repeat-y;
width: 634px;
}

#top-box02-pointWrap{
height: 1.5em;
margin: 0 7px;
padding: 5px 10px 5px 5px;
background: #f4fcfe;
}

#top-box02-point{
float: left;
}

#top-box02-point li{
background: url(/images/yjc/top/coin.gif) no-repeat 0 0.25em;
padding-left:25px;
}

#top-box02-tucho{
float: right;
}

#top-box02-tucho li{
background: url(/images/yjc/top/list.gif) no-repeat 0 0.35em;
padding-left:20px;
}

#top-box02-textSpred{
padding: 0 1.5em;
font-weight: bold;
color: #FF0000;
}

#top-box02-textRed{
color: #FF0000;
}

#top-box02-line{
background: url(/images/yjc/top/top_box02_bg02.gif) no-repeat;
width: 622px;
height: 5px;
margin-left: 6px;
}

#top-box02-contents{
padding: 10px 12px;
}

#top-box02-toku{
background: url(/images/yjc/top/top_box02_toku.gif) no-repeat;
width: 228px;
height: 22px;
text-indent: -9999px;
}

#top-box02-ycard{
background: url(/images/yjc/top/top_box02_point.gif) no-repeat;
width: 557px;
height: 22px;
text-indent: -9999px;
margin-top: 10px;
}


.top-box02-y{
margin-top:10px;
}

.top-box02-ytop{
background: url(/images/yjc/top/top_box02_ytop.gif) no-repeat bottom;
width: 301px;
height: 6px;
}

.top-box02-ybottom{
background: url(/images/yjc/top/top_box02_ybottom.gif) no-repeat;
width: 301px;
height: 6px;
}

#top-box02-yL{
float: left;
}

#top-box02-yR{
float: right;
}

.top-box2-ybg{
background: url(/images/yjc/top/top_box02_ybg.gif) repeat-y;
width: 301px;
}

.top-box2-ybg li{
background: url(/images/yjc/top/list.gif) no-repeat 0 0.35em;
padding-left: 20px;
margin-left: 10px;
}

.top-box02-b{
margin-top:5px;
}

.top-box02-bbottom{
background: url(/images/yjc/top/top_box02_bbottom.gif) no-repeat;
width: 300px;
height: 9px;
}

#top-box02-bL{
float: left;
}

#top-box02-bLTop{
background: url(/images/yjc/top/top_box02_btop03.gif) no-repeat bottom;
width: 300px;
height: 23px;
text-indent: -9999px;
}

#top-box03-bLTop{
background: url(/images/yjc/top/top_box02_btop06.gif) no-repeat bottom;
width: 300px;
height: 23px;
text-indent: -9999px;
}

#top-box02-bR{
float: right;
}

#top-box02-bRTop{
background: url(/images/yjc/top/top_box02_btop04.gif) no-repeat bottom;
width: 300px;
height: 22px;
text-indent: -9999px;
}

.top-box2-bbg{
background: url(/images/yjc/top/top_box02_bbg.gif) repeat-y;
width: 301px;
}

.top-box2-bbg li{
background: url(/images/yjc/top/list.gif) no-repeat 0 0.9em;
padding: 10px 0 0 20px;
margin-left: 10px;
}

#top-box02-bLongTop{
background: url(/images/yjc/top/top_box02_btop05.gif) no-repeat bottom;
width: 607px;
height: 24px;
text-indent: -9999px;
margin-top: 5px;
}

#top-box02-bLong-contentsWrap{
background: #f3f3f3;
width: 607px;
}

#top-box02-bLong-contents{
padding: 0 10px;
}

#top-box02-bLongL{
float: left;
width: 280px;
padding-top: 10px;
}

#top-box02-bLongList1 li{
background: url(/images/yjc/top/list.gif) no-repeat 0 0.35em;
padding-left: 20px;
}

#top-box02-bLongList2 li{
background: none;
padding-left: 1em;
}

#top-box02-bLongR{
float: right;
width: 280px;
padding-top: 10px;
}

#top-box02-bLongR li{
background: url(/images/yjc/top/list.gif) no-repeat 0 0.35em;
padding-left: 20px;
}

#top-box02-bLongBottom{
background: url(/images/yjc/top/top_box02_bbottom_long.gif) no-repeat;
width: 607px;
height: 6px;
}

#top-box02-bottom{
background: url(/images/yjc/top/top_box02_bottom.gif) no-repeat;
width: 634px;
height: 7px;
}

/* --- top-point --- */

#top-point-top{
margin-top: 15px;
background: url(/images/yjc/top/top_pont_top.gif) no-repeat;
width: 634px;
height: 41px;
text-indent: -9999px;
}

#top-point-bg{
background: url(/images/yjc/top/top_pont_bg.gif) repeat-y;
width: 634px;
}

#top-point-contentsWrap{
width: 604px;
padding: 10px 15px;
}

.top-point-list2{
margin-top: 10px;
}

.top-point-listL{
float: left;
width: 280px;
}

.top-point-listR{
float: right;
width: 280px;
}

.top-point-photo{
float: left;
width: 73px;
}

.top-point-text{
float: right;
width: 200px;
}

.top-point-text p{
margin-left: 10px;
}

.top-point-text li{
background: url(/images/yjc/top/coin.gif) no-repeat 0 0.15em;
padding-left: 25px;
margin-left: 0.8em;
}

#top-point-link{
background: url(/images/yjc/top/list.gif) no-repeat 0 0.35em;
padding-left: 20px;
margin-top: 10px;
}

#top-point-bottom{
background: url(/images/yjc/top/top_pont_bottom.gif) no-repeat;
width: 634px;
height: 8px;
}

.space-10px{
margin-top: 10px;
}

/* --- Yservice --- */

#top-Yservice-contentsWrap{
border: solid 1px #cfcfcf;
width: 632px;
}

#top-Yservice-contents{
width: 602px;
padding: 10px 15px;
}

#top-YserviceL{
float: left;
width: 300px;
}

#top-YserviceR{
float: left;
width: 280px;
}

.top-YserviceList{
padding-left: 1.5em;
margin-bottom: 0.5em;
}

.iconLeft{
	margin-right: 0.5em;
	vertical-align: middle;
}

/* --- Suica Entry --- */


h2#top-box03-top{
	width: 634px;
	height: 42px;
	background: url(/images/yjc/top/top_box03_top.gif) no-repeat;
	text-indent: -9999px;
}

#top-box03-outbox1{
	width: 634px;
	background: url(/images/yjc/top/top_box03_bg.jpg) repeat-y;
}

#top-box03-outbox2{
	width: 634px;
	padding-bottom: 15px;
	background: url(/images/yjc/top/top_box03_bottom.jpg) bottom center no-repeat;
}

#top-box03-ttlArea{
	width: 560px;
	padding: 15px 0 0 15px;
	text-align: center;
}

#top-box03-ttlArea dt{
	width: 261px;
	float: left;
}

#top-box03-ttlArea #ttl{
	width: 261px;
	height: 44px;
	margin: 7px 0;
	background: url(/images/yjc/top/top_box03_ttl.gif) no-repeat;
	text-indent: -9999px;
}


#top-box03-list{
	display: inline;
}

#top-box03-list a{
	margin-left: 3px;
}

#top-box03-ttlArea dd{
	width: 279px;
	float: right;
}

#top-box03-btn{
	text-align: center;
	margin: 5px 0;
}

#top-box03-cap{
	text-align: center;
}

/* --- YservicePointTool --- */

#top-box02tool-waku{
	margin-top: 10px;
	margin-left: 3px;
	width: 615px;
}

.top-box02tool{
	width: 615px;
}

.top-box02tool-bbottom{
background: url(/images/yjc/top/top_box02_bbottom.gif) no-repeat;
width: 300px;
height: 9px;
margin-bottom:7px;
}

.top-box02tool-bL{
float: left;
width: 300px;
margin-right:5px;
padding-right: 3px;
}

.top-box02tool-bLTop{
valign: bottom;
width: 300px;
height: 23px;
}

.top-box02tool-bR{
float: left;
padding-right: 3px;
}

.top-box02tool-bRTop{
valign: bottom;
width: 300px;
height: 23px;
}

.top-box02tool-bbg{
background: url(/images/yjc/top/top_box02_bbg.gif) repeat-y;
width: 301px;
}

.top-box02tool-bbg li{

padding: 10px 0 0 0px;
margin-left: 30px;
margin-right: 3px;
}

.top-box02tool-bbg li img{

margin-left: -21px;
margin-right: 7px;
}

.top-box02tool-bLongBottom{
width: 607px;
height: 6px;
}


#tool-new{

margin-left: 2px;
margin-right: 2px;
}