/* ****************************************************************************


　目次

-------------------------------------------------------------------------------

　01. ページ全体に適用する事項

　02. header

　03. search

　04. maincontents

　05. sidenavi

　06. contents

　07. footer ・copyright

　08. フォーム

　09. テーブルレイアウト 

　10. ボタン各種

　11. 共通

******************************************************************************* */




/*-----------------------------------------------------------------------------
　04.contentswrapper
-----------------------------------------------------------------------------*/
#hole_biginner {
	width:750px;
	margin:0px auto;
	padding: 0 0 0 0;
}

#hole_wrap {
	width:750px;
	background-image:url(images/bg_yellow.gif);
	font-family: "MS PGothic", "Osaka", "Hiragino Kaku Gothic ProN", sans-serif;
}


/*-----------------------------------------------------------------------------
　06.contents
-----------------------------------------------------------------------------*/
#hole-top {
	position: relative;
}

#hole_bignner_top {
	width: 750px;
	height: 384px;
	background: url(images/main_bg.jpg) no-repeat left top;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/*タブメニュー*/
#naviPosition02 {
	width: 750px;
	position: absolute;
	top: 272px;
	margin: 0 auto;
    left: 23px;
}

#navi li {
    display: inline;
}

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


.absolute {
  position: absolute;
}

.relative {
	position: relative;
}


.tit01{
	width:100%;
	height:74px;
	background: url(images/tit01.jpg) no-repeat;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	margin-bottom:0;
}


.tit02{
	width:100%;
	height:74px;
	background: url(images/tit02.jpg) no-repeat;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	margin-bottom:0;
}


.tit03{
	width:100%;
	height:74px;
	background: url(images/tit03.jpg) no-repeat;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	margin-bottom:0;
}


.tit04{
	width:100%;
	height:74px;
	background: url(images/tit04.jpg) no-repeat;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	margin-bottom:0;
}


.tit05{
	width:100%;
	height:74px;
	background: url(images/tit05.jpg) no-repeat;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	margin-bottom:0;
}

.contents{
	width:710px;
	font-size:13px;
	margin: 0 20px;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	background-color:#FFF;
}

.yellowbox{
	margin: 0 20px;
	padding: 5px 20px 20px;
	background: url(images/bg_yellow02.gif) ;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}

	
.box710 {
	width:710px;
}

.box670 {
	width:670px;
}

.box630 {
	width:630px;
}

.box270 {
	width:270px;
}

.box328 {
	width:328px;
}

.box282 {
	width:282px;
}

.box340 {
	width:340px;
}

.box320 {
	width:320px;
}

.box300 {
	width:300px;
}

.box290 {
	width:290px;
}

.box360 {
	width:360px;
}

.box100 {
	width:100px;
}

/* 豆知識 */

.box650 {
	width:650px;
	margin: 0 auto;
}

.box112 {
	width:112px;
}

.box20 {
	width:20px;
	height:90px;
	background:url(images/bg_red2.gif);
}

.box478 {
	width:478px;
	padding: 10px 20px;
	color:#FFF;
	font-size:14px;
	line-height:1.5em;
	font-weight:bold;
	background:url(images/bg_red.gif);
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}

.boxred_tit {
	width:622px;
	margin: 0;
	padding:15px 0;
	background:url(images/bg_red3.gif);
	border:4px solid #000000;
}

.moviebox_line {
	border:4px solid #000000;
}

.tit03box {
	border:4px solid #000;
	padding: 16px;
}


.box606 {
	width:606px;
	height:342px;
	background:url(images/img03_01.jpg) no-repeat;
	background-position:center;
	position:relative;
	top:0;
	left:0;
}

.box606tit {
	width: 606px;
	position: absolute;
	font-size: 17px;
	line-height: 1.4em;
	top: 136px;
	left: 0;
	font-weight: bold;
}


.box200 {
	width:200px;
	height:50px;
}

.tit05box {
	background:url(images/bg_grey.gif) ;
}

.box10 {
	width:10px;
}

.box344 {
	width:344px;
}

.box286 {
	width:286px;
}
 
div.box {
  width: 606px;
}
 
ul.inl_block {
  margin: 0;
}
 
ul.inl_block li {
  display: inline-block; /* 横並び */
  width: 290px;
  margin-bottom:5px;
  vertical-align: top; /* li要素を上端揃えに */
}
 
 
/* IE6 */
ul.inl_block li {
  _display: inline; /* display: inline-block;の代わり */
  _zoom: 1; /* 状況によって使い分ける */
}
 
/* IE7 */
*:first-child+html ul.inl_block li {
  display: inline; /* display: inline-block;の代わり */
  zoom: 1; /* 状況によって使い分ける */
}



p.overflow{
	width:100%;
	height:30px;
	font-size:12px;
	line-height:1.2em;
	vertical-align:middle;
}


hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

hr {
	width:670px;
	margin:0 auto;
	border-top: 1px dashed #bbb;
}


#punkuzu{padding:10px 0px 10px 10px;}
ul#punkuzu{width: 500px;color:#333;}
ul#punkuzu li,#punkuzu li a{display:inline;}
#backshop{width:167px;float:right;margin-bottom:10px;text-align:right;}


.btn-left {
	float:left;
}

.txt-right {
	float: right;
	text-align: right;
	display: block;
}


/* 閲覧履歴・お気に入り */
#viewhistory,#favorite{width:648px;border:1px solid #ddd;}
#viewhistory h4{width:605px;height:32px;padding:7px 0 0 43px;background: url(../images/title/viewhistory.gif) no-repeat left top;}
#favorite h4{width:605px;height:32px;padding:7px 0 0 43px;background: url(../images/title/favorite.gif) no-repeat left top;}
#viewhistory .lead,#favorite .lead{padding:0px 0 0 55px;margin-bottom:10px;}
.allview{width:628px;padding:4px 10px;background:#F4F4F4;text-align:right;}


.registOrder {
	width:277px;
	height:42px;
	margin: 0px auto;
	background:url(../images/btn/btn_regist_order_off.gif) no-repeat;
}

.registOrder a {
	display: inline-block;
}

.registOrder a:hover {
	background-color: transparent; /* IE6対応 */
}


.registOrder a:hover img {
	visibility: hidden;
}

.guestRegist {
	width:277px;
	height:42px;
	margin: 0px auto;
	background:url(../images/btn/btn_guestregist_order_off.gif) no-repeat;
}

.guestRegist a {
	display: inline-block;
}

.guestRegist a:hover {
	background-color: transparent; /* IE6対応 */
}


.guestRegist a:hover img {
	visibility: hidden;
}

.returnBox {
	width: 680px;
	margin: 0px auto 20px;
}	


.gotyuumon {
	width:242px;
	height:38px;
	margin: 0px auto;
	background:url(../images/btn/btn_gotyuumon_off.gif) no-repeat;
}

.gotyuumon a {
	display: inline-block;
}

.gotyuumon a:hover {
	background-color: transparent; /* IE6対応 */
}

.gotyuumon a:hover img {
	visibility: hidden;
}


/*-----------------------------------------------------------------------------
 03-00-step0
------------------------------------------------------------------------------*/

#step0-contentswrapper {
    width: 890px;
	font-size: 13px;
	margin: 0px auto;
	padding: 0px 0px 40px;
}

#step0-contents-left {
	width: 610px;
	font-size: 13px;
	float: left;
}	

#step0-contents-right {
    width: 250px;
    font-size: 13px;
    float: left;
    padding-left: 15px;
    margin-left: 14px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #ffd562;
}

.step0-tdPattern02{
	background:#FFF3D2;
	padding:10px;
	color:#6D4922;
	text-align:left;
}

.tablePattern00 {
	background:#ffd562;
	color:#6D4922;
}


.step0-01 {
	width: 50px;
}

.step0-syoukei-area {
	background-color:#ffd562;
	width:230px;
	text-align:right;
	padding:10px;
	margin-bottom:10px;
}

.step0-goukei{
	color:#900;
	font-size:16px;
	text-align:right;
	margin:10px 0px 0px 0px;
	font-style:;
}

.step0-akamaru{
	width:250px;
	text-align: center;
	margin: 30px 0px;
}
	
#step0-contents-right{
	width: 250px;
	font-size:13px;
	float:left;
	padding-left: 15px;
	margin-left: 14px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ffd562;
}

.step0_bt_area{
	text-align:center;
}
	

.bt_gotyuumon{
	margin:10px 0px 0px 0px;
}

.step0-bt-gotyuumon{
	text-align:right;
}
	

.step0-bt-goukeiwomiru{
	margin: 10px 0px 0px 178px;
}

.step0-goukeinonakami{
	width:240px;
	background-color:#fffdec;
	border-radius: 5px;
	padding:10px 5px 10px 5px;
	margin:5px 0px;
}

.shadow {
    box-shadow: 2px 2px 2px 2px #CCC;
}

.box150 {
    width: 150px;
}

.centerbox {
	margin: 0 auto;
}

.price-txt01 {
    color: #ff0000;
    font-weight: bold;
}	


/*-----------------------------------------------------------------------------
　07.footer ・copyright
-----------------------------------------------------------------------------*/
#footer {width: 950px;background:#ff9900;margin: 0px auto;text-align:center;color:#fff;padding:8px 0;line-height:1.0em;}


/*-----------------------------------------------------------------------------
　08.フォーム
-----------------------------------------------------------------------------*/
.tdPattern01 table td{padding:4px;font-size:14px;}
.tdPattern01 input.inputstyle,tdPattern02 input.inputstyle,tdPattern02,textarea{
	border:1px solid #ccc;
	padding:5px;font-size:14px;
	line-height:1.0em;
	color:#000;
}
.nowrap{white-space:nowrap;}
.tdPattern00 h4{font-weight:bold;font-size:1.1em;}
textarea.contactform{
	width:95%;
	height:250px;
	margin-bottom:10px;
	padding:9px;
	font-size:14px;
	border:1px solid #ccc;
}
.extext{font-size:0.95em;color:#998d7f;}

.bgred input {
	background-color: #ffdada;
}



/*-----------------------------------------------------------------------------
　09.テーブルレイアウト 
-----------------------------------------------------------------------------*/


.tablePattern00{
	background:#ffd562;
	color:#6D4922;
}
.tablePattern01{
	background:#ffd562;
	color:#6D4922;
}
.tablePattern01-02{
	background:#ffd562;
	color:#6D4922;
	text-align:center;
}
.tablePattern01-03{
	background:#ffd562;
	color:#6D4922;
	text-align:right;
}
.tablePattern02{
	background:#ffd562;
	color:#6D4922;
	margin-bottom:5px;
}
.tablePattern02-02{
	background:#ffd562;
	color:#6D4922;
	margin-bottom:5px;
	text-align:center;
}
.tablePattern02-03{
	background:#ffd562;
	color:#6D4922;
	margin-bottom:5px;
	text-align:right;
}


/*文字サイズの小さいテーブル*/
.tablePattern-mini,.tablePattern-mini td{font-size:13px!important;line-height:1.35em!important;padding:2px!important;}

/*注意テーブル*/
.tablePattern-attention{background:#f2712b;}

/*注意td*/
.titletd-attntion{
	font-size:16px;
	background: url(../images/common/titbar.gif) no-repeat left top;
	padding:10px;
	font-weight:bold;
	color:#930000;
}
.tdPattern00-attntion{
	background: #fff2f0;
	padding:15px;
	color:#850f00;
	font-size:16px;
	line-height:150%;
}
.tdPattern01-attention{
	background:white;
	padding:10px;
	color:#6d2222;
	text-align:left;
}
.tdPattern02-attention{
	background:#FFF3D2;
	font-size:1.05em!important;
	padding:5px;
	color:#930000;
}
.tdPattern-attntion{
	background:#fffdf8;
	padding:10px!important;
	color:#6D4922;
	font-size:0.95em!important;
	line-height:1.5em;
}



.titletd{
	font-size:16px;
	background: url(../images/common/titbar.gif) no-repeat left top;
	padding:10px;
	font-weight:bold;
	color:#6D4922;
}
.titletd2{
	font-size:15px;
	background: url(../images/common/titbar.gif) no-repeat left top;
	padding:3px 10px;
	/*font-weight:bold;*/
	color:#6D4922;
}
.titletd3{
	font-size:14px;
	background: url(../images/common/titbar.gif) no-repeat left top;
	padding:7px 5px 5px 5px;
	font-weight:bold;
	text-align:center;
	color:#6D4922;
	line-height:1.0em;
}

.titletd4{
	font-size:16px;
	font-weight:bold;
	color:#6D4922;
}

/*注意タイトル*/
.titletd-attention{
	font-size:20px;
	background: url(../images/common/titbar_attntion.gif) no-repeat left top;
	padding:11px 0 5px 40px;
	font-weight:bold;
	color:#440000;
	line-height:1.0em;
}

.shadowtable{
	height:6px;
	background: url(../images/common/shadow.gif) no-repeat left top;
}

.tdPattern000{
	background:white;
	padding:14px;
	color:#6D4922;
	font-size:15px;
	line-height:150%;
}

.tdPattern00{
	background:#fff url(../images/common/table/bg_tdPattern00.gif) no-repeat left top;
	padding:20px 14px 20px 14px;
	color:#6D4922;
	font-size:15px;
	line-height:150%;
}


.tdPattern01{
	background:white;
	padding:10px;
	color:#6D4922;
	text-align:left;
}

.tdPattern01-02{
	background:white;
	padding:10px;
	color:#6D4922;
	text-align:center;
}

.tdPattern01-03{
	background:white;
	padding:10px;
	color:#6D4922;
	text-align:right;
}

.tdPattern01-04{
	background:white;
	padding:15px;
	color:#6D4922;
	text-align:center;
}
.tdPattern01-05{
	background:white;
	padding:15px 7px;
	line-height:125%;
	font-size:12px;
	color:#6D4922;
}
.tdPattern01-06{
	font-size: 10px;
	white-space:nowrap;
	background:#fffaf0 url(../images/common/table/bg_status.gif) no-repeat left top;
	padding:6px 5px;
	color:#5d3403;
}

.tdPattern01-07{
	background:white;
	padding:5px;
	color:#6D4922;
	text-align:left;
}

.tdPattern01-08{
	background:white;
	padding:5px;
	color:#6D4922;
	text-align:center;
}

.tdPattern01-09{
	background:white;
	padding:5px;
	color:#6D4922;
	text-align:right;
}


.tdPattern02{
	background:#FFF3D2;
	padding:10px;
	color:#6D4922;
}

.tdPattern02-02{
	background:#FFF3D2;
	padding:10px;
	color:#6D4922;
	text-align:center;
}

.tdPattern02-03{
	background:#FFF3D2;
	padding:10px;
	color:#6D4922;
	text-align:right;
}
.tdPattern02-04{
	background:#FFF3D2;
	padding:3px 10px;
	color:#6D4922;
}
.tdPattern02-05{
	background:#FFF3D2 url(../images/common/table/bg_td02.gif) no-repeat left top;
	padding:15px;
	color:#6D4922;
	text-align:center;
}
.tdPattern02-06{
	background:#FFF3D2 url(../images/common/table/bg_td02.gif) no-repeat left top;
	padding:10px;
	color:#6D4922;
}
.tdPattern02-07{
	background:#FFF3D2 url(../images/common/table/bg_td02.gif) no-repeat left top;
	padding:5px;
	line-height:1.3em;
	color:#6D4922;
	font-size:12px;
	text-align:center;
}
.tdPattern02-08{
	background:#FFF3D2 url(../images/common/table/bg_td02.gif) no-repeat left top;
	padding:5px;
	line-height:1.3em;
	color:#6D4922;
	font-size:12px;
	text-align:right;
}
.tdPattern02-09{
	background:#FFF3D2 url(../images/common/table/bg_td02.gif) no-repeat left top;
	padding:7px 0 5px 5px;
	font-size:14px;
	color:#6D4922;
}

.tdPattern02-10{
	background:#FFF3D2;
	padding:5px 5px;
	color:#6D4922;
	text-align:right;
}

.tdPattern02-11{
	background:white;
	padding:5px 10px;
	color:#6D4922;
	text-align:right;
}

.tdPattern03{
	background:white;
	padding:5px;
	color:#6D4922;
	font-size:12px;
	line-height:1.5em;
}

.tdPattern03-02{
	background:white;
	padding:10px 4px;
	color:#6D4922;
	text-align:center;
	font-size:12px;
	line-height:1.5em;
}

.tdPattern03-03{
	background:white;
	padding:5px;
	color:#6D4922;
	text-align:right;
	font-size:12px;
}

.tdPattern03-04{
	background:white;
	color:#6D4922;
	padding:5px;
	text-align:right;
	font-size:14px;
}

.tdPattern04-01{
	background:white;
	color:#6D4922;
	padding:10px;
	font-size:14px;
	line-height:1.5em;
}

table.status td {
	font-size: 10px;
	white-space:nowrap;
	padding:2px 5px;
	color:#5d3403;
}

.tdgoodsimage01{
	width:70px;
	line-height:1.0em;
	text-align:right;
	white-space:nowrap;
	padding:0 5px 0 0;
}

/*会員ランク説明テーブル*/
.tdPattern04-left{background:#f8f2e5;padding:10px;color:#6D4922;white-space:nowrap;}
.tdPattern04-center{background:#f8f2e5;padding:10px;color:#6D4922;text-align:center;white-space:nowrap;}
.tdPattern04-right{background:#f8f2e5;padding:10px;color:#6D4922;text-align:right;white-space:nowrap;}




/* お買い物ナビゲート */
ul#shoppingnavi{width:610px;background: url(../images/top/bg_shoppingnavi.gif) no-repeat left top;padding:55px 35px 0px 35px;}
ul#shoppingnavi li{font-size:1.1em;line-height:1.65em;color:black;padding:5px 0;background: url(../images/common/dotbg_610.gif) no-repeat left bottom;}
.close-topinfo{width:680px;height:30px;background: url(../images/top/bg_topinfo01.gif) no-repeat left bottom;margin-bottom:20px;}
.list-circle{color:#d00;font-size:1.2em;}

.pointjude{padding:10px;background:#fffed4;text-align:center;font-size:15px;font-weight:bold;line-height:1.25em;margin:10px 0;color:#d00;}
.expoint{background:#fffed4;padding:10px;text-align:center;font-size:15px;line-height:1.25em;margin-bottom:5px;}



/*-----------------------------------------------------------------------------
　10.ボタン各種
-----------------------------------------------------------------------------*/
ul#btnarea{width:680px; float:left;}
ul#btnarea li{display:inline; margin-right:0px;float:left;}

ul#btnarea-01{text-align:center; margin:0px auto;}

ul#btnarea-02{width:680px; text-align:center; margin:0px auto;}
ul#btnarea-02 li{display:inline;}


/*-----------------------------------------------------------------------------
　11.共通
-----------------------------------------------------------------------------*/
.color-black{color:#333;}
.color-red{color:#dd0000;}
.color-green{color:#2b9d5e;}
.color-blue{color:#1e7dff;}
.color-orange{color:#E95513;}
.color-red2{color:#ff0000;}
.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.lh110{line-height:1.1em;}
.lh115{line-height:1.15em;}
.lh120{line-height:1.2em;}
.lh125{line-height:1.25em;}
.lh130{line-height:1.3em;}
.lh135{line-height:1.35em;}
.lh140{line-height:1.4em;}
.lh145{line-height:1.45em;}
.lh150{line-height:1.5em;}
.lh155{line-height:1.55em;}


.td-line{text-decoration:line-through;}
.td-underline{text-decoration:underline;}
.td-overline{text-decoration:overline;}

.leadtext{margin-bottom:15px;}
.step7leadarea{text-align:center;margin-top:10px;margin-bottom:10px;padding-bottom:0px;border-bottom:1px dotted #2b9d5e;}
.step7leadtext{color:#2b9d5e;font-weight:bold;font-size:26px;margin-bottom:10px;}
.flow{margin-bottom:20px;padding-bottom:10px;border-bottom:1px dotted #2b9d5e;}
.welcometext{background:#f1f1f1;padding:8px 10px;color:#333;line-height:1.0em;margin-bottom:5px;}
.price{color:#dd0000;font-size:17px;}
.notes{float:left;}
dl.notes dt{width:100px;margin-right:5px;color:#dd0000;float:left;font-size:0.9em;line-height:1.6em;}
.notes dd{width:545px;float:left;display:block;margin-bottom:5px;font-size:0.9em;line-height:1.6em;}
.notes li{font-size:0.9em;line-height:1.6em;}
ul.notes2{font-size:0.87em;line-height:1.45em;margin-bottom:20px;padding:5px 0 10px 0;border-bottom:1px dotted #6D4922;border-top:1px dotted #6D4922;}
.notes3{border:1px solid #afedc3;margin-bottom:15px;padding:10px;background:#f1fffb;}
.notes3-02{float:left;border:1px solid #afedc3;margin-bottom:15px;padding:10px;background:#f1fffb;}
.notes4{border:1px solid #afedc3;padding:7px;background:#f1fffb;color:#2b5a3a;line-height:1.35em;}
.notes-attntion{border:1px solid #f3a4a4;margin-bottom:15px;padding:10px;background:#fff5f1;}
.dot{width:628px;float:left;padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:1px dotted #afedc3;}


.cautions{color:#dd0000;}
.cautions li{font-size:0.85em;line-height:1.4em;}

.bg_error{
	background-color:#FFC;
}


/* 点線　下線
---------------------------------------------------- */
.hrline{
	border-bottom:1px dotted #999999;
	width:100%;
}

.hrline_box{
	border:2px dotted #ffd562;
}

.hrline_box2{
	border-bottom:2px solid #ffd562;
}


/* 行揃えの位置
---------------------------------------------------- */
.center {text-align:center;/* 中央揃え */}
.left {text-align:left;/* 左揃え */}
.right {text-align:right;/* 右揃え */}
.justify{text-align:justify;/* 両端揃え(IE5.0以降) */}
.nowrap{white-space:nowrap;}


/*-----フロート(回り込み)----- */
.f-left { float: left;}
.f-right { float: right;}

/*-----フロート解除----- */
.clear { clear: both;}


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-table;}
	 /* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
	/* End hide from IE-mac */