/*================== 全体ページ構成 ==================*/
body{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS P Gothic",Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
#main{ font-size :14px;}

#wrap{width:100%;}
#wrap tr{vertical-align:top;}

.right_cell{width:302;}

a:link { color: #333333; }
a:visited { color: #444444; }
a:hover { color: #999999; }
a:hover img{ opacity:0.7;-moz-opacity:0.7;filter:alpha(opacity = 70); }
a:active { color: #cccccc; }

/*================== スマフォ用 ==================*/
@media screen and (max-width:768px)
{
	/*----- 全体 -----*/
	#wrap{table-layout:fixed;}
	#information_header table{margin: 0; padding: 0;}
	#information_header th{font-size:8pt; line-height:1.2em;margin: 0; padding: 0;}
	#information_header td{font-size:8pt;margin: 0; padding: 0 5px 0 0;}
	#information_header .logo{width:40px;}
	#information_header img{height:15px;}
	#information_returnmenu{font-size:7pt;}
	#information_rightmenu { display: none; }

	/*----- box -----*/
	.text_box{
		margin: 0;
		padding:0;
	}
	/*----- 見出し(フォントサイズのみ指定) -----*/
	h1{font-size:12pt;}
	h2{font-size:12pt; border-bottom:1px solid #ff9900; padding-bottom:0;}
	h3{font-size:11pt;}
	h4{font-size:14px;}
	h5{font-size:14px;}
	h6{font-size:14px;}
	h7{font-size:14px;}

	/*----- キャッチ -----*/
	#catch {
		padding: 5px;
		margin:10px 0;
	}
	/*----- テキスト用 -----*/
	.tab{
		font-size:14px;
		margin:10px 0;
		padding:0 5px;
		line-height:180%;
	}
	/*----- 商品情報 -----*/
	.jacket dl {width:300px;}

	/*----- 黄色背景 -----*/
	.frame{padding:5px;}
	.requirement{padding:5px;}
}

/*================== PC用 ==================*/
@media screen and (min-width:769px)
{
	/*----- box -----*/
	.text_box{
		border-left:4px solid #ff9900;
		border-bottom:1px dotted #ff9900;
		padding: 0 0 10px 20px;
		margin-left:5px;
	}
	/*----- 見出し(フォントサイズのみ指定) -----*/
	h1{font-size:18pt;}
	h2{font-size:15pt; margin-left:-10px;}
	h3{font-size:12pt;}
	h4{font-size:11pt;}
	h5{font-size:11pt;}
	h6{font-size:11pt;}
	h7{font-size:11pt;}

	/*----- キャッチ -----*/
	#catch {
		padding: 15px;
		margin:20px;
		width:67%;
	}

	/*----- 商品情報 -----*/
	.jacket dl {width:200px;}

	/*----- 黄色背景 -----*/
	.frame{padding:20px;}
	.requirement{padding:20px;}

	/*----- テキスト用 -----*/
	.tab{
		margin:10px;
		padding:0 20px;
		line-height:180%;
	}
	dl.text00 .time{
		font-weight: bold;
		padding-left: 65px;
	}
	/*----- 商品情報 -----*/
	.jacket dl {
		width:300px;
		margin: 0;
	}
}


/*================== 共通 ==================*/

/*----- タイトル -----*/
h1{
	background:url(img/bg_h1.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding:5px 10px 5px 10px;
	color:#ffffff;
	border-left:20px solid #ff9900;
	background-color:#FFC400;
	margin:0;
	line-height:150%;
}
h2{
	background:url(img/bg_h2.jpg) no-repeat;
	padding:5px 10px 0 40px;
	margin-top:15px;
	color:#ff9900;
	font-weight:bold;
}
h3{
	margin:0 0 10px  0;
	padding:3px 10px;
	background-color: #ff9900;
	border:1px solid #ff9900;
	color: #ffffff;
	font-weight: bold;
}
h4{
	border-left:5px solid #ff9900;
	border-bottom:1px solid #ff9900;
	background-color: #FFFFFF;
	margin:0 0 10px 0;
	padding:2px 5px;
	color:#ff9900;
	font-weight:bold;
}
h5{
	margin:20px 0;
	padding:3px 10px;
	border:1px dotted #ff9900;
	color: #ff9900;
	font-weight: bold;
}

/*----- キャッチ -----*/
#catch {
	text-align:left;
	vertical-align:middle;
	color: #444444;
	font-weight: bold;
	border-top: 2px dotted #cccccc;
	border-bottom: 2px dotted #cccccc;
	background-color: #fff;
	display:inline-block;
	/display:inline;
	/zoom:1;
}
#main{
	margin:0;
	padding:0;
	background-image: url(img/bg01.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#mainimg{
	text-align:center;
	vertical-align:middle;
	padding-top:10px;
	color:#000000;
	margin:0 5px 0 5px;
	display:inline-block;
	/display:inline;
	/zoom:1;
}
.related_info{
	margin:15px 0;
}
.related_info ul{
	margin:0 15px;
	padding:0;
	list-style-image: url(http://www.toranoana.jp/icon/2.gif);
}
.related_info li{
	margin:0 0 5px;
	padding:0;
}
/*----- 薄いオレンジの枠 -----*/
.requirement{
	margin:10px 2px;
	border:1px solid #FF9900;
}
/*----- 黄色背景 -----*/
.frame{
	margin:10px 2px;
	background: #FFFFCC;
	border: 1px solid #ff9900;
}
/*----- テキスト -----*/
.tab dt dd{
	font-weight: bold;
	margin:0 0 10px 0;
	padding:0;
}
.text00{
	margin:0 0 10px 0;
}
.text00 dl{
	margin:0;
	padding: 0;
}
.text00 dt{
	float:left;
	font-weight: bold;
	margin:0;
	padding:0;
}
.text00 dd{
	font-weight: bold;
	margin-left:70px;
}
/*-----通販・特集ボタン（共通/comming soon用）-----*/
.btn_mailorder{
	font-family:メイリオ, Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS P Gothic', Verdana, Arial, Helvetica, sans-serif;
	width:150px;
	margin-top:5px;
	background:url(img/btn_icon01.png) left center no-repeat;
	background-color:#99d444;
	padding:5px 5px 5px 10px;
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
	font-size:14px;
	text-shadow:0 0 3px rgba(0,0,0,0.5);
	border:2px solid #ffffff;
	color:#ffffff;
	-moz-border-radius:20px;    /* Firefox */
	-webkit-border-radius:20px; /* Safari,Chrome */
	border-radius:20px;         /* CSS3 */
}
.btn_mailorder:link { color: #ffffff; }

/*通販用*/
.tuhan{ background-color:#4096ee; cursor:pointer;}
.tuhan:hover{ background-color:#8cc5ff; }

/*終了用*/
.no-tuhan{ background-color:#cccccc; }

/*特集用*/
.tokusyu{ background-color:#ff9a00; cursor:pointer;}
.tokusyu:hover{ background-color:#ffb547; }

/*amazon用*/
.amazon{ background-color:#231f20; color:#fe9900; cursor:pointer;}
.amazon:hover{ background-color:#b7b7b7; }

/*----- テキスト装飾 -----*/
.em01{
	font-weight: bold;
}
.end01{
	color: #ffffff;
	font-weight: bold;
	background-color: #ff0000;
	border: 1px solid #ff0000;
}
/*----- 商品用01 -----*/
.item01{
	margin:15px 20px;
	padding:0;
}
.item01 dt{
	float:left;
	clear:left;
	margin:0;
	padding:0;
}
.item01 dd{
	margin:0;
	padding:0 0 0 145px;
}
/*----- 商品情報（幅指定有） -----*/
.jacket{
	text-align:left;
	overflow: hidden;
	position: relative;
	zoom:1;
}
.jacket ul{
	text-align:center;
	font-size:10pt;
	margin:5px 0;
	padding: 10;
	list-style-type:none;
	position: relative;
	display:inline-block;
	/display:inline;
	/zoom:1;
}
.jacket ul li{
	vertical-align: top;
	text-align:center;
	font-size:7pt;
	margin:0;
	padding:2px;
	position: relative;
	display:inline-block;
	/display:inline;
	/zoom:1;
}
.jacket dl {
	font-size:10pt;
	line-height:150%;
	margin: 0;
	padding: 0;
	text-align:left;
}
.jacket dt {
	font-weight: bold;
	font-size:10pt;
	margin: 0 5px 10px 5px;
	padding: 0;
	border-bottom: 1px solid #cccccc;
	text-align:left;
}
.jacket dd {
	font-size:10pt;
	margin: 0 5px;
	padding: 1px;
}
/*----- 商品情報（幅指定無） -----*/
.jacket02{
	text-align:left;
	overflow: hidden;
	position: relative;
	zoom:1;
}
.jacket02 ul{
	text-align:center;
	font-size:10pt;
	margin:5px 0;
	padding: 10;
	list-style-type:none;
	position: relative;
	display:inline-block;
	/display:inline;
	/zoom:1;
}
.jacket02 ul li{
	vertical-align: top;
	text-align:center;
	font-size:7pt;
	margin:0;
	padding:2px;
	position: relative;
	display:inline-block;
	/display:inline;
	/zoom:1;
}
.jacket02 dl {
	font-size:10pt;
	line-height:150%;
	margin: 0;
	padding: 0;
	text-align:left;
}
.jacket02 dt {
	font-weight: bold;
	font-size:10pt;
	margin: 0 5px 10px 5px;
	padding: 0;
	border-bottom: 1px solid #cccccc;
	text-align:left;
}
.jacket02 dd {
	font-size:10pt;
	margin: 0 5px;
	padding: 1px;
}
/*----- 画像用 -----*/
.imgbox01{
	text-align: center;
	overflow: hidden;
	position: relative;
	zoom:1;
}
.imgbox01 ul{
	margin:10px;
	padding: 0;
	list-style-type:none;
	position: relative;
	display:inline-block;
	/display:inline;
	/zoom:1;
}
.imgbox01 ul li{
	font-size:14px;
	line-height:150%;
	margin:0;
	padding:2px;
	text-align:center;
	position: relative;
	display:inline-block;
	/display:inline;
	/zoom:1;
}
/* -----画像無しリスト用----- */
#itemlist02{
	/* センター寄せをするならmarginは設定しない方が良いです。 */
	margin:20px;
	padding:0;
}
#itemlist02 td, th{
	padding:5px;
	vertical-align:middle;
}
.tab_title{
	background:#E6E6E6;
	text-align:left;
	width:400px;
}
.tab_sale{
	background:#FFFFA0;
	width:100px;
	text-align:left;
}
.tab_price{
	background:#FF9100;
	color: #fff;
	width:80px;
}
.tab_jan{
	background:#cccccc;
	width:60px;
	text-align:left;
}
/*----- コピーライト -----*/
.copyright{
	font-size:8pt;
	line-height:150%;
}
/*----- 注意事項 -----*/
ul.attention{
	text-align:left;
	margin:5px 30px;
	padding:0;
}
ul.attention li{
	line-height:150%;
	margin:0;
	padding:0;
	color: #FF0000;
	font-size:10pt;
}
/*----- フッター -----*/
#footer{font-size:10pt;}
