@charset "euc-jp";
/* ===================================================================
CSS information

 file name  :pico.css
 style info :picoページのレイアウト
 このスタイルシートの構成
 
  
 作成者：2012.09.08 ueno
 更新者：2016.11.09 yamamoto

=================================================================== */


/*------------------------
パンくず
------------------------*/
.pankuzu {
}

.pankuzu li {
	display:inline;
	padding-right:10px;
}

.pankuzu .arw {
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}




/*------------------------
ページタイトル
------------------------*/
.pageTl {	
	text-indent:-9999px;
	margin:0 0 20px;
	background:url(../img_cont/line_dot_blue_h.gif) repeat-y;
	padding: 0 0 0 18px;
}

.pageTl em {
	display:block;
}

/*------------------------
ページサブタイトル
------------------------*/
.page_sub3_tl {
	margin: 0 0 10px 0;
	padding-left:19px;
	background:url(../img_cont/ico_dia_green.gif) 0 50% no-repeat;
	font-size:123%/*16px*/;
}

/*------------------------
コンテンツ外枠の余白
------------------------*/

.page_cont .contB { 
	padding:30px 25px;
}


/*------------------------
テーブル
------------------------*/
.base_table {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	width:100%;
}

.base_table th {
	background-color:#EBEBF1;
	font-weight:bold;
	color:#02004C;
	border-bottom:1px solid #ccc;
	padding:8px 15px;
	text-align:left;
}

.base_table td {
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:8px 15px;
}

/*------------------------
商品詳細　テーブル
------------------------*/
.products_table .base_table,
.products_table .base_table td,
.products_table .base_table th {
	border-color:#E1C293;
}


.products_table th {
	width:110px;
	background-color:#F7F2E8;
	color:#3E1F18;
}

.allergy_table {
	width:100%;
	border-top:1px solid #E1C293;
	border-left:1px solid #E1C293;
	text-align:center;
}

.allergy_table td {
	width:14.28%;
	padding:0;
}

.allergy_table .contain {
	background-color:#EDDABE;
	font-weight:bold;
}
	

/*------------------------
商品詳細　テーブル02
------------------------*/
.products_table02 .base_table,
.products_table02 .base_table td,
.products_table02 .base_table th {
}


.products_table02 th {
	width:110px;
	background-color:#E4DACA;
	color:#3E1F18;
}

.allergy_table02 {
	width:100%;
	border-top:1px solid #77432F;
	border-left:1px solid #77432F;
	text-align:center;
}

.allergy_table02 td {
	width:16.66%;
	padding:8px;
}

.allergy_table02 .contain {
	background-color:#EBEBF1;
	font-weight:bold;
}

/*------------------------
文字装飾　汎用クラス
------------------------*/
.red {
	color:#990035;
}

.bold {
	font-weight:bold;
}


/*------------------------
ページ送り
------------------------*/

/*件数表示*/
.pageNavi_top {
	margin: 0 0 30px;
	background: url(../img_cont/bg_voice_box_tl.png) 0 0 repeat;
}

.pageNavi_top .num_p {
	float:left;
	width:300px;
	padding:8px 0;
}

.pageNavi_top .totalNum,
.pageNavi_top .currentNum{
	font-size:138.4%;/*18px*/
	padding:0 10px;
}

/*リンク*/
.pageNavi {
	text-align:right;
	padding:0 0 3px;
	background:url(../img_cont/line_dot_brown_2_4.gif) 0 3px repeat-x;
}

.pageNavi_inner {
		background:url(../img_cont/line_dot_brown_2_4.gif) 0 100% repeat-x;
		padding:13px 8px 10px 0;
}

.pageNavi li {
	display:inline;
	margin-left:5px;
}

.pageNavi li a {
	padding:2px 8px;
	background-color:#3E1F18;
	color:#fff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #3E1F18;
}

.pageNavi li a:hover {
	text-decoration:none;
	background-color:#765F58;
	border-color:#765F58;
}

.pageNavi li.currentPage {
	color:#3E1F18;
	padding:2px 8px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #3E1F18;
}



/*------------------------
トップページへ
------------------------*/
.toHome {
	float:left;
}

.toHome a {
	background:url(../img_cont/arrow_left_green.gif) 0 50% no-repeat;
	padding-left:14px;
}



/*------------------------
ページ上部へ
------------------------*/
.pageTop {
	text-align:right;
	margin-bottom:30px
}

.pageTop a {
	background:url(../img_cont/arrow_up_green.gif) 0 50% no-repeat;
	padding-left:14px;
}

.pageBottom_link .pageTop {
	margin:0;
}

/*------------------------
フォームの共通設定
------------------------*/
.page_cont .cont_contact ul {
	padding:0;
}

.page_contact p.long_txt,
.page_contact02 p.long_txt,
.page_contact03 p.long_txt {
	margin:0;
	float:left;
	width:437px;
	font-size:92.3%/*12px*/;
}

.alert {
	padding-right:10px;
}

.alert img {
	padding-right:5px;
}

.clearBoth {
	clear:both;
}

.form_bg_box {
    background-color: #F2F3F7;
    margin: 10px 0 10px;
    padding: 19px;
}

.form_bg_box label {
    margin-bottom: 5px;
}

.hissu {
    background: url(../img_cont/hissu_img.gif) no-repeat scroll 0 0.25em transparent;
}

.inputLabel {
    float: left;
    padding-left: 45px;
    width: 140px;
}

.form_bg_box select {
    font-size: 123.1%;
    margin-bottom: 10px;
}

.form_bg_box textarea {
    font-size: 123.1%;
    margin-bottom: 30px;
    width: 400px;
}

.inputLabel span.note {
    color: #EB884C;
    display: block;
    font-size: 92.3%;
}

.form_bg_box input {
    float: left;
    font-size: 123.1%;
    margin-bottom: 15px;
    padding: 2px 5px;
}

.form_bg_box input[type="button"] {
    margin-left: 10px;
}

.form_bg_box .txt {
	float:left;
	margin:0 10px 10px;
}

.information {
    background: url(../img_cont/hissu_img.gif) no-repeat scroll 0 0 transparent;
    margin-bottom: 10px;
    margin-top: 20px;
    padding-left: 45px;
	width:577px;
}

.information a {
    background: url(../img_top/arw_right_green.gif) 0 0.4em no-repeat;
    margin-left: 20px;
    padding-left: 10px;
}

#ele_11 {
    margin-left: 184px;
}

#personal-info {
    font-weight: 600;
}

/* -------- simpleCaptcha styles --------- */
.captchaImage { 
	padding:1px;
	border:1px solid #ccc;
	display:block;
}

.simpleCaptchaSelected {
	border-color: #EB884C;
}

.captchaImages { 
	margin: 10px auto 0;
	width:412px;
}

.information .captchaImages a {
	background:none;
	padding:0;
	display:block;
	float:left;
	margin: 0 3px 0 0;
	width:100px;
	height:100px;
}

/*確認画面*/

.ul_confirmation li {
	padding-bottom:1em;
}

ul.ul_confirmation li span {
	display:block;
	float:left;
	width:120px;
	padding-left:45px;
}
ul.ul_confirmation li span.li_r {
	float:none;
	padding-left:180px;
	width:auto;
}

.page_contact02 .buttonRow input {
	margin:0.5em auto;
}

.page_contact .buttonRow input.sousin {
    background-image: url("../img_cont/btn_send.gif");
}

.modify_btn input {
    background: url(../img_cont/btn_modify.gif) no-repeat scroll 0 0 transparent;
    border: medium none;
    display: block;
    height: 32px;
    text-indent: -9999px;
    width: 122px;
}

.modify_btn input:hover {
	background-position:0 -32px;
}

.buttonRow {
	margin:1em 0;
}

.buttonRow input {
    border: medium none;
	float:none;
	margin:0;
	padding:0;
	font-size:100%;
}

.buttonRow input:hover {
	background-position:0 -32px;
}


/* ご利用案内 
 * ----------------------- */
 
.shop_information h3 { background:url(../img_cont/tl_shoptop05.png) no-repeat; }


.shop_information {
	font-size:92.3%/*12px*/;
	color:#666;
}

/*2カラムレイアウト*/
.shop_information_left {
	width:320px;
	float:left;
}

.shop_information_right {
	width:320px;
	float:right;
}

/*コンテンツタイトル*/
.shop_information h4 {
	text-indent:-9999px;
	margin-bottom:10px;
	height:30px;
}

.information_pay h4 	 { background:url(../img_cont/tl_shop_information01.png) no-repeat; }
.information_return h4 	 { background:url(../img_cont/tl_shop_information02.png) no-repeat; }
.information_ship h4 	 { background:url(../img_cont/tl_shop_information03.png) no-repeat; }
.information_point h4 	 { background:url(../img_cont/tl_shop_information04.png) no-repeat; }
.information_deadline h4 { background:url(../img_cont/tl_shop_information05.png) no-repeat; }
.information_cost h4 	 { background:url(../img_cont/tl_shop_information06.png) no-repeat; }
.information_contact h4  { background:url(../img_cont/tl_shop_information07.png) no-repeat; }

/*コンテンツ下の余白*/
.information_pay,
.information_ship,
.information_point,
.information_deadline,
.information_cost {
	margin-bottom:2em;
}

/*小見出し*/
.shop_information h5 {
	font-size:100%;
	font-weight:bold;
	color:#3E1F18;
	margin: 0 0 0 -5px;
}

/*テキスト*/
.shop_information p {
	margin-bottom:10px;
}


/*枠*/
.available {
	border:2px solid #ccc;
	padding:5px
}

/*テーブル*/
.shop_information .shop_table th {
	font-weight:normal;
	padding:5px;
}

.shop_information .shop_table td {
	padding:5px;
}