@charset "utf-8";

body {
	padding: 0;
	margin: 0;
	color: #333333;
	font:13px/145% "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
	width: 100%;
	text-align: center;
}

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

a:hover img{filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;}

a img{background:#CCC;}





/*----------------------------------
		  common design
----------------------------------*/


/* default */

.vab td,td.vab		{vertical-align:bottom;}
.vam td,td.vam		{vertical-align:middle;}
.tac,.tac td,td.tac	{text-align:center!important;}
.tar,.tar td,td.tar	{text-align:right;}

.left{float:left; display:block;}
.right{float:right; display:block;}
.clear{clear:both;}

.strong{font-weight:bold;}


/* initialization */
h1,h2,h3,h4,p,dd,dt,dl,em{margin:0;padding:0;font-weight:normal;font-size:100%;text-align:left; font-style:normal;}
table,tbody {font-size:inherit;line-height:140%; border:0; padding:0;}
td {text-align: left; vertical-align:top;}
th {text-align: left; vertical-align:top; font-weight:normal;}

a img,fieldset {border:0;}
ol,ul,li {margin:0;padding:0;list-style:none;}
form{margin:0;padding:0;display:inline;}
input,textarea{font-size:100%;}


/* font */
.j10{font-size:80%;}
.j11{font-size:85%;}
.j12{font-size:95%;}
.j14{font-size:115%;}
.j16{font-size:125%;}
.j18{font-size:135%;}
.j20{font-size:145%;}
.j24{font-size:165%;}
.j23{font-size:162%; line-height:1.2; letter-spacing:-1px}
.j21{font-size:150%; line-height:1.2; letter-spacing:-1px}

/* color */
.red	{color:#E60013;}
.green	{color:#00532F;}
.blue	{color:#005D97;}
.gold	{color:#AA964A;}
.orange	{color:#FF6600;}

/* link color */
.l_green a{color:#00532F;}

/* margin */
.left50	{margin-left:50px;}
.left40	{margin-left:40px;}
.left30	{margin-left:30px;}
.left25	{margin-left:25px;} 
.left20	{margin-left:20px;} 
.left15	{margin-left:15px;} 
.left10	{margin-left:10px;} 
.left5	{margin-left:5px;} 

.right35{margin-right:35px;}
.right20{margin-right:20px;}
.right15{margin-right:15px;}
.right10{margin-right:10px;}
.right5 {margin-right:5px;}

.top50	{margin-top:50px;} 
.top45	{margin-top:45px;} 
.top40	{margin-top:40px;} 
.top30	{margin-top:30px;}
.top25	{margin-top:25px;} 
.top20	{margin-top:20px;} 
.top15	{margin-top:15px;} 
.top10	{margin-top:10px;} 
.top5	{margin-top:5px;} 

.bottom50	{margin-bottom:50px;}
.bottom40	{margin-bottom:40px;}
.bottom30	{margin-bottom:30px;}
.bottom20	{margin-bottom:20px;}
.bottom15	{margin-bottom:15px;}
.bottom10	{margin-bottom:10px;}
.bottom5	{margin-bottom:5px;}


/* padding */
.p20{padding:20px;}
.p10{padding:10px;}
.p5{padding:5px;}

/* with */
.w100p{width:100%;}
.w530{width:530px;}
.w500{width:500px;}
.w450{width:450px;}
.w420{width:420px;}
.w300{width:300px;}
.w250{width:250px;}
.w200{width:200px;}
.w100{width:100px;}
.w70{width:70px;}
.w50{width:50px;}




/*----------------------------------
			header
----------------------------------*/
#HEADER{width:735px;
	border-top:3px solid #00532F;
	margin:0 auto;
	padding:6px 225px 5px 0;
	position:relative;
	text-align:left;}
#HEADER h1{float:left;
	margin-left:10px;}
#HEADER_R{float:right; margin-top:12px;}
#HEADER_R a{display:block;
	float:left;
	border-right:1px solid #999;
	padding:0 9px;}
#HEADER_R a.none{border-right:none;}

/*--*/
#GNAVI{width:960px;
	height:35px;
	margin:10px 0 0;}
#GNAVI a{display:block;
	float:left;}
/*--*/
#HEADER #SEARCH{width:225px;
	position:absolute;
	top:10px;
	right:0;}
#HEADER #SEARCH input{display:block;
	vertical-align:top;
	float:left;
	width:160px;
	line-height:20px;}
#HEADER #SEARCH .btn_search{width:51px;
	height:21px;
	cursor:pointer;
	background:url(/themes/standard/images/btn_search.jpg) no-repeat;
	margin-left:5px;
	font-size:1px;
	color:#666;
	border:none;}
	


/*----------------------------------
		    footer
----------------------------------*/
#FOOTER{
	width:100%;
	/*background:url(/themes/standard/images/footerbg.jpg) repeat-x bottom;*/
	margin-top:50px;}

#FOOTER_BOX{
	width:960px;
	height:80px;
	margin:0 auto;
	background:url(/themes/standard/images/footerbg.jpg) repeat-x bottom;
	font:11px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;_font-size:9px;
	text-align:center;
	position:relative;}
#FOOTER a{color:#333;}
#FOOTER a:hover{color:#339900;
	text-decoration:none;}	

/*--*/
.fnavi01{margin:0 auto 8px;
	padding-right:10px;}
.fnavi01 li{display:inline;
	padding:2px 0 0 15px;}
.fnavi01 li ul{display:inline;}
.fnavi01 li li{padding-left:6px;padding-right:0;}

.fnavi01 li.charter{padding-top:0;}

/*--*/
.fnavi02{margin:0 auto; font-size:10px;/font-size:9px;}
.fnavi02 li{display:inline;
	margin-left:8px;
	padding-right:8px;
	line-height:19px;}

/*--*/
.copyright{width:960px;
	font-size:10px;
	position:absolute;
	bottom:10px;
	left:0;}



/*----------------------------------
		 main contents
----------------------------------*/
#CRUMB{font:10px/30px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#00532F;
	padding:0 0 5px 5px;}
#CRUMB a:link	{color:#00532F;text-decoration:underline;}
#CRUMB a:visited{color:#00532F;text-decoration:underline;}
#CRUMB a:hover	{color:#00532F;text-decoration:none;}

#CONTENTS_GOODS,#CONTENTS_MEMBER,#CONTENTS_ENTA{width:960px;
	margin:0 auto;
	text-align:left;}

/*#TITLE td{width:960px;padding-bottom:20px;}
#TITLE h2{font:bold 30px/50px "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","細明朝体", "ヒラギノ角ゴ Pro W3";
	/font:bold 30px/50px "ＭＳ Ｐ明朝","細明朝体","ヒラギノ明朝 Pro W3";
	background:url(/themes/standard/images/title_bg.jpg) no-repeat left bottom;	
	padding-left:30px;}
#TITLE strong{display:block;padding:10px 0 0 35px;font-weight:normal;}
#TITLE .title_goods strong{color:#FEC100;
	font-size:23px;
	line-height:28px;
	font-weight:bold;}
#TITLE .title_goods .text3{padding:5px 0 0 35px;}*/

#TITLE td{width:960px;
	height:90px;
	color:white;
	text-align:center;
	vertical-align:middle;}
#TITLE h2{font:bold 26px/46px "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","細明朝体", "ヒラギノ角ゴ Pro W3";
	/font:bold 26px/46px "ＭＳ Ｐ明朝","細明朝体","ヒラギノ明朝 Pro W3";
	text-align:center;}
#TITLE strong{display:block;}
#TITLE .title_goods h2{font:bold 26px/33px "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","細明朝体", "ヒラギノ角ゴ Pro W3";
	/font:bold 26px/33px "ＭＳ Ｐ明朝","細明朝体","ヒラギノ明朝 Pro W3";
	color:#FEC100;}
#TITLE .title_goods strong{color:#FEC100;
	font-size:23px;
	line-height:28px;}

#CONTENTS_GOODS #TITLE{background:#00532F;}
#CONTENTS_MEMBER #TITLE{background:#BAA31F;}
#CONTENTS_ENTA #TITLE{background:#005D97;}

#CENTER{width:960px;
	margin:0 auto;
	text-align:left;}



/*---	index	---*/
#INDEX{width:960px;
	margin:0 auto;	
	position:relative;
	text-align:left;}	
#INDEX a:hover{color:#339900;
	text-decoration:none;}	

#INDEX h2{float:right;
	width:810px;
	font-size:115%;
	font-weight:bold;
	line-height:160%;
	text-align:center;
	margin:60px 0 40px;}

#INDEX h3{font-size:115%;
	font-weight:bold;
	line-height:160%;
	text-align:center;}
#INDEX h3 span{background:#000;
	color:#FFF;
	border-right:1px solid #FFF;
	font-size:120%;
	padding:2px;}

/*--*/
.btn_cat{width:690px;
	border-bottom:1px solid #666;
	margin:0 auto 15px;
	padding-bottom:8px;
	padding-right:10px;
	position:relative;}
.btn_cat strong{font-size:125%;
	line-height:30px;
	position:absolute;
	top:0;
	left:10px;}
.btn_cat strong span{font-size:85%;font-weight:normal; margin-right:10px;}

/*--*/
#INDEX #SEARCH{width:195px;
	position:absolute;
	top:5px;
	right:10px;}
#INDEX #SEARCH input{display:block;
	vertical-align:top;
	float:left;
	width:130px;
	line-height:20px;}
#INDEX #SEARCH .btn_search{width:51px;
	height:21px;
	cursor:pointer;
	background:url(/themes/standard/images/btn_search.jpg) no-repeat;
	margin-left:5px;
	font-size:1px;
	color:#666;
	border:none;}
	

.btn_input{width:200px;
	height:30px;
	cursor:pointer;
	display:block;
	border:none;
	margin:0 auto;
	text-align:center;
	color:#FFF;
	font:16px/30px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	background:#555;}
.btn_input:hover{color:#FFF;
	background:#777;}
	




/*---	list	---*/
#catlist{margin-bottom:40px;}
#catlist a{color:#0066FF;}
#cat1{width:310px;float:left;}
#cat2{width:310px;float:left;margin:0 15px;}
#cat3{width:310px;float:left;}

#catlist h3{text-align:left!important;}
#catlist ul{width:290px;
	margin:5px 0 15px;
	padding:10px;
	background:#EEE;}
#catlist li{margin-left:20px;
	list-style-type: disc;}

/*--*/
.pref{margin-top:30px;float:left;}
.pref dl{margin-bottom:20px;width:220px;
	padding:0 10px;}
.pref dt{width:5.3em;
	float:left;
	clear:left;}
.pref dd{padding:0 0 3px 6.4em;
	text-indent:-1.1em;}
.pref dd a{margin-left:2px;}

/*--*/

.ad_detail{background:#EEE;padding:10px;}



/*--*/
#SEARCHLIST .list_box{width:160px;
	height:300px;
	float:left;}
#SEARCHLIST .list_contents{width:133px;
	height:230px;
	border:1px solid #CCC;
	margin-right:5px;
	margin-bottom:5px;
	padding:10px;}

#SEARCHLIST .image{width:130px;
	height:130px;
	overflow:hidden;
	margin-bottom:5px;
	text-align:center;}

#SEARCHLIST .text{margin-bottom:5px;
	height:3em;
	overflow:hidden;}
#SEARCHLIST .company{font-size:10px;}
#SEARCHLIST .pref{font-size:10px;
	float:none;
	margin-top:0;
	margin-bottom:5px;
	height:1.7em;
	overflow:hidden;}
#SEARCHLIST .price{color:#555555;font-weight:500;}
#SEARCHLIST .icon{}
#SEARCHLIST .icon .left{float:right;}
#SEARCHLIST .icon .left img{height:14px;margin-right:2px;_margin-right:1px;}
#SEARCHLIST .icon .right{margin-left:3px;margin-right:5px;_margin-right:3px;}

#SEARCHLIST p.title{background:#EEE;
	padding:5px 10px;
	margin:10px 0;
	font-weight:bold;
	position:relative;}
#SEARCHLIST p.title span{position:absolute;
	top:5px;
	right:10px;}

/*--*/
#ADVISERLIST .list{width:725px;float:left;}
#ADVISERLIST .list_box{width:145px;
	height:330px;
	float:left;}
#ADVISERLIST .list_contents{width:118px;
	height:260px;
	border:1px solid #CCC;
	margin-bottom:5px;
	padding:10px;}
#ADVISERLIST .cat_name{background:url(/themes/standard/images/arrow01.jpg) no-repeat right top;
	margin-bottom:5px;
	padding-right:13px;
	font-size:85%;
	line-height:115%;
	height:2.5em;
	overflow:hidden;}
#ADVISERLIST .cat_name a{color:#0066FF;}
#ADVISERLIST .image{width:115px;
	height:90px;
	overflow:hidden;
	margin-bottom:5px;
	text-align:center;}

#ADVISERLIST .text{margin-bottom:5px;font-size:85%; line-height:130%;}
#ADVISERLIST .text strong{display:block;text-align:center;margin-bottom:5px;font-size:12px;}
#ADVISERLIST .text strong small{font-size:9px;font-weight:normal; margin-left:3px;}
#ADVISERLIST .icon {margin-right:5px;}

#ADVISERLIST .bnr_box{width:234px;
	float:right;}
#ADVISERLIST .bnr_box img{margin:0 0 10px;}

/*--*/
.bnr_box .list_box{width:150px;
	height:200px;
	float:left;}
.bnr_box .list_contents{width:128px;
	height:170px;
	border:1px solid #CCC;
	margin-bottom:5px;
	padding:10px;}
.bnr_box .list_contents .image{width:128px;
	height:90px;
	overflow:hidden;
	margin-bottom:5px;
	text-align:center;}

.bnr_box .list_contents .text{margin-bottom:5px;font-size:85%; line-height:130%;}
.bnr_box .list_contents .text strong{display:block;text-align:center;margin-bottom:5px;font-size:12px;}
.bnr_box .list_contents .text strong small{font-size:9px;font-weight:normal; margin-left:3px;}

/*--*/
.pager {padding:8px;
	line-height:20px;
	text-align:center;
	margin-bottom:80px;}
.pager span {padding:0 10px;border-right:1px solid #CCC;}
.pager strong	{font-size:16px;}



/*---	detail	---*/
#GOODSDETAIL{}
#GOODSDETAIL .bnr_box{width:160px;
	padding-left:10px;
	float:right;}
#GOODSDETAIL .bnr_box img{margin:0 0 10px;}
#GOODSDETAIL h3{font:bold 26px/130% "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","細明朝体", "ヒラギノ角ゴ Pro W3";
	/font:bold 26px/130% "ＭＳ Ｐ明朝","細明朝体","ヒラギノ明朝 Pro W3";
	color:#004D91;}
#GOODSDETAIL p{margin-top:10px;text-align:left;clear:both;}

/*--*/
.detail_box{width:775px;
	float:left;
	border-right:1px solid #CCC;
	padding-right:14px;}

/*--*/
.detail_box01{width:240px;
	margin-right:15px;
	margin-bottom:15px;
	text-align:center;
	float:left;}
.detail_box01 h4{font-weight:bold; margin-top:10px;text-align:center;color:#004D91;}

/*--*/
.detail_box02{width:520px;
	float:right;
	margin-bottom:15px;}
.detail_box02 h4{font:bold 115%/140% "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","細明朝体", "ヒラギノ角ゴ Pro W3";
	/font:bold 115%/140% "ＭＳ Ｐ明朝","細明朝体","ヒラギノ明朝 Pro W3";
	color:#004D91;}
#GOODSDETAIL .detail_box02 p{clear:none;}
.detail_box02 img{float:right;margin-left:10px;}

/*--*/
.detail_box03{width:498px;
	float:right;
	border:1px solid #CCC;
	margin-bottom:15px;
	padding:10px;}
.detail_box03 h4{width:360px;
	float:left;
	font:bold 125%/140% "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
	color:#004D91;}
.detail_box03 .left{width:135px;}

/*--*/
.detail_box04{width:500px;
	float:right;
	background:#EEE;
	margin-bottom:15px;
	padding:10px;}


/*--*/
.detail_box05{width:775px;
	clear:both;
	color:#FFF;
	font-size:85%;}
.detail_box05 a{color:#FFF;}
.detail_box05 a:hover{color:#FFF;}
.detail_box05 strong{font-size:16px; margin-left:20px;}
.detail_box05 .left{width:695px;
	padding:10px;
	background:#E10915;}
.detail_box05 .orenge{background:#FF4500;}
.detail_box05 .right{width:60px; padding-top:10px;}

	
.detail_box04_2{
	width:498px;
	height:120px;
	float:right;
	background:#EEE;
	overflow:hidden;
	padding:10px 10px 0;}

/*ie6 */
*html .detail_box04_2{
	width:495px;
	height:120px;
	float:right;
	background:#EEE;
	overflow:hidden;
	padding:10px 10px 0;}

.detail_box04_3{
	background-color:#FFFFFF;
	padding:10px 3px 20px 10px;
	overflow-y:scroll;
	height:60px;
	color:#006600;}

.detail_box04_3 a:link		{color:#006600; text-decoration:underline;}
.detail_box04_3 a:visited	{color:#006600; text-decoration:underline;}
.detail_box04_3 a:hover		{color:#006600; text-decoration:none;}

.detail_box04_4{
	border-top:2px solid #FFFFFF;
	width:507px;
	float:right;
	background:#EEE;
	padding:10px 0 0 10px;
	height:30px;
	margin-bottom:10px}





/*		member		*/
#W760{width:760px;
	margin-left:100px;}

.box_ocher{background:#EEECDF;
	margin-bottom:20px;
	padding:15px;}
.box_ocher strong{display:block;
	font-size:115%;
	margin-bottom:10px;}

#W760 p.title{background:#EEE;
	padding:5px 10px;
	margin-top:10px;
	font-weight:bold;}
#W760 p{padding:1em;}
#W760 a:link	{color:#0066FF;text-decoration:underline;}
#W760 a:visited	{color:#0066FF;text-decoration:underline;}
#W760 a:hover	{color:#0066FF;text-decoration:none;}

/*--*/
.form_tbl{width:100%;margin-bottom:30px;}
.form_tbl th{width:160px;
	background:#DFF1F7;
	padding:10px;
	border-top:1px solid #FFF;
	font-weight:bold;}
.form_tbl th.bd0{border-top:none}
.form_tbl th span{font-weight:normal;}
.form_tbl td{padding:10px 0 10px 15px;
	border-top:1px solid #FFF;}
.form_tbl td li{width:260px;float:left;}

.form_tbl th.bd0{border-top:none;padding:0 10px 10px;}
.form_tbl td.bd0{border-top:none;padding:0 0 10px 15px;}

.form_tbl font{color:#E60013;font-size:85%;font-weight:bold;margin-left:5px;}
.form_tbl font.org{color:#FF6600;}
.form_tbl input,select{margin:0 5px 0 0;}
.form_tbl small{display:block;
	background:url(../images/icon_error2.gif) no-repeat left;
	color:#E60013;
	font-size:85%;
	line-height:20px;
	padding-left:20px;}

.box_error{border:1px solid #E60013;
	background:url(../images/icon_error.gif) no-repeat 10px 10px;
	padding:8px 0 10px 50px;
	margin:0 0 15px 0;
	color:#E60013;
	font-size:115%;
	font-weight:bold;
	text-align:center;}

.box_fagree{border-top:2px solid #666;
	padding:15px 0;
	text-align:center;
	margin-bottom:30px;}
.box_fagree div{background:#DFF1F7;
	padding:10px;
	margin-top:10px;}
.indent{padding-left:1.2em;
	text-indent:-1em;
	margin-bottom:10px;}

.box_edebe4 {background-color: #EEE;
    padding: 15px;
	margin-bottom:20px;}
.box_edebe4 em{display:block;
	font-size:120%;
	font-weight:bold;
	margin-bottom:10px;}

/*--*/
.textarea_kiyaku{width:670px;
	margin:0 auto;}


/*		statics		*/
.box_sanka{margin-bottom:40px;}
.box_sanka h4{font-weight:bold;
	font-size:125%;
	line-height:30px;}
.box_sanka h4 font{font-size:200%;}
.box_sanka02 strong{display:block;
	color:#FFF;
	font-size:125%;
	line-height:30px;
	margin-bottom:15px;
	padding-left:10px;
	color:FFF;
	background:#BAA31F;}
.box_sanka02 th{background:url(/themes/standard/images/sanka_thbg.jpg) no-repeat left top;
	line-height:30px;
	padding:0 0 5px 25px;
	font-weight:bold;}

/*--*/
.box_indent {padding-left:1.1em;text-indent:-1em;}

/*--*/
.sitemap{margin-bottom:40px;}
.sitemap li {background:url(/themes/standard/images/arrow01.jpg) no-repeat 5px 11px;
	line-height:30px;
	padding-left:20px;
	width:740px;}
.sitemap li.maptitle {background-color:#E6F5FB;
	background-image:none;
	font-weight:bold;
	margin-bottom:5px;}

/*--*/
#TOPICS h3{margin-bottom:15px;}
.topics_box01{border:1px solid #CCC;
	width:938px;
	height:220px;
	padding:75px 0 10px 20px;
	position:relative;}
.topics_box01 h3{position:absolute;top:10px;
	left:10px;}
.topics_box01 .link_box{width:728px;float:left;}
.topics_box01 a:link{color:#0066FF;text-decoration:none;}
.topics_box01 a:visited{color:#0066FF;text-decoration:none;}
.topics_box01 a:hover{color:#0066FF;text-decoration:underline;}

.topics_box02{width:725px;
	float:left;}
#TOPICS .list{width:725px;margin-top:40px;}
#TOPICS .list li{padding-left:2em;
	text-indent:-1em;
	margin-bottom:10px;}
#TOPICS .list li a span{color:#0066FF;}
#TOPICS .list_box{width:154px;
	height:275px;
	border:1px solid #CCC;
	float:left;
	position:relative;
	margin-right:5px;
	margin-bottom:5px;
	padding:10px;
	overflow:hidden;}
#TOPICS .image{width:154px;
	height:120px;
	overflow:hidden;
	float:left;
	margin-bottom:5px;
	text-align:center;}

#TOPICS .text{line-height:130%;
	height:5em;}
#TOPICS .text strong{display:block;
	text-align:center;
	margin-bottom:5px;}
#TOPICS .icon{position:absolute;
	top:90px;
	right:5px;}


#TOPICS .bnr_box{width:234px;
	float:right;
	margin-top:40px;}
#TOPICS .bnr_box img{margin:0 0 10px;}



/*		inquiry		*/
.arrow01 li{background:url(/themes/standard/images/arrow01.jpg) no-repeat left;
	margin-bottom:10px;
	padding-left:15px;}
.box_btn{width:450px;
	margin-left:155px;}



/*		mypage		*/
.mymenu{border:1px solid #CCC;
	margin-bottom:20px;
	padding:10px;}
.mymenu a{display:block;
	float:left;
	background:url(/themes/standard/images/arrow01.jpg) no-repeat left;
	margin-right:20px;
	padding-left:15px;}



/*---	cart	---*/
.page{padding:10px;}
.cart_tbl{width:100%;
	border-top:1px solid #FFF;
	border-bottom:1px solid #E5E5E5;}

.cart_tbl th{
	font-weight:bold;
	background:#E6F5FB;
	padding:7px 0;
	text-align:center;
	white-space:nowrap;
}

.cart_tbl td{
	padding:8px;
	border-top:1px solid #E5E5E5;
	text-align:center;
}
.cart_tbl input,select{margin-right:0;}
.cart_tbl strong{white-space:nowrap;}

.message01{background:url(/themes/standard/images/icon_ex.gif) no-repeat left top;
	color:#E60013;
	margin-bottom:10px;
	padding-left:20px;}
.message02{color:#E60013;
	margin-bottom:10px;}
.message03{margin-bottom:10px;}

/*---	order	---*/


/*---	index image	---*/
#splash-content{width:960px;margin:0 auto;}








/*----------------------------------------------------
	TOPICS   08present 20110805
----------------------------------------------------*/ 


#TOPICS .txt_u {text-decoration:underline;}

#TOPICS .presentbg { 
background:url(http://www.japan100.jp/images/cms/image/topics/08present/02.gif) no-repeat;
padding:160px 30px 30px 70px;
margin-top:30px;
text-align:left }

#TOPICS .presentq1 {width:280px; float:left; margin-right:55px}
#TOPICS .presentq1 strong , 
#TOPICS .presentq2 strong { font-size:180%; color:#0099FF; text-align:center;}
#TOPICS .presentq1 p , 
#TOPICS .presentq2 p { padding-bottom:20px;}
#TOPICS .presentq2  { display:inline; width:280px}

#TOPICS .present_b { 
border:#28B9FF 2px solid; 
padding:15px 10px 15px 20px; 
background:url("http://www.japan100.jp/images/cms/image/topics/08present/03.gif") no-repeat scroll right top transparent;
width:300px; 
float:left; 
text-align:left; 
margin-top:20px;
margin-bottom:20px;}

#TOPICS .present_b p { margin-top:10px; font-weight:bold;}

#TOPICS .present_l{float:left; width:190px;}
#TOPICS .present_r {
float:left;
width:100px;
text-align:center;
padding-top:40px;
color:#FFFFFF;
font-weight:bold;
padding-left:5px}

/* linkcolor blue */

.link_b a:link    {color:#00A0E9; text-decoration:none; line-height:1.3;}
.link_b a:visited {color:#00A0E9; text-decoration:none; line-height:1.3;}
.link_b a:hover   {color:#00A0E9; text-decoration:underline; line-height:1.3;}



/* ie6 */

*html #TOPICS .present_b { 
border:#28B9FF 2px solid; 
padding:5px; 
background:url("http://www.japan100.jp/images/cms/image/topics/08present/03.gif") no-repeat scroll right top transparent;
width:300px; 
float:left; 
text-align:left; 
margin-top:20px;
margin-bottom:20px;}


*html#TOPICS .present_r {
float:left;
width:100px;
text-align:center;
padding-top:60px;
color:#FFFFFF;
font-weight:bold;
padding-left:5px}


/* fontsize*/

.j220{font-size:220%;}



/* prizewinner */

#PRIZEWINNER{}
#PRIZEWINNER h3 {background: url(http://www.japan100.jp/images/cms/image/topics/prizewinner/bg.jpg);
padding:8px;
color: #FFFFFF;
width:925px;
display:inline;
}

#PRIZEWINNER h3 strong { float:left; display:inline; width:540px;}
#PRIZEWINNER h3 p { float:right; display:inline; text-align:right}


#PRIZEWINNER .q1 {float:left; width:50px; display:inline}
#PRIZEWINNER .q2 {float:left; width:600px; display:inline}
#PRIZEWINNER .q3 {background:url(http://www.japan100.jp/images/cms/image/topics/prizewinner/bg_a.jpg) no-repeat;
width:252px;
float:left;
height:38px;
display:inline;
padding-top:10px;
text-align:center;
margin-left:20px}

#PRIZEWINNER .month {background:url(http://www.japan100.jp/images/cms/image/topics/prizewinner/title_bg.jpg) no-repeat;
width:181px;
height:44px;
text-align:center;
padding-top:15px;
margin:10px 0;
color:#FFFFFF}

#PRIZEWINNER p {width:300px; float:left; display:inline}


/* fontcolor */

.green2	{color:#5CBB2F}
.blue2	{color:#00A0E9;}

/* linkwhite */

.link_w a:link		{color: #FFFFFF; text-decoration:underline;}
.link_w a:visited	{color: #FFFFFF; text-decoration:underline;}
.link_w a:hover		{color: #FFFFFF; text-decoration:none;}



/* quiz */

#QUIZ {width:840px; margin-left:60px;}
#QUIZ  .txt_u {text-decoration:underline;}
.quiz_arrow {background:url(http://www.japan100.jp/images/cms/image/topics/quiz/arrow.jpg) no-repeat; padding-left:30px; padding-top:5px; padding-bottom:6px; margin:40px 0 0 0}

#QUIZ .present {background:url(http://www.japan100.jp/images/cms/image/topics/quiz/bg4.jpg) no-repeat;
width:265px;
height:450px;
float:left;
margin-left:10px;
margin-top:10px}

/* ie6 */
*html #QUIZ .present {background:url(http://www.japan100.jp/images/cms/image/topics/quiz/bg4.jpg) no-repeat;
width:260px;
height:450px;
float:left;}


#QUIZ .present img { margin-top:10px;}
#QUIZ .present_b { 
background:url("http://www.japan100.jp/images/cms/image/topics/quiz/03.gif") no-repeat scroll right top transparent;
width:220px;
float:left; 
text-align:left; 
margin-top:20px;
margin-bottom:20px;
padding-left:20px}


#QUIZ ul.a {display:inline; float:left; margin-bottom:10px}
#QUIZ .a li {display: inline;}


#QUIZ .floatl {float:left; display:inline; margin-right:10px}

#QUIZ .present_l{float:left; width:220px; margin-top:8px}

#QUIZ .present_b p { margin-top:10px; font-weight:bold; width:140px}

#QUIZ .present_r {
float:left;
width:345px;
text-align:center;
padding-top:0;
color:#FFFFFF;
font-weight:bold;
padding-left:8px}


#QUIZ .present p.t1 {float:left; width:100px; display:inline; margin-bottom:10px; margin-top:10px}
#QUIZ .present p.t2 { float:right; display:inline; margin-bottom:10px; margin-top:10px}

#QUIZ .present div.t3 { height:50px}
#QUIZ .present div.t4 {height:180px}


#QUIZ .present .txt2{height:30px; margin-bottom:10px;}

*html #QUIZ .present_b p{ margin-top:5px; font-weight:bold;}
*:first-child+html #QUIZ .present_b p{ margin-top:5px; font-weight:bold;}

*html #QUIZ .present_r {
float:left;
width:60px;
text-align:center;
padding-top:0;
color:black;
font-weight:bold;
margin-left:70px;
color:#FFFFFF;}


/* comment */

#COMMENT {width:960px;}
#COMMENT_L { float:left;
width:630px;
display:inline} 

#COMMENT_L .textl {text-align:left}

#COMMENT_T {display:inline;}
#COMMENT_T p.rcontent { padding:2px 10px;
background:#96C72E;
color: #FFFFFF;}
#COMMENT_T span.rtop, #COMMENT_L span.rbottom {display:block;
background: #FFFFFF;}
#COMMENT_T span.rtop span,
#COMMENT_T span.rbottom span {
display:block;
height: 1px;
overflow: hidden;
background: #96C72E;}
#COMMENT_T span.r1{margin: 0 5px;}
#COMMENT_T span.r2{margin: 0 3px;}
#COMMENT_T span.r3{margin: 0 2px;}
#COMMENT_T span.rtop span.r4, span.rbottom span.r4{margin: 0 1px;height: 2px;}

#COMMENT_L .bg {background:url("http://www.japan100.jp/images/cms/image/topics/comment/bg2_c.jpg") no-repeat;
width:628px;}
#COMMENT_L .img { width:140px; float:left; margin:15px 0 0 15px}
#COMMENT_L .txt { width:440px; float:left; display: inline; margin:15px 0; text-align:left}
#COMMENT_L .txt p { float:left; width:290px; }
#COMMENT_L .txt2  { float:right; display:inline; margin:0 0 0 10px}

#COMMENT_L .j18{line-height:140%}

#COMMENT_L .bg2 {background:url("http://www.japan100.jp/images/cms/image/topics/comment/bg2_b.jpg") no-repeat;
margin-bottom:15px;
text-align:center}

#COMMENT_L .page {text-align:center; padding-top:5px}
#COMMENT_L .page span {
border-right:1px dotted #666666;
padding:3px 15px 5px 18px;}

#COMMENT_L .page p {
border-left:1px dotted #666666;
padding:3px 15px 5px 18px;}


#COMMENT_R {float:left;
width:290px;
margin-left:35px;
background:url("http://www.japan100.jp/images/cms/image/topics/comment/bg.jpg") repeat;}

#COMMENT_R .bg {background:url("http://www.japan100.jp/images/cms/image/topics/comment/bg3_t.jpg") no-repeat;
width:255px;
margin-left:15px;;
margin-top:10px}

#COMMENT_R .bg2 {background:url("http://www.japan100.jp/images/cms/image/topics/comment/bg3_b.jpg") no-repeat;
margin-bottom:15px;
margin-left:15px}

#COMMENT_R .txt { width:220px; float:left; display: inline; margin:10px 5px 10px 15px}
#COMMENT_R .txt2  { float:right; display:inline; margin:10px 15px 0 0 }

#COMMENT_R .j16{line-height:140%}


/* clearfix*/
.clearfix:after {content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}
.clearfix { display:inline-table;}




/* popup */

#POPUP .bg {background:url("http://www.japan100.jp/images/cms/image/topics/quiz/popup1.jpg") no-repeat;
width:410px;}
#POPUP .txt { width:350px; float:left; display: inline; margin:25px}
#POPUP .txt2  { float:right; display:inline; margin:10px 0 0 10px}
#POPUP .bg2 {background:url("http://www.japan100.jp/images/cms/image/topics/quiz/popup2.jpg") no-repeat;
margin-bottom:15px;}

#POPUP .j18 {line-height:140%;}

#POPUP input {vertical-align:middle; margin-bottom:4px; margin-right:10px}


/*index small logo */

.logosmall { text-align:left;
z-index:5}

.link_blue a:link		{color: #3366ff; text-decoration:underline;}
.link_blue a:visited	{color: #3366ff; text-decoration:underline;}
.link_blue a:hover		{color: #3366ff; text-decoration:none;}

.hinomaru{border:1px solid #076835;
	padding:15px 13px;
	//background:url(/themes/standard/images/hinomaru.jpg) no-repeat center;
	font-weight:lighter;
	font-size:14px;
	margin-bottom:20px;}
	
	
	
/* 20121122 top new */

#MAIN { width:770px; float:right; margin-bottom:50px}

#MAIN .map {float:left;}
#MAIN .bestchoise {background:url("/themes/standard/images/top/bestchoice.jpg") no-repeat;
width:286px;
height:392px;
float:left;
}

#MAIN .bestchoise p {padding:81px 10px 0 120px;
font-weight:bold}

#MAIN .bestchoise img {}
#MAIN .bestchoise a img{background: none;}



.left70	{margin-left:70px;}

#LEFT {width:190px; margin-right:20px;}

#LEFT #SEARCH_LEFT{width:170px;
	margin:10px 0;
	right:0;
	float:left}
#LEFT #SEARCH_LEFT input{display:block;
	vertical-align:top;
	float:left;
	width:105px;
	line-height:20px;
	margin-top:10px}
#LEFT #SEARCH_LEFT .btn_search{width:51px;
	height:21px;
	cursor:pointer;
	background:url(/themes/standard/images/btn_search.jpg) no-repeat;
	margin-left:5px;
	font-size:1px;
	color:#666;
	border:none;}

/*--*/
#ENTRY{width:170px;
	color:#666;
	font:bold 12px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	float:left;
	margin-bottom:10px;}
#ENTRY span {display:block;
	font-size:10px;
	background:url(/themes/standard/images/arrow02.jpg) no-repeat left 3px;
	font-weight:normal;
	padding:0 0 8px 8px;}
#ENTRY input,#ENTRY em{width:165px;
	display:block;
	margin-bottom:8px;}


/*--*/
#GALLERY{width:770px;
	background:#000;
	position:relative;
	text-align:center;
	margin-bottom:15px;
	overflow:hidden;}
#GALLERY ul{width:9999px;
	height:190px;
	overflow:hidden;}
#GALLERY li{width:192px;
	font:11px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	/font-size:10px;
	/line-height:170%;
	padding:15px 0 0;
	float:left;
	text-align:center;}
#GALLERY li div{height:105px;}
#GALLERY a{	color:#FFF;}

#LEFT #CATEGORY_LEFT , #LEFT #AREA_LEFT , #LEFT #PRICE_LEFT , #LEFT #ITEM_LEFT {width:170px;
float:left;
padding:0;
margin:15px 0 0 0;}

#LEFT #CATEGORY_LEFT li , #LEFT #AREA_LEFT li {
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
font-size:12px;
list-style:none;
padding:0;
line-height:1.5;
margin:0;
display: block;
}

#LEFT #CATEGORY_LEFT li.txt , #LEFT #AREA_LEFT li.txt {
padding:5px;}

#LEFT #CATEGORY_LEFT img , #LEFT #AREA_LEFT img {
display:block;}

#PRICE_LEFT ul { border:1px solid #CCCCCC;
padding:5px 10px;
line-height:1.5;
font-size:12px;
list-style:none;
}

#LEFT #CATEGORY_LEFT a:link , #LEFT #AREA_LEFT a:link , #LEFT #PRICE_LEFT a:link {color:#0066CC; text-decoration: underline;}
#LEFT #CATEGORY_LEFT a:visited , #LEFT #AREA_LEFT a:visited , #LEFT #PRICE_LEFT a:visited {color:#0066CC; text-decoration:underline;}
#LEFT #CATEGORY_LEFT a:hover , #LEFT #AREA_LEFT a:visited ,	#LEFT #PRICE_LEFT  a:visited {color:#0066CC; text-decoration:none;}



/*--*/
#LEFT .bnr_box .list_contents{width:145px;
	height:170px;
	border:1px solid #CCC;
	margin-bottom:5px;
	padding:10px;}
#LEFT .bnr_box .list_contents .image{width:145px;
	height:90px;
	overflow:hidden;
	margin-bottom:5px;
	text-align:center;}

#LEFT .bnr_box .list_contents .text{margin-bottom:5px;font-size:85%; line-height:130%;}


/*--*/
#GOODSLIST .list{width:770px;float:left;}
#GOODSLIST .list_box{width:154px;
	height:300px;
	float:left;}
#GOODSLIST .list_contents{width:137px;
	height:240px;
	border:1px solid #CCC;
	margin-bottom:5px;
	padding:10px 0px 10px 10px;}

#GOODSLIST .image{width:125px;
	height:135px;
	overflow:hidden;
	margin-bottom:5px;
	text-align:center;}

#GOODSLIST .text{margin:0 5px 5px 0;
	height:3em;
	overflow:hidden;}
#GOODSLIST .company{font-size:10px;}
#GOODSLIST .pref{font-size:10px;
	float:none;
	margin-top:0;
	margin-bottom:5px;
	height:1.7em;
	overflow:hidden;}
#GOODSLIST .price{color:#555555;font-weight:500;}

#GOODSLIST .icon{}
#GOODSLIST .icon .left{float:right;}
#GOODSLIST .icon .left img{height:14px;margin-right:2px;_margin-right:1px;}
#GOODSLIST .icon .right{margin-left:3px;margin-right:5px;_margin-right:3px;}

#GOODSLIST .bnr_box{}
#GOODSLIST .bnr_box img{margin:0 10px 15px 0;
vertical-align:middle}

#GOODSLIST .title {background-image:url(/themes/standard/images/top/title_arrow.jpg);
background-repeat:no-repeat;
height:25px;
padding-left:30px;
padding-top:3px;
font-size:14px;
margin-bottom:5px}

/**/

#INDEX_QUIZ a:link {color:#0066CC; text-decoration: underline;}
#INDEX_QUIZ a:visited {color:#0066CC; text-decoration:underline;}
#INDEX_QUIZ a:visited {color:#0066CC; text-decoration:none;}

#INDEX_QUIZ .present01 {background:url(/themes/standard/images/top/present1_bg.jpg) no-repeat;
width:185px;
height:245px;
float:left;
margin:10px 0 30px;}

#INDEX_QUIZ .present02 {background:url(/themes/standard/images/top/present2_bg.jpg) no-repeat;
width:185px;
height:245px;
float:left;
margin:10px 0 30px 10px;}

#INDEX_QUIZ .present03 {background:url(/themes/standard/images/top/present3_bg.jpg) no-repeat;
width:185px;
height:245px;
float:left;
margin:10px 0 30px 10px;}

#INDEX_QUIZ .present04 {background:url(/themes/standard/images/top/present4_bg.jpg) no-repeat;
width:185px;
height:245px;
float:left;
margin:10px 0 30px 10px;}

#INDEX_QUIZ p.t1 { margin-left:120px; padding:10px 5px 0 5px}
#INDEX_QUIZ p.t2 { padding:0 10px 10px 10px}

#ADVISER{
margin:0 auto 30px;
text-align:left;
width:950px}
#ADVISER img{float:left;
	margin-right:10px;}
#ADVISER strong{font-size:115%;
	display:block;
	margin:10px 0 10px;}	
	
	/*--*/
#BOOKSOMMELIER{background:#EEE;
	margin-bottom:25px;
	padding:10px 10px 0;
	width:740px;
	position:relative;}

#SOMMELIER{width:720px;
	float:left;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	margin-bottom:10px;}
#SOMMELIER h3{font-size:125%;
	padding:3px 0 3px 5px;
	font-weight:bold;}
#SOMMELIER .title{width:500px;
	border-left:10px solid #00532F;
	padding:0 0px 0 0;
	margin-bottom:10px;
	position:relative;
	float:left;}
#SOMMELIER .title small{color:#00532F;
	font-size:11px;
	display:block;
	border-bottom:1px solid #00532F;
	padding-left:5px;
	background:url(/themes/standard/images/img02.jpg) no-repeat right;
	width:550px}
#SOMMELIER .title span{display:block;
	font-size:11px;
	padding-left:5px;}
#SOMMELIER .title img{position:absolute;
	top:0;
	right:0;}

#SOMMELIER .image{width:90px;
	float:left;
	margin-right:10px;
	text-align:center;}
#SOMMELIER .image span{display:block;font-size:10px;}

#SOMMELIER .text{width:620px;float:left;}
#SOMMELIER .text2{ text-align:right; font-size:15px; font-weight:bold; margin-top:5px; width:500px}
#SOMMELIER .text strong{display:block;font-size:115%;}
#SOMMELIER .text span{ font-size:110%; font-weight:bold; padding-bottom:8px;}

#BOOKSOMMELIER .bnr_box{width:120px;
	float:right;}
#BOOKSOMMELIER .bnr_box img{float:left;
	margin:0 0 10px 20px;}

#BOOKSOMMELIER .btn_buy{ position:absolute; right:20px; bottom:15px;}

.bn {float:left;
display:inline;}

.bn img {margin-right:20px;
margin-top:15px}



#ITEM_DETAIL_BG {
margin:50px 0 15px 0;
overflow:hidden;
background-color:#E7E7E7;
padding:10px}

#ITEM_DETAIL_BG img {float:left; margin-right:15px;}

#ITEM_DETAIL { font-size:14px;
line-height:1.5}

#ITEM_DETAIL div.t1 { font-size:200%;
line-height:1.2;
color:#00532F;
margin-bottom:10px}

#ITEM_DETAIL div.t1 img {
float:left;
margin-right:10px;
}


#ITEM_DETAIL div.photo {}
#ITEM_DETAIL div.photo img {margin-bottom:5px;}

#ITEM_DETAIL div.voice {width:290px;
float:right;
font-size:12px;
margin-top:20px}

#ITEM_DETAIL div.voice p{
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
padding:10px;
margin-bottom:10px;
font-size:130%;
font-weight:bold}

#ITEM_DETAIL div.voice img { margin-bottom:10px;}


#ITEM_DETAIL div.icon { margin-bottom:10px}
#ITEM_DETAIL div.icon img { margin-right:10px;
margin-bottom:5px}



#ITEM_DETAIL .border {border-top:3px dotted #666666;
border-bottom: 3px dotted #666666;
padding:20px 0;
margin:20px 0;
width:770px}


#ITEM_DETAIL .item_img { float:left; width:155px; margin-right:10px}
#ITEM_DETAIL .item_l {float: left; width:280px; margin-right:15px}
#ITEM_DETAIL .item_l p { background:#E40019;padding:3px; font-size:11px; color:white ; display:inline; margin-left:5px}

#ITEM_DETAIL .item_r { font-size:11px; overflow:hidden; margin-top:5px}


#ITEM_DETAIL .detail_l {width:480px; float:left}
#ITEM_DETAIL .detail_r {width:290px; float:right}










#DETAIL {background:url(/themes/standard/images/detail/bg.jpg) repeat;
margin:0 0 10px 0;
padding:15px;
overflow:hidden}

#DETAIL .title {background:url(/themes/standard/images/detail/crown.jpg) no-repeat;
height:50px;
font-size:30px;
font-weight:bold;
padding:25px 0px 5px 85px;}

#DETAIL .title2 {font-size:27px;
margin:15px 0;
line-height:1.3}


#DETAIL .photo {float:left;
width:510px}

#DETAIL .photo_txt { font-size:15px;
line-height:1.5}

#DETAIL div.item {width:235px;
float:left;
margin-right:15px;
margin-bottom:10px}

#DETAIL div.item p { font-size:12px;
font-weight:bold }

#DETAIL .border2 {border-top:3px dotted #666666;
border-bottom: 3px dotted #666666;
padding:20px 0;
margin:10px 0;}

#DETAIL .item_l { float:left; width:280px}
#DETAIL .item_r {overflow:hidden; width:460px}
#DETAIL .item_r p { background:#E40019;padding:3px 15px ; font-size:11px; color:white ; display:inline; margin-left:5px }

#MAIN .comme {margin-bottom:20px}
#MAIN .comme_l { font-size:13px; width:90px; float:left}
#MAIN .comme_r { font-size:13px;
height:110px;
background:url(/themes/standard/images/detail/bg_comment1.jpg) no-repeat;
margin-left:105px;
padding:13px 10px 10px 35px}

#MAIN .comme_r p { float:right;}




/*---	110713	---*/
.cattext{margin-bottom:30px;
	padding-right:105px;
	position:relative;
	margin-top:30px}
.cattext .right{float:none;
	position:absolute;
	top:3px;
	right:0;}
	
	
/* 20130121  */

#MAIN ul.prbn {float:left; margin:0 0 1em; width:770px;
padding:0;
text-align:center}

#MAIN ul.prbn li {display:inline;
margin:0 5px 0 3px;
width:180px;
line-height:0;
}

#MAIN ul.prbn img {padding:0;
margin:0;}


/*	20130123　*/


#ITEM_DETAIL div.t2 { font-size:200%;
line-height:1.2;
color:#00532F;
width:750px;
padding:10px 10px 10px 10px;
overflow:hidden;
background:url(/themes/standard/images/detail/bg.jpg) repeat;}

#ITEM_DETAIL div.t2 img {
float:left;
margin-right:8px;
}

#ITEM_DETAIL div.t2 p {
margin-left:90px;
margin-top:4px;
}

#ITEM_DETAIL div.t2 strong { color:#CC0000;}
 
.linklist a:link    { color: #0066CC; }
.linklist a:visited { color: #0066CC; }
.linklist a:active  { color: #0066CC; }
.linklist span { margin-top:20px; }