@charset "Shift_JIS"; 		/* 文字コードセット */

/*///目次/////////////////////////////

1.全体構造
2.ヘッダ
3.ナビゲーション
4.コンテンツ
5.汎用スタイルシート
6.トップページ
11.フッター

////目次 終了/////////////////////////*/

/* 全体構造
---------------------------------------------------- */
* {margin: 0px;padding: 0px;} /* 各ブラウザの独自解釈をリセット */

body{ 
	color:#333333;
	background: url(../images/back.jpg) repeat-x #ffffff;
	text-align:center; /* IE5.5以前用中央揃え */
	font-size: 0.8em; /* 基本フォントサイズ */
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.5em; /* 基本の行間 */
}



html{overflow:scroll;}

a{ outline:none; }
a img{ border:none;background:transparent;}

a:link {text-decoration: none;color: #fa2f2b;}
a:visited {text-decoration: none;color: #fa2f2b;}
a:hover {text-decoration: underline;color: #fa2f2b;}
a:active {text-decoration: none;color: #fa2f2b;}


/* 基本ページ幅 */

#wrapper{
	width:810px;
	margin:0px auto;
	clear:both;
	background:url(../images/wrapper-back.jpg)  no-repeat;
	text-align:justify;
	text-justify: inter-ideograph;
}

#container{ width:800px; margin:0px auto;}

#content{ width:760px; padding:0px 20px 20px 20px; text-align:left;}
	
#right-content {
	width: 560px;
	float:right;
}

/* ヘッダ
---------------------------------------------------- */
#header {
	width: 800px;
	height:90px;
	background-image: url(../images/header.jpg);
	margin:0px auto;
}

h1 a {
	display:block;
	height:90px;
	width:300px;
	text-indent:-9999px;
	float:left;
}

/* グローバルナビゲーション
---------------------------------------------------- */
#navigation{
	width: 760px; margin:0px auto;
	clear:both;
}

#navigation li a{text-decoration:none;float: left; width:152px; height:48px;}

#navigation li {list-style-type: none;display: block;float: left;}

#navigation strong {visibility: hidden;} /* ナビゲーション文字の非表示 */

#navi01 a{background:url(../images/navi01a.jpg) ;}
#navi02 a{background:url(../images/navi02a.jpg) ;}
#navi03 a{background:url(../images/navi03a.jpg) ;}
#navi04 a{background:url(../images/navi04a.jpg) ;}
#navi05 a{background:url(../images/navi05a.jpg) ;}

#navi01 a:hover{background:url(../images/navi01b.jpg) ;}
#navi02 a:hover{background:url(../images/navi02b.jpg) ;}
#navi03 a:hover{background:url(../images/navi03b.jpg) ;}
#navi04 a:hover{background:url(../images/navi04b.jpg) ;}
#navi05 a:hover{background:url(../images/navi05b.jpg) ;}

#navi01-on a{background:url(../images/navi01b.jpg) ;}
#navi02-on a{background:url(../images/navi02b.jpg) ;}
#navi03-on a{background:url(../images/navi03b.jpg) ;}
#navi04-on a{background:url(../images/navi04b.jpg) ;}
#navi05-on a{background:url(../images/navi05b.jpg) ;}


/* 疑似カテゴリナビゲーション
---------------------------------------------------- */

#side-navigation{list-style:none;float:left;height:auto;width: 160px; border:10px solid #efefef;}

#side-navigation li a{text-decoration:none;float:left;}

#side-navigation li {list-style-type:none;display:block;float:left;}

#side-navigation strong {visibility: hidden;} /* ナビゲーション文字の非表示 */

#navi06 a{width:160px;background:url(../images/navi06a.jpg) no-repeat ; height:44px;}
#navi07 a{width:160px;background:url(../images/navi07a.jpg) no-repeat ; height:45px;}
#navi08 a{width:160px;background:url(../images/navi08a.jpg) no-repeat ; height:45px;}
#navi09 a{width:160px;background:url(../images/navi09a.jpg) no-repeat ; height:45px;}
#navi10 a{width:160px;background:url(../images/navi10a.jpg) no-repeat ; height:45px;}
#navi11 a{width:160px;background:url(../images/navi11a.jpg) no-repeat ; height:45px;}
#navi12 a{width:160px;background:url(../images/navi12a.jpg) no-repeat ; height:45px;}
#navi13 a{width:160px;background:url(../images/navi13a.jpg) no-repeat ; height:45px;}
#navi14 a{width:160px;background:url(../images/navi14a.jpg) no-repeat ; height:45px;}
#navi15 a{width:160px;background:url(../images/navi15a.jpg) no-repeat ; height:45px;}
#navi16 a{width:160px;background:url(../images/navi16a.jpg) no-repeat ; height:45px;}
#navi17 a{width:160px;background:url(../images/navi17a.jpg) no-repeat ; height:45px;}

#navi06 a:hover{width:160px;background:url(../images/navi06b.jpg) no-repeat ; height:44px;}
#navi07 a:hover{width:160px;background:url(../images/navi07b.jpg) no-repeat ; height:45px;}
#navi08 a:hover{width:160px;background:url(../images/navi08b.jpg) no-repeat ; height:45px;}
#navi09 a:hover{width:160px;background:url(../images/navi09b.jpg) no-repeat ; height:45px;}
#navi10 a:hover{width:160px;background:url(../images/navi10b.jpg) no-repeat ; height:45px;}
#navi11 a:hover{width:160px;background:url(../images/navi11b.jpg) no-repeat ; height:45px;}
#navi12 a:hover{width:160px;background:url(../images/navi12b.jpg) no-repeat ; height:45px;}
#navi13 a:hover{width:160px;background:url(../images/navi13b.jpg) no-repeat ; height:45px;}
#navi14 a:hover{width:160px;background:url(../images/navi14b.jpg) no-repeat ; height:45px;}
#navi15 a:hover{width:160px;background:url(../images/navi15b.jpg) no-repeat ; height:45px;}
#navi16 a:hover{width:160px;background:url(../images/navi16b.jpg) no-repeat ; height:45px;}
#navi17 a:hover{width:160px;background:url(../images/navi17b.jpg) no-repeat ; height:45px;}

#navi06-on a{width:160px;background:url(../images/navi06b.jpg) no-repeat ; height:44px;}
#navi07-on a{width:160px;background:url(../images/navi07b.jpg) no-repeat ; height:45px;}
#navi08-on a{width:160px;background:url(../images/navi08b.jpg) no-repeat ; height:45px;}
#navi09-on a{width:160px;background:url(../images/navi09b.jpg) no-repeat ; height:45px;}
#navi10-on a{width:160px;background:url(../images/navi10b.jpg) no-repeat ; height:45px;}
#navi11-on a{width:160px;background:url(../images/navi11b.jpg) no-repeat ; height:45px;}
#navi12-on a{width:160px;background:url(../images/navi12b.jpg) no-repeat ; height:45px;}
#navi13-on a{width:160px;background:url(../images/navi13b.jpg) no-repeat ; height:45px;}
#navi14-on a{width:160px;background:url(../images/navi14b.jpg) no-repeat ; height:45px;}
#navi15-on a{width:160px;background:url(../images/navi15b.jpg) no-repeat ; height:45px;}
#navi16-on a{width:160px;background:url(../images/navi16b.jpg) no-repeat ; height:45px;}
#navi17-on a{width:160px;background:url(../images/navi17b.jpg) no-repeat ; height:45px;}


/* コンテンツ
---------------------------------------------------- */

h2{text-indent: -9999px;clear: both;}

h3{text-indent: -9999px;clear: both;}

h4{
	border-left:4px solid #f79905;
	border-bottom:1px dotted #ccc;
	text-indent:5px;
	width:530px;
	padding:5px;
	margin:0px auto 15px auto;
	font-size:100%;
}

#p01-01{background:url(../images/p01-01.jpg); width:560px;height:61px;}
#p01-02{background:url(../images/p01-02.jpg); width:560px;height:37px;}
#p01-03{background:url(../images/p01-03.jpg); width:180px;height:44px;}

#p02-01{background:url(../images/p02-01.jpg); width:760px;height:98px; }
#p02-02{background:url(../images/p02-02.jpg); width:560px;height:52px;}

#p03-01{background:url(../images/p03-01.jpg); width:760px;height:98px;}
#p03-02{background:url(../images/p03-02.jpg); width:560px;height:52px;}
#p03-03{background:url(../images/p03-03.jpg); width:560px;height:52px;}
#p03-04{background:url(../images/p03-04.jpg); width:560px;height:52px;}
#p03-05{background:url(../images/p03-05.jpg); width:560px;height:52px;}

#p04-01{background:url(../images/p04-01.jpg); width:760px;height:98px;}
#p04-02{background:url(../images/p04-02.jpg); width:560px;height:52px;}
#p04-03{background:url(../images/p04-03.jpg); width:560px;height:52px;}
#p04-04{background:url(../images/p04-04.jpg); width:560px;height:52px;}
#p04-05{background:url(../images/p04-05.jpg); width:560px;height:52px;}

#p05-01{background:url(../images/p05-01.jpg); width:760px;height:98px;}
#p05-02{background:url(../images/p05-02.jpg); width:560px;height:52px;}


/* 汎用スタイルシート
---------------------------------------------------- */

.red{ color:#FF0000;}

.orange{ color:#f79905;}

.clear{ clear:both;}

#page-top {
	clear: both;
	text-align:right;
	width:760px;
	margin:0px auto;
}

/* トップページ
---------------------------------------------------- */

#flash{ widows:800px; height:200px; padding:20px 20px 0px 20px; clear:both;}

#flash-bottom{ text-align:center;}

.p01-01-p{ padding-bottom:20px;}

#plug-in-box{ float:left; width:180px; clear:left;}

.p01-03-p{ font-size:80%; padding-bottom:10px;}

#wn-table {width: 540px; margin:10px auto 20px auto;}

.icon {width:7px; text-align:left; vertical-align:middle; padding:10px 0px 10px 3px; border-bottom:1px dotted #cccccc;}

.day {width: 75px; text-align:left; vertical-align:top; padding:10px 0px 10px 3px;border-bottom:1px dotted #cccccc;}

.word {width:447px; vertical-align:top;  padding:10px 0px 10px 5px;border-bottom:1px dotted #cccccc;}

/* 商品紹介
---------------------------------------------------- */

.cl-box{
	width:154px;
	padding:5px;
	border:1px dotted #ccc;
	float:left;
	background:#f9f9f9;
	margin:0px 10px 20px 10px;
	display:inline;
	text-align:center;
}

.cl-button{ margin-top:5px;}

.cl-p{ padding:5px 10px 20px 10px; clear:both;}

.cl-number{
	width:250px;
	float:left;
	padding:5px;
	margin:0px 0px 0px 10px;
	background:#f9f9f9;
	display:inline;
	border-bottom:1px solid #999;
}

.cl-price{
	width:250px;
	float:right;
	padding:5px;
	margin:0px 10px 0px 0px;
	background:#f9f9f9;
	display:inline;
	border-bottom:1px solid #999;
}

.contact-button{ float:left; margin-left:10px; display:inline;margin-bottom:20px;}

.flow-button{ float:right; margin-right:10px; display:inline; margin-bottom:20px;}

#back{clear:both; margin-top:20px;text-align:center;}

/* 注文フロー
---------------------------------------------------- */

.p03-p{ padding:0px 10px 20px 10px;}

/* プロフィール
---------------------------------------------------- */

.p04-left-p{ float:left; width:340px; padding:0px 20px 20px 10px;}

.p04-img-right{ float:right; padding-right:10px; padding-bottom:20px;}

.p04-03-table{ width:560px; margin:0px auto 20px auto; border-collapse:collapse; text-align:center;} 

.td01{padding:5px;border:1px solid #ccc; width:80px; background:#f9f9f9;}

.td02{padding:5px;border:1px solid #ccc; width:330px;}

.td03{padding:5px;border:1px solid #ccc; width:120px;}

.company-table{
	width:560px;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	margin:0px auto 20px auto;
}

.company-table th {
	width:90px;
	border-right:1px solid #dddddd;
	padding:5px 10px 5px 15px;
	background:url(../images/company-icon.jpg) no-repeat;
	background-position:2px 8px;
	vertical-align:text-top;
	text-align:left;
} 

.company-table td {padding:5px 10px 5px 5px;}

.p03-05-table{ width:560px; margin:0px auto 20px auto; border-collapse:collapse; text-align:center;}

.p03-05-table th{padding:5px;border:1px solid #ccc;}

.p03-05-table td{ width:130px;padding:5px;border:1px solid #ccc; background:#f9f9f9;}

.map{ margin-bottom:20px;}



/* お問い合わせ
---------------------------------------------------- */

.p05-01-p{padding:0px 10px 20px 10px;}

#contact-table {
	width:560px;
	margin:0px auto;
}
.main {
	padding:6px 20px 6px 20px;
	border-bottom:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	background-color:#f9f9f9;
	line-height:170%;
	background-image:url(../images/contact-list.jpg);
	background-position:left;
	background-repeat:repeat-y;
	width:180px;
	text-align:left;
}

.sub {
	padding:6px 0 6px 10px;
	border-bottom:2px solid #FFFFFF;
	background-color:#f9f9f9;
	line-height:170%;
	text-align:left;
}

.form00-on{width:150px;ime-mode: active;}
	
.form00-off{width:150px;ime-mode: inactive;}

.form01-on{width:250px;ime-mode: active;}

.form01-off{width:250px;ime-mode: inactive;}

.form02-on{width:300px;ime-mode: active;}

.form03-on{width:80px;ime-mode:inactive;}

.form02-off{width:300px;ime-mode: inactive;}
	
.form03{width:300px;ime-mode:active;height:100px}

.form-month{width:30px;ime-mode: active;}

.form-year{width:40px;ime-mode: inactive; margin-top:5px;}

.year-selesct{ margin-top:5px;}

#submit-button{ text-align:center; margin-top:20px;}

/* フッター
---------------------------------------------------- */

#footer-link {
	text-align:right;
	font-size:80%;
	clear:both;
}

#footer-link ul{padding:0px 5px 3px 5px;}

#footer-link li{display:inline;padding:0px 15px;border-right:1px solid #ccc;}

#footer-link li a{color:#333;}

#footer-link .nobd{border-right:none;}

#footer{ background:url(../images/footer.jpg) ; width:760px; height:32px; margin:0px auto; clear:both;}
#footer p{ visibility: hidden;}