@charset "utf-8";
/* ie.css */
/*似顔絵名刺カラーケース*/
/* Copyright(c)Bring Word.Osaka,Japan */

/*==============全体=============*/
*{ margin: 0; padding: 0; font-style: normal; font-weight: normal; font-size : 100%; }
body{ font-size:11px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", sans-serif; color:#333333; background-image: url(../img/common/bg.gif); background-repeat: repeat; text-align: center; }
a:link{
	color:#000000;
}
a:hover{
	color:#cc6600;
}
.attn{
	color:#ff0000;
}
img{ border-style: none; }

.list th{ padding: 4px; }
.list td{ padding: 4px; }
#FormName th{ padding: 4px; }
#FormName td{ padding: 4px; }

/*==============	h1	==============*/
h1,h2,h3,h4,h5,h6,p{
	margin:0;
	padding:0;
}
h1{
	font-size:14px;
	color:#ffffff;
}
h2{ font-size:12px; font-weight: bold; }
strong{
	font-weight : bold;
}
h3{ font-size:11px; font-weight: bold; }
strong{
	font-weight : bold;
}
.big { text-transform:uppercase; }
.big2 { text-transform:capitalize; }

/*==========文字関係=============*/
.h3{
	font-size:12px;
}
/*	background-color: #ffff99;*/

.fs{
	line-height:140%;
}

/*フォント*/
.fsb{
	line-height:140%;
	font-weight : bold;
}

.strong{
	font-weight : bold;
}

.strong2{ color: #f00; font-weight : bold; }

.strong3{
	font-weight : bold;
	color :#ffffff;
}
.mid{
	font-size:79%;
}

.small{
	font-size:70%;
}

.attn{
	color :#ff0000;
}

.attn1{
	color:#ff0000;
	font-size:70%;
}
.attn2{
	color :#0033ff;
}
.white{
	color:#ffffff;
}

/*=============ナビ==============*/
#navi{
	padding:5px 0 5px 5px;
	float: left;
}
#navi a{
	display:block;
	text-decoration:none;
}
/*オフマウス*/
#navi01 a{background:url(../img/common/navi_home_off.gif);
	width:129px;height:24px;text-indent:-9999px;}
#navi02 a{background:url(../img/common/navi_greeting_off.gif);
	width:129px;height:24px;text-indent:-9999px;}
#navi03 a{background:url(../img/common/navi_catalog_off.gif);
	width:129px;height:24px;text-indent:-9999px;}
#navi04 a{background:url(../img/common/navi_option_off.gif);
	width:129px;height:24px;text-indent:-9999px;}
#navi05 a{background:url(../img/common/navi_money_off.gif);
	width:129px;height:24px;text-indent:-9999px;}
#navi06 a{background:url(../img/common/navi_step_off.gif);
	width:129px;height:24px;text-indent:-9999px;}
#navi07 a{background:url(../img/common/navi_order_off.gif);
	width:129px;height:24px;text-indent:-9999px;}
#navi08 a{background:url(../img/common/navi_faq_off.gif);
	width:129px;height:24px;text-indent:-9999px;}
#navi09 a{background:url(../img/common/navi_voice_off.gif);
	width:129px;height:24px;text-indent:-9999px;}
#navi10 a{background:url(../img/common/navi_copyright_off.gif);
	width:129px;height:24px;text-indent:-9999px;}
#navi11 a{background:url(../img/common/navi_photo_off.gif);
	width:129px;height:24px;text-indent:-9999px;}

/*onマウス*/
#navi01 a:hover{background:url(../img/common/navi_home_on.gif);}
#navi02 a:hover{background:url(../img/common/navi_greeting_on.gif);}
#navi03 a:hover{background:url(../img/common/navi_catalog_on.gif);}
#navi04 a:hover{background:url(../img/common/navi_option_on.gif);}
#navi05 a:hover{background:url(../img/common/navi_money_on.gif);}
#navi06 a:hover{background:url(../img/common/navi_step_on.gif);}
#navi07 a:hover{background:url(../img/common/navi_order_on.gif);}
#navi08 a:hover{background:url(../img/common/navi_faq_on.gif);}
#navi09 a:hover{background:url(../img/common/navi_voice_on.gif);}
#navi10 a:hover{background:url(../img/common/navi_copyright_on.gif);}
#navi11 a:hover{background:url(../img/common/navi_photo_on.gif);}
/*==============大枠　マージン自動でセンターへ配置==============*/
div#wrapper{ text-align: center; width: 800px; margin-right: auto; margin-left: auto; }

/*==============header=============*/
table#header{ background-color: #fa0; width: 100%; }
/*==============タイトル=============*/
table#title{ background-image: url(../img/common/title_bg.gif); background-repeat: repeat-x; }
/*==============コンテンツ=============*/

div#contents{
	float:left;
	padding:10px;
}

/*=============フッター=============*/
#footer1{
	background-color:#ffff99;
	padding:5px;
	color:#000000;
}
#footer1 a{
	text-decoration:none;
	color:#000000;
}
#footer1 a:hover{
	color:#cc6600;
}
/*==============フッター==============*/
div#footer{ background-color:#ffaa00; padding:5px; color:#ffffff; font-size: 12px; }
#footer a{
	text-decoration:none;
	color:#ffffff;
}
#footer a:hover{
	color:#cc6600;
}
/*=============セミオーダー=============*/
div#semi{
	color:#ffffff;
	text-decoration:none;
}
#semi a{
	color:#000000;
	text-decoration:none;
}
#semi a:hover{
	color:#ffaa00;
}
/*============イラスト==============*/
div#illust{
	color:#ffffff;
	text-decoration:none;
}
#illust a{
	color:#000000;
	text-decoration:none;
}
#illust a:hover{
	color:#ffaa00;
}
/*==============money==============*/
div#money{
	color:#ffffff;
	text-decoration:none;
}
#money a{
	color:#000000;
	text-decoration:none;
}
#money a:hover{
	color:#ffaa00;
}
/*==============order==============*/
div#order{
	color:#000000;
	text-decoration:none;
}
#order a{
	color:#000000;
	text-decoration:none;
}
#order a:hover{
	color:#ffaa00;
}
/*==============FAQ==============*/
div#faq{
	color:#ffffff;
	text-decoration:none;
}
#faq a{
	color:#000000;
	text-decoration:none;
}
#faq a:hover{
	color:#ffaa00;
}
/*==============お客様の声=============*/
div#voice{
	color:#ffffff;
	text-decoration:none;
}
#voice a{
	color:#000000;
	text-decoration:none;
}
#voice a:hover{
	color:#ffaa00;
}

div.customer{ background-color: #ffc; text-decoration: none; position: relative; width: 550px; margin: 10px 10px 30px; border: solid 1px orange; }
.customer h3 { color: white; font-size: 12px; font-weight: bold; background-color: #ffa500; padding: 3px; }
.customer table{ text-align: left; width: 530px; margin: 10px auto; border-style: none; }
.customer th{ font-weight: bold; text-align: left; vertical-align: top; padding: 4px; }
.customer td{ vertical-align: top; padding: 4px; }
.customer img{ border: solid 1px #cccccc; }
.customerorder th{ background-color: #eee; width: 100px; }
.customerorder td{ background-color: white;  width: 450px; }
/*==============サイトマップ===========*/
div#sitemap{
	text-decoration:none;
}
#sitemap a{
	color:#000000;
	text-decoration:none;
}
/*==============リンク==============*/
div#link{ color:#ffffff; text-decoration:none;
}
#link a{
	color:#000000;
	text-decoration:none;
}
/*==============法規==============*/
div#houki{
	color:#000000;
	text-decoration:none;
}
#houki a{
	color:#000000;
	text-decoration:none;
}
/*==============利用規約==============*/
#kiyakutext{ background-color: #f6f6fc; text-align: left; width: 580px; height:300px; overflow: auto; margin: 4px; padding: 4px; display: block; }
.kiyakulist{ border-top: 1px solid silver; border-left: 1px solid silver; }
.kiyakulist th{ font-weight: bold; background-color: #ccc; text-align: center; padding: 4px; border-bottom: 1px solid silver; border-right: 1px solid silver; }
.kiyakulist td{ padding: 4px; border-right: 1px solid silver; border-bottom: 1px solid silver; }
/*==============シロクマ==============*/
#sirokuma{ text-indent: -9999px; }
#sirokuma a{ background-image: url(../img/top/kuma_welcome_off.gif); background-repeat: no-repeat; display:block; text-decoration:none; width: 71px; height: 85px; }
#sirokuma a:hover{ background-image: url(../img/top/kuma_welcome_on.gif); background-repeat: no-repeat; }
/*==============枠==============*/
#waku2{ background-image: url(../img/common/waku_2.gif); }
#waku4{ background-image: url(../img/common/waku_4.gif); }
#waku5{ background-image: url(../img/common/waku_5.gif); }
#waku7{ background-image: url(../img/common/waku_7.gif); }
/*==============画像枠線==============*/
.boader{ border: solid 1px #cccccc; }