@charset"Shift_JIS";

FORM{
	display : inline;
}

/* 基本レイアウト */
body{
	text-align:center;
	background-color: #FFFFFF;
	background-image:url(../img/backg.gif);
	background-position:top center;
	background-repeat:repeat-y;
	margin:0;
	padding:0;
}

.txt_b{
	font-weight:bold;
}

.mar10 {
margin-top:10px;
}



/*--リンク--*/
a:link,
a:visited {
	color: #444444;
	text-decoration: none;
}
a:active,
a:hover {
	color: #444444;
	text-decoration: underline;
}

/*--ベース--*/
#pagebase{
	width:800px;
	background-color: #FFFFFF;
	margin:0 auto;
	text-align:left;
}

/*--カレンダー（幅162px）--*/
.calender{
	font-size:75%;
	text-align:center;
}

.calender_b{
	color:#4C3B2C;
	font-weight:bold;
}

.calender_c{
	font-size:90%;
	color:#4C3B2C;
}



/*--パンくずエリア--*/
#pankuzu{
	font-size:75%;
	font-weight:normal;
	padding-bottom:7px;
}


/*--コピーエリア--*/
#copyline{
	font-size:120%;
	font-weight:bold;
	line-height:160%;
	padding-bottom:7px;
}

#copyline .copyhead{
	padding-left:8px;
}


/*--メーカーエリア--*/
#makerline{
	font-size:70%;
	font-weight:bold;
	padding-bottom:5px;
}


/*--タイトルエリア--*/
#titleline{
	font-size:120%;
	font-weight:bold;
	color:#FF9900;
	padding-bottom:5px;
}

#titleline .titlehead{
	padding-left:4px;
}

#titleline .iconhead{
	margin-left:10px;
	margin-bottom:2px;
}


/*--価格エリア--*/
#priceline{
	font-size:85%;
	line-height:130%;
	font-weight:normal;
	color:#000000;
	padding-bottom:10px;
}

#priceline .price_b{
	color:#FF6600;
	font-weight:bold;
}

#priceline .price_before{
	text-decoration:line-through;
}


/*--写真エリア--*/
#photoarea{
	padding-bottom:10px;
}

#photoarea .photo_note{
	font-size:70%;
}

#photoarea .photo_txt{
	font-size:80%;
	line-height:130%;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:5px;
}


/*--コーディネイトエリア--*/
#coordiarea{
	padding-bottom:10px;
}

#coordiarea .t_coordi{
	font-size:90%;
	font-weight:bold;
	color:#D67208;
	padding-top:4px;
	padding-bottom:4px;
}

#coordiarea .coordi_txt{
	font-size:80%;
	line-height:130%;
	font-weight:normal;
}

#coordiarea .coordi_txt_ore{
	color:#FF6600;
}


/*--スペックエリア--*/
#specarea{
	font-size:80%;
	line-height:140%;
	font-weight:normal;
	padding-bottom:10px;
}

#specarea .head_txt{
	color:#D67208;
}


/*--サイズ表在庫表エリア--*/
.sizearea{
	width:603px;
}

.sizearea .t_size{
	font-size:90%;
	font-weight:bold;
	color:#D67208;
}

.sizearea td{
	font-size:90%;
	line-height:150%;
}

.sizearea .sab_t{
	margin-left:10px;
}




/*--注釈エリア--*/
.note_txt{
	font-size:75%;
	line-height:150%;
	font-weight:normal;
}


/*--カラーバリエーションエリア--*/
#colorarea{
	padding-bottom:10px;
}

#colorarea .t_color{
	font-size:90%;
	font-weight:bold;
	color:#D67208;
	padding-top:4px;
	padding-bottom:4px;
}


/* フッター */
#footerarea{
	width:603px;
	font-size:80%;
	line-height:130%;
	color:#666666;
	text-align:left;
	padding-bottom:5px;
}

/* 会員登録画面 */
table.kaiin {width: 580px}
td.koumoku {width: 280px}
td.nouryku {width: 300px}

/* 会員登録画面 (member_regist.html)*/

#container {
	color: #444444;
	margin-left:18px;
	width: 560px
}

h2 {width: 560px;
　　border-bottom: solid 1px #B6B5B4}

p {font-size: 12px}

table #member {
	margin : 0px auto;
	border-top: solid 1px #B6B5B4;
	border-left: solid 1px #B6B5B4;
	font-size: 10px
}

table #ques {
	margin : 20px auto 0px auto;
	font-size: 10px;
	width: 570px
}

table#other {border: none}

#member TD.head{
	background: #F2F0ED;
	width: 114px;
	height: 50px;
	padding : 0px 0px 0px 6px;
	border-bottom: solid 1px #B6B5B4;
	border-right: solid 1px #B6B5B4;
}

#member TD.input{
	width: 430px;
	padding : 0px 0px 0px 10px;
	border-bottom: solid 1px #B6B5B4;
	border-right: solid 1px #B6B5B4;
}

.red {color: #CC0000}

.green {color: #009933}

#ques td.under{
	padding : 12px 0px 3px 0px;
	border-bottom: solid 1px #B6B5B4;
	width: 500px;
}

#footerarea_m {margin-top: 600px;
                         margin-left: 120px}

/* 商品一覧ページ (test_list_page.html)*/
#nav {margin-bottom: 10px;
          color: #444444}

#list {color: #444444;
         font-size:11px;
         margin-right: 6px}

td.out {border: solid 1px #B6B5B4;
              width: 120px}

div.in {margin-top: 8px}

.data {margin-left: 5px}

.item { margin-left: 16px}

#footerarea {margin-left: 180px}

/* メールマガジン(mailmaga.html)*/

#container {color: #444444;
 　　　　　　margin-left:18px;
}

h2 {width: 560px;
　　border-bottom: solid 1px #B6B5B4}

p {font-size: 12px}

h4 {font-size: 14px;
      width: 500px;
　　border-bottom: solid 1px #B6B5B4;
　　margin-bottom: 0px}

table .mailmaga {border-top: solid 1px #B6B5B4;
          border-left: solid 1px #B6B5B4;
          font-size: 10px;
          width: 500px}

td.heads {width: 170px;
               height: 40px;
               background: #F2F0ED;
               border-bottom: solid 1px #B6B5B4;
                  border-right: solid 1px #B6B5B4}

td.inputs {width: 330px;
　　　　　 height: 40px;
                border-bottom: solid 1px #B6B5B4;
                   border-right: solid 1px #B6B5B4}

.green {color: #009933}

#button {margin-left:400px}

/* 紹介(intro.html)*/

#container {color: #444444;
 　　　　　　margin-left:18px;
}

h2 {width: 560px;
　　border-bottom: solid 1px #B6B5B4}

p {font-size: 12px}

h4 {font-size: 14px;
      width: 500px;
　　border-bottom: solid 1px #B6B5B4;
　　margin-bottom: 0px}

table .intro {
          font-size: 10px;
          width: 530px}

td.text1 {width: 360px;
             }

td.photo1 {width: 170px;
text-align: right; 
　　　　　}

table .gaiyo {border-top: solid 1px #B6B5B4;
          border-left: solid 1px #B6B5B4;
          font-size: 10px;
          width: 530px}

td.heads {width: 170px;
               height: 40px;
               background: #F2F0ED;
               border-bottom: solid 1px #B6B5B4;
                  border-right: solid 1px #B6B5B4}

td.inputs {width: 360px;
　　　　　 height: 40px;
                border-bottom: solid 1px #B6B5B4;
                   border-right: solid 1px #B6B5B4}
                   
#button {margin-left:400px}


/* ご利用案内(use.html)*/

#container {color: #444444;
 　　　　　　margin-left:18px;
 　　　　　　width: 560px}
 　　　　　　
table .use {border-top: solid 1px #B6B5B4;
          border-left: solid 1px #B6B5B4;
          font-size: 10px;
          width: 550px}

td.headq {width: 550px;
               height: 40px;
               background: #F2F0ED;
               border-bottom: solid 1px #B6B5B4;
                  border-right: solid 1px #B6B5B4}

td.ans {width: 550px;
                border-bottom: solid 1px #B6B5B4;
                   border-right: solid 1px #B6B5B4}
                   
table . hyo1 {border-top: solid 1px #B6B5B4;
          border-left: solid 1px #B6B5B4;
          font-size: 10px;
          width: 530px}

td.hyo11 {width: 100px;
               border-bottom: solid 1px #B6B5B4;
                  border-right: solid 1px #B6B5B4}

td.hyo12 {width: 360px;　　 
                border-bottom: solid 1px #B6B5B4;
                   border-right: solid 1px #B6B5B4}

td.hyo13 {width: 70px; 
                border-bottom: solid 1px #B6B5B4;
                   border-right: solid 1px #B6B5B4}
                   
                   
/* Q&A(q&a.html)*/

table .qa {border-top: solid 1px #B6B5B4;
          border-left: solid 1px #B6B5B4;
          font-size: 10px;
          width: 550px}

td.headq {width: 550px;
               height: 40px;
               background: #F2F0ED;
               border-bottom: solid 1px #B6B5B4;
                  border-right: solid 1px #B6B5B4}

td.ans {width: 550px;
　　　　　 
                border-bottom: solid 1px #B6B5B4;
                   border-right: solid 1px #B6B5B4}
                   
 /* 簡単検索(kantan_serch.html)*/

#container {color: #444444;
 　　　　　　margin-left:18px;
 　　　　　　width: 560px}

h2 {width: 560px;
　　border-bottom: solid 1px #B6B5B4}

p {font-size: 12px}

h5 {font-size: 14px;
      width: 500px;
　　margin-bottom: 0px}

table .serch {border-top: solid 1px #B6B5B4;
          border-left: solid 1px #B6B5B4;
          font-size: 10px;
          width: 500px}

td.head1 {width: 170px;
               height: 40px;
               background: #F2F0ED;
               border-bottom: solid 1px #B6B5B4;
                  border-right: solid 1px #B6B5B4;
                  vertical-align:top}

td.input1 {width: 330px;
　　　　　 height: 40px;
                border-bottom: solid 1px #B6B5B4;
                   border-right: solid 1px #B6B5B4}

table .in {padding-bottom:10px}

td.in1 {width: 110px}

#button_s {margin-left:440px}

/* ログイン(login.html)*/

#container {color: #444444;
 　　　　　　margin-left:18px;
 　　　　　　width: 560px}

h2 {width: 560px;
　　border-bottom: solid 1px #B6B5B4}

p {font-size: 12px}

h5 {font-size: 14px;
      width: 500px;
　　margin-bottom: 0px}

table .mailmaga {border-top: solid 1px #B6B5B4;
          border-left: solid 1px #B6B5B4;
          font-size: 10px;
          width: 500px}

td.heads {width: 170px;
               height: 40px;
               background: #F2F0ED;
               border-bottom: solid 1px #B6B5B4;
                  border-right: solid 1px #B6B5B4}

td.inputs {width: 330px;
　　　　　 height: 40px;
                border-bottom: solid 1px #B6B5B4;
                   border-right: solid 1px #B6B5B4}

.green {color: #009933}

#button_s {margin-left:440px}

/* お問い合わせフォーム(ask.html)*/

#container {color: #444444;
 　　　　　　margin-left:18px;
 　　　　　　width: 560px}

h2 {width: 560px;
　　　border-bottom: solid 1px #B6B5B4}

p {font-size: 12px}

table #member {border-top: solid 1px #B6B5B4;
          border-left: solid 1px #B6B5B4;
          font-size: 10px}

table#other {border: none}

td.head-ask {background: #F2F0ED;
             width: 120px;
             height: 40px;
             border-bottom: solid 1px #B6B5B4;
               border-right: solid 1px #B6B5B4}

td.input-ask {width: 400px;
              border-bottom: solid 1px #B6B5B4;
              border-right: solid 1px #B6B5B4}

.red {color: #CC0000}

.green {color: #009933}

#footerarea_m {margin-top: 600px;
                         margin-left: 120px}                   
						 
						 
						 
						 
						 
						 
/* System Message */
DIV.systemMessage{
	width : 544px;
	border : 1px #EF810F solid;
	margin : 8px auto 8px auto;
	padding : 8px 8px 8px 8px;
	background-color : #F0F0F0;
	font-size : 0.9em;
}
LI.error, UL.systemMessage LI, LI.success{	margin : 0px 0px 0px 30px;	}
P.error, P.systemMessage, P.success{	margin : 0px 0px 4px 0px;	}
LI.error, P.error		{	color : #FF4400 !important;	}
LI.success, P.success	{	color : #0000FF !important;	}
LI.dev, P.dev	{	color : #888888 !important; }