/*--------------------
　全体：927px
　左：218px
　右：709px
--------------------*/


body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 13px;
	line-height: 150%;
	text-align: center;
	margin: 0;
}

/*--------------------------------------------
ログイン画面設定ここから
--------------------------------------------*/
#L_wrapper {
	margin: 0 auto;
	width: 893px;
	text-align: left;
	background-image: url(../login_img/login_back.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin-top: 60px;
}

#Login_Top{
	width:862px;
	margin-left: 10px;
}

#Login_Cont{
	width: 862px;
	border: 1px solid #CEE1FF;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 30px;
}

#Login_box_Wrapper{
	text-align: center;
	width: 862px;
}

.Login_Box {
	width: 600px;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	padding: 10px;
	margin-top: 40px;
}

#Login_Footer{
	width: 893px;
}


/*--------------------------------------------
ログイン画面設定ここまで
--------------------------------------------*/

/*--------------------------------------------
トップページ設定ここから
--------------------------------------------*/
.Top_M{
	padding-top: 40px;
	margin-left: 20px;
}

.topics{
	height: 200px;
	width: 550px;
	border: 1px solid #666666;
	margin-left: 50px;
	margin-top: 20px;
	padding: 0px;
	margin-bottom: 40px;
}

.typecalendar{
	margin-left: 50px;
	margin-top: 20px;
	margin-bottom: 200px;
}

.mark_1{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #000000;
	background-color: #CCCCCC;
	vertical-align: middle;
	text-align: center;
}

.mark_2{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	vertical-align: middle;
	text-align: right;
	padding: 3px;
}

.mark_2t{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	vertical-align: middle;
	text-align: right;
	padding: 3px;
}

.mark_3{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #FF0000;
	background-color: #FFCCCC;
	vertical-align: middle;
	text-align: right;
	padding: 3px;	
}

.mark_3t{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF3333;
	vertical-align: middle;
	text-align: right;
	padding: 3px;	
}

.mark_4{
	font-family: "ＭＳ Ｐゴシック" , Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #000000;
	background-color: #CCFFCC;
	vertical-align: middle;
	text-align: right;
	padding: 3px;
}

.mark_4t{
	font-family: "ＭＳ Ｐゴシック" , Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #33FF33;
	vertical-align: middle;
	text-align: right;
	padding: 3px;
}

/*--------------------------------------------
トップページ設定ここまで
--------------------------------------------*/
#wrapper {
	margin: 0 auto;
	width: 927px;
	text-align: left;
	background-image: url(../img/content_back.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
/* Hides from IE-mac \*/
* html .○○○ {height: 1%;}
/* End hide from IE-mac */


#Top3col_a{
	background-image: url(../img/head2_1.gif);
	float: left;
	width: 834px;
	height: 22px;
}

#Top3col_b{
	float: left;
}

#Top3col_c{
	float: right;	
}

.TopText{
	color:#FFFFFF;
	text-align: right;
	margin-right: 10px;
	font-weight: bold;
}


/*--------------------------------------------
[上部ナビ]リンク設定　ここから
--------------------------------------------*/
.TopNavi{
	margin: 0;
	padding: 0;
	list-style:none;
}

/*--------------------------------------------
float: left;は項目を横に並べるために必要＼(^-^)／
--------------------------------------------*/
.TopNavi LI{
	margin: 0px 0px 0px 0px;
	padding: 0;
	text-indent: -9999px;
	float: left;}

.TopNavi LI a{
	display: block;
	background-image: url(../img/navi_set.gif);
	background-repeat: no-repeat;
	width: 116px;
	height: 33px;
}

.TopNavi LI.spacer{
	display: block;
	background-image: url(../img/spacer_1.gif);
	background-repeat: no-repeat;
	width: 6px;
	height: 33px;
}

.TopNavi LI.spacer-med{
	display: block;
	background-image: url(../img/spacer_1.gif);
	background-repeat: repeat-x;
	width: 122px;
	height: 33px;
}

.TopNavi LI.spacer-long{
	display: block;
	background-image: url(../img/spacer_1.gif);
	background-repeat: repeat-x;
	width: 244px;
	height: 33px;
}

.TopNavi LI.blank{
	display: block;
	background-image: url(../img/navi_blank1.gif);
	background-repeat: no-repeat;
	width: 27px;
	height: 33px;
}
.TopNavi LI.Toppage {
	background-image: url(../img/navi_set.gif);
	background-position: 0px 0px;
}

.TopNavi LI.Toppage a{
	background-image: url(../img/navi_set.gif);
	background-position: 0px 0px;
}

.TopNavi LI.Toppage a:hover{
	background-position: 0px -33px;
}

.TopNavi LI.T_cart{
	background-image: url(../img/navi_set.gif);
	background-position: -122px 0px;
}

.TopNavi LI.T_cart a{
	background-image: url(../img/navi_set.gif);
	background-position: -122px -0px;
}

.TopNavi LI.T_cart a:hover{
	background-position: -122px -33px;
}

.TopNavi LI.T_rireki{
	background-image: url(../img/navi_set.gif);
	background-position: -244px 0px;
}

.TopNavi LI.T_rireki a{
	background-image: url(../img/navi_set.gif);
	background-position: -244px -0px;
}

.TopNavi LI.T_rireki a:hover{
	background-position: -244px -33px;
}

.TopNavi LI.Pass {
	background-image: url(../img/navi_set.gif);
	background-position: -366px 0px;
}
.TopNavi LI.Pass a{
	background-image: url(../img/navi_set.gif);
	background-position: -366px 0px;
}

.TopNavi LI.Pass a:hover{
	background-position: -366px -33px;
}

.TopNavi LI.S_rireki {
	background-image: url(../img/navi_set.gif);
	background-position: -488px 0px;
}
.TopNavi LI.S_rireki a{
	background-image: url(../img/navi_set.gif);
	background-position: -488px 0px;
}

.TopNavi LI.S_rireki a:hover{
	background-position: -488px -33px;
}

/*--------------------------------------------
[上部ナビ]リンク設定　ここまで
--------------------------------------------*/

/*--------------------------------------------
サーチエリア確保のための4カラム　ここから
--------------------------------------------*/
#TopLeft {
	float: left;
	width: 287px;
	margin: 0px;
	padding: 0px;
}

#TopRight {
	float: right;
	width: 640px;
	margin: 0px;
	padding: 0px;
}

#area_a {
	float: left;
	width: 218px;
	margin: 0px;
}

#area_b {
	float: right;
	width: 69px;
	margin: 0px;
}

#area_c {
	float: left;
	width: 619px;
	margin: 0px;
	padding: 0px;
	height: 97px;
	background-color: #E8F1FF;
	border-width: 1px;
}

#area_d {
	float: right;
	width: 21px;
	margin: 0px;
}

.c_both {
clear: both;
}
/*--------------------------------------------
サーチエリア確保のための4カラム　ここまで
--------------------------------------------*/


#leftBar {
	float: left;
	width: 218px;
	background-image: url(../img/left_back.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#main {
	width: 709px;
	float: right;
	margin: 0px;
	background-image: url(../img/main_back.gif);
	background-repeat: repeat-y;
	background-position: right top;
}


.m_cat
{
	margin-left: 30px;
	margin-top:0px;
	font-size: 18px;
	vertical-align: top;
	font-weight: bold;
}

#sub_cat_wrapper{
	margin-left: 68px;	
}

.sub_cat_box{
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #72A3FE;
	border-left-color: #72A3FE;
	background-color: #F9F4D2;
	margin-top: -3px;
	width: 600px;

}

.sub_cat_waku{
	margin-top: -2px;
}

.sub_cat_text{
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	text-align: left;
}

A.sub_cat_l:link{
	color: #330000;
	text-decoration: underline;
}

A.sub_cat_l:visited{
	color: #330000;
	text-decoration: underline;
}

A.sub_cat_l:hover{
	color: #330000;
	text-decoration: none;
}

.midashi{
	margin-top:15px;
	margin-bottom:10px;}
	
.main_next{
	background-color: #8CBAFF;
	height: 26px;
	width: 682px;
	margin: 0;
}

/*--------------------------------------------
[次のページへ]リンク設定　ここから
・1〜9
・vline
・次のページへ
--------------------------------------------*/
#nextNavi{
	margin: 0;
	padding: 0;
	list-style:none;
	margin-top:5px;
	margin-left: 15px;
}

/*--------------------------------------------
float: left;は項目を横に並べるために必要＼(^-^)／
--------------------------------------------*/
#nextNavi LI{
	margin: 0 0 0px 0;
	padding: 0;
	text-indent: -9999px;
	float: left;}

#nextNavi LI a{
	display: block;
	background-image: url(../img/next_num_2.gif);
	background-repeat: no-repeat;
	width: 15px;
	height: 20px;
}

#nextNavi LI.vLine{
	display: block;
	background-image: url(../img/v_line_2.gif);
	background-repeat: no-repeat;
	width: 5px;
	height: 20px;
}

#nextNavi LI#nextPage{
	display: block;
	background-image: url(../img/nextpage_2.gif);
	background-repeat: no-repeat;
}

#nextNavi LI#nextPage a{
	background-image: url(../img/nextpage_2.gif);
	background-position: 0px -20px;
	width: 90px;
	height: 20px;
}

#nextNavi LI#nextPage a:hover{
	background-image: url(../img/nextpage_2.gif);
	background-position: 0px 0px;
}

#nextNavi LI#visit_1{
	background-image: url(../img/next_num_2.gif);
	background-position: 0px -20px;
}
#nextNavi LI#naviNum_1 a{
	background-image: url(../img/next_num_2.gif);
	background-position: 0px -20px;
}

#nextNavi LI#naviNum_1 a:hover{
	background-position: 0px 0px;
}

#nextNavi LI#visit_2{
	background-image: url(../img/next_num_2.gif);
	background-position: -15px -20px;
}

#nextNavi LI#naviNum_2 a{
	background-image: url(../img/next_num_2.gif);
	background-position: -15px -20px;
}

#nextNavi LI#naviNum_2 a:hover{
	background-position: -15px 0px;
}

#nextNavi LI#visit_3{
	background-image: url(../img/next_num_2.gif);
	background-position: -30px -20px;
}

#nextNavi LI#naviNum_3 a{
	background-image: url(../img/next_num_2.gif);
	background-position: -30px -20px;
}

#nextNavi LI#naviNum_3 a:hover{
	background-position: -30px 0px;
}

#nextNavi LI#visit_4{
	background-image: url(../img/next_num_2.gif);
	background-position: -45px -20px;
}

#nextNavi LI#naviNum_4 a{
	background-image: url(../img/next_num_2.gif);
	background-position: -45px -20px;
}

#nextNavi LI#naviNum_4 a:hover{
	background-position: -45px 0px;
}

#nextNavi LI#visit_5{
	background-image: url(../img/next_num_2.gif);
	background-position: -60px -20px;
}

#nextNavi LI#naviNum_5 a{
	background-image: url(../img/next_num_2.gif);
	background-position: -60px -20px;
}

#nextNavi LI#naviNum_5 a:hover{
	background-position: -60px 0px;
}

#nextNavi LI#visit_6{
	background-image: url(../img/next_num_2.gif);
	background-position: -75px -20px;
}

#nextNavi LI#naviNum_6 a{
	background-image: url(../img/next_num_2.gif);
	background-position: -75px -20px;
}

#nextNavi LI#naviNum_6 a:hover{
	background-position: -75px 0px;
}

#nextNavi LI#visit_7{
	background-image: url(../img/next_num_2.gif);
	background-position: -90px -20px;
}

#nextNavi LI#naviNum_7 a{
	background-image: url(../img/next_num_2.gif);
	background-position: -90px -20px;
}

#nextNavi LI#naviNum_7 a:hover{
	background-position: -90px 0px;
}

#nextNavi LI#visit_8{
	background-image: url(../img/next_num_2.gif);
	background-position: -105px -20px;
}

#nextNavi LI#naviNum_8 a{
	background-image: url(../img/next_num_2.gif);
	background-position: -105px -20px;
}

#nextNavi LI#naviNum_8 a:hover{
	background-position: -105px 0px;
}

#nextNavi LI#visit_9{
	background-image: url(../img/next_num_2.gif);
	background-position: -120px -20px;
}

#nextNavi LI#naviNum_9 a{
	background-image: url(../img/next_num_2.gif);
	background-position: -120px -20px;
}

#nextNavi LI#naviNum_9 a:hover{
	background-position: -120px 0px;
}									
/*--------------------------------------------
[次のページへ]リンク設定　ここまで
--------------------------------------------*/
.box_1 {
	width: 682px;
	margin-left: 0px;
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 50px;
}

.box_2 {
	width: 662px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 40px;

}

.chCart{
text-align:right;
margin-right:5px;
margin-top:5px;}

.box_3 {
	width: 662px;
	background-color: #F9F4D2;
	margin-top: 0px;
	height: 35px;
	background-image: url(../img/squ_5.gif);
	background-repeat: no-repeat;
	background-position: 5px 0px;
}


.m_cat_text{
	color: #330000;
	margin-top: 8px;
	margin-left: 25px;
	float: left;
}

.catalog{
	margin-right: 10px;
	margin-top: 5px;
	float: right;
}

	
.tabPos{
	margin-top: 20px;
	margin-left: 30px;
	margin-bottom: 20px;
}

TD {
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	font-size: 13px;
	color: #330000;
	vertical-align: middle;
	margin-left: 5px;
}

TD.tabM{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 13px;
	color: #330000;
	background-color: #F9F4D2;
	text-align: center;
	vertical-align: middle;
	height: 25px;
}

TH.tabM{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 13px;
	font-weight:normal;
	color: #330000;
	background-color: #F9F4D2;
	text-align: center;
	vertical-align: middle;
	height: 25px;
}

.t_textLef{
	text-align: left;
	margin-left: 2px;
	margin-right: 2px;

}

.t_textRig{
	text-align: right;
	margin-right: 2px;
	margin-left: 2px;

}

#leftBar a {
	color: #000066;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000066;
	padding-bottom: 2px;
	text-decoration: none;
	line-height: 210%;
}

#leftBar a:visited {
	color: #000066;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000066;
	padding-bottom: 2px;
	text-decoration: none;
	line-height: 210%;
}

#leftBar a:hover {
	color: #5E85D7;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5E85D7;
	padding-bottom: 2px;
	text-decoration: none;
	
}

#leftNaviBox{
	margin-left: 30px;
	margin-bottom: 30px;
}

#footer {
   clear: both;
}

.key {
	padding-left: 5px;
	background-color: #FFFFEE;
	border: 1px solid #8CBAFF;
	line-height: 150%;
	ime-mode: active;
}

.en {
	background-color: #FFFFEE;
	border: 1px solid #8CBAFF;
	line-height: 150%;
	text-align:right;
	ime-mode:disabled;
}

FORM {
	margin: 0px;
	padding: 0px;
}

/*--------------------------------------------
注文履歴の設定
--------------------------------------------*/
.Rireki_T_Pos{
	margin-left:35px;
	margin-top: 15px;
	margin-bottom: 20px;
}

TD.tyumontabM{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 13px;
	color: #330000;
	background-color: #F9F4D2;
	text-align: center;
	vertical-align: middle;
}

TD.textPosA {
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	font-size: 13px;
	color: #333333;
	vertical-align: middle;
	text-align: left;
	height: 30px;
	padding: 3px;
}

TD.textPosB {
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	font-size: 13px;
	color: #333333;
	vertical-align: middle;
	text-align: right;
	height: 30px;
	padding: 3px;
}

TD.textPosC {
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	font-size: 13px;
	color: #333333;
	vertical-align: middle;
	text-align: center;
	height: 30px;
	padding: 3px;
}

.koumoku{
	margin-left:15px;
}

.Ttext01{
	margin-left:3px;
	margin-right:3px;}
	
/*--------------------------------------------
パスワード変更の設定
--------------------------------------------*/
.pass_Box {
	width: 400px;
	border: 1px solid #CCCCCC;
	margin-bottom: 800px;
	text-align: center;
	padding: 10px;
	margin-top: 15px;
}

/*--------------------------------------------
共通
--------------------------------------------*/
.Text_Area{
	margin-top: 10px;
	margin-bottom: 30px;
	margin-left: 30px;
	margin-right: 30px;
}

.ButtonStyle	{
	cursor:pointer;
}