@charset "utf-8"; 

/*content_box.css
お取り寄せ商品
ディレクトリ内ページ用ボックスCSS

【1】ボックス共通
【2】メイン内ボックス共通
	2-1　記事部分
	2-2　カテゴリ別タイトル(blogtop)
	2-3　カテゴリ別タイトル(blogentry,archive)
	2-4　トップページレイアウト(blogtop)
	2-5　エントリーレイアウト(blogentry)
	2-6　アーカイブレイアウト(blogarchive)
	2-7　一覧表示ボタン・English Menu
	2-8  カテゴリナビ
	2-9　記事タイトル
	2-10 記事本文
	2-11 記事追記
	2-12　ページメニュー
	
【3】サイド内ボックス
	

*/

/*【1】ボックス共通*/
.box {}
.title {}
.content {}
.unit {}
.comment {}
.more {}
.sw {}
.bt {}

#contents {
	background:url(http://www.kyo2.jp/_img/mimikou/mimikoutsuhan/bg_pagetitle.jpg) no-repeat 50% 0;
	
}

/*【2】メイン内ボックス共通*/
.main .box {}
.main .title {}
.main .content {}
.main .unit {}
.main .comment {}
.main .more {}
.main .sw {}
.main .bt {}


/*◆2-1　記事部分*/
.blogbody{
	width:660px;
	position:relative;
	margin:0 0 25px;
}
.blogarchive .blogbody {
	width:660px;
	overflow:hidden;
}
/*◆2-2 カテゴリ別タイトル(blogtop)*/
.categorytitle {
	height:40px;
	background-repeat:no-repeat;
	background-position:0 0;
	margin:0 0 10px;
	text-indent:-9999px;
}
#curryudon .categorytitle { background-image:url(http://www.kyo2.jp/_img/mimikou/mimikoutsuhan/bg_categorytitle_curryudon.jpg);}
#udon .categorytitle { background-image:url(http://www.kyo2.jp/_img/mimikou/mimikoutsuhan/bg_categorytitle_udon.jpg);}
#bara .categorytitle { background-image:url(http://www.kyo2.jp/_img/mimikou/mimikoutsuhan/bg_categorytitle_bara.jpg);}
#gift .categorytitle { background-image:url(http://www.kyo2.jp/_img/mimikou/mimikoutsuhan/bg_categorytitle_gift.jpg);}
#sample .categorytitle { background-image:url(http://www.kyo2.jp/_img/mimikou/mimikoutsuhan/bg_categorytitle_sample.jpg);}

/*◆2-3 カテゴリ別タイトル(blogentry,archive)*/
#categorytitle {
	height:40px;
	background-repeat:no-repeat;
	background-position:0 0;
	margin:0 0 10px;
	text-indent:-9999px;
}

/*◆2-4 トップページレイアウト(blogtop)*/

/*ご注文バナー*/
#order {
	position:relative;
	width:660px;
	height:184px;
	margin:0 0 25px;
}
#order a {
	display:block;
	position:absolute;
	width:660px;
	height:184px;
	background:url(http://www.kyo2.jp/_img/mimikou/mimikoutsuhan/bg_blogtop_order.jpg) no-repeat 0 0;
	top:0;
	left:0;
	text-indent:-9999px;
	/*\hide*/ overflow:hidden; /*for Mac IE*/
}

.blogtop .content {
	width:660px;
}
.blogtop .content img {
	width:300px;
	float:left;
}
.blogtop .content .unit {
	width:350px;
	float:right;
}
.blogtop .content .comment {
	margin:0 0 0.5em;
}
.blogtop .content .more {margin:0;}
.blogtop .content .more a {
	background:url(http://www.kyo2.jp/_img/mimikou/mimikoutsuhan/icon_list1.gif) no-repeat 0 50%;
	padding:0 0 0 12px;
}
.blogtop .content .more a:link,.blogtop .content .more a:visited,
.blogtop .content .more a:hover,.blogtop .content .more a:active {
	color:#C30;
}
.blogtop  #season {margin:0;}/*最後だけ下マージンを0*/



/*◆2-5 エントリーレイアウト(blogentry)*/

/*記事内写真と値段のレイアウト*/
.article .layout {
	width:300px;
	margin:0 10px 0 0;
	float:left;
}
.article .layout .price {
	display:block;
	text-align:center;
	background:#ffbe46;
	border:#EC9900 solid 1px;
	color:#fff;
	font-weight:bold;
}
/*記事内下部メニュー*/
.innermenu {
	padding:20px 0 0 0;
}
.innermenu li img {
	vertical-align:bottom;
	margin:0;
}

/*◆2-6 アーカイブレイアウト(blogarchive)*/
.blogarchive .content {
	width:680px;
} 
.photo {
	display:inline;
	width:154px;
	float:left;
	margin:0 13px 10px 1px;	
}

.photo img {
	display:block;
	width:auto;
	margin:0 auto;
	height:150px;
	border:#fff solid 1px;
}
/* Mac IE 5のみに適用 \*//*/
.photo img {width:150px;}	
/* これ以降Mac IE 5以外にも適用される */

.photo .aphoto {
	display:block;
	width:152px;	
	border:#ccc solid 1px;
	/*hide\*/ overflow:hidden; /*for Mac IE*/
}
.photo .price {
	display:block;
	text-align:right;
	line-height:175%;
	color:#999;
}
.photo .layout img {	
	display:none;		/*本文中のイメージを非表示にする*/
}
/*◆2-7 一覧表示ボタン・English Menu*/
.blogbody .bt {
	clear:both;
	margin:0;
}
.blogbody .bt a {
	display:block;
	width:102px;
	height:38px;
	background:url(http://www.kyo2.jp/_img/mimikou/mimikoutsuhan/btn_bt.jpg) no-repeat 0 0;
	position:absolute;
	top:0;
	left:556px;
	text-indent:-9999px;
	/*hide\*/ overflow:hidden; /*for Mac IE*/
}

/*2-8 カテゴリナビ*/
.categorynavi {
	background:url(http://www.kyo2.jp/_img/mimikou/mimikoutsuhan/bg_categorynavi.jpg) no-repeat 0 0;
	margin:0 0 15px;
}
.categorynavi li {
	float:left;
}
.categorynavi li a {
	display:block;
	width:100px;
	height:30px;
	background-image:url(http://www.kyo2.jp/_img/mimikou/mimikoutsuhan/bg_categorynavi_list.jpg);
	background-repeat:no-repeat;
}
.categorynavi li .bir { height:30px;}
.categorynavi .li1 a { width:108px;}
.categorynavi .li2 a { width:75px;}
.categorynavi .li3 a { width:86px;}
.categorynavi .li4 a { width:75px;}
.categorynavi .li5 a { width:115px;}

.categorynavi .li1 a:link,.categorynavi .li1 a:visited ,
.categorynavi .li1 a:hover,.categorynavi .li1 a:active { background-position:0 0;}
.categorynavi .li2 a:link,.categorynavi .li2 a:visited ,
.categorynavi .li2 a:hover,.categorynavi .li2 a:active { background-position:-108px 0;}
.categorynavi .li3 a:link,.categorynavi .li3 a:visited ,
.categorynavi .li3 a:hover,.categorynavi .li3 a:active { background-position:-183px 0;}
.categorynavi .li4 a:link,.categorynavi .li4 a:visited ,
.categorynavi .li4 a:hover,.categorynavi .li4 a:active { background-position:-269px 0;}
.categorynavi .li5 a:link,.categorynavi .li5 a:visited ,
.categorynavi .li5 a:hover,.categorynavi .li5 a:active { background-position:-344px 0;}



/*◆2-9　記事タイトル*/
.blogentry .subject{
	color:#EBA501;
	font-size:134%;
	font-weight:bold;
	background:url(http://www.kyo2.jp/_img/mimikou/mimikoutsuhan/bg_subject.gif) no-repeat 0 100%;
	padding:8px 10px 10px 12px;
	margin:0 0 10px;
	line-height:100%;
}

.blogarchive .subject{
	color:#EBA501;
	font-size:117%;
	font-weight:bold;
	border-left:#FFBE46 solid 4px;
	padding:0 0 0 4px;
	margin:0 0 2px;
}
.blogarchive .subject a {
	display:block;
	height:1.4em;
	/*hide\*/ overflow:hidden; /*for Mac IE*/
}
.blogarchive .subject a:link ,.blogarchive .subject a:visited {color:#EBA501; text-decoration:underline;}
.blogarchive .subject a:hover ,.blogarchive .subject a:active {color:#EBA501;text-decoration:none;}

/*◆2-10　記事本文*/
.article{
	width:640px;
	margin:0 10px;
	overflow:auto;
	padding:0 0 5px;
	line-height:135%;
}
.article img{
	margin:0px 0px 3px 0px;
}
.article-continues{
	display:block;
	padding-top:15px;
}
.article-continues a {
	background:url(http://www.kyo2.jp/_img/mimikou/information/bg_continues_icon.gif) no-repeat 0 50%;
	padding:0 0 0 14px;
	color:#C30;
}



/*記事本文リンク色*/
.article a:link , .article a:visited {}
.article a:hover , .article a:active {}
/*「続きを読む」リンク色*/
a.acontinues:link , a.acontinues:visited {color:#C30;}
a.acontinues:hover , a.acontinues:active {color:#C30;}

/*◆2-11　記事追記*/
#more {}


/*◆2-12　ページメニュー*/
.menu{
	background:#F2F1EC;
}
.menu a {
	display:block;
	float:right;
	height:3.0em;
	line-height:3.0em;
	padding:0 1.0em;
	border-left:#fff solid 1px;
	background:#DDDACE;
}
.menu a:link ,.menu a:visited {color:#C30;}
.menu a:hover ,.menu a:active {color:#C30;}



/*【3】サイド内ボックス*/
.sidecolumn .box {}
.sidecolumn .title {}
.sidecolumn .content {}
.sidecolumn .unit {}
.sidecolumn .comment {}
.sidecolumn .more {}
.sidecolumn .sw {}
.sidecolumn .bt {}