/*-----------------------------------------
しちだショッピングサイト：CSS
2008.12.25 update

SOLU MEDIAGE inc. /// Tawarayama

メインカラー：fa9a00 / 
-----------------------------------------*/
/*------------------------------------------------------------------*/
/* 2010/05/17 Syscon-Yoshimoto UPD                                  */
/*   GroupTop変更に伴い,CSS/COMMON.CSSに合わせるため                */
/*------------------------------------------------------------------*/

@import url("default.css");
@charset "utf-8";

/*charsetが後なのは、Safariでimportを読まないバグを回避させるため*/

/*
		Font-size Adjustment.
			77% = 10px	|	123.1% = 16px	|	167% = 22px
			85% = 11px	|	131% =  17px	|	174% = 23px 
			93% = 12px	|	138.5% = 18px	|	182% = 24px 
			100% = 13px	|	146.5% = 19px	|	189% = 25px 
			108% = 14px	|	153.9% = 20px	|	197% = 26px 
			116% = 15px	|	161.6% = 21px	|
*/

.clearing {
	width: 100%;
	height: 0;
	clear: both;
}


html, body {
	height: 100%;
}


/* ↓↓↓ 2010/05/20 DEL ↓↓↓ */   
/* body { */
/* ↓↓↓ 2010/05/17 UPD ↓↓↓ */   
    /* background: url(../img/com/bgTop.gif) repeat-x top left !important; */
/*    background: url(../img/bg_Top2.gif) repeat-x top left !important; */
/* ↑↑↑ 2010/05/17 UPD ↑↑↑ */   
/*	margin: 0; */
/*	padding: 0; */
/* } */
/* ↑↑↑ 2010/05/20 DEL ↑↑↑ */

/* ↓↓↓ 2010/05/20 ADD ↓↓↓ */
.bdy_G 
{
    background: url(../img/bg_Top_G.gif) repeat-x top left !important; 
	margin: 0;
	padding: 0;
}
.bdy_K 
{
    background: url(../img/bg_Top_K.gif) repeat-x top left !important; 
	margin: 0;
	padding: 0;
}
.bdy_L 
{
    background: url(../img/bg_Top_L.gif) repeat-x top left !important; 
	margin: 0;
	padding: 0;
}
.bdy_O 
{
    background: url(../img/bg_Top_O.gif) repeat-x top left !important; 
	margin: 0;
	padding: 0;
}
/* ↑↑↑ 2010/05/20 ADD ↑↑↑ */

/*--------------------------------
base layout (グループ共通)
---------------------------------*/
#pagetop{
    position:relative;
    width:900px;
    margin:0px auto;
    text-align:left;
}
#pagetop:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

#header hr,
#righter hr,
#footer hr,
.nodisp {
	display: none;
}

#header{
    width:900px;
/* ↓↓↓ 2010/05/17 Syscon-Yoshimoto UPD ↓↓↓ */    
	/* height: 182px; */
	height: 204px; 
/* ↑↑↑ 2010/05/17 Syscon-Yoshimoto UPD ↑↑↑ */    
}

#site-title {
	display: block;
	width: 120px;
	height: 58px;
	text-indent: -9999px;
	position: absolute;
/* ↓↓↓ 2010/05/17 Syscon-Yoshimoto UPD ↓↓↓ */    
	/* top: 5px; */
	top: 30px;
/* ↑↑↑ 2010/05/17 Syscon-Yoshimoto UPD ↑↑↑ */    
	left: 0;
}
#site-title a {
	display: block;
	width: 120px;
	height: 58px;
	background: transparent;
}
#site-description {
	display: none;
}

/* ↓↓↓ 2010/05/17 Syscon-Yoshimoto UPD ↓↓↓ */    
#header_catch{
	position: absolute;
	top: 38px;
	left: 134px;
	line-height: 18px;
	width: 480px;
	text-indent:-5000px;
	
}
/* ↑↑↑ 2010/05/17 Syscon-Yoshimoto UPD ↑↑↑ */    

/* ----------- co_menu ----------- */
#header #co_menu {
	font-size: 77%;
	position: absolute;
/* ↓↓↓ 2010/05/17 Syscon-Yoshimoto UPD ↓↓↓ */
	/* right: 87px; */
	/* top: 28px; */
	right: 3px; 
	top: 82px;
/* ↑↑↑ 2010/05/17 Syscon-Yoshimoto UPD ↑↑↑ */
}

#header #co_menu li {
	list-style-type: none;
	padding: 0 0 0 10px;
/* ↓↓↓ 2010/05/17 Syscon-Yoshimoto UPD ↓↓↓ */
	/* background: url(../img/com/mark1.gif) no-repeat center left; */
	background: url(../img/bullet.gif) no-repeat center left;
/* ↑↑↑ 2010/05/17 Syscon-Yoshimoto UPD ↑↑↑ */
	margin: 0;
	float: left;
}

/* ↓↓↓ 2010/05/17 Syscon-Yoshimoto UPD ↓↓↓ */
/* #bt_eng a,
#bt_eng a:visited {
	display: block;
	width: 77px;
	height: 27px;
	text-indent: -9999px;
	position: absolute;
	top: 22px;
	right: 0;
}
#bt_eng a:hover {
	background: url(../img/com/btnEnglish.gif) no-repeat top left;
} */
/* ↑↑↑ 2010/05/17 Syscon-Yoshimoto UPD ↑↑↑ */

/* ----------- global_menu ----------- */
#header #global_menu {
	position: absolute;
/* ↓↓↓ 2010/05/17 Syscon-Yoshimoto UPD ↓↓↓ */
	/* top: 63px; */
	left: 0px;
	top: 104px;
/* ↑↑↑ 2010/05/17 Syscon-Yoshimoto UPD ↑↑↑ */
}

#header #global_menu li {
	list-style-type: none;
	padding: 0;
	margin: 0;
/* ↓↓↓ 2010/05/17 Syscon-Yoshimoto UPD ↓↓↓ */
	height: 39px;
/* ↑↑↑ 2010/05/17 Syscon-Yoshimoto UPD ↑↑↑ */
	float: left;
}
#header #global_menu li a,
#header #global_menu li a:visited {
	display: block;
	width: 180px;
	height: 39px;
	text-indent: -9999px;
}
#header #global_menu li a:hover {
	background-color: transparent;
}
#header #global_menu li.bt1 a:hover {
/* ↓↓↓ 2010/05/17 Syscon-Yoshimoto UPD ↓↓↓ */
	/* background: url(../img/com/btnGroupTop.gif) no-repeat top left; */
	background: url(../img/mm_bt_shop.gif) no-repeat top left;
/* ↑↑↑ 2010/05/17 Syscon-Yoshimoto UPD ↑↑↑ */
}
#header #global_menu li.bt2 a:hover {
/* ↓↓↓ 2010/05/17 Syscon-Yoshimoto UPD ↓↓↓ */
	/* background: url(../img/com/btnKyo.gif) no-repeat top left; */
	background: url(../img/mm_bt1_kyoiku.gif) no-repeat top left;
/* ↑↑↑ 2010/05/17 Syscon-Yoshimoto UPD ↑↑↑ */
}
#header #global_menu li.bt3 a:hover {
/* ↓↓↓ 2010/05/17 Syscon-Yoshimoto UPD ↓↓↓ */
	/* background: url(../img/com/btnLife.gif) no-repeat top left; */
	background: url(../img/mm_bt2_life.gif) no-repeat top left;
/* ↑↑↑ 2010/05/17 Syscon-Yoshimoto UPD ↑↑↑ */
}
#header #global_menu li.bt4 a:hover {
/* ↓↓↓ 2010/05/17 Syscon-Yoshimoto UPD ↓↓↓ */
	/* background: url(../img/com/btnOffi.gif) no-repeat top left; */
	background: url(../img/mm_bt3_office.gif) no-repeat top left;
/* ↑↑↑ 2010/05/17 Syscon-Yoshimoto UPD ↑↑↑ */
}
/* ↓↓↓ 2010/05/17 Syscon-Yoshimoto UPD ↓↓↓ */
#header #global_menu li.bt5 a:hover {
	background: url(../img/mm_bt4_top.gif) no-repeat top left;
}
/* ↑↑↑ 2010/05/17 Syscon-Yoshimoto UPD ↑↑↑ */


#search_set {
	padding: 10px;
	background: #f6f6f6;
	border: #ccc 1px solid;
}

#search_set form {
	margin: 0;
	padding: 0;
}

#lefter{
    width:700px;
    float:left;
    margin: 0 0 50px;
}
#lefter p a {
	text-decoration: underline;
}
#lefter p{
    width:450px;
    margin: 0 0 20px;
    font-size: 93%;
}
#lefter p.wmax{
    width:650px;
}
#lefter h3 {
	font-size: 108%;
}
#cont_left {
    float:left;
    width: 216px;
}

/* ↓ 2010/05/28 Syscon-Yoshimoto ADD ↓ */
#cont_left_K {
    float:left;
    width: 216px;
}
#cont_left_L {
    float:left;
    width: 216px;
}
#cont_left_O {
    float:left;
    width: 216px;
}
/* ↑ 2010/05/28 Syscon-Yoshimoto ADD ↑ */

#cont_right {
    width: 464px;
    /* 2011/10/26 Del ↓ */
    /* FireFox対策 */
    /*margin-left: -220px;*/
    /* 2011/10/26 Del ↑ */
    /* ↓ text-align Syscon Add */
    text-align:center; 
}


/*-----------------find from item-------------------*/
/* --- 色は#fbaa20を#fb9800に修正 --- */
ul#f_item {
	background: #fb9800;
	border-top: 0px;
	border-left: #fb9800 1px solid;
	border-right: #fb9800 1px solid;
	color: #fff;
	margin: 0;
	padding: 0;
	display: block;
	width: 214px;
	_width: 214px;
	list-style-position:outside;
}
ul#f_item li {
	display:inline-block;
}
ul#f_item li ul {
	margin: 0;
	padding: 0;
	list-style-position:outside;
	list-style-type: disc;
}
ul#f_item li ul li a {
	margin: 0;
	padding: 0;
	/* ↓  border-top Syscon add */
	border-top: #fff 1px solid;
	color: #fff;
	padding: 4px 10px 4px 20px;
	display: block;
	width: 184px;
	_width: 184px;
	line-height:normal;
}

ul#f_item li.cat_l a {
	font-weight: bold;
	background: #fff;
	color: #f39700;
	padding: 8px 5px 8px 9px;
	display: block;
	width: 200px;
	_width: 200px;
	line-height:normal;
}
ul#f_item li.cat_l a:hover {
	background: #444;
}

/* --- ↓ 教育は分類名の文字数が多いため特別対応 Syscon Add --- */
ul#f_item_K {
	background: #fb9800;
	border-top: 0px;
	border-left: #fb9800 1px solid;
	border-right: #fb9800 1px solid;
	color: #fff;
	margin: 0;
	padding: 0;
	display: block;
	width: 214px;
	_width: 214px;
	list-style-position:outside;
}
ul#f_item_K li {
	display:inline-block;
}
ul#f_item_K li ul {
	margin: 0;
	padding: 0;
	list-style-position:outside;
	list-style-type: disc;
}
ul#f_item_K li ul li a {
	margin: 0;
	padding: 0;
	border-top: #fff 1px solid;
	color: #fff;
	padding: 4px 5px 4px 10px;
	display: block;
	width: 199px;
	_width: 199px;
	line-height:normal;
}
ul#f_item_K li.cat_l a {
	font-weight: bold;
	background: #fff;
	color: #f39700;
	padding: 8px 5px 8px 9px;
	display: block;
	width: 200px;
	_width: 200px;
	line-height:normal;
}
ul#f_item_K li.cat_l a:hover {
	background: #444;
}
/* --- ↑ 教育は分類名の文字数が多いため特別対応 Syscon Add --- */

/* ↓ 2010/05/28 Syscon-Yoshimoto ADD ↓ */
/*** Life **/
ul#f_item_L {
	background: #fb9800;
	border-top: 0px;
	border-left: #fb9800 1px solid;
	border-right: #fb9800 1px solid;
	color: #fff;
	margin: 0;
	padding: 0;
	display: block;
	width: 214px;
	_width: 214px;
	list-style-position:outside;
}
ul#f_item_L li {
	display:inline-block;
}
ul#f_item_L li ul {
	margin: 0;
	padding: 0;
	list-style-position:outside;
	list-style-type: disc;
}
ul#f_item_L li ul li a {
	margin: 0;
	padding: 0;
	/* ↓  border-top Syscon add */
	border-top: #fff 1px solid;
	color: #fff;
	padding: 4px 10px 4px 20px;
	display: block;
	width: 184px;
	_width: 184px;
	line-height:normal;
}

ul#f_item_L li.cat_l a {
	font-weight: bold;
	background: #fff;
	color: #f39700;
	padding: 8px 5px 8px 9px;
	display: block;
	width: 200px;
	_width: 200px;
	line-height:normal;
}
ul#f_item_L li.cat_l a:hover {
	background: #444;
}

/*** Office ***/
ul#f_item_O {
	background: #fb9800;
	border-top: 0px;
	border-left: #fb9800 1px solid;
	border-right: #fb9800 1px solid;
	color: #fff;
	margin: 0;
	padding: 0;
	display: block;
	width: 214px;
	_width: 214px;
	list-style-position:outside;
}
ul#f_item_O li {
	display:inline-block;
}
ul#f_item_O li ul {
	margin: 0;
	padding: 0;
	list-style-position:outside;
	list-style-type: disc;
}
ul#f_item_O li ul li a {
	margin: 0;
	padding: 0;
	/* ↓  border-top Syscon add */
	border-top: #fff 1px solid;
	color: #fff;
	padding: 4px 10px 4px 20px;
	display: block;
	width: 184px;
	_width: 184px;
	line-height:normal;
}

ul#f_item_O li.cat_l a {
	font-weight: bold;
	background: #fff;
	color: #f39700;
	padding: 8px 5px 8px 9px;
	display: block;
	width: 200px;
	_width: 200px;
	line-height:normal;
}
ul#f_item_O li.cat_l a:hover {
	background: #444;
}
/* ↑ 2010/05/28 Syscon-Yoshimoto ADD ↑ */

/* --- ↓ オフィスは分類だけがあるため特別対応 Syscon Add --- */
ul#f_item_O li.cat_l_o {
	border-bottom:#fbaa20 1px solid;
}
ul#f_item_O li.cat_l_o a {
	font-weight: bold;
	background: #fff;
	color: #f39700;
	padding: 8px 5px 8px 9px;
	display: block;
	width: 200px;
	_width: 200px;
	line-height:normal;
}
ul#f_item_O li.cat_l_o a:hover {
	background: #444;
}
/* --- ↑ オフィスは分類ものがあるため特別対応 Syscon Add --- */

/* --- 分類の下に商品を表示　未使用
ul#f_item ul.cat_s_u 
{
	font-size:70%;
	color:Gray;
	padding: 5px 5px 5px 30px;
	width: 179px;
	_width: 179px;
	display:block;
}
ul#f_item li.cat_s {
	display:inline;
	padding:0;
}
ul#f_item li.cat_s a {
	text-decoration:underline;
	color:Gray;
	display:inline;
	padding:0;
	border-top:none;

}
ul#f_item li.cat_s a:hover 
{
    background:#fbaa20;
    text-decoration:none;
}
*/

/*-----------------mokuteki buttons-------------------*/
#m_bts {
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	padding: 11px;
	margin-bottom: 20px;
}
#m_bts a:hover {
	background: #fff;
}
#m_bts img {
	margin-bottom: 8px;
}

#righter{
    width:180px;
    float:right;
    margin: 0 0 50px;
}
#righter p{
    line-height: 1.5;
	margin: 0 0 5px;
	font-size: 93%;
}
#righter a{
	background: none;
	color: #666;
	text-decoration: underline;
}
#righter a:hover{
	text-decoration: none;
}

#r_login{
	background: #fa9a00;
	text-align: center;
	margin-bottom: 10px;
}

.r_box {
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	background: #f8f8f8;
	padding: 5px 10px 0;
	text-align:left;
}

.r_box_news 
{
    /* padding 5px 0px 0px Update Syscon-Yoshimoto */
	padding: 5px 0px 5px 6px;
}

.r_box_foot {
	width:180px;
	height:10px;
	margin-bottom:10px;
	background: url(../img/com/footBox.gif) no-repeat center bottom;
}

.r_box_topseller {
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	/*border-bottom: #ccc 1px solid; Delete Syscon-Yoshimoto*/
	/*border-top Add Syscon-Yoshimoto*/
	border-top: #ccc 1px solid;
	background: #f8f8f8;
	padding: 3px 0px 8px 0px;
	text-align: center;
}

.r_box_topseller div {
	width: 178px;
	position: relative;
}

.r_box_topseller .tip {
	position: absolute;
	left: 3px;
	top: 0px;
}

#footer{
    position:relative;
    width:100%;
/* ↓↓↓ 2010/05/17 Syscon-Yoshimoto UPD ↓↓↓ */    
	/* background: #f0f2f9 url(../img/com/bgFoot.gif) repeat-x top center; */
	background: #f0f2f9 url(../img/bg_foot1.gif) repeat-x top center;
/* ↑↑↑ 2010/05/17 Syscon-Yoshimoto UPD ↑↑↑ */    
    clear:both;
	/*height: 5em;*/
	height:8em;
}

#footer_cont {
	clear: left;
	width: 900px;
	margin: 0 auto;
	font-size: 77%;
	padding-top: 10px;
}
#footer_cont:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#footer_cont ul li {
	list-style-type: none;
	padding: 0 0 0 10px;
/* ↓↓↓ 2010/05/17 Syscon-Yoshimoto UPD ↓↓↓ */    
	/* background: url(../img/com/mark1.gif) no-repeat center left; */
	background: url(../img/bullet.gif) no-repeat center left;
/* ↑↑↑ 2010/05/17 Syscon-Yoshimoto UPD ↑↑↑ */    
	margin: 0;
	float: left;
}
#footer_cont address {
	font-style: normal;
	float: right;
	margin: 0;
}

.to_top {
	text-align: right;
	vertical-align:top;
	font-size: 93%;
	padding: 40px 0 0;
}


ul, li{border:0; padding:0; margin:0; list-style:none;}

.txt_orange {
	color: #f70;
}

/*--------------------------------
mainmenu
---------------------------------*/
/* ----------- NAVIGATION----------- */
#top-navigation{
	width:auto;
	height:108px;
	margin:0 auto;
	text-align: center;
}

#navigation{
	height:40px; 
	margin:0 auto;
	width:auto; 
	text-align: center;
	}
	#navigation ul{
	 height:34px;
	 line-height:34px;	
	}
	#navigation ul li{
		display:inline;
	}
	#navigation ul li a,
	#navigation ul li a:visited {
		display:block;
		width: 225px;
		text-decoration:none;
		float:left;
		color:#fff!important;
		font-weight:bold;
		text-indent: -9999px;
	}
	#navigation ul li a:hover{
	background-color: transparent;
	border-bottom: 4px #fff solid;
	}

/* ----------- SUBLINKS ----------- */
#sublinks{
	/*width:auto;*/
	margin:0 auto;
/* ↓↓↓ 2010/05/17 Syscon-Yoshimoto UPD ↓↓↓ */
	/* height:31px; */
	height:36px;
/* ↑↑↑ 2010/05/17 Syscon-Yoshimoto UPD ↑↑↑ */
	text-align:left;
	
}	
	#sublinks ul{
	 height:33px;
	 line-height:32px;
	 margin:0 auto;
	}
	#sublinks ul li{
	    display:inline;
/* ↓↓↓ 2010/05/17 Syscon-Yoshimoto UPD ↓↓↓ */
		text-indent: -5000px;
/* ↑↑↑ 2010/05/17 Syscon-Yoshimoto UPD ↑↑↑ */
	}
	#sublinks ul li a,
	#sublinks ul li a:visited {
	    margin: 0 2px;
		padding: 0 10px;
		display:block;
		text-decoration:none;
		float:left;
		font-weight: bold;
		font-size: 77%;
	}
	#sublinks ul li a:hover{
		color:#fff!important;
/* ↓↓↓ 2010/05/17 Syscon-Yoshimoto UPD ↓↓↓ */
		background-color: transparent;
		border-bottom: 4px #fff solid;
/* ↑↑↑ 2010/05/17 Syscon-Yoshimoto UPD ↑↑↑ */
	}

/* ↓↓↓ 2010/05/17 Syscon-Yoshimoto UPD ↓↓↓ */
#s1, #s2, #s3, #s4, #s5{display:none;}
/* ↑↑↑ 2010/05/17 Syscon-Yoshimoto UPD ↑↑↑ */

/*--------------------------------
contents
---------------------------------*/
h3 {
	font-size: 116%;
}

/* ↓↓↓ 2010/05/18 Syscon-Yoshimoto DEL ↓↓↓ */
/* ↓↓↓ 2010/05/17 Syscon-Yoshimoto UPD ↓↓↓ */
/* ul.ul_deci li {
	list-style-type: decimal;
	margin-left: 20px;
} */

/* .line_box {
	width: 608px;
	border: #ccc 1px solid;
	padding: 20px;
} */
/* .line_box p {
	width: auto;
} */
/* .table_table {
	width: 100%;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
} */
/* .table_table th,
.table_table td {
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	padding: 5px;
} */

/* .h2_grayer {
	color: #fff;
	background: #999;
	padding: 5px 10px;
} */
/* .table_grayer {
	background: #eee;
} */
/* ↑↑↑ 2010/05/17 Syscon-Yoshimoto UPD ↑↑↑ */
/* ↑↑↑ 2010/05/18 Syscon-Yoshimoto DEL ↑↑↑ */

/*--------------------------------
sub_menu
---------------------------------*/
#sub_menu {
	display: block;
	width: 698px;
	height: 38px;
	border: #ccc 1px solid;
	background: #f6f6f6;
	margin: 0 0 20px;
}
#sub_menu li {
	float: left;
	/*font-size: 85%;*/ /* 文字が大きくなっているので */
	padding: 1px;
	display:inline;/*IEで、liがwidth=100%になるのを防ぐ*/
}
#sub_menu li a,
#sub_menu li a:visited {
	display: block;
	font-weight: bold;
	height: 36px;
	padding: 0 8px;
	line-height: 36px;
	margin:0 auto;
	float:left;
}
#sub_menu li a:hover {
	color: #000;
}

/* --- ↓ 教育は目的数が多く文字数も多いために特別対応 Add Syscon-Yoshimoto --- */
#sub_menu_K {
	display: block;
	width: 698px;
	height: 38px;
	border: #ccc 1px solid;
	background: #f6f6f6;
	margin: 0 0 20px;
}
#sub_menu_K li {
	float: left;
	font-size: 90%;
	padding: 1px 0px 0px 0px;
	display:inline; /*IEで、liがwidth=100%になるのを防ぐ*/
}
#sub_menu_K li a,
#sub_menu_K li a:visited {
	display: block;
	font-weight: bold;
	height: 36px;
	padding: 0 6px;
	line-height: 36px;
	margin:0 auto;
	float:left;
}
#sub_menu_K li a:hover {
	color: #000;
}
/* --- ↑ 教育は目的数が多く文字数も多いために特別対応 Add Syscon-Yoshimoto --- */

/* ↓ 2010/05/28 Syscon-Yoshimoto ADD ↓ */
/*** Life ***/
#sub_menu_L {
	display: block;
	width: 698px;
	height: 38px;
	border: #ccc 1px solid;
	background: #f6f6f6;
	margin: 0 0 20px;
}
#sub_menu_L li {
	float: left;
	/*font-size: 85%;*/ /* 文字が大きくなっているので */
	padding: 1px;
	display:inline;/*IEで、liがwidth=100%になるのを防ぐ*/
}
#sub_menu_L li a,
#sub_menu_L li a:visited {
	display: block;
	font-weight: bold;
	height: 36px;
	padding: 0 8px;
	line-height: 36px;
	margin:0 auto;
	float:left;
}
#sub_menu_L li a:hover {
	color: #000;
}

/*** Office ***/
#sub_menu_O {
	display: block;
	width: 698px;
	height: 38px;
	border: #ccc 1px solid;
	background: #f6f6f6;
	margin: 0 0 20px;
}
#sub_menu_O li {
	float: left;
	/*font-size: 85%;*/ /* 文字が大きくなっているので */
	padding: 1px;
	display:inline;/*IEで、liがwidth=100%になるのを防ぐ*/
}
#sub_menu_O li a,
#sub_menu_O li a:visited {
	display: block;
	font-weight: bold;
	height: 36px;
	padding: 0 8px;
	line-height: 36px;
	margin:0 auto;
	float:left;
}
#sub_menu_O li a:hover {
	color: #000;
}
/* ↑ 2010/05/28 Syscon-Yoshimoto ADD ↑ */


/* ↓↓↓ 2010/05/18 Syscon-Yoshimoto DEL ↓↓↓ */
/* ↓↓↓ 2010/05/17 Syscon-Yoshimoto UPD ↓↓↓ */
/*--------------------------------
フォーム
---------------------------------*/
/* #form {
	width : 650px;
} */

/* #form2 {
	width : 650px;
	margin : 0 auto;
	text-align :center;
} */

/* #form em {
	font-style : normal;
	font-size : 90%;
	color : #ff0000;
	margin : 0 3px 0 0;
} */

/* p.cap{
	padding-left : 1em;
	text-indent : -1em;
} */

/* #form table {
	width : 100%;
	border-collapse: collapse;
	border-spacing: 0;
	text-align : left;
	line-height : 1.2;
	border: 1px solid #ccc;
} */

/* #form table th {
	vertical-align  : top;
	padding : 5px;
	background : #B9E4B7;
	color : #fff;
	border : 1px solid #ccc;
	width : 150px!important ;
	width *//* *//* : 140px;
} */

/* #form table td {
	vertical-align  : top;
	padding : 3px;
	border : 1px solid #ccc;
	background  : #fff;
}

#form table.entry01 th {
	vertical-align  : top;
	padding : 5px;
	background : #B9E4B7;
	color : #444;
	width : 150px!important ;
	width *//* *//* : 140px;
} */

/* #form table.entry03 th {
	vertical-align  : top;
	padding : 5px;
	font-weight : normal;
	border : 1px solid #ccc;
	background : #45A239;
	color : #fff;
	width : 150px!important ;
	width *//* *//* : 140px;
} */

/* #form table.entry01k th {
	vertical-align  : top;
	padding : 5px;
	border: 1px solid #ccc;
	background : #cfe3f6;
	color : #444;
	width : 150px!important ;
	width *//* *//* : 140px;
} */

/* #form table.entry03k th {
	vertical-align  : top;
	padding : 5px;
	font-weight : normal;
	border : 1px solid #ccc;
	background : #0b67bd;
	color : #fff;
	width : 150px!important ;
	width *//* *//* : 140px;
} */

/* #form table.entry04 th {
	vertical-align  : top;
	padding : 5px;
	font-weight : normal;
	border : 1px solid #ccc;
	background : #657FCE;
	color : #fff;
	width : 150px!important ;
	width *//* *//* : 140px;
} */

/* #form table.entry02 {
	margin : 0 0 5px;
} */

/* #form table.entry02 th {
	vertical-align  : top;
	padding : 5px;
	font-weight : normal;
	border: 1px solid #ccc;
	background : #FECDDC;
	width : 150px!important ;
	width *//* *//* : 140px;
} */

/* .A_Right { text-align : right; } */
/* .Right_box { float : right ; } */

/* clearfix */
/* .clearfix:after {
	content : "." ;
	display : block ;
	height : 0 ;
	clear : both ;
	visibility : hidden ;
} */
/* .clearfix { display : inline-block ; } */
/* Hides from IE-Mac \*/
/*html .clearfix { height : 1% ; } */
/* .clearfix { display : block ; } */
/* End hide from IE-mac */

/* .red {
	color : #ff0000;

} */

/* #contact_all .contents01,
#contact_all .contents02,
#contact_all .contents03 {
	margin : 0 0 20px;
} */

/* #contact_all h4 {
	font-size : 100%;
	padding : 5px;
} */

/* #contact_all .contents01 h4{
	background : #336699;
	color : #fff;
} */
/* #contact_all .contents02 h4{
	background : #339933;
	color : #fff;
} */
/* #contact_all .contents03 h4{
	background : #ff6666;
	color : #fff;
} */

/* #contact_all .title {
	font-weight : bold;
} */

/* .sub {
	text-align : center;
} */

/*　お問い合わせ用（ピンク）
------------------------------------*/
/* table#pink_table  {
	width : 660px;
	border-collapse: separate;
	border-spacing: 0;
	text-align : left;
	line-height : 1.2;
} */

/* table#pink_table  th {
	vertical-align  : top;
	padding : 5px;
	border-bottom : 1px solid #fff;
	background : #ff9999;
	width : 150px!important ;
	width *//* *//* : 140px;
} */

/* table#pink_table td {
	vertical-align  : top;
	padding : 3px;
	background : #ffd8d7;
	border-bottom : 1px solid #fff;
} */
/* ↑↑↑ 2010/05/17 Syscon-Yoshimoto UPD ↑↑↑ */
/* ↑↑↑ 2010/05/18 Syscon-Yoshimoto DEL ↑↑↑ */

/*--------------------------------
個別設定
---------------------------------*/
/* ↓↓↓ 2010/05/20 Syscon-Yoshimoto DEL ↓↓↓ */
/* #header{ */
/* ↓↓↓ 2010/05/17 Syscon-Yoshimoto UPD ↓↓↓ */
/*	background: url(../img/bg_Head.gif) no-repeat top center; */
/* ↑↑↑ 2010/05/17 Syscon-Yoshimoto UPD ↑↑↑ */
/*	padding-top:auto; */
/*	margin-top:0; */
/* } */
/* ↑↑↑ 2010/05/20 Syscon-Yoshimoto DEL ↑↑↑ */

/* ↓↓↓ 2010/05/20 Syscon-Yoshimoto ADD ↓↓↓ */
.head_G 
{
    width:900px;
	height: 204px;
	background: url(../img/bg_Head_G.gif) no-repeat top center;
	padding-top:auto;
	margin-top:0;
}
.head_K
{
    width:900px;
	height: 204px;
	background: url(../img/bg_Head_K.gif) no-repeat top center;
	padding-top:auto;
	margin-top:0;
}
.head_L 
{
    width:900px;
	height: 204px;
	background: url(../img/bg_Head_L.gif) no-repeat top center;
	padding-top:auto;
	margin-top:0;
}
.head_O 
{
    width:900px;
	height: 204px;
	background: url(../img/bg_Head_O.gif) no-repeat top center;
	padding-top:auto;
	margin-top:0;
}
/* ↑↑↑ 2010/05/20 Syscon-Yoshimoto ADD ↑↑↑ */
/*--------------------------------
mainmenu
---------------------------------*/
/* ----------- NAVIGATION----------- */
/* ----------- SUBLINKS ----------- */
	#sublinks ul li a,
	#sublinks ul li a:visited {
		color:#f39700;
	}
	#sublinks ul li a:hover{
		background: #f39700;
	}

/* ----------- SUBMENU ----------- */

/*--------------------------------
以下 固有指定
---------------------------------*/
strong {
	font-weight: bold;
	color: #f39700;
}

/*--------------------------------
contents
---------------------------------*/
h3 {
	color: #0b67bd;
}

/*--------------------------------
sub_menu
---------------------------------*/
#sub_menu li a:hover {
	background: #fbae33;
	color: #fff;
}
/* ↓ Add Syscon-Yoshimoto */
#sub_menu_K li a:hover {
	background: #fbae33;
	color: #fff;
}
/* ↑ Add Syscon-Yoshimoto */

/* ↓↓↓ 2010/05/17 Syscon-Yoshimoto UPD ↓↓↓ */
/*--------------------------------
shopping
---------------------------------*/
#c1-1_p1_bg1 {
	background: url(../img/c1-1_gaiyo/p1/bg1.jpg) no-repeat top right;
	display: block;
	min-height: 380px;
	height: auto !important; /*IE6でmin-heightを有効化*/
	height: 380px; /*IE6でmin-heightを有効化*/
	margin: 0 0 20px;
}

#c1-1_p1_bg2 {
	background: url(../img/c1-1_gaiyo/p1/bg2.jpg) no-repeat top right;
	display: block;
	min-height: 327px;
	height: auto !important; /*IE6でmin-heightを有効化*/
	height: 327px; /*IE6でmin-heightを有効化*/
	margin: 0 0 20px;
}

#c1-1_p3_bg1 {
	background: url(../img/c1-1_gaiyo/p3/bg1.jpg) no-repeat top right;
	display: block;
	min-height: 316px;
	height: auto !important;
	height: 316px;
	margin: 0 0 20px;
}

#c1-1_p5_bg1 {
	background: url(../img/c1-1_gaiyo/p5/bg1.jpg) no-repeat top right;
	display: block;
	min-height: 768px;
	height: auto !important;
	height: 768px;
	margin: 0 0 20px;
}

/* ----------- SUBLINKS_fix201005 ----------- */

#sublinks_fix{
/*	width:auto;*/
}	
	#sublinks_fix ul{
		display:block;
		position:absolute;
		top: 144px;
		left: 0px;
	}
	#sublinks_fix ul li{
		float:left;
		list-style-type:none;
		margin:0;
		padding:0;
	}
	#sublinks_fix ul li a,
	#sublinks_fix ul li a:visited {
		height: 39px;
		display:block;
		text-decoration:none;
		float:left;
		text-indent: -9999px;
	}
	#sublinks_fix ul li a:hover{	
		background-color: transparent;
		border-bottom: 4px #fff solid;
	}

/* ----------- SUBLINKS_fix201005 ----------- */
	.sub1 a{
	background-color: transparent;
	width:92px;
	}
	
	.sub2 a{
	background-color: transparent;
	width:86px;
	}
	
	.sub3 a{
	background-color: transparent;
	width:87px;
	}
	
	.sub4 a{
	background-color: transparent;
	width:82px;
	}
	
	.sub5 a{
	background-color: transparent;
	width:126px;
	}
	
	.sub6 a{
	background-color: transparent;
	width:125px;
	}
	
	.sub7 a{
	background-color: transparent;
	width:132px;
	}
		
	.sub_cart a{
	background-color: transparent;
	width:170px;
	}
/* ↑↑↑ 2010/05/17 Syscon-Yoshimoto UPD ↑↑↑ */


/***********************************************************/
/*** MP_C MP_K MP_L MP_O                                 ***/
/***********************************************************/
/* ↓Syscon-Yoshimoto */
.L_CARTINF
{
    font-size:small;
    font-weight:bold;
    text-align:right;
}
.B_ITM
{
      color:Aqua;
      background-color:#f39700
}

#ShnTLT 
{
    font-size: 14pt;
    font-weight:bolder;
    background-image:url(../img/com/shohinback.gif);
    background-repeat:repeat-x;
    color:White;
    }
    
.rbtn_wht input 
{
    background-color:Transparent;
    border:none;
    margin:3px 3px; 
    vertical-align: middle;
    text-align: center;
}

.rbtn_org input 
{
    background-color:#fa9a00;
    border:none;
    margin:3px 3px; 
    vertical-align: middle;
    text-align: center;
}

.IconFrm 
{
    margin-top:10px;
}

.dispINF 
{
    text-align:right;
}
/* ↑Syscon-Yoshimoto */
/*--------------------------------
以下 暫定
---------------------------------*

/*--------------------------------
 イメージボタンの設定
---------------------------------*/
input.imgbtn {
	margin: 0px;
	padding: 0px;
	border: none;
	line-height: normal;
}
.imgbtn input{
	margin: 0px;
	padding: 0px;
	border: none;
	line-height: normal;
}

/*--------------------------------
 目的ページの設定
---------------------------------*/
.MokutekiLst {
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	margin-bottom: 20px;
/*	padding: 11px 0px 11px 0px; */
    padding:11px;
	/* ↓↓ floatを設定すると親要素のボーダーや背景画像が途切れる問題に対応 */
	height: 1%;
	overflow: hidden;
	/* ↑↑ */
}
.MokutekiLst a:hover{
	background: none;
}
.Mokuteki {
	width: 216px;
	height: 165px;
	margin: 0px 0px 2px 2px;
	float:left;
	background-repeat: no-repeat;
	text-align:left;
    /* display Add Syscon-Yoshimoto */
	display:block;
}
/* ↓ Firefox対応のためｺﾒﾝﾄｱｳﾄ Delete Syscon-yoshimoto 
.Mokuteki img{
	margin: 122px 0px 0px 13px;
	padding: 0px;
}
*/
/* ↓ Firefox対応 Add Syscon-Yoshimoto */
.Mokuteki a 
{
	width: 216px;
	height: 165px;
    display:block;
}
.Mokuteki a:hover img
{
    visibility:hidden;
	width: 216px;
	height: 165px;
    display:block;
}
/* ↑ Firefox対応 Add Syscon-Yoshimoto */

/*--------------------------------
 分類ページの設定
---------------------------------*/
.BunruiLst {
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	padding: 11px;
	/* ↓↓ floatを設定すると親要素のボーダーや背景画像が途切れる問題に対応 */
	height: 1%;
	overflow: hidden;
	/* ↑↑ */
}
.BunruiLst a:hover{
	background: none;
}
.Bunrui {
	width: 216px;
	height: 116px;
	float: left;
	margin: 0px 0px 2px 2px;
	text-align: left;
    /* display Add Syscon-Yoshimoto */
    display:block;
}
/* Firefox対応のためｺﾒﾝﾄｱｳﾄ Delete Syscon-Yoshimoto
.Bunrui img{
	margin: 72px 0px 0px 13px;
	padding: 0px;
}
*/
/* ↓ Firefox対応 Add Syscon-Yoshimoto */
.Bunrui a
{
	width: 216px;
	height: 116px;
	display:block;
}

.Bunrui a:hover img 
{
    visibility:hidden;
	width: 216px;
	height: 116px;
	display:block;
}
/* ↑ Firefox対応 Add Syscon-Yoshimoto */

/*--------------------------------
 商品一覧ページの設定
---------------------------------*/
.ShohinLst {
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	padding: 11px 3px;
	/* ↓↓ floatを設定すると親要素のボーダーや背景画像が途切れる問題に対応 */
	height: 1%;
	overflow: hidden;
	/* ↑↑ */
}
.ShohinLstItem 
{
    /* margin:4px; Update Syscon-Yoshimoto */
    /* margin:4px 0px 4px 8px; ← IE6を無視すればBest */

    /* <-- 20090820 3x3 ｷｬｯﾁｺﾋﾟｰなし --> */
	margin: 4px 3px 4px 6px;
	height: 265px;
	width: 140px;
	float: left;
	background: url(../img/com/bgShohinListItem1.gif) no-repeat top left;

    /* <-- 20090820 3x3 ｷｬｯﾁｺﾋﾟｰあり
	margin: 4px 3px 4px 6px;
	height: 290px;
	width: 140px;
	float: left;	
	background: url(../img/com/bgShohinListItemNew.gif) no-repeat top left;
    --> */
    
	/* <-- 20090820 2x3用 ｷｬｯﾁｺﾋﾟｰあり
	margin: 4px 6px 4px 9px;
	height: 270px;
	width : 210px;
	float: left;
	background: url(../img/com/bgShohinListItem.gif) no-repeat top left;
    ------------------------> */
	/* text-align:left; Update Syscon-Yoshimoto */

	text-align: center;
}
.ShohinLstItem table {
    
    /* <-- 3x3用 --> */
	margin: 7px;

	/* <-- 2x3用
	margin: 5px;
    --------------> */
}
.ShohinItem {
	border: #ccc 1px solid;
}


/*--------------------------------
　商品詳細画像の設定
---------------------------------*/
.ShohinSyosai {
	width: 145px;
	float: left;
	text-align: left;
}

/*--------------------------------
　プラスアルファの設定
---------------------------------*/
.PlusAlphaLst {
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	padding: 6px 11px 6px 11px;
}

/*--------------------------------
 フラットな枠のテーブル
---------------------------------*/
table.flat{
	border-collapse:collapse;
    border: solid 1px silver;
}
table.flat td, table.flat th{
    border: solid 1px silver;
}

/*--------------------------------
 フラットな枠のテーブル2
---------------------------------*/
table.flat2 {
	border-collapse: collapse;
	border:solid 1px silver;
}
table.flat2 td, table.flat2 th{
	border:1px solid #ccc;
}
table.flat2 td.none, table.flat2 th.none{
	border:none;
}
table.flat2 td.none_top 
{
    border-top:none;
	border-bottom:solid 1px silver;
}

/*--------------------------------
 フラットな枠のテーブル3
 2009/2/27 Add Syscon-Yoshimoto
 Firefox対応用 ｶﾀﾛｸﾞ注文専用
---------------------------------*/
table.flat3{
	border-collapse:collapse;
    border: none;
}
table.flat3 td, table.flat3 th{
    border-top: none;
    border-right: solid 1px silver;
    border-left: solid 1px silver;
    border-bottom: solid 1px silver;
}

/*--------------------------------
 枠なしテーブル
---------------------------------*/
table.borderless{

}
table.borderless td{
	border: none;
}

/* ↓ Firefox対応 ｶﾀﾛｸﾞ注文専用ﾍｯﾀﾞAdd Syscon-Yoshimoto */
/* ----- overflow との関係で無条件明細ｴﾘｱが左に1pxずれて線が表示されないため ----- */
table.borderless_CH{
	border-collapse: collapse;
    border:none;
	background-color:#fa9a00;
	text-align: center;
	color:White;
	font-weight: bold;
}
table.borderless_CH th{
    border: solid 1px silver;
}
/* ↑ Firefox対応 ｶﾀﾛｸﾞ注文専用ﾍｯﾀﾞ Add Syscon-Yoshimoto */

/*--------------------------------
 TextBox風スタイル
---------------------------------*/
.textbox{
	background-color: #f5f5f5;
	border: 1px solid #9999CC;
	margin: 0.4em 5px;
	padding: 0.1em 5px;
	font-family: Arial, Helvetica, 'ヒラギノ角ゴ Pro W3', sans-serif;
}

/*--------------------------------
 会員登録テーブル
---------------------------------*/
table.member th {
	background: #fa9a00;
	text-align: left;
	vertical-align: top;
	color: White;
	font-weight: normal;
}
table.member td {
	padding-left: 10px;
	text-align: left;
}
table.member table.borderless td{
	padding-left: 0px;
}

/*--------------------------------
 ご利用状況
---------------------------------*/
table.rireki a		   {color: #0000FF; }
table.rireki a:link    {color: #0000FF; }
table.rireki a:visited {color: #0000FF; }
table.rireki a:active  {color: #0000FF; }
table.rireki a:hover   {color: #0000FF; background: #fff;}

/*--------------------------------
 カタログテーブル
---------------------------------*/
table.catalog {
	font-family: ＭＳ ゴシック;
	font-size: 10pt;
}
table.catalog th {
	background-color:#fa9a00;
	text-align: center;
	color:White;
	font-weight: bold;
}
table.catalog td {
	text-align: center;
	vertical-align: middle;
	border-top: none;
}
table.catalog td.no {

/*  2009/2/26 Delete Syscon-Yoshimoto
	border-top: none;
	border-bottom: none; */
}
table.catalog input {
	margin: 0px 5px 0px 5px;
}
table.catalog input.input {
	border: 1px #9999CC solid;
	background: white;
	vertical-align: middle
}
table.catalog a			{color: #0000FF; text-decoration: underline;}
table.catalog a:link    {color: #0000FF; text-decoration: underline;}
table.catalog a:visited {color: #0000FF; text-decoration: underline;}
table.catalog a:active  {color: #0000FF; text-decoration: underline;}
table.catalog a:hover   {color: #0000FF; text-decoration: underline; background: #fff;}

/*--------------------------------
 カートテーブル
---------------------------------*/
table.cart{
	font-size: 10pt;
	font-family: ＭＳ ゴシック;
}
table.cart th {
	background-color:#fa9a00;
	text-align: center;
	color:White;
	font-weight: bold;
}
table.cart td {
	text-align: center;
	vertical-align: middle;
	border-top: none;
}

/*--------------------------------
 カタログ・注文テーブル
---------------------------------*/
table.order {
	font-size:10pt;
	font-family:ＭＳ ゴシック; 
}
table.order th {
	background-color:#fa9a00;
	text-align: center;
	vertical-align: middle;
	color: White;
	font-weight: bold;
}
table.order td {
	vertical-align: middle;
}

table.ordersub {
	font-size:10pt;
	font-family:ＭＳ ゴシック;
}
table.ordersub th {
	background-color:#fa9a00;
	text-align: left;
	vertical-align: middle;
	color: White;
	font-weight: normal;
}
table.ordersub td {
	text-align: left;
	vertical-align: middle;
}

/*--------------------------------
 その他
---------------------------------*/

/* 入力必須 */
.require {
	color: Red;
	font-weight: bold;
}

/* 注意など */
.attention {
	color: Red;
	font-weight: bold;
}

/* エラーメッセージ */
.errmsg {
	font-weight: bold;
	color: #FF3366;
}
/* 入力エラー */
.inputerr {
	background: #FFCCCC;
}

/*--------------------------------
 特別商品一覧ページの設定
---------------------------------*/
.SPLst {
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	padding: 11px 3px;
	/* ↓↓ floatを設定すると親要素のボーダーや背景画像が途切れる問題に対応 */
	height: 1%;
	overflow: hidden;
	/* ↑↑ */
}
.SPLstItemK 
{
    border:solid 2px #0b67bd;
	width: 450px;
	text-align: center;

}
/*
.SPLstItemK table{
	margin: 7px;
}
*/
.SPLstItemL 
{
    border:solid 2px #ed2391;
	width: 450px;
	text-align: center;

}
/*
.SPLstItemL table{
	margin: 7px;
}
*/
.SPLstItemO 
{
    border:solid 2px #45a239;
	width: 450px;
	text-align: center;

}
/*
.SPLstItemO table{
	margin: 7px;
}
*/
.SPLstItemC 
{
    border:solid 2px #fa9a00;
	width: 450px;
	text-align: center;

}
/*
.SPLstItemC table{
	margin: 7px;
}
*/

.SPItem {
	border: #ccc 1px solid;
}

.SPbtn {
    height:50px;
	background: url(../img/spacer.gif) no-repeat;
	vertical-align:middle;
}

.Mblbtn {
    height:180px;
	background: url(../img/spacer.gif) no-repeat;
	vertical-align:middle;
}

.SPtbl 
{
    border: solid 1px #ccc;
}

.SPtd 
{
    border:solid 1px #ccc;
    text-align:center;
}

/***** カート用 <Start> *****/
/*---↓ 2010/03/05 Syscon-Yoshimoto Add ↓---*/
a.bgToCoJp
{
    display:block;
    background:url(../img/cart/btnToCoJp.gif) no-repeat left top;
    width:350px;
    height:44px;
    font-family:ＭＳ 明朝;
    font-weight:bold;
    font-size:large;
    line-height:44px;
    color:White;
}
a:hover.bgToCoJp
{
    background-position: 0 -44px;
}
/*---↑ 2010/03/05 Syscon-Yoshimoto Add ↑---*/
/*---↓ 2010/06/30 Syscon-Yoshimoto Add ↓---*/
a.btnAddShohin 
{
    position:absolute;
    background:none no-repeat left top;
    display:block;
    width:113px;
    height:22px;
    margin:5px 0 0 734px;
}
a:hover.btnAddShohin 
{
    background:url(../img/cart/st1_kai.jpg) no-repeat left top;
    display:block;
    width:113px;
    height:22px;
}   
a.btnShowShohin 
{
    position:absolute;
    background:none no-repeat left top;
    display:block;
    width:113px;
    height:22px;
    margin:34px 0 0 734px;
}
a:hover.btnShowShohin 
{
    background:url(../img/cart/st1_show.jpg) no-repeat left top;
    display:block;
    width:113px;
    height:22px;
}
/*---↑ 2010/06/30 Syscon-Yoshimoto Add ↑---*/
/***** カート用 <End> *****/