@charset "Shift_JIS";
/* ie.css */
/* ポストカードカラーケース　コンテンツ */
/* Copyright(c)Bring Word.Osaka,Japan */


/*==============	h1	==============*/
h1,h2,h3,h4,h5,h6,p{
	margin:0;
	padding:0;
}
h1{ font-size:11px; color:#ffffff; font-weight: bold; }
h2{
	font-size:11px;
	color:#ffffff;
}
/*============================*/
.h3{
	font-size:11px;
}
.fs{
	line-height:140%;
}
.fsb{
	line-height:140%;
	font-weight : bold;
}
.strong{
	font-weight : bold;
}
.strong2{
	font-size:100%;
	font-weight : bold;
}
.strong3{
	font-size:100%;
	font-weight : bold;
	color :#ffffff;
}
.large{
	font-size:150%;
}
.mid{
	font-size:79%;
}
.small{
	font-size:70%;
}
.attn{
	color :#ff0000;
}
.attn1{
	color:#ff0000;
	font-size:70%;
}

/*==============全体構造==============*/
*{ margin: 0; padding: 0; font-style: normal; font-weight: normal; font-size : 100%; }
body{ font-size:12px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", sans-serif; color:#222222; text-align: center; }
a{ color:#039; text-decoration: none; }
a:visited{ color:#930; }
a:hover{ color:#090; }
img{ border-style: none; }
p{ text-align: left; vertical-align: top; padding: 4px; }
/*==============背景画像==============*/
#bg_top{ background-image: url(../img/common/top_image_sora.jpg); background-repeat: repeat-x; background-position: center top; position: relative; width: 100%; }
#bg_bottom{ background-image: url(../img/common/bg_bottom.jpg); background-repeat: repeat-x; background-position: center bottom; position: relative; width: 100%; }
/*==============大枠　マージン自動でセンターへ配置==============*/
#wrapper{ text-align: center; width: 780px; margin-right: auto; margin-left: auto; padding-bottom: 60px; }
/*==============ヘッダー==============*/
#head{ text-align: right; vertical-align: middle; width: 100%; }
#logo{ text-align: left; float: left; margin-top: 6px; }
#mail{ text-align: left; float: right; }
#mail ul,#mail li{ list-style-type: none; display: inline; }
#mail li a{ float: left; padding-right: 2px; padding-left: 2px; }
#mail li a:hover{ position: relative; top: 1px; left: 1px; }
/*==============メニュー、ナビゲーション==============*/
/*サブメニュー*/
#nav{ text-align: left; width: 475px; float: right; clear: right; }
#nav ul,#nav li{ list-style-type: none; display: inline; }
#nav li a{ color: #006ecf; font-size: 11px; background-image: url(../img/common/sub_navi.gif); background-repeat: no-repeat; background-position: left center; text-decoration: none; float: right; margin-top: 30px; padding-right: 5px; padding-left: 10px; }
#nav li a:hover{ position: relative; top: 1px; left: 1px; }
/*メインメニュー*/
#menu{ text-align: left; width: 100%; clear: both; }
#menu ul,#menu li{ list-style-type: none; display: inline; }
#menu li a{ text-decoration: none; text-indent: -9999px; width: 130px; height: 35px; overflow: hidden; float: left; }
/*オフマウス*/
#menu li#menu01 a{ background-image: url(../img/common/navi01_catalog_off.gif);}
#menu li#menu02 a{ background-image: url(../img/common/navi02_step_off.gif);}
#menu li#menu03 a{ background-image: url(../img/common/navi03_photo_off.gif);}
#menu li#menu04 a{ background-image: url(../img/common/navi04_money_off.gif);}
#menu li#menu05 a{ background-image: url(../img/common/navi05_faq_off.gif);}
#menu li#menu06 a{ background-image: url(../img/common/navi06_voice_off.gif);}
/*オンマウス*/
#menu li#menu01 a:hover{ background-image: url(../img/common/navi01_catalog_on.gif);}
#menu li#menu02 a:hover{ background-image: url(../img/common/navi02_step_on.gif);}
#menu li#menu03 a:hover{ background-image: url(../img/common/navi03_photo_on.gif);}
#menu li#menu04 a:hover{ background-image: url(../img/common/navi04_money_on.gif);}
#menu li#menu05 a:hover{ background-image: url(../img/common/navi05_faq_on.gif);}
#menu li#menu06 a:hover{ background-image: url(../img/common/navi06_voice_on.gif);}

/*==============ページ共通==============*/
.clear{ clear: both; }
.indent{ text-align: left; text-indent: 12px; vertical-align: top; padding: 4px; }
.righttext{ text-align: right; vertical-align: top; padding: 4px; }
li.normal{ text-align: left; padding-right: 10px; padding-left: 10px; list-style-type: none; list-style-position: inside; display: list-item; }
li.numbering{ text-align: left; padding-right: 10px; padding-left: 10px; list-style-type: decimal; list-style-position: inside; display: list-item; }
li.basic{ text-align: left; width: 95%; margin-right: auto; margin-left: auto; list-style-position: inside; }
#gazou{ background-color: #fff; background-repeat: no-repeat; background-position: right 0; text-align: right; width: 100%; }
#gazou_top{ background-image: url(../img/top/top_image.jpg); background-repeat: no-repeat; width: 780px; height: 273px; }
#gazou_top ul,#gazou_top li{ list-style-type: none; display: inline; }
#gazou_top li a:hover{ position: relative; top: 1px; left: 1px; }
#bttn{ text-align: right; padding-top: 230px; }
#line{ font-size: 100%; text-align: center; margin-top: 10px; margin-bottom: 10px; }
/*パンクズ*/
#pankuzu{ color:#333; font-size: 95%; background-color: #eee; text-decoration:none; text-align: left; text-indent: 12px; width: 100%; }
#pankuzu a{ text-decoration:none; }
/*ページトップへ*/
.pagetop{ text-align: right; width: 100%; clear: both; padding-top: 10px; padding-bottom: 10px; }
.pagetop a{ background-color: transparent; }
.pagetop a:hover{ position: relative; top: 1px; left: 1px; }
/*回り込み*/
.left{ text-align: left; float: left; padding: 4px; }
.left a{  }
.left a:hover{ position: relative; top: 1px; left: 1px; }
.right{ text-align: right; float: right;  padding: 4px; }
.right a{  }
.right a:hover{ position: relative; top: 1px; left: 1px; }
.center{ text-align: center; vertical-align: top; padding: 4px; }
.center a{  }
.center a:hover{ position: relative; top: 1px; left: 1px; }
/*==============レイアウト==============*/
#container{ background-color: #fff; text-align: center; width: 100%; float: left; padding-bottom: 10px; }
#containts{ width: 750px; margin-right: auto; margin-left: auto; }

#infoleft{ font-size: 95%; vertical-align: top; width: 150px; float: left; margin-right: auto; margin-left: auto; }
#infoleft ul{ list-style-type: none; }
#infoleft li{ text-align: left; }
#infoleft li a{ text-decoration: none; }
#infoleft li a:hover{ text-decoration: none; }

#inforight{ color: #666; font-size: 95%; vertical-align: top; width: 150px; float: right; margin-right: auto; margin-left: auto; }
#inforight ul{ list-style-type: none; }
#inforight li{ text-align: left; }
#inforight li a{ text-decoration: none; }
#inforight li a:hover{ text-decoration: none; }

#infocenter{ vertical-align: top; width: 460px; float: left; margin-right: auto; margin-left: auto; padding-left: 10px; }

#info{ width: 600px; float: left; margin-right: auto; margin-left: auto; padding-left: 10px; }

#infocatalog{ width: 580px; float: left; }

#information{ vertical-align: top; width: 600px; margin-right: auto; margin-left: auto; }

/*内部メニュー1*/
.submenu{ font-size: 12px; text-align: left; width: 100%; }
.submenu ul{ list-style-type: none; }
.submenu li{ margin: 4px; padding: 4px; border-bottom: 1px dotted #39f; border-left: 6px solid #e8f5ff; }
.submenu li a{ text-decoration: none; }
.submenu li a:hover{ text-decoration: none; }
/*内部メニュー2*/
.naibulink{ text-align: left; width: 700px; margin-right: auto; margin-left: auto; padding-top: 8px; }
.naibulink ul{ list-style-type: none; display: inline; }
.naibulink li{ float: left; padding-bottom: 4px; }

/*===表===*/
.list01{ width: 100%; float: left; }
.list01 table{ text-align: left; width: 580px; margin-right: auto; margin-left: auto; border-top: 1px solid silver; border-left: 1px solid silver; }
.list01 th{ font-weight: bold; background-color: #eeeeee; text-align: left; vertical-align: top; width: 150px; padding: 4px; border-right: 1px solid silver; border-bottom: 1px solid silver; }
.list01 td{ vertical-align: top; padding: 4px; border-right: 1px solid silver; border-bottom: 1px solid silver; }
.list02 table{ text-align: left; vertical-align: top; width: 580px; float: left; margin-right: auto; margin-left: auto; border-top: 1px solid silver; border-left: 1px solid silver; }
.list02 th{ font-weight: bold; background-color: #eeeeee; padding: 4px; border-right: 1px solid silver; border-bottom: 1px solid silver; }
.list02 td{ padding: 4px; border-right: 1px solid silver; border-bottom: 1px solid silver; }
.list03 table{ vertical-align: top; width: 100%; margin-right: auto; margin-left: auto; border-style: none; }
.list03 th{ font-weight: bold; background-color: #eeeeee; padding: 4px; border-right: 1px solid silver; border-bottom: 1px solid silver; }
.list03 td{ padding: 4px; border-style: none; }
/*==============カタログ==============*/

#bigtate{ background-image: url(../img/catalog/shadow_tate.jpg); background-repeat: no-repeat; background-position: center; padding: 5px; }
#bigyoko{ background-image: url(../img/catalog/shadow_yoko.jpg); background-repeat: no-repeat; background-position: center; padding: 5px; }
.nextbttn{ text-align: center; vertical-align: top; width: 100%; clear: both; }
.catalogtitle{ color: #fff; font-weight: bold; background-color: #6cf; text-align: left; text-indent: 12px; padding: 2px; }
.subcolor{ width: 100%; margin-right: auto; margin-left: auto; }
.subcolor ul,.subcolor li{ list-style-type: none; display: inline; }
.subcolor li{ float: left; padding: 4px; }
.subcolor li a{ color: #006ecf; font-size: 10px; }
.subcolor li a:hover{  }
.subcolor img{ border: solid 1px silver; }
.siyou{ width: 100%; float: right; margin-right: 5px; border: solid 1px #6cf; }
.button{ float: right; margin-right: 5px; }
.button a:hover{ position: relative; top: 1px; left: 1px; }
/*==============ご注文の流れ==============*/
.step{ width: 600px; float: left; }
.step th{ text-align: center; width: 270px; }
.customer{ font-weight: bold; background-color: #ffc; border-bottom: 2px dotted silver; }
.shop{ font-weight: bold; background-color: #e8f5ff; border-bottom: 2px dotted silver; }
.end{ width: 100%; padding: 4px 0; }
.bg{ background-color: #fff; vertical-align: top; width: 270px; border: dotted 2px silver; }
.bg a{ text-decoration: none; }
.bg a:hover{ text-decoration: none; position: relative; top: 1px; left: 1px; }
.bg2{ background-color: white; width: 270px; }
.yajirusi1{ background-image: url(../img/step/yajirusi_orange.gif); background-repeat: no-repeat; background-position: center; width: 48px; height: 60px; }
.yajirusi2{ background-image: url(../img/step/yajirusi_ao.gif); background-repeat: no-repeat; background-position: center; width: 48px; height: 48px; }

/*==============文章==============*/

/*カテゴリタイトル*/
.section{ color: #39f; font-size: 15px; font-weight: bold; text-align: left; text-indent: 5px; letter-spacing: 3px; width: 98%; margin: 10px auto; border-bottom: 1px solid #39f; border-left: 6px solid #39f; }
.section2{ text-align: left; padding-top: 4px; }
.section2 a:hover{ position: relative; top: 1px; left: 1px; }

/*whats　new*/
.latest{ text-align: left; width: 95%; margin-right: 5px; margin-left: 5px; border-bottom: 1px dotted #ccc; }
/*タイトル*/
.title2{ color: #39f; font-weight: bold; background-color: #e8f5ff; text-align: left; text-indent: 12px; width: 100%; margin: 10px auto; padding: 3px; }
/*==============about　us==============*/
.greeting table{ text-align: left; vertical-align: middle; width: 580px; margin-right: auto; margin-bottom: 10px; margin-left: auto; border-top: 2px dotted silver; }
.greeting th{ font-size: 12px; font-weight: bold; background-color: #eee; padding: 4px; border-bottom: 2px dotted silver; }
.greeting td{ padding: 4px; border-bottom: 2px dotted silver; }
/*==============特定商取引==============*/
.titletext{ font-weight: bold; background-color: #eee; text-align: left; vertical-align: top; width: 100px; padding: 4px; }
/*==============個人情報==============*/
.titletext2{ font-weight: bold; background-color: #eee; text-align: left; vertical-align: top; width: 100%; padding: 4px; }
/*==============お問い合せ==============*/
.titletext3{ font-weight: bold; background-color: #e8f5ff; text-align: center; vertical-align: top; width: 100%; padding: 4px; }
/*==============お客様の声==============*/
.voice{ background-color: #e8f5ff; background-image: url(../img/voice/customer.gif); background-repeat: no-repeat; background-position: 10px 6px; width: 98%; margin-top: 8px; margin-bottom: 8px; }
.voice_lt{ background-image: url(../img/voice/corner_left_top.gif); background-repeat: no-repeat; background-position: left top; }
.voice_rt{ background-image: url(../img/voice/corner_right_top.gif); background-repeat: no-repeat; background-position: right top; }
.voice_lb{ background-image: url(../img/voice/corner_left_bottom.gif); background-repeat: no-repeat; background-position: left bottom; }
.voice_rb{ background-image: url(../img/voice/corner_right_bottom.gif); background-repeat: no-repeat; background-position: right bottom; padding: 8px; }
.voicebox{ color: #333; background-color: #fff; background-image: url(../img/voice/voice_text_bg.gif); background-repeat: no-repeat; background-position: 90% 95%; text-align: left; vertical-align: top; width: 100%; overflow: auto; }
.voicetitle{ font-size: 12px; font-weight: bold; text-indent: 30px; }
.voicetitle2{ font-weight: bold; width: 80px; float: left; }
.voicetitle2 a{ text-decoration: none; }
.voicetext{ text-align: left; vertical-align: top; width: 470px; float: left; }
.voiceimage{ vertical-align: top; float: left; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.voicetexttop{ text-align: left; vertical-align: top; width: 320px; }
/*==============メッセージ==============*/
.message{ background-color: #e8f5ff; background-image: url(../img/voice/shop.gif); background-repeat: no-repeat; background-position: 10px 6px; width: 98%; margin-top: 8px; margin-bottom: 8px; }
.message_lt{ background-image: url(../img/voice/corner_left_top.gif); background-repeat: no-repeat; background-position: left top; }
.message_rt{ background-image: url(../img/voice/corner_right_top.gif); background-repeat: no-repeat; background-position: right top; }
.message_lb{ background-image: url(../img/voice/corner_left_bottom.gif); background-repeat: no-repeat; background-position: left bottom; }
.message_rb{ background-image: url(../img/voice/corner_right_bottom.gif); background-repeat: no-repeat; background-position: right bottom; padding: 8px; }
.messagebox{ color: #333; background-color: #fff; background-image: url(../img/voice/voice_text_bg.gif); background-repeat: no-repeat; background-position: 90% 95%; text-align: left; vertical-align: top; width: 100%; overflow: auto; }
.messagetitle{ font-size: 13px; font-weight: bold; text-indent: 30px; }
/*==============よくあるご質問==============*/
.faqbox{ color: #643232; background-color: #fff; text-align: left; width: 584px; margin-top: 10px; margin-right: auto; margin-left: auto; padding: 4px; }
/*==============サイトマップ==============*/
.sitemap table{ width: 100%; margin-right: auto; margin-left: auto; border-style: none; }
.sitemap td{ text-align: left; vertical-align: top; }
/*==============画像==============*/
.yoko{ width: 170px; margin: 10px auto; border: solid 1px silver; }
.tate{ width: 114px; margin: 5px auto; border: solid 1px silver; }
.border{ border: solid 1px silver; }
.box{ background-color: #f3f3f3; text-align: center; width: 180px; float: left; margin: 5px; padding: 4px; }
.box a{  }
.box a:hover{ text-decoration: none; position: relative; top: 1px; left: 1px; }

/*==============フッター1==============*/
#footer1{ background-color: #e8f5ff; text-align: center; width: 100%; clear: both; padding-top: 5px; padding-bottom: 5px; }
#footer1 a{ text-decoration:none; color:#006ecf; margin: 2px; padding: 3px 5px; border-right: 1px dotted silver; border-left: 1px dotted silver; }
#footer1 a:hover{ color: red; text-decoration: none; }
/*==============フッター==============*/
#footer{ background-color:#e8f5ff; text-align: center; width: 100%; padding-top: 5px; padding-bottom: 5px; }
#footer a{ text-decoration:none; color:#006ecf; margin: 2px; padding: 3px 5px; border-right: 1px dotted #c0c0c0; border-left: 1px dotted #c0c0c0; }
#footer a:hover{ color: red; text-decoration: none; }
/*==============コピーライト==============*/
#copyright{ color:#fff; font-size: 95%; background-color: #006ecf; text-transform: capitalize; text-align: center; width: 100%; padding-top: 5px; padding-bottom: 5px; }
/*==============カレンダー==============*/
table.calendar { margin: 4px auto 0; padding: 0; }
table.calendar tr.headline td{ font-size: 10px; }
table.calendar th { text-align: left; font-family: "Myriad Pro", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #777777; font-weight: bold; }
table.calendar th span {
	cursor: pointer;
	float: right;
}
table.calendar td {
	border-bottom: 1px solid #cccccc;
	text-align: center;
	width: 19px;
	height: 20px;
	vertical-align: middle;
	font-family: "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	font-size: 10px;
	color: #333333;
}
table.calendar td.click {
	cursor: pointer;
	background-color: #FFFFFF;
}
table.calendar td.Today {
	font-weight: bolder;
	color: #009900;
}
table.calendar td.Sat { color: #000099; background-color: #fff; background-image: url(../img/common/date.gif); background-repeat: no-repeat; background-position: center; }
table.calendar td.Sun { color: #ff0000; background-color: #fff; background-image: url(../img/common/date.gif); background-repeat: no-repeat; background-position: center; }
table.calendar td.holyday { color: #ff0000; background-color: white; background-image: url(../img/common/date.gif); background-repeat: no-repeat; background-position: center; }
table.calendar td.xday {
	font-weight: bolder;
	color: #099;
	font-size: 14px;
}
table.calendar td.birthday {
	font-weight: bolder;
	color: #990000;
	font-size: 14px;
}