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

SOLU MEDIAGE inc. /// Tawarayama

メインカラー：fa9a00 / 
-----------------------------------------*/


@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%;
}

body {
    background: url(../img/bg_top2.gif) repeat-x top left !important;
	margin: 0;
	padding: 0;
}

/*--------------------------------
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;
	height: 204px;
}
#site-title {
	display: block;
	width: 120px;
	height: 58px;
	text-indent: -9999px;
	position: absolute;
	top: 30px;
	left: 0;
}
#site-title a {
	display: block;
	width: 120px;
	height: 58px;
	background: transparent;
}
#site-description {
	display: none;
}

#header_catch{
	position: absolute;
	top: 38px;
	left: 134px;
	line-height: 18px;
	width: 480px;
	text-indent:-5000px;
	
}

/* ----------- co_menu ----------- */
#header #co_menu {
	font-size: 77%;
	position: absolute;
	right: 3px;
	top: 82px;
}

/*#header #co_menu {
	font-size: 77%;
	position: absolute;
	right: 87px;
	top: 78px;
}*/


#header #co_menu li {
	list-style-type: none;
	padding: 0 0 0 10px;
	background: url(../img/bullet.gif) no-repeat center left;
	margin: 0;
	float: left;
}

/*#bt_eng a,
#bt_eng a:visited {
	display: block;
	width: 77px;
	height: 27px;
	text-indent: -9999px;
	position: absolute;
	top: 73px;
	right: 0px;
}
#bt_eng a:hover {
	background: url(../img/mm_bt_eng.gif) no-repeat top left;
}*/



/* ----------- global_menu ----------- */

#header #global_menu {
	position: absolute;
	left: 0px;
	top: 104px;
}
#header #global_menu li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	height: 39px;
	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 {
	background: none;
}
#header #global_menu li.bt2 a:hover {
	background: url(../img/mm_bt1_kyoiku.gif) no-repeat top left;
}
#header #global_menu li.bt3 a:hover {
	background: url(../img/mm_bt2_life.gif) no-repeat top left;
}
#header #global_menu li.bt4 a:hover {
	background: url(../img/mm_bt3_office.gif) no-repeat top left;
}
#header #global_menu li.bt5 a:hover {
	background: url(../img/mm_bt4_top.gif) no-repeat top left;
}



#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;
}
#cont_right {
    float:right;
    width: 464px;
}


/*-----------------find from item-------------------*/
ul#f_item {
	background: #fbaa20;
	border-left: #fbaa20 1px solid;
	border-right: #fbaa20 1px solid;
	color: #fff;
	margin: 0;
	padding: 0;
	display: block;
	width: 214px;
	_width: 214px;
	list-style-position:outside;
	line-height:0;
}
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: #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;
}


/*-----------------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;
}
.r_box_foot {
	width:180px;
	height:10px;
	margin-bottom:10px;
	background: url(../img/r_foot.gif) no-repeat center bottom;
}
.r_box_topseller {
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	background: #f8f8f8;
	padding: 5px 10px;
	text-align: center;
	position: relative;
}
.r_box_topseller .tip {
	position: absolute;
}








#footer{
    position:relative;
    width:100%;
	background: #f0f2f9 url(../img/bg_foot1.gif) repeat-x top center;
    clear:both;
	height: 5em;
}
#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;
	background: url(../img/bullet.gif) no-repeat center left;
	margin: 0;
	float: left;
}
#footer_cont address {
	font-style: normal;
	float: right;
	margin: 0;
}

.to_top {
	text-align: right;
	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;
	height:36px;
	text-align: center;
}	
	#sublinks ul{
	 height:33px;
	 line-height:32px;
	margin:0 auto;
	}
	#sublinks ul li{
		display:inline;
		text-indent: -5000px;
	}
	#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;
		background-color: transparent;
		border-bottom: 4px #fff solid;
	}
	
#s1, #s2, #s3, #s4, #s5{display:none;}






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


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;
}




/*--------------------------------
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;
}



/*--------------------------------
フォーム
---------------------------------*/
#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;
}




/*--------------------------------
個別設定
---------------------------------*/
#header{
	background: url(../img/bg_head.gif) no-repeat top center;
}





/*--------------------------------
mainmenu
---------------------------------*/
/* ----------- NAVIGATION----------- */


/* ----------- SUBLINKS ----------- */
	#sublinks ul li a,
	#sublinks ul li a:visited {
		color:#f39700;
	}
	#sublinks ul li a:hover{
		background: #f39700;
	}
	


















/*--------------------------------
以下 固有指定
---------------------------------*/

strong {
	font-weight: bold;
	color: #f39700;
}

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



/*--------------------------------
sub_menu
---------------------------------*/
#sub_menu li a:hover {
	background: #fbae33;
	color: #fff;
}



/*--------------------------------
form th
---------------------------------*/
#form table th {
	background : #f39700;
}




/*--------------------------------
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{
		diplay: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;
	}