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

/* ----------------------------------------------------
   全ページ共通の設定
---------------------------------------------------- */
/* body設定 */
body {
  background-image : url(http://www.worldvision.co.jp/shop/images/parts/bg.gif);
  background-position : center;
  background-repeat : repeat-y;
  background-color:#E8E4D7;
  font-size:12px;
}

/* 背景画像指定 */

/* コンテンツエリア */
#wrapper {
  width : 950px;
  margin : 0 auto;
  padding : 0;
  background-color : #FFFFFF;
}

/* メインコンテンツ */
#main-container {
  width : 920px;
  margin : 10px auto 0px auto;
  padding : 0;
}

.gnavi_bg{
  width : 920px;
  margin : 10px auto 0px auto;
  padding : 0;
}
/* 左カラム */
#left-menu {
  width : 195px;
  margin : 0;
  padding : 0;
  text-align : left;
  float : left;
}

/* 右側全体コンテンツ */
#right-container {
  width : 720px;
  margin : 0;
  padding : 0;
  float : right;
}

#right-container h2{
  margin : 15px 0px 15px 0px;
}

#right-container p{
  line-height:150%;
}

#right-container p#bread{
  font-size:10px;
  margin:0px 0px 10px 0px;
}

#right-container p#bread a:link { color: #1081B4 ;}
#right-container p#bread a:visited { color: #1081B4 }
#right-container p#bread a:hover { color: 1081B4 ; text-decoration : underline;}
#right-container p#bread a:active { color: #1081B4 }

.guide-tab{
  font-size : 12px;
  background-color:#8E2777;;
  padding : 5px 0px 5px 10px;
  margin-bottom:10px;
  color:#ffffff;
}

.guide-tab2{
  font-size : 12px;
  background-color:#8E2777;;
  padding : 5px 0px 5px 10px;
  margin:10px 0px 10px 0px;
  color:#ffffff;
}

table.guide_deli{
}

#right-container-inner {
  width : 700px;
  margin : 0 auto;
  padding : 5px 0px;
}

/* 中央カラム */
#main-contents {
  width : 554px;
  margin : 0px;
  padding : 0px;
  float : left;
}

/* 一番右カラム */
#right-contents {
  width : 172px;
  margin : 10px 0px 0px 0px;
  padding : 0;
  float : right;
}

/* ブランドメニュー、アナウンス系メニュー */
.b-menu {
  width : 190px;
  margin : 0;
  padding : 0px 0px 5px 0px;
}

.b-menu ul {
  width : 190px;
  margin : 0;
  padding : 0;
}

.b-menu ul li {
  width : 176px;
  height : 35px;
  margin : 0px 0px 4px 0px;
  padding : 0px 0px 0px 10px;
  list-style-type : none;
  border-left : 4px solid #666666;
  border-bottom : 1px dotted #999999;
}

.b-menu ul li.guide {
  width : 190px;
  margin : 0px 0px 1px 0px;
  padding : 0px;
  list-style-type : none;
  border : none;
}

.b-menu ul li img {
  vertical-align:top;
}

/* 左メニュー用プロモーションバナーなど */
.prm {
  width : 190px;
  margin : 0px 0px 10px 0px;
  padding : 0;
}

/* 角丸上下など */
.lid,.lid2 {
  margin : 0;
  padding : 0;
  text-align : center;
}

.lid img {
	vertical-align:top;
}

.lid2 img {
	vertical-align:bottom;
}

#mobile-inner p a,
#aacd-inner p a,
#to-first p a,
#news-inner dl dd a,
#help-navi a,
.m-box-inner table td a,
#error-txt a { 
  color : #CC0000;
  text-decoration : underline;
}

/* リンクホバー色：オレンジ */
#mobile-inner p a:hover,
#aacd-inner p a:hover,
#to-first p a:hover,
#news-inner dl dd a:hover,
#help-navi a:hover,
.m-box-inner table td a:hover,
#error-txt a:hover { 
  color:#FF9933;
}

.right-prm {
  width : 172px;
  margin : 0px auto 10px auto;
  padding : 0;
  text-align : center;
} 


.red {
	color:#CC0000;
}



.orange {
	color:#ff6600;
}

.smaller {
  font-size : smaller;
  font-weight : normal;
}

/* フォームのテーブル */
.m-box-inner table {
  width : 948px;
  margin : 0 auto;
  padding : 0;
  border-collapse : collapse;
}

.m-box-inner table th {
 width : 135px;
 padding : 10px;
 text-align : left;
 font-weight : normal;
 border-right : 1px solid #FFFFFF;
 border-collapse:collapse;
 line-height:1.4em;
 vertical-align:top;
}

.m-box-inner table td {
 width : 773px;
 padding : 10px;
 border-collapse : collapse;
 line-height:1.4em;
 text-align : left;
}

.m-box-inner table td img {  
  vertical-align : middle;
}

#guide-menu-top ul {
  width : 190px;
  padding : 0px;
  margin: 0px;
  color:#666666;
}

#guide-menu-top li {
  height : 28px;
  margin-bottom : 1px;
  padding-left : 10px;
  line-height: 2.2;
  list-style-type : none;
  background-image : url(../../images/parts/submenu-base.gif);
  background-position : left;
  background-repeat : no-repeat;
  color:#666666;
  /* IE6 */
  _ margin-bottom : 1px;
}

#guide-menu-top li img{
	margin : 0px 3px 0px 0px;
/* IE6 */
	_margin : 10px 3px 0px 0px;
}

#guide-menu-top li a:link { color: #1081B4 }
#guide-menu-top li a:visited { color: #1081B4 }
#guide-menu-top li a:hover { color: #1081B4; text-decoration : underline;}
#guide-menu-top lia:active { color: #1081B4 }

/* 検索 */
#search {
  width : 790px;
  margin : 0;
  padding : 0;
  text-align : left;
  background-color:#E0E0E0;
  float:left;
}

#search table {
  height:40px;
  margin : 0px 0px 0px 10px ;
}

/*--------------------------------------------------
ぱんくず
--------------------------------------------------*/
.breadcrumb{
	padding: 9px 0px 12px 10px;
	font-size:8pt;
	width:757px;
}
/*--------------------------------------------------
見出し　h2　deco01
--------------------------------------------------*/
h2.deco01{
	background-image: url(images/common/h2_bg.gif);
	background-repeat: repeat;
	margin-bottom:20px;
	padding: 5px 0px 3px 13px;
	font-size:14px;
	font-weight:normal;
	line-height:176%;
	color:#FFFFFF;
	background-color: #333333;
}
/*--------------------------------------------------
見出し　h3　deco01
--------------------------------------------------*/
h3.deco01{
	background-image: url(images/common/h3_bg_01.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom: 1px solid #E3E3E3;
	margin-bottom:10px;
	padding: 12px 0px 5px 13px;
	font-size:9pt;
	line-height:120%;
	color:#333333;
	text-align:left;
}



/*--------------------------------------------------
リスト　deco01
--------------------------------------------------*/
ul.deco01{
	margin: 0px 0px 10px 0px;
}
ul.deco01 li{
	padding: 0px 0px 7px 15px;
	background-image: url(images/common/icon_01.gif);
	background-repeat: no-repeat;
	list-style-type:none;
	font-size:9pt;
	line-height:120%;
	background-position: 0px 3px;
	_background-position: 0px 2px;
}

/*--------------------------------------------------
リスト　product_menu
--------------------------------------------------*/
.product_menulist{
	border-right: 1px solid #E5E5E5;
}

.product_menulist table td{
	vertical-align:top;
}

.product_menulist table td p{
	font-size:10px;
	line-height:120%;
	color:#333333;
}

ul.product_menu{
	margin-top: 3px;
	margin-left: 10px;
	margin-bottom: 5px;
}
ul.product_menu li{
	padding: 0px 0px 3px 18px;
	background-image: url(images/common/category-kaisou06.gif);
	background-repeat: no-repeat;
	list-style-type:none;
	font-size:9pt;
	line-height:120%;
	background-position: 0px 1px;
	_background-position: 0px 2px;
}

ul.product_menu li.long{
	padding: 0px 0px 3px 18px;
	background-image: url(images/common/category-kaisou06b.gif);
	background-repeat: no-repeat;
	list-style-type:none;
	font-size:9pt;
	line-height:120%;
	background-position: 0px 1px;
	_background-position: 0px 2px;
}

ul.product_menu li.end{
	padding: 0px 0px 3px 18px;
	background-image: url(images/common/category-kaisou07.gif);
	background-repeat: no-repeat;
	list-style-type:none;
	font-size:9pt;
	line-height:120%;
	background-position: 0px 1px;
	_background-position: 0px 2px;
}

ul.product_menu li.deco01{
	padding: 0px 0px 0px 15px;
	background-image: url(images/common/icon_01.gif);
	background-repeat: no-repeat;
	list-style-type:none;
	font-size:9pt;
	line-height:150%;
	background-position: 0px 5px;
	_background-position: 0px 4px;
}

/*--------------------------------------------------
見出し　h4　deco01
--------------------------------------------------*/
h4.deco01{
	padding: 0px 0px 7px 15px;
	background-image: url(images/common/icon_01.gif);
	background-repeat: no-repeat;
	font-size:9pt;
	font-weight:normal;
	background-position: 0px 3px;
	_background-position: 0px 2px;
}
/*--------------------------------------------------
共通部品
--------------------------------------------------*/
.exp{
	font-size:8pt;
	font-weight:normal;
}
.gray{
	color:#666666;
}
.lightgray{ color:#CCCCCC;}

p.date{
	font-size:8pt;
	color:#CD79CD;
}

/*--------------------------------------------------
水平線　hr
--------------------------------------------------*/
.hr01{
	margin-bottom:10px;
	border-top: 1px solid #D3CBC8;
}

.hr02{
	margin-bottom:12px!important;
	padding: 0px 0px 15px 6px!important;
	background-image: url(images/common/hr_01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

/*--------------------------------------------------
キャッチコピー
--------------------------------------------------*/

.itemcopy h4{
	font-size:14px;
	line-height:130%;
	color:#333333;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}

.itemcopy p{
	font-size:13px;
	line-height:150%;
	color:#333333;
	margin: 0px 0px 14px 0px;
}

.option table{
	width:530px;
	margin-bottom:10px;
	text-align:left;
	vertical-align:top;
}

.option table td{
	text-align:left;
	vertical-align:top;
}

.option table p.item{
	font-size:13px;
	line-height:130%;
	color:#333333;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}

.option table p.txt{
	font-size:12px;
	line-height:120%;
	color:#333333;
}

/*--------------------------------------------------
カラーリスト　color
--------------------------------------------------*/
/*--------------------------------------------------
テキストカラー
--------------------------------------------------*/
.darkred{
	color:#9F222A;
}

.pink{
	color:#FF00FF;
	font-weight: bold;
}

/*--------------------------------------------------
ベーシックレザーカラー４０
--------------------------------------------------*/
.base40{
	border: 1px solid #E5E5E5;
	width:840px;
	margin-bottom:10px;
}

.base40 h4{
	padding: 0px 0px 10px 0px;
	width:840px;
}

.base40 p.copy{
	font-size:12px;
	line-height:120%;
	color:#333333;
	font-weight: bold;
	margin: 0px 0px 15px 10px;
}

.base40 table{
	margin: 0px 0px 0px 15px;
}

.base40 table td{
	vertical-align:top;
	padding: 0px 0px 5px 5px;
	border-left: 1px solid #E5E5E5;
}

.base40 table td p{
	font-size:10px;
	line-height:120%;
	color:#333333;
}

.base40 table p.other{
	padding-top: 5px;
}

/*--------------------------------------------------
ベーシックレザーカラー２０
--------------------------------------------------*/
.base20{
	border: 1px solid #E5E5E5;
	width:530px;
	margin-bottom:10px;
}

.base20 h4{
	padding: 0px 0px 10px 0px;
	width:530px;
}

.base20 p.copy{
	font-size:12px;
	line-height:120%;
	color:#333333;
	font-weight: bold;
	margin: 0px 0px 15px 10px;
}

.base20 table{
	margin: 0px 0px 0px 15px;
}

.base20 table td{
	vertical-align:top;
	padding: 0px 0px 5px 5px;
	border-left: 1px solid #E5E5E5;
}

.base20 table td p{
	font-size:10px;
	line-height:120%;
	color:#333333;
}

.base20 table p.other{
	padding-top: 5px;
}

/*--------------------------------------------------
日本製レザーカラー１０
--------------------------------------------------*/
.spe10{
	border: 3px solid #666666;
	width:530px;
	margin-bottom:10px;
}

.spe10 h4{
	padding: 0px 0px 10px 0px;
	width:530px;
}

.spe10 p.copy{
	font-size:12px;
	line-height:120%;
	color:#333333;
	font-weight: bold;
	margin: 0px 0px 15px 10px;
}

.spe10 table{
	margin: 0px 0px 0px 15px;
}

.spe10 table td{
	vertical-align:top;
	padding: 0px 0px 5px 5px;
	border-left: 1px solid #E5E5E5;
}

.spe10 table td p{
	font-size:10px;
	line-height:120%;
	color:#333333;
}

.spe10 table p.other{
	padding-top: 5px;
}
/*--------------------------------------------------
閉じるボタン
--------------------------------------------------*/
.closebt{
	width:840px;
	text-align:center;
	margin-bottom:10px;
}

/*--------------------------------------------------
日本製レザーロング　カラーリスト　color
--------------------------------------------------*/
.special td.yogore table{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 2px solid #cccccc;
}

.special td.yogore table td{
	vertical-align:top;
	padding: 1px;
	text-align:center;
	font-size:10px;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.special td.yogore table td.noline{
	border-style: none;
	border-left: 1px solid #cccccc;
}

.special td.yogore table td.noline2{
	border-style: none;
}

.special td.yogore table td.leftnoline{
	border-style: none;
	border-bottom: 1px solid #cccccc;
}
.special td.yogore table td p{
	font-size:10px;
	line-height:120%;
	color:#333333;
}

.special td.yogore table p.other{
	padding-top: 5px;
}

.special{
	border: 3px solid #666666;
	width:837px;
	margin-bottom:10px;
}

.special h4{
	padding: 0px 0px 10px 0px;
	width:837px;
}

.special p.copy{
	font-size:12px;
	line-height:120%;
	color:#333333;
	font-weight: bold;
	margin: 0px 0px 15px 10px;
}

.special table{
	margin: 0px 0px 0px 15px;
}

.special table td{
	vertical-align:top;
	padding: 0px 0px 5px 4px;
	border-left: 1px solid #E5E5E5;
}

.special table td p{
	font-size:10px;
	line-height:120%;
	color:#333333;
}

.special table p.other{
	padding-top: 5px;
}

table.salonmain{
	width:490px;
	background-color:#E5E5E5;
	text-align:center;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:15px;
}

table.salonmain td{
	padding-bottom:3px;
}

.w490{
	width:490px;
	background-color:#E5E5E5;
	text-align:center;
	padding-top:5px;
}

.bggray{
	background-color:#E5E5E5;
}