@charset "shift_jis";
@import url(basestyle.css);
@import url(bo_global.css);
@import url(foot.css);

/* ----------------------------------------------------
トップリニューアル　090605
---------------------------------------------------- */
#container{
	width:998px;
	background-image:none;
	background-color: #FFFFFF;
}
*+html #container{
	padding:0px 0px 0px -2px;
	_padding:0px 0px 0px -2px;
	text-align: left;
}
#new_main{
	background-color: #FFFFFF;
	color:#333333;
}

a{color: #CC0000;text-decoration: none;}
a:link{color: #CC0000;text-decoration: none;}
a:visited{color: #CC0000; text-decoration: none;}
a:active{color: #CC0000;text-decoration: none;}
a:hover{color: #CC0000;text-decoration: underline;}

/* ------ ヘッダー ----- */
#new_main #logo_l{
	width: 240;
	margin: 0px;
	padding: 15px 0px 0px 25px;
}

#new_main #text_r a{color: #333333;text-decoration: underline;}
#new_main #text_r a:link{color: #333333;text-decoration: underline;}
#new_main #text_r a:visited{color: #333333; text-decoration: underline;}
#new_main #text_r a:active{color: #333333;text-decoration: none;}
#new_main #text_r a:hover{color: #333333;text-decoration: none;}

#new_main #text_r{
	width:720px;
	padding: 0px 10px 0px 0px;
	margin:0px;
	text-align: right;
}

#new_main #text_r p{
	text-align: left;
	width: 550px;
	padding: 9px 0px 5px 0px;
	line-height:130%;
}
#new_main #text_r .mypage{
	width: 103px;
	height:22px;
	margin: 5px 0px 5px 0px;
}
#new_main #text_r ul{
	height:37px;
	width:720px;
	padding: 0px;
	margin: 0px 0px 1px 0px;
}
#new_main #text_r li{
	float:left;
	height:37px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type:none;
}

#new_main #top_main{
	background-image:url(../../images/fla_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#new_main #main_l{
	width:680px;
}

#new_main #main_r{
	width:310px;
	margin: 15px 0px 0px 0px;
}
/* ------ タブ切り替え部分 ----- */
/* タブ切り替えメニュー */
#tab{
	width:639px;
	padding: 0px;
	margin: 5px 0px 0px 30px;
}
.tabheader img{
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.tabheader table {
	border-collapse: collapse; /* for IE */
	border-spacing: 0; /* for N6 */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.tabheader table tr td {margin:0;padding:0;border-width:0;}

.tabheader .close {
	margin:0;
	padding: 0px;
	white-space: nowrap;
}

.tabheader .open {
	background-image:url(../../images/news_ov.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:-9999px;
	width: 136px;
	height:34px;
	margin:0px;
	padding: 0px;
	white-space: nowrap;
}
.tabheader .open2 {
	background-image:url(../../images/careers_ov.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:-9999px;
	width: 109px;
	height:34px;
	margin:0px;
	padding: 0px;
	white-space: nowrap;
}
.tabheader .open3 {
	background-image:url(../../images/shop_ov.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	background-position: left top;
	width: 133px;
	height:34px;
	margin:0px;
	padding: 0px;
	white-space: nowrap;
}
.tabheader .open4 {
	background-image:url(../../images/b_number_ov.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent:-9999px;
	width: 152px;
	height:34px;
	margin:0px;
	padding: 0px;
	white-space: nowrap;
}

.tabheader .spc {
	border-bottom:1px solid #B9B9B9;
	margin:0;
	padding: 0.5em 0.2em 0.5em 0.2em;
	_padding: 0.5em 0.2em 0.6em 0.2em;/* IE6 */
　padding: 0.5em 0.2em 0.6em 0.2em;/* Opera */
	white-space: nowrap;
}


*+html .tabheader .spc {/* IE7 */
	padding: 0.5em 0.2em 0.6em 0.2em;
}
@media screen and (-webkit-min-device-pixel-ratio:0){/* Mac Safari */
	.tabheader .spc {padding: 0.5em 0.2em 0.6em 0.2em;}
}

.tabheader a {text-decoration: none;}
.tabbody {
	background-image:url(../../images/tab_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-width: 0 1px 1px 1px;
 	padding: 1em;
}
#tab .tab_in{
	width: 600px;
	border-bottom:1px dotted #A99E76;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 5px;
}
#tab .tab_in .tab_img{
	width: 68px;
	margin: 0px 15px 5px 0px;
}
#tab .tab_in .tab_txt{
	width: 510px;
}
#tab .tab_in .tab_txt dl{
	padding: 0px 0px 5px 0px;
}
#tab .tab_in .tab_txt dt{
	background-image:url(../images/images_2009/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding: 0px 0px 0px 20px;
}
#tab .tab_in .tab_txt dd{
	padding: 0px 0px 0px 20px;
}
#tab .tab_btn{
	text-align: right;
	padding: 8px 8px 0px 0px;
}

/* ------ タブ切り替え部分 ----- */
#new_main .info{
	width:639px;
	background-image:url(../../images/info_bg01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0px 10px 0px;
}

#new_main .info_2{
	width:639px;
	background-image:url(../../images/info_bg02.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#new_main .info .title{
	padding: 15px 0px 0px 0px;
	margin: 0px 0px 15px 20px;
	width: 595px;
	border-bottom:2px solid #B4AAA3;
}
#new_main .info .info_img{
	width: 100px;
	margin: 0px 0px 0px 20px;
}
#new_main .info .info_img .dey{
	font-weight: bold;
	padding: 0px 0px 5px 0px;
}

#new_main .info .info_txt{
	width: 490px;
}
#new_main .info .info_txt .title_01{
	background-image:url(../images/images_2009/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding: 0px 0px 0px 20px;
	font-size: 14px;
	font-weight: bold;
}
#new_main .info .info_txt .txt_d{
	width: 150px;
}
#new_main .info .info_txt .text{
	padding: 0px 0px 10px 20px;
}
#new_main .mv_title{
	width: 275px;
}
#new_main .mv_title #mv_l{
	width: 188px;
	padding: 0px 0px 5px 0px;
}
#new_main .mv_title #mv_r{
	width: 55px;
	padding: 0px 0px 0px 0px;
}
#new_main .mv_title .mv_bg{
	width: 275px;
	background-color:#F1EFE2;
	margin: 5px 0px 5px 0px;
}
#new_main .mv_title .movie{
	padding: 10px 0px 10px 23px;
}
#new_main .mv_title p{
	padding: 0px 0px 0px 23px;
	font-size: 11px;
	letter-spacing: -1px;
}
#new_main .mv_title .dey{
	padding-bottom:0px;
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
}
#new_main .mv_title .text_01{
	padding-bottom:20px;
	margin: 0px;
	font-size: 11px;
	letter-spacing: -1px;
}

#new_main .mobil{
	width: 275px;
	background-color:#F1EFE2;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	border-top:2px solid #B4AAA3;
}
#new_main .mobil .qr{
	width: 76px;
	margin: 0px 10px 0px 10px;
}
#new_main .mobil .qr_text{
	width: 150px;
	margin: 0px 10px 0px 0px;
}
#new_main .mobil .qr_text p{
	line-height:130%;
}
#new_main .mobil p{
	margin: 5px 0px 5px 0px;
	line-height: 110%;
}
#new_main .blog_bn{
	width: 275px;
	margin: 0px 0px 10px 0px;
	padding: 15px 0 0;
}
#new_main .blog_bn p{
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
}
#new_main #blog{
	margin: 10px 0px 5px 0px;
}
#new_main #blog .title{
	margin: 5px 0px 5px 0px;
}
#new_main #blog li{

}
#new_main #blog .hr{
	background-image:url(../../images/icon_01.gif);
	background-repeat: no-repeat;
	background-position:  10px 10px;
}
#new_main #blog a{
	color: #333333;
	text-decoration: none;
	width: 245px;
	background-color:#F1EFE2;
	border-right:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	padding: 5px 10px 5px 20px;
	margin: 0px 0px 1px 0px;
	display:block;
}
#new_main #blog a:link{color: #333333;text-decoration: none;}
#new_main #blog a:visited{color: #333333; text-decoration: none;}
#new_main #blog a:active{color: #333333;text-decoration: none;}
#new_main #blog a:hover{
	color: #333333;
	background-color:#C2C2C2;
	display:block;
}
#pagetop02{
  position:relative; bottom:0px; left:755px;
  margin : 0px;
  padding : 0px 10px 0px 0px;
  text-align : right ;
  background-color:#ffffff;
  width : 210px;
  _width : 209px;
}

.pa01{padding:20px 0px 0px 0px;}
.ma01{margin:10px 0px 0px 0px;}

#reallive_bn{
	width:639px;
	padding: 0px;
	margin: 30px 0px 20px 30px;
}


.teikei{
  width : 254px;
	border:1px solid #cccccc;
	padding : 5px 10px 10px 10px;
}

.teikei p{
  font-size:10px;
}

.fc_boshu {
	margin-bottom: 0.5em;
	width: 275px;
}
.fc_boshu img {
	height: auto;
	width: 100%;
}
.fc_boshu a {
	text-decoration: none;
	display: block;
}
.fc_boshu a:hover {
	filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}
.bok_bn {
	margin-bottom: 0.5em;
	width: 275px;
	height: 60px;
	overflow: hidden;
}
.bok_bn a {
	text-decoration: none;
	display: block;
	height: 120px;
	width: 275px;
}
.bok_bn a:hover {
	margin-top: -60px;
}

/* ###### 見出しの設定 ###################### */
h1 {
  font-size: 12px;
  color: #000000;
	font-weight : normal;
	line-height : 1.4em;
}

h2 {
  font-size: 120%;
  color: #006699;
  margin: 0px;
  padding: 0px;
}

h3 {
  font-size: 110%;
  color: #334d55;
  margin: 0px;
  padding: 0px;
}

h4 {
    /*background: #f8f8f8; */  
    border-right: 4px solid #CCCCCC;   
    border-left: 4px solid #CCCCCC;   
    padding:0.3em 0.3em;