/* ちゅーピーモール　TOPページ（イントロ初期画面）CSS　/shop/files/c1801.css 
最終更新日：2007年11月13日 by Tanaka*/ 
/*2010.03.15修正(修正は●印) by Yoshida*/


@charset "utf-8";


/*ヘッダー　囲み */

#shopping_header_container{
	border-bottom: 2px #FF8000 solid;
	width: 850px;
}


/*見出しの色を一斉に変更したいときは、以下の設定を変更してください */
.orange-side-bg-white {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	back ground-color: #FF6600;
	background: url(../MallTop/orange_title_bg2.gif) no-repeat;
	height: 32px;
	text-align: left;
	vertical-align: middle;
	padding: 6px 4px 4px 25px;
	margin: 0px;
	overflow: hidden;
}

.orange-side-bg-white2 {
	font-size: 12px;
	font-weight: bold;
	color: #666666;

	back ground-color: #FF6600;
	background: url(../MallTop/orange_title_bg3.gif) no-repeat;
	height: 32px;
	text-align: left;
	vertical-align: middle;
	padding: 6px 4px 4px 25px;
	margin: 0px;
	overflow: hidden;
}

.orange-side-bg-whiteB {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	back ground-color: #FF6600;
	background: url(../IntroPage/orange_title_bg.gif) no-repeat;
	height: 32px;
	text-align: left;
	vertical-align: middle;
	padding: 6px 4px 4px 25px;
	margin: 0px;
	overflow: hidden;
}
.orange-bg-white {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 4px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF9900;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
}

.orange2-bg-white {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 4px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #99CC00;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #99CC00;
	border-bottom-color: #99CC00;
}


/*
●2010.02.24 Yoshida
背景画像追加 
padding変更
ボーダーオフ
*/
.author_img_title{
/*	
	padding: 7px 3px 3px;
	border-top-width: 4px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF6600;
	border-right-color: #FF6600;
	border-bottom-color: #FF6600;
	border-left-color: #FF6600;
*/	
	padding: 5px 5px 0;
	font-size: 14px;
	font-weight: bold;
	background-image: url(../img/bg_vender.gif);
	color: #FFFFFF;
	width:630px;
}
.author_img_detail{
	padding:1px 1px 3px 3px;
	/*border:1px #89C529 solid;*/
}

/*
●2010.02.24 Yoshida
color: #FF6600
padding変更
ボーダーオフ
背景画像追加
*/
.title-blline {
/*	
	padding: 7px 3px 3px;
	border-top-width: 4px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF6600;
	border-right-color: #FF6600;
	border-bottom-color: #FF6600;
	border-left-color: #FF6600;
*/	
	padding: 5px 5px 0;
	font-size: 14px;
	font-weight: bold;
	background-image: url(../img/bg_vender.gif);
	color: #FFFFFF;
}
.shoptitle {
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	padding:5px 0px 5px 5px;
	border: 1px solid #89C529;
	background-image: url(../Vendor/bg_vender.gif);
	background-repeat: repeat;
}
.orangebox-bg {
	padding:10px 0px 10px 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #89C529;
	border-right-color: #89C529;
	border-bottom-color: #89C529;
	border-left-color: #89C529;
}
.shop-api {
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
}
.head-line {
	background-image: url(../common/menu_bg.gif);
	background-repeat: repeat-x;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #FF6600;
	background-position: center bottom;
}


/* 以下、Defaltです。基本的に変更不要。 */
body {
	scrollbar-face-color:#FAFAFA; 
	scrollbar-highlight-color:#FAFAFA0; 
	scrollbar-3dlight-color:#999999; 
	scrollbar-shadow-color:#999999; 
	scrollbar-darkshadow-color:#FAFAFA; 
	scrollbar-track-color:#ffffff; 
	scrollbar-arrow-color:#999999;
	text-align:justify
} 
input	{font-family:"MS PGothic"; font-size:12px; ime-mode:active;}
.form {
	font-size:12px;
	border:1px #9C9C9E solid}
textarea{font-family: "MS PGothic"; font-size:12px; ime-mode:active}
select {font-family: "MS PGothic"; font-size:12px; }
font {
	line-height:140%;
}
.font10 {
	font-size: 10px;
}
.font12 {
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.font12-25 {
	font-size: 12px;
	line-height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.font12no {
	font-size: 12px;
	line-height: 24px;
}
.font12-B {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	line-height: 20px;
}


td {
/* IE6 bug */
/*	font-size:12px; */
	/*font-size:80%;*/
}
.table_prof .td_comment_contents {
	vertical-align: top;
}

/* 
●2010.02.24 yoshida変更　410px
*/
.table_prof .td_comment_contents table {
	_zoom:1;
	overflow:hidden;
	width: 420px;
}

/* 
本文見出し
●2010.02.24 yoshida変更
padding-top:0px;
padding-bottom:5px;
*/
.table_prof .td_comment_contents .title{
	padding:5px;
}
.table_prof .td_comment_contents .honbun p{
	margin:0px;
}

/* 
本文見出し
●2010.03.15 yoshida変更
スタイル追加
紹介店本文内のテーブル位置を直す
*/
.table_prof .td_comment_contents .honbun table{
	margin:0px;
}


/* ●2010.02.24 yoshida変更　align:right;*/
.td_comment_ph {
	_zoom:1;
	overflow:hidden;
	width: 420px;
	text-align:center;
	padding:5px 0;
}
.honbun {
	padding-left: 10px;
	padding-right: 10px;
}
.td_orenge_01 {
	font-color: #000000;
	background: url(../common/bg-form.gif) no-repeat;
}
.td_orenge_HR {
	background-image: url(../IntroPage/uresuji_bg.gif);
	padding-top: 5px 0px 0px 0px;
	background-repeat: repeat-x;
	background-position: left bottom;
}

/* ●2010.02.24 yoshida変更
color:#233FAB
font-size: 11pt;
*/
.title {
	font-size: 130%;
	font-weight: bold;
	color: #840000;
	vertical-align: top;
	line-height: 15px;
	font-family: "MS PGothic";
	padding-top: 20px;
	padding-left: 10px;
}
.title1 {
	font-size:18px;
	font-weight:bolder;
	color:#C05300;
	vertical-align:top;
	line-height:15pt;
	font-family:"MS PGothic";
	padding-top:10px;
	padding-bottom:5px
}
.bg {
	background-attachment:fixed;
	background-image:url(../stadium/images/bg.gif);
	background-position:100px 150px;
	background-repeat:no-repeat;
	background-color:#FFFFFF
}
.inbox {
	border:#000000;
	font-family:"MS PGothic";
	font-size:8pt;
	font-weight:bold;
	color:#666666;
	letter-spacing:100px
}
.justify {
	text-align:justify;
}
.leftmargin{
	padding-right:10px;
	padding-left: 10px;
}
.mg {
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:10px;
	text-align:justify
}
.margin {
	padding-right:8px;
	padding-left:8px;
	padding-top:8px;
	padding-bottom: 8px
}
.alpha30 {filter: Alpha(Opacity=40)}
.alpha {filter: Alpha(Opacity=30)}
.topm {
	padding-top:7px;
	text-align: justify
}
.mg1 {
	padding-top:10px;
	padding-right:10px;
	padding-left:10px;
	text-align: justify }
.menu {
	font-family: "MS PGothic";
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
	color: #FFFFFF;
}
.price {
	font-family: "MS PGothic";
	font-size: 12px;
	color: #FF0000;
}
.notice {
	font-family:"MS PGothic";
	line-height:18px;
	color:#FFFFFF;
}
.a:hover {
	font-family:"MS PGothic";
	font-size:12px;
	color:#FFFFFF;
	text-decoration:underline;
}
.tbox {
	font-family:"MS PGothic";
	font-size:12px;color:#444444;
	border:#666666;
	border-style:solid;
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
}
.review {
	font-family:"MS PGothic";
	font-size:9pt;
	color:#000000;
	text-decoration:none;
}



.blueButton
{
	font-family: "MS PGothic"; 
	font-size:9pt; 
	background-color:#E4EDF4; 
	color:#666666; 
	height:23px; 
	width:95px;
}
.actionButton {
	font-family: "MS PGothic"; 
	font-size:9pt; 
	background-color:#E4EDF4; 
	height:23px; 
	width:160px;
}
.activeButton {
	font-family: "MS PGothic"; 
	font-size:10px; 
	height:20px; 
	width:33px;
	padding: 0px;
	background-color:#DDDDDD;
}
.stressButton{
 font-family: "MS PGothic"; 
	font-size:10px; 
	height:20px; 
	width:33px;
	padding: 0px;
	color:blue;
	background-color:#DDDDDD;
	font-weight:bold;
}
.disableButton {
	font-family: "MS PGothic"; 
	font-size:10px; 
	height:20px; 
	width:33px;
	padding: 0px;
	color:#aaaaaa;
}



.cut_str {
	overflow: hidden;
	text-overflow: ellipsis;
}

.cut_str2 {
	overflow: hidden;
}



.ad728-90 {
	background-image: url(../common/banner_bg.gif);
	background-repeat: repeat;
	height: 98px;
	width: 800px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #FF6600;
	text-align: center;
	border-top-width: 2px;
	vertical-align: middle;
	border-top-color: #FF6600;
}
.n-link {
	font-size: 12px;
	color: #0033FF;
	text-decoration: underline;
	line-height: 18px;
}
.uresuji {
	background-image: url(../IntroPage/uresuji_bg.gif);
	height: 39px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	background-repeat: repeat-x;
	background-position: left bottom;
}

.aaaa:visited {
	text-decoration:underline;
	font-size: 12px;
	font-weight: normal;
}
.aaaa:link {
	text-decoration:underline;
	font-size: 12px;
	font-weight: normal;
}
.aaaa:hover {
	text-decoration:underline;
	font-size: 12px;
	font-weight: normal;
}


.aaaaa:visited {
	text-decoration:underline;
	font-size: 10px;
	color: #FF6600;
}
.aaaaa:link {
	text-decoration:underline;
	font-size: 10px;
	color: #FF6600;
}
.aaaaa:hover {
	text-decoration:underline;
	font-size: 10px;
	color: #FF6600;
	vertical-align: middle;

}
.bg-gray {
	background-image: url(../common/banner_bg.gif);
	padding: 8px;
	font-size: 10px;
}
.sample {
	font-size: 12px;
	line-height: 18px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



.osirase {
	background-image: url(../IntroPage/uresuji_bg.gif);
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	background-repeat: repeat-x;
	background-position: left bottom;
}
.ore-line {
	background-image: url(../common/ore_line.gif);
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	background-repeat: repeat-x;
	background-position: left center;
}
.space5 {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.sea01 {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-style: none;
	border-left-style: none;
	border-right-color: #FFFFFF;
	border-bottom-color: #CCCCCC;
	border-left-color: #FFFFFF;
}
.sea02 {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-style: none;
	border-left-style: none;
	border-right-color: #FFFFFF;
	border-bottom-color: #CCCCCC;
	border-left-color: #FFFFFF;
	background-color: #FFFFCC;
}
.sea03 {
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #CCCCCC;
	border-left-color: #FFFFFF;
	background-color: #FFFFCC;
}
.gray-line {
	background-image: url(../common/gray_space.gif);
	background-repeat: repeat-x;
	background-position: left center;
	height: 8px;
}
.bl-line {
	border: 1px solid #000000;
	margin: 0px;
	padding: 3px;
}
.gray-linetate {
	background-image: url(../common/gray_space.gif);
	background-repeat: repeat-y;
	background-position: center top;
	width: 10px;
}
.ad350-250 {
	background-image: url(../common/banner_bg.gif);
	background-repeat: repeat;
	height: 280px;
	width: 590px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
	vertical-align: middle;
	border-top-width: 3px;
	border-top-color: #FF6600;
}
.fotter-ore {
	background-color: #FF6600;
	height: 2px;
	width: 800px;
}
.bg-menu {
	background-image: url(../common/menu_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.loginmenu {
	background-color: #FFF3DD;
	border: 1px solid #FF6600;
	margin: 0px;
	padding: 2px 0px;
}
.ore-line-1px {
	background-image: url(../common/oge1px_bg.gif);
	background-repeat: repeat-x;
	background-position: left center;
}
.zone-b {
	background-image: url(../MallTop/zone_bg.gif);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-repeat: repeat-x;
	background-position: left bottom;
}
.head-line {
	border-bottom-width: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #FF6600;
}



.goodstitle {
	font-size: 20px;
	font-weight: normal;
	color: #FF6600;
	padding: 10px 7px;
	border: 1px solid #FF6600;
}
.goods-main {
	width: 300px;
	font-size: 12px;
}
.goodsnumber {
	font-size: 12px;
	line-height: 18px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.goodsname {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

.item_list {
	align:left;
}
.td_item_list {
	align:left;
	padding-left:2px;
}
.td_item_list_title_image {
	width:60px;
	align:left;
	font-weight:normal;
}
.td_item_list_title_name {
	width:400px;
	text-align:left;
	padding-left:2px;
	font-weight:normal;
}
.td_item_list_title_price {
	text-align:left;
	font-weight:normal;
}
.td_item_list_image{
	align:left;
	vertical-align:middle;
}
.td_item_list_name{
	text-align:left;
	padding-left:2px;
	vertical-align:middle;
	line-height:1.35;
}
.td_item_list_origin{
	text-align:left;
	vertical-align:middle;
	padding-left:2px;
	line-height:1.35;
}
.td_item_list_price{
	text-align:right;
	padding-left:2px;
	line-height:1.35;
}
.td_item_list_bag{
	text-align:left;
	vertical-align:middle;
	padding-left:2px;
}
.td_item_list_image_zoom{
	text-align:left;
	vertical-align:middle;
	padding-left:2px;
}


.aaaaaa:visited {
	font-size: 12px;
	font-weight: normal;
	color: #FF6600;
}
.aaaaaa:link {
	font-size: 12px;
	font-weight: normal;
	color: #FF6600;
}
.aaaaaa:hover {
	font-size: 12px;
	font-weight: normal;
	color: #FF6600;
}


.pricebg {
	background-color: #FFFFCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
	font-size: 12px;
	line-height: 18px;
	padding-left: 8px;
}
.pricebg2 {
	background-color: #FFFFCC;
	font-size: 12px;
	line-height: 18px;
	padding-left: 8px;
}
.oldprice {
	font-weight: normal;
	text-decoration: line-through;
}
.newprice {
	color: #FF6600;
}



.info {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #FF6600;
	padding-top: 20px;
}
.revew-bg {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
	font-size: 12px;
	line-height: 25px;
	padding: 10px;
}
.ichiran-bg {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
	font-size: 12px;
	line-height: 25px;
	padding: 10px;
}
.optionA {
	border-top: 1px solid #FF6600;
	border-right: 1px solid #FF6600;
	border-bottom: none;
	border-left: 1px solid #FF6600;
}
.optionB {
	padding: 3px;
}


.f-goodsname {
	font-size: 12px;
	line-height: 20px;
	padding-left: 20px;
}
.menuA {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FF6600;
	border-bottom-color: #FF6600;
	border-left-color: #FF6600;
}
.syousai-L {
	font-size: 12px;
	line-height: 18px;
	padding-left: 8px;
}
.blank {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.links{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #99CC00;
	border-bottom-color: #99CC00;
	border-left-color: #99CC00;
}

