@charset "euc-jp";
/* テーマ：ジョイフルログオリジナル */

body {
	font:84%/150% "MS UI Gothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, monospace;
	margin:0px auto;
	padding:0px;
	color:#444444;
	background-color:#DAEAD0;
}

table { /* 基本テーブル設定（固定）*/
	border:0px none;
	margin:0px;
	padding:0px;
	text-align:left;
	border-collapse:collapse;
}

th {
 border:0px none;
 margin:0px;
 padding:0px;
 border-collapse:collapse;
 vertical-align:top;
}

td {
 border:0px none;
 margin:0px;
 padding:0px;
 border-collapse:collapse;
 vertical-align:top;
}

th {
 white-space:nowrap;
} 

h1,h2,h3,h4,h5 { /* 基本タイトル（固定）*/
	padding:0px;
	margin:0px;
	font-size:100%;
	text-align:left;
}

a { /* 基本のリンク （固定）*/
	color:#002665;
	text-decoration:underline;
}

a:hover {
	color:#002665;
	background-color:#FFE892;
	text-decoration:none;
}

a img{ /* 画像リンクから背景や装飾を排除する */
	border:0;
	background:none;
	vertical-align: bottom;
}

a:hover img{ /* 画像リンクから背景や装飾を排除し、半透明に */
	border:0;
	background:none;
	vertical-align: bottom;
	-moz-opacity:0.65;
	opacity:0.65;
	filter: alpha(opacity=80);
}

ul { /* 基本のリスト （固定）*/
	list-style-type:square;
}

ul ul{
	list-style-type:none;
}

img { /* イメージボーダー指定 */
 border:0px;
}

form {
	padding:0px;
 	display:block;
}

search form{
	margin-left:3px;
}

p {
 	line-height:150%;
 	margin:5px 0px;
	padding:2px 0px;
}

.clear_both { /* 画像の周り込み解除 */
	clear:both;
	font-size:1px;
	visibility:hidden;
	overflow:hidden;
	height:1px;
	text-align:center
}

/* カート画面のボタン設定（コンバージョン率に影響） */

.button1 { /* inputボタン設定 */
	cursor:hand;
	color:#FFFFFF;
	font-size:12px;
	background:#104539;
	border:1px solid #002665;
}

.button1.kago_ippatu { /* inputボタン一発購入 */
	display:block;
	height:51px;
	width:186px;
	cursor:hand;
	color:#FFFFFF;
	font-size:24px;
	padding:10px;
	background: url(http://www.joyful-log.jp/pic-labo/cart02.jpg) no-repeat #A63C09;
}

.button1.kago_next { /* inputボタン次へ */
	display:block;
	cursor:hand;
	color:#FFFFFF;
	font-size:24px;
	padding:10px;
	background: url(http://www.joyful-log.jp/pic-labo/cart02_01.jpg) repeat-x #A63C09;
}

.regi_back { /* カート最終確認 戻る */
	color:#104539;
	background:#FFFFFF;
	border:1px solid #002665;
	font-size:12px;
}

.regi_next { /* カート最終確認 この内容で注文する */
	cursor:hand;
	color:#FFFFFF;
	background:#DE4F0A;
	border:1px solid #663300;
	font-weight:bold;
	font-size:36px;
}


#cart_annai01 { /* ショッピングカート案内文1背景 */
	background:#ECE9E1;
}




.text1 {/* テキストエリアデザイン設定 */
	border:1px solid #002665;
}

.caution {/* エラーメッセージ */
 font-weight:bold;
 color:#FF0000;
}

.no2 { /* フォントズーム */
 font-size:110%;
}

.strong{ font-weight:bold;}/* フォントボールド */

.red{color:#CC0000;font-weight:bold;} /* フォント赤 */
.orange{color:#FF9900;} /* フォントオレンジ */
.blue{color:#0000FF;} /* フォント青 */
.green{color:#006600;} /* フォント緑 */
.glay{color:#666666;} /* フォントグレー */

.item img {/* 商品画像枠  */ 
	height:auto;
	padding:1px;
	margin:0px;
	background:#cccccc;
	text-align:center;
}

.spacebox{/* スペース設定  */ 
	height:50px;
}

/********************************************************************/
/* 大枠テーブル（固定） */
#container {
	width:860px;
	margin:0px auto;
	text-align:left;
	background-color:#FFFBF7;
	border-left:1px solid #002665;
	border-right:1px solid #002665;
}

/* マイページ、ポップアップ画面 */
#enter {
	width:100%;
	text-align:left;
	background:#FFFBF7;
	border:1px solid #002665;
}

/* ヘッダー */
#header{
    margin-top:0px;
	background-position:right;
	width:100%;
	height:99px;
	background:#FFFBF7 url(../../../../pic-labo/title_top_right.gif) right no-repeat;
}

td>#header { /* IE7 Safari Firefox 用 */
	height:99px;
	min-height:99px;
}

.shoplogo { /* サイトロゴブロック（設定の場合） */
	position:relative;
	margin:0px;
	width:860px;
	padding:0px;
}

.siteName { /* サイト名 h1 （テキスト） */
	position:absolute;
	top:70px;
	left:100px;
	padding:0px;
	font-size:10px;
	line-height:1em;
}

.siteName a {
	color:#B63D1B;
	text-decoration:none;
}

.siteName a:hover {
 color:#444444;
 text-decoration:underline;
}

.sitecopy { /* サイトコピー h2 （ロゴがテキストの場合使用）*/
	position:absolute;
	top:82px;
	left:100px;
	padding:0px;
	font-size:12px;
	line-height:14px;
}

.sitecopy a {
    color:#002665;
	text-decoration:none;
}

.sitecopy a:hover {
 color:#002665;
 text-decoration:underline;
}


/* ヘッダーメニュー */
#headMenu {
	display:block;
	width:100%;
	background:#335719;
	margin:0px;
	clear:both;
	border-top:1px solid #104539;
	border-bottom:1px solid #104539;
}

.headnavi { /* ヘッダーメニューテキスト */
	font-weight:bold;
	color:#FFFFFF;
	text-align:right;
	line-height:200%;
	padding-right:5px;
	background: url(http://www.joyful-log.jp/pic-labo/global_back01.jpg) repeat-x #104539;
}

.headnavi a{
color:#FFFFFF;
text-decoration:none;
}

.headnavi a:hover {
    color:#002665;
    background-color:#F7C229;
}

.navi01 {/* ヘッダーメニューアイコン ※aタグに挿入・未使用*/
}

.hline {/* ヘッダー下装飾ライン ※未使用*/
	background: url(../img/hline.gif) no-repeat #FFFFFF;
	border: none;
}

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

#leftSide { /* 左サイドtd */
	width:170px;
	padding:0px;
	margin:0px;
	vertical-align:top;
	background-color:#FFFBF7;
	border-right:1px solid #A6B39B;
}

#rightSide { /* 右サイドtd （3列）*/
	width:170px;
	padding:0px;
	margin:0px;
	vertical-align:top;
	border-left:1px solid #A6B39B;
	background-color:#FFFBF7;
}

#rightSide2 { /* 右サイドtd （3列 ブログ）*/
	width:170px;
	padding:0px;
	margin:0px;
	vertical-align:top;
	border-bottom:1px solid #A6B39B;
	border-left:1px solid ##A6B39B;
	border-top:1px solid #A6B39B;
	border-right-style:none;
	background-color:#FFFBF7;
}

#center1 { /* センター td （2列）*/
	width:690px;
	padding:0px;
	margin:0px;
	vertical-align:top;
}

#center2 { /* センターtd （3列）*/
	width:520px;
	padding:0px;
	margin:0px;
	vertical-align:top;
}

#center3 { /* センターtd （装飾用）*/
	vertical-align:top;
	width:100%;
}


.header_area { /* ヘッダのフリーエリア */
	background-color:#FFFBF7;
	text-align:left;
	margin:0px;
	padding:0px;
}

.header_banner { /* ヘッダのバナーテーブル */
	width:690px;
	background-color:#FFFBF7;
	margin:0px;
	padding:0px;
}

.header_area p{ /* カテゴリページ内基本テキスト */
	margin:10px;
	font-size:120%;
	line-height:140%;
}

.header_area table.border,
.mainCont table.border,
.footer_area table.border { /*境界付きテーブル設定 */
	border:0px none;
	margin:2px;
	padding:2px;
	text-align:left;
	border-collapse:separate;
}

.header_area th.border,
.mainCont th.border,
.footer_area th.border {
	background-color:#F6E0BE;
	border:0px none;
	margin:2px;
	padding:2px;
 	border-collapse:separate;
 	vertical-align:top;
	text-align:left;
}

.header_area td.border,
.mainCont td.border,
.footer_area td.border {
	background-color:#E3EFDC;
	border:0px none;
	margin:2px;
	padding:2px;
 	border-collapse:separate;
 	vertical-align:top;
	text-align:left;
}

.footer_area { /* フッタのフリーエリア */
	background-color:#FFFBF7;
	text-align:left;
	margin:0px;
	padding:0px;
}

.footer_area p{ /* カテゴリページ内基本テキスト */
	margin:10px;
	font-size:120%;
	line-height:140%;
}

.sidebox { /* サイド用ブロック（幅設定） */
	width:170px;
	background-color:#FFFBF7;
	padding:0px;
	margin:0px;
}

.centerbox { /* センター用ブロック（幅設定） */
	background-color:#FFFBF7;
	margin:0px;
	padding:0px;
}



.center{ text-align:center;} /* センター */
.right{ text-align:right;} /* 右 */
.left{ text-align:left;} /* 左 */
.middle{ vertical-align:middle;}/* テキスト縦中央 */
.bottom{ vertical-align:bottom;}/* テキスト縦下 */
.float_right{ float:right;}
.float_left{ float:left;}

/********************************************************************/
/* 基本商品テキスト設定 */

.price { /* 商品価格 */
	color:#FF0000;
	text-align:left;
}

.price.zoom { /* 商品価格 （商品詳細） */
	font-size:125%;
	font-weight:bold;
}

.expl { /* 商品説明文 */
	text-align:left;
	border-top:1px dotted #CCCCCC;
	padding-top:5px;
}

.expl a {
 color:#3A3A3A;
	text-decoration:none;
}

.expl a:hover {
 color:#3A3A3A;
	text-decoration:underline;
}

.fixed{ /* 商品定価 */
	color:#002665;
	text-align:left;
}

/* 商品名 （商品一覧）*/
h2.goods a {
 color:#002665;
	text-decoration:none;
	font-weight:bold;
}

h2.goods a:hover {
 color:#002665;
 text-decoration:underline;
}
	
/********************************************************************/
/*センターコンテンツ  */
.topIMG { /* トップイメージ 外枠設定 */
	margin:0px;
	padding:0px;
}

.topIMG td{
	margin:0px;
	padding:0px;
}


.gold a{ /* ジョイフルGPSダウンロード */
	display:block;
	width:300px;
	height:100px;
	margin-left:10px;
	background:url(http://www.joyful-log.jp/pic-labo/joyful_download_green.jpg) no-repeat;
	text-decoration:none;
}

.gold a:hover{
	background:url(http://www.joyful-log.jp/pic-labo/joyful_download_orange.jpg) no-repeat;
}

.shopCopy { /* サイト説明 */
	margin:0px;
	padding:3px 10px 3px 10px;
	text-align:left;
	color:#104539;
}


/* タイトルデザイン */
.free_title { /* タイトル1 h3 */
	margin:0px;
	color:#FFFFFF;
	width:auto;
	background:#104539;
	line-height:200%;
	vertical-align:middle;
	padding-left: 10px;
}

.centerbox h2.title1{/* タイトル1 h2 商品ページセンターボックスのタイトル*/
	margin:0px;
	padding-left:42px;
	height:64px;
	color:#FFFFFF;
	width:auto;
	background:#104539 url("http://www.joyful-log.jp/pic-labo/title_bar00.gif") no-repeat;
	font-size:120%;
	line-height:200%;
	vertical-align:middle;
}


.centerbox h3.title1,
.layoutFrame h3.title1{/* タイトル1 h3 センターボックスのタイトル（ショッピングカート内）*/
	margin:0px;
	padding-left:10px;
	height:32px;
	color:#FFFFFF;
	width:auto;
	background:#104539;
	font-size:120%;
	line-height:200%;
	vertical-align:middle;
}

.sidebox h2.title1,
.sidebox h3.title1{ /* タイトル1 h2 h3 サイドボックスのタイトル*/
	margin:0px;
	padding:3px 3px 3px 10px;
	color:#FFFFFF;
	width:auto;
	background-color: #104539;
	vertical-align:middle;
}

.title1 a {
    color:#FFFFFF;
	text-decoration:none;
}

.title1 a:hover {
    color:#002665;
	text-decoration:none;
	background-color:#F7C229;
}

.title2 { /* タイトル2 h3 センターボックス　サイドボックス（店長・リンク集）のタイトル*/
	margin:0px;
	padding:3px 3px 3px 10px;
	color:#FFFFFF;
	width:auto;
	background-color: #104539;
	vertical-align:middle;
}

.title2 a {
    color:#FFFFFF;
	text-decoration:none;
}


.title2 a:hover {
    color:#002665;
	text-decoration:none;
	background-color:#F7C229;
}

.title3 { /* タイトル3 h3 */
	display:block;
	margin:0px;
	padding-left:42px;
	height:32px;
	color:#FFFFFF;
	width:auto;
	line-height:200%;
	background:#104539 url("http://www.joyful-log.jp/pic-labo/title_bar00.gif") no-repeat;
	vertical-align:middle;
}

.rank{/* ランキングアイコン */
        text-align:left;
}

.mainCont { /* メインコンテンツ */
	padding:0px;
	margin:0px;
	width:auto;
}

/********************************************************************/
/* 以下、メインコンテンツ内カスタマイズ */

h3.sp00{ /* バックグラウンド画像を使った強調タイトル */
	color:#15497F;
	background: url(http://www.joyful-log.jp/pic-labo/h3_sp00.gif) no-repeat left top;
	height: 30px;
	padding-left: 15px;
	text-align: left;
	vertical-align: middle;
	padding-top: 7px;
	font-size: 120% !important;
	font-weight: bold;
}

h4.sp01{ /* メインコンテンツ内強調タイトル */
	margin:15px 10px 10px 10px;
	padding:5px;
	font-size:150%;
	color:#AA574A;
	font-weight:bold;
	line-height:140%;
	border-left:1px solid #AA574A;
	border-bottom:3px solid #AA574A;
	border-right:3px solid #AA574A;
	border-top:1px solid #AA574A;
	background-color:#FCF3E0;
}

.border_box01 h4.sp01{ /* 枠線ボックス内キャッチ */
	margin:10px;
	padding:4px;
	font-size:120%;
	color:#E55A24;
	line-height:120%;
	font-weight:bold;
	border-left:1px dotted #E55A24;
	border-bottom:1px dotted #E55A24;
	border-right:1px dotted #E55A24;
	border-top:1px dotted #E55A24;
	background-color:#FFFFFF;
}

h5.sp02{ /* メインコンテンツ内小見出し */
	margin:5px 10px 5px 10px;
	padding:2px 5px;
	font-size:120%;
	color:#104539;
	font-weight:bold;
	line-height:140%;
	background-color:#E1EED9;
}

.border_box01 h5.sp02{ /* 枠線ボックス内小見出し */
	margin:5px 10px 5px 10px;
	padding:2px 5px;
	font-size:100%;
	color:#104539;
	font-weight:bold;
	line-height:120%;
	background-color:#E1EED9;
}


.mainCont p{ /* メインコンテンツ内基本テキスト〜文字が大きい〜 */
	margin:10px 12px;
	font-size:120%;
	line-height:140%;
}

.border_box01 { /* 枠線で囲む */
	width:640px;
	padding:7px;
	margin:20px auto 0px auto;
	border: 5px solid #E1DED6;
	background:#FFFFFF;
}

.border_box01 p{ /* 枠線内テキスト */
	margin:10px 0px 10px 12px;
	font-size:100%;
	line-height:120%;
}

.mini{ /* メインコンテンツ内基本テキスト〜文字が小さい〜 */
	margin:0px;
	font-size:12px;
	line-height:120%;
}


.small{ /* メインコンテンツ内スペック情報〜文字が小さい〜 */
	font-size:80%;
	line-height:120%;
}

.large{ /* 超強調ビッグ文字 */
	font-size:160%;
	color:#E55A24;
	line-height:120%;
	font-weight:bold;
}

.red{ /* 赤文字 */
	color:#CC0000;
	font-weight:bold;
}


p.small{ /* メインコンテンツ段落〜文字が小さい〜 */
	font-size:100%;
	line-height:120%;
}

.smst{ /* メインコンテンツ内スペック情報〜文字が小さくて太い〜 */
	font-weight:bold;
	font-size:80%;
	line-height:120%;
}

p.smst{ /* メインコンテンツ内スペック情報〜文字が小さくて太い〜 */
	font-weight:bold;
	font-size:100%;
	line-height:120%;
}

.smred{ /* メインコンテンツ内赤文字で強調〜文字が小さくて太くて赤い〜 */
	color:#CC0000;
	font-weight:bold;
	font-size:80%;
	line-height:120%;
}
p.smred{ /* メインコンテンツ内赤文字で強調〜文字が小さくて太くて赤い〜 */
	color:#CC0000;
	font-weight:bold;
	font-size:100%;
	line-height:120%;
}

.table_type01 { /* 仕様一覧テーブル */
	width:624px;
	margin:0 auto;
}

.table_type01 th {
	background: #CECFCE;
	height: 14px;
	width: 140px;
	font-size: 90%;
	font-weight: normal;
	border-bottom: 2px solid #FFF;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-left-color: #FFF;
	padding-left: 10px;
	vertical-align: middle;
}

.table_type01 td {
	border-bottom: 2px solid #FFF;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-left-color: #FFF;
	padding-left: 10px;
}


/********************************************************************/
/* 以下、通常 */

.center_cont { /* センターフリーボックス */
	padding:10px 10px 20px 10px;
}

.center_cont p{ /* センターフリー基本テキスト〜文字が小さい〜 */
	margin:0px;
	padding:0px;
	font-size:100%;
	line-height:120%;
}

.mainCont table.capture{
	margin-left:16px;
}

img.cap{
	border:1px solid #333333;
}

.banners p{
	font-size:12px;
}

ul.mokuji{ /* メインコンテンツ内リスト〜目次に使用〜 */
	margin:25px;
	padding:8px;
	list-style:none;
	background:#FFFBF7;
	border:1px dotted #C5591A;
}

li.koumoku{
	display:block;
	padding:2px 0px 2px 18px;
	font-size:120%;
	background:url(http://www.joyful-log.jp/pic-labo/sikaku1.gif) no-repeat 5px 7px;
}

li.kajou{
	padding:2px;
	font-weight:bold;
	font-size:120%;
	list-style:none;
}


.contbox { /* メインコンテンツ内項目ボックス*/
	padding:10px 0px;
	margin:0px;
	width:auto;
}

ul.news{ /* 最新情報リスト設定 */
	margin:0px;
	padding:3px;
	list-style:none;
	background:#FFFBF7;
}

li.news{
	display:block;
	padding:2px 0px 2px 15px;
	background:url(http://www.joyful-log.jp/pic-labo/sikaku1.gif) no-repeat 3px 8px;
}

li.p3 {
 padding:3px;
}

.free_list{ /* リスト設定 */
        padding:0px;
        margin:0px;
}

ul.list{ /* リスト設定 */
	text-align:left;
	padding:auto 10px;
	margin:0px;
	list-style:square;
	color:#002665;
}

ul.map{ /* サイトマップリスト設定 */
	text-align:left;
	padding:0px 20px;
	margin:0px;
	color:#006600;
}
li.sm1 { margin:4px ;display:block;}
li.sm2 { margin:0px 0px 0px -35px;display:block;}

.sitemap{ /* サイトマップリスト 項目タイトルh4*/
	padding:5px 25px;
	background:url(../img/icon_sitemap.gif) no-repeat left center;
	color:#006600;
}


/* テーブル余白設定  （固定） */
.layoutp5  { padding:5px 0px;}/* 余白5px */
.layoutp5 th { padding:5px;}
.layoutp5 td { padding:5px;}
.layoutp5 .border { border:1px solid #CCCCCC;}

.layoutp3  {
	padding:5px 0px;
	border:1px solid #CCCCCC;
}/* 余白3px */
.layoutp3 th { padding:3px;}
.layoutp3 td { padding:3px;}
.layoutp3 .border { border:1px solid #999999;}

.bordlayoutp3  { padding:5px 0px;}/* ボーダーテーブル(余白3px) */
.bordlayoutp3 th { padding:3px;border:1px solid #999999;}
.bordlayoutp3 td { padding:3px;border:1px solid #999999;}
.bordlayoutp3 .side { padding:10px 15px;}/* 横余白10px */

/* カート内画面 */
.backcolor1 { background:#DAEAD0;} /* テーブル内カラー切り替え（タイトル部分） */
.backcolor2 { background:#FFFBF7;vertical-align:middle} /* コンテンツ内 */
.backcolor2 p { font-size:100%;} /* コンテンツ内 */
.backcolor3 { background:url(../img/leftside.gif);padding:10px 0px;} /* カート部分 */


/* 商品レイアウト（トップページセンター、商品一覧用）*/

.layoutFrame{/* 大枠 table */
	margin:10px 0px 0px 0px;
	padding:1px;
	width:99%;
	background:#FFFBF7;
	/* background:url(../img/layoutframe.gif) ;*/
}
.layoutFrame td{
	text-align:center;
	margin:0px;
	padding:1px;
	vertical-align:top;
}

.layout1{ /* レイアウト */
	margin:0px;
	padding:5px;
	background:#FFFBF7;
	/* background:url(../img/layout1.gif) ;*/
}
.layout1 td{
	margin:0px;
	padding:3px;
	text-align:center;
}

/* 第二階層 */

#bread { /* パンクズ */
	margin:0px;
	padding:5px 20px;
	text-align:left;
	border-top:1px dotted #002665;
	border-bottom:1px dotted #002665;
}

#bread a {
	text-decoration:none;
}

h4.title{
	margin:5px 0px;	
	padding:3px;
	color:#CC6600;
	border-bottom:1px solid #CC6600;
	border-left:5px solid #CC6600;
}

.mainFrame{ /* メイン大枠 */
	margin:0px;
	padding:5px;
	/* background:url(../img/mainframe.gif) ;*/
}

p.title	{ margin:3px 0px;	
	padding:2px 0px;
	color:#669933;
	border-bottom:1px dotted;
	font-weight:bold;
}

/* メールマガジンアイコン設定 */
.mailmag_ent{ /* 新規登録 h4 */
	color:#006600;
	background:url(../img/icon_mailmag_ent.gif) no-repeat;
	height:34px;
	padding-left:70px;
	padding-top:10px;
}

.mailmag_cha{ /* アドレス変更 h4 */
	color:#006600;
	background:url(../img/icon_mailmag_cha.gif) no-repeat;
	height:34px;
	padding-left:70px;
	padding-top:10px;
}

.mailmag_can{ /* 配信解除 h4 */
	color:#006600;
	background:url(../img/icon_mailmag_can.gif) no-repeat;
	height:34px;
	padding-left:70px;
	padding-top:10px;
}

#sortList{ /* ソート */
	margin:0px;
	padding:10px 3px 5px 3px;
	width:auto;
	color:#333333;
	float:right;
}

.pageTop { /* ページトップ */
	margin:10px 5px;
	background:url(../img/icon_top.gif) no-repeat left center;
	font-size:84%;
	font-weight:bold;
	float:right;
	padding-left:13px;
}

.pageTop a {
 color:#006600;
	text-decoration:none;
}

.pageTop a:hover {
 color:#002665;
	text-decoration:none;
}


/********************************************************************/
/* フッターーメニューレイアウト設定 */
#footer {
	padding:0px;
	margin:0px;
	width:auto;
	height:40px;
	
}

td>#footer { /* IE7 Safari Firefox 用 */
	height:auto;
	min-height:40px;
}

#annai{ /* ご利用案内フッタ表示 */
	margin:0px;
}

.goriyou{ /* ご利用案内タイトル部 */
	text-align:center;
	padding:5px;
	background-color:#335719;
	color:#FFFFFF;
	font-size:120%;
	font-weight:bold;	
}

.setumei{ /* フッタ個別セル */
	padding:10px;
	width:50%;
}

.setumei h2{
	color:#B63D1B;
	font-size:120%;
	margin:6px;
	padding:3px 10px;
	border-bottom:1px solid #B63D1B;
	border-left:6px solid #B63D1B;
}

.setumei p{
	color:#444444;
	margin:3px auto 0px 16px;
	font-size:100%;
}

.setumei h3.midasi{
	margin:6px auto 3px 13px;
	font-size:110%;
	font-weight:bold;
	color:#335719;
}


.footnavi { /*フッターメニューテキスト設定*/
	text-align:center;
	color:#333333;
	padding:5px 20px 5px 20px;
	background-color: #DAEAD0;
}
.footnavi a{ color:#666666;text-decoration:none;}
.footnavi a:hover { color:#666666;text-decoration:underline;}

#copyright { /* コピーライト */
	padding:0px;
	margin:0px;
	width:auto;
	height:20px;
	color:#FFFFFF;
	background:#104539;
	text-align:center;
	/* background:url(../img/copyright.gif) ;*/
}

#footer>#copyright { /* IE7 Safari Firefox 用 */
	height:auto;
	min-height:20px;
}

/********************************************************************/
/* サイド設定 */

#search {/* サイド商品検索枠設定 */
	padding:0px;
	margin:0px 0px 10px 0px;
	width:auto;
	background-color:#FFFBF7;
}

#search label {
	display:block;
	margin:0px;
	padding:3px 3px 3px 10px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#104539;
	vertical-align: middle;
}

.fieldarea {
 padding:5px 0px 5px 0px;
	virtical-align:center;
}

/* サイドメニューカテゴリリスト */

.list { /* メニュー枠設定 */
	padding:1px;
	display:block;
	background-color:#FFFBF7;
}

.list h3 { /* タイトル */
	padding:5px 5px;
	margin:0px;
}

ul.free_listbox{
	text-align:left;
	padding:0px;
	margin:0px;
	list-style:none;
}

ul.listbox{
	text-align:left;
	padding:0px;
	margin:0px;
	list-style:none;
}

/* 大カテゴリ */
li.ca1 {
	margin:0px;
	border-bottom:1px solid #FFFFFF;
}

li.ca1 a{
	display:block;
	padding:3px 3px 3px 10px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	background:#104539;
}

li.ca1 a:hover{
    color:#002665;
	text-decoration:none;
	background-color:#F7C229;
}

/* 小カテゴリ */
li.ca2 {
	margin:0px;
	border-bottom:1px solid #002665;
}


li.ca2 a{
	display:block;
 	padding:3px 2px 3px 10px;
	color:#002665;
	text-decoration:none;
	background:#ECE9E1;
}

li.ca2 a:hover{
    color:#002665;
	text-decoration:none;
    background-color:#F7C229;
}


/* グループ */
li.ca3 {
	margin:0px;
	border-bottom:1px solid #FFFFFF;	
}

li.ca3 a{
	padding:5px 3px 5px 12px;
	display:block;
	color:#002665;
	text-decoration:none;
	background-color:#ECE9E1;
}

li.ca3 a:hover{
    color:#002665;
	text-decoration:none;
    background-color:#F7C229;
}

li.ca4 {
	margin:0px;
	border-bottom:1px solid #FFFFFF;
	background:#104539;
}

li.ca4 a{
	padding:5px 3px 5px 5px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	background:#104539;
}


li.ca4 a:hover{
    color:#002665;
	text-decoration:none;
	background-color:#F7C229;
}

.sline1 { /* サイドバー下ライン */
	padding:0px;
	margin:0px;
	height:3px;
	background:#DAEAD0;
	/* background:url(../img/sline1.gif) ;*/
}

.sline2 { /* サイドバー下ライン */
	padding:0px;
	margin:0px;
	height:3px;
	background:#DAEAD0;
	/* background:url(../img/sline2.gif) ;*/
}

/* サイドコンテンツ */
.sidemain1 { /* メイン枠 */
	margin:0px;
	padding:0px;
}

.sidemain1 p {
	padding:0px 0px 0px 0px;
	margin:0px;
	line-height:130%;
}

.sidemain1 ul { /* リスト設定 */
	margin:0px;
	padding:3px;
	list-style:none;
	background:#FFFBF7;
} 

.sidemain1 li {
	display:block;
	padding:2px 0px 2px 15px;
	background:url(http://www.joyful-log.jp/pic-labo/sikaku1.gif) no-repeat 3px 8px;
}

/* カレンダー */
caption { /* 年月タイトル */
	font-weight:bold;
	text-align:center;
	padding:3px;
}

caption a {
 color:#333333;
 text-decoration:underline;
}

caption a:hover {
 color:#666666;
	text-decoration:underline;
}

.carender { /* カレンダー テーブル*/
	border-collapse:collapse;
	padding:5px;
	margin:0px;
	text-align:center;
	background:#FFFBF7;
	font-size:12px;
}

.carender td {
	padding:2px;
	border-collapse:collapse;
	text-align:right;
	border:1px solid #CCCCCC;	
}

.carender th {
	padding:2px;
	border-collapse:collapse;
	border:1px solid #CCCCCC;	
}

th.day { /* ヘッダ平日 */
	font-weight:bold;
	color:#FFFFFF;
	background:#002665;
	text-align:center;
}

th.sun { /* ヘッダ日曜 */
	color:#FFFFFF;
	background:#FF6699;
	text-align:center;
}

th.sat { /* ヘッダ土曜 */
	color:#FFFFFF;
	background:#002665;
	text-align:center;
}

.chert { /* 表示色説明枠  */
	font-size:12px;
	background:#FFFBF7;
	padding:5px;
}

.chert td {
	border-collapse:separate;
	padding:0px 0px 0px 5px;
	border:1px solid #cccccc;
}

.line01{
	border:1px solid #002665;
	vertical-align:bottom;
} 

#rss{ /* RSS設定 */
	margin:0px;
	padding:5px;
}

#count{ /* カウンター */
	margin:0px;
	padding:5px;
}

/********************************************************************/
/* ブログ */

.blogbox { /* コメントボックス*/
	padding:5px;
	margin:2px 0px;
	width:auto;
	/* background:url(../img/blogbox.gif) ;*/
}

.entry_title { /* ブログエントリータイトル h2 */
	margin:0px;
	padding-left:42px;
	height:64px;
	font-size:120%;
	color:#FFFFFF;
	width:auto;
	background:#104539 url("http://www.joyful-log.jp/pic-labo/title_bar00.gif") no-repeat;
	line-height:200%;
	vertical-align:middle;
}


.entry_title a{ /* ブログエントリータイトル h2 */
	display:block;
	color:#FFFFFF;
	text-decoration:none;
}

.entry_date{
	display:block;
	padding:10px 0px 3px 0px;
	color:#FF6600;
	text-align:right;
}

.state{ /* ブログステータス */
	padding:2px 0px;
	text-align:right;
	border-top:1px dotted #CCCCCC;
}

.subtitle {/* h3 ブロックサブタイトル */
	padding:2px 0px;
	margin:10px 0px 10px 0px;
	text-align:left;
	font-size:110%;
	color:#CC6600;
	border-bottom:3px double #FF6600;
	/* background:url(../img/subtitle.gif) ;*/
}

 p.label { /* ブログコメントタイトル */
	font-weight:bold;
}

.tb_url{ /* トラックバックurl */
	font-weight:bold;margin-bottom:10px;
}

/********************************************************************/
/* カート */

.point {font-size:120%;color:red;font-weight:900;}

.pointline {
	font-size:100%;
	color:red;
	font-weight:900;
	padding:3px;
	background:#FFCCCC;
}



/* ナビゲーション （固定）*/
.step_navi01,.step_navi02,.step_navi03,.step_navi04 {
	text-align:center;
	width:100%;
	margin:10px 0px;
	height:130px;
}

.step_navi01 {
	background-image:url(http://www.joyful-log.jp/pic-labo/navi01.gif);
	height:10px;
}

.step_navi02 {
	background-image:url(http://www.joyful-log.jp/pic-labo/navi02.gif);
}

.step_navi03 {
	background-image:url(http://www.joyful-log.jp/pic-labo/navi03.gif);
}

.step_navi04 {
	background-image:url(http://www.joyful-log.jp/pic-labo/navi04.gif);
}






/*===================================================================
	以下、カスタマイズ
===================================================================*/


/*===================================================================
	clearfix
===================================================================*/
.clear:after{
	content: "";
	display: block;
	clear: both;
	height: 0.1px;
}

* html .clear{
	display: inline-block;
}

/* no ie mac \*/
* html .clear{
	height: 1%; 
}

.clear{
	display: block;
	position:relative;
}
/* */

/* clearfix for IE7*/
*:first-child+html .clear{
	zoom:1;
}




/*===================================================================
	common
===================================================================*/


/* margin ---------- */
.mt_01{margin-top:1px !important;}
.mt_02{margin-top:2px !important;}
.mt_03{margin-top:3px !important;}
.mt_04{margin-top:4px !important;}
.mt_05{margin-top:5px !important;}
.mt_06{margin-top:6px !important;}
.mt_07{margin-top:7px !important;}
.mt_08{margin-top:8px !important;}
.mt_09{margin-top:9px !important;}
.mt_10{margin-top:10px !important;}
.mt_11{margin-top:11px !important;}
.mt_12{margin-top:12px !important;}
.mt_13{margin-top:13px !important;}
.mt_14{margin-top:14px !important;}
.mt_15{margin-top:15px !important;}
.mt_16{margin-top:16px !important;}
.mt_17{margin-top:17px !important;}
.mt_18{margin-top:18px !important;}
.mt_19{margin-top:19px !important;}
.mt_20{margin-top:20px !important;}
.mt_21{margin-top:21px !important;}
.mt_22{margin-top:22px !important;}
.mt_23{margin-top:23px !important;}
.mt_24{margin-top:24px !important;}
.mt_25{margin-top:25px !important;}
.mt_26{margin-top:26px !important;}
.mt_27{margin-top:27px !important;}
.mt_28{margin-top:28px !important;}
.mt_29{margin-top:29px !important;}
.mt_30{margin-top:30px !important;}
.mt_50{margin-top:50px !important;}

.mr_05{margin-right:5px !important;}
.mr_06{margin-right:6px !important;}
.mr_07{margin-right:7px !important;}
.mr_08{margin-right:8px !important;}
.mr_09{margin-right:9px !important;}
.mr_10{margin-right:10px !important;}
.mr_11{margin-right:11px !important;}
.mr_12{margin-right:12px !important;}
.mr_13{margin-right:13px !important;}
.mr_14{margin-right:14px !important;}
.mr_15{margin-right:15px !important;}
.mr_16{margin-right:16px !important;}
.mr_17{margin-right:17px !important;}
.mr_18{margin-right:18px !important;}
.mr_19{margin-right:19px !important;}
.mr_20{margin-right:20px !important;}
.mr_25{margin-right:25px !important;}
.mr_30{margin-right:30px !important;}


.ml_02{margin-left:2px !important;}
.ml_03{margin-left:3px !important;}
.ml_04{margin-left:4px !important;}
.ml_05{margin-left:5px !important;}
.ml_06{margin-left:6px !important;}
.ml_07{margin-left:7px !important;}
.ml_08{margin-left:8px !important;}
.ml_09{margin-left:9px !important;}
.ml_10{margin-left:10px !important;}
.ml_11{margin-left:11px !important;}
.ml_12{margin-left:12px !important;}
.ml_13{margin-left:13px !important;}
.ml_14{margin-left:5px !important;}
.ml_15{margin-left:15px !important;}
.ml_16{margin-left:16px !important;}
.ml_17{margin-left:17px !important;}
.ml_18{margin-left:18px !important;}
.ml_19{margin-left:18px !important;}
.ml_20{margin-left:20px !important;}
.ml_21{margin-left:21px !important;}
.ml_22{margin-left:22px !important;}
.ml_23{margin-left:23px !important;}
.ml_24{margin-left:24px !important;}
.ml_25{margin-left:25px !important;}
.ml_30{margin-left:30px !important;}


.mb_05{margin-bottom:5px !important;}
.mb_06{margin-bottom:6px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_12{margin-bottom:12px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_25{margin-bottom:25px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_50{margin-bottom:50px !important;}


.pt_01 {padding-top: 1px !important;}
.pt_02 {padding-top: 2px !important;}
.pt_03 {padding-top: 3px !important;}
.pt_04 {padding-top: 4px !important;}
.pt_05 {padding-top: 5px !important;}
.pt_06 {padding-top: 6px !important;}
.pt_07 {padding-top: 7px !important;}
.pt_08 {padding-top: 8px !important;}
.pt_09 {padding-top: 9px !important;}
.pt_10 {padding-top: 10px !important;}
.pt_12 {padding-top: 12px !important;}
.pt_13 {padding-top: 13px !important;}
.pt_14 {padding-top: 14px !important;}
.pt_15 {padding-top: 15px !important;}
.pt_18 {padding-top: 18px !important;}
.pt_20 {padding-top: 20px !important;}
.pt_21 {padding-top: 21px !important;}
.pt_22 {padding-top: 22px !important;}
.pt_23 {padding-top: 23px !important;}
.pt_25 {padding-top: 25px !important;}
.pt_27 {padding-top: 27px !important;}
.pt_30 {padding-top: 30px !important;}
.pt_40 {padding-top: 40px !important;}
.pt_50 {padding-top: 50px !important;}


.pl_01 {padding-left: 1px !important;}
.pl_02 {padding-left: 2px !important;}
.pl_03 {padding-left: 3px !important;}
.pl_04 {padding-left: 4px !important;}
.pl_05 {padding-left: 5px !important;}
.pl_06 {padding-left: 6px !important;}
.pl_07 {padding-left: 7px !important;}
.pl_08 {padding-left: 8px !important;}
.pl_09 {padding-left: 9px !important;}
.pl_10 {padding-left: 10px !important;}
.pl_12 {padding-left: 12px !important;}
.pl_13 {padding-left: 13px !important;}
.pl_14 {padding-left: 14px !important;}
.pl_15 {padding-left: 15px !important;}
.pl_16 {padding-left: 16px !important;}
.pl_17 {padding-left: 17px !important;}
.pl_18 {padding-left: 18px !important;}
.pl_19 {padding-left: 19px !important;}
.pl_20 {padding-left: 20px !important;}
.pl_23 {padding-left: 23px !important;}
.pl_25 {padding-left: 25px !important;}
.pl_27 {padding-left: 27px !important;}
.pl_30 {padding-left: 30px !important;}
.pl_32 {padding-left: 32px !important;}


.pb_01 {padding-bottom: 1px !important;}
.pb_02 {padding-bottom: 2px !important;}
.pb_03 {padding-bottom: 3px !important;}
.pb_04 {padding-bottom: 4px !important;}
.pb_05 {padding-bottom: 5px !important;}
.pb_06 {padding-bottom: 6px !important;}
.pb_07 {padding-bottom: 7px !important;}
.pb_09 {padding-bottom: 9px !important;}
.pb_10 {padding-bottom: 10px !important;}
.pb_11 {padding-bottom: 11px !important;}
.pb_12 {padding-bottom: 12px !important;}
.pb_13 {padding-bottom: 13px !important;}
.pb_14 {padding-bottom: 14px !important;}
.pb_15 {padding-bottom: 15px !important;}
.pb_16 {padding-bottom: 16px !important;}
.pb_17 {padding-bottom: 17px !important;}
.pb_18 {padding-bottom: 18px !important;}
.pb_20 {padding-bottom: 20px !important;}
.pb_25 {padding-bottom: 25px !important;}
.pb_27 {padding-bottom: 27px !important;}
.pb_30 {padding-bottom: 30px !important;}
.pb_35 {padding-bottom: 35px !important;}
.pb_40 {padding-bottom: 40px !important;}
.pb_50 {padding-bottom: 50px !important;}


/* text-align ---------- */
.ta_l{
	text-align:left;
}

.ta_c{
	text-align:center;
}

.ta_r{
	text-align:right;
}

/* vertical-align ---------- */
.va_t{
	vertical-align:top;
}

.va_m{
	vertical-align:middle;
}

.va_b{
	vertical-align:bottom;
}

.va_tb{
	vertical-align:text-bottom;
}

/* float ---------- */
.fl_r{
	float:right;
}

.fl_l{
	float:left;
}

/* color ---------- */
.fc_red{
	color:#ff0000 !important;
}

/* font-weight ---------- */
.fw_b{
	font-weight:bold !important;
}

/* font-size ---------- */
.fs_s{
	font-size:80% !important;
	line-height:1.3 !important;
}

.fs_l{
	font-size:120% !important;
	line-height:1.3 !important;
}

.fs_xl{
	font-size:140% !important;
	line-height:1.3 !important;
}

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

.indent_2{
	text-indent:-0.8em;
	padding-left:0.8em;
}

.indent_3{
	text-indent:-0.5em;
	padding-left:0.5em;
}

/* position ---------- */
.pos_r{
	position:relative;
}

/* display ---------- */
.d_ib{
	display:inline-block;
	display:-moz-inline-box;
}

*html .d_ib{
	display:inline;
	zoom:1;
}

*:first-child+html .d_ib{
	display:inline;
	zoom:1;
}

.d_none{
	display:none;
}

/* clear ---------- */
.clr_b{
	clear:both;
}



/********************************************************************/
/* カスタム */

.item_box01 {
	margin:0 auto;
	width:640px;
	background:#FFF;
	color:#000000;
}

.item_box01 p {
	font-size:100% !important;
line-height:130% !important;
margin:0;
padding:0;}

.item_box01 .item_title01 {
	color:#000000;
	background: url(/pic-labo/title_orange.jpg) no-repeat left top;
	height: 30px;
	padding-left: 15px;
	text-align: left;
	vertical-align: middle;
	padding-top: 7px;
	font-size: 120% !important;
	font-weight: bold;
}
.item_box01 .item_title02 {
	color:#E55A24;
	text-align: left;
	line-height:150% !important;
	font-size: 90%;
	font-weight: bold;
}
.item_box01 .item_title03 {
	background:#104539;
	color:#FFFFFF;
	text-align: left;
	padding-top: 7px;
	padding-left: 15px;
	height:25px;
	font-size: 110% !important;
	font-weight: bold;
}

.item_box01 .item_title04 {
	width:620px;
	background:#EB871E;
	color:#FFFFFF;
	text-align: left;
	padding-top: 3px;
	padding-left: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	font-size: 100% !important;
	vertical-align: middle;
}



.item_box01 .boder_box01 {
	padding:7px 10px 15px 10px;
	margin:20px 0px 0px 0px;
	border: 5px solid #E1DED6;
}
.item_box01 .boder_box02 {
	padding:7px 10px 20px 10px;
	margin:20px 0px 0px 0px;
	border: 5px solid #E1DED6;
}


.item_box01 .item_boxli01 {
	margin-top:15px;
}
.item_box01 .item_boxli01L{
	width:200px;
	float:left;
}
.item_box01 .item_boxli01R {
	width:390px;
	float:right;
}

.item_box01 .item_boxli02 {
	width:606px;
	margin-top:15px;
}
.item_box01 .item_boxli02L{
	width:200px;
	float:right;
}
.item_box01 .item_boxli02R {
		width:380px;
	float:left;
}


.item_box01 .item_boxli03 {
	width:606px;
	margin-top:15px;
}
.item_box01 .item_boxli03L{
	width:390px;
	float:left;

}
.item_box01 .item_boxli03R {
		width:200px;
	float:right;
}

.item_box01 .item_boxli04 {
	margin-top:15px;
}
.item_box01 .item_boxli04 a {
	color:#000000;}

.item_box01 .item_boxli04L{
	width:278px;
	float:left;
}
.item_box01 .item_boxli04R {
	width:312px;
	float:right;
}



.fs_m{ font-size:105% !important;}

.fc_E55A24 { color:#E55A24;}