/*##### Genelal setting #####*/
	*{
		line-height:1.7em;
		color:#333;
	}
	body{
		padding:0 20px;
		margin:0;
		/*background-image:url("../image/bg.png");*/

	}
	#header,#footer{
		clear:both;
		width:100%;
	}
	#wrapper{
		max-width:960px;
		margin:auto;
	}
	p,li,th,td{
		font-size:90%;
	}
	img{
		max-width:100%;
		height:auto;
		border:none;
	}
	input[type="image"]{
		max-width:100%;
		height:auto;
		border:none;
	}
	iframe{
		max-width:100%;
	}
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	.clearfix {
		min-height: 1px;
	}
	* html .clearfix {
		height: 1px;
		/*\*//*/
		height: auto;
		overflow: hidden;
		/**/
	}
	/*##### header setting #####*/
	h1 {
		font-size:80%;
		margin:0 -20px;
		padding:0;
		text-indent:1em;
		line-height:2em;
		font-weight:normal;
		color:white;
	}
	h1,#copyright{
		background-color:#000;
		opacity: .50; /* Standard: FF gt 1.5, Opera, Safari */
		filter: alpha(opacity=50); /* IE lt 8 */
		-ms-filter: "alpha(opacity=50)"; /* IE 8 */
		-khtml-opacity: .50; /* Safari 1.x */
		-moz-opacity: .50; /* FF lt 1.5, Netscape */
	}
	#header .login {
		float:right;
	}
	#header #logo {
		float:left;
	}
	#header #description {
		clear:both;
		font-size:80%;
		margin:0;
		padding:0;
		line-height:1.5em;
	}
	#header .nav h3 {
		list-style:none;
		font-size:90%;
		padding:0;
		text-align:center;
		width:30%;
		margin:auto;
		margin-bottom:20px;
		color:#666666;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee');
		/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee')";
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
		background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
		background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eeeeee));
		background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
		background-image: linear-gradient(top, #ffffff, #eeeeee);
		/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		/*border: solid 1px #ffc ;*/
		box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px #eeeeee;
	}
	/*##### sidebar setting #####*/
	#aside .section{
		padding:1px 0 0 0;
		margin-bottom:20px;
		color:#666666;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#fafafa');
		/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#fafafa')";
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		background-image: -moz-linear-gradient(top, #ffffff, #fafafa);
		background-image: -ms-linear-gradient(top, #ffffff, #fafafa);
		background-image: -o-linear-gradient(top, #ffffff, #fafafa);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#fafafa));
		background-image: -webkit-linear-gradient(top, #ffffff, #fafafa);
		background-image: linear-gradient(top, #ffffff, #fafafa);
		/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px #eeeeee;
	}
	#aside .section h3{
		background-image:url("../image/s_t_bg.png");
		text-align:center;
		padding:5px;
		margin:5px 5px 10px;
		font-size:100%;
	}

	#aside .section p{
		padding:0;
		margin:5px;
		font-size:90%;
	}
	#aside .section ul{
		list-style:none;
		padding:0;
		margin:0 5px 5px;
		font-size:90%;
	}
	#aside ul{
		list-style:none;
		padding:0;
		margin:0 5px 5px;
		font-size:90%;
	}
	#aside .section a{
		text-decoration:none;
		line-height:2em;
	}
	#aside .section .tags a{
		display:block;
		float:left;
		margin-right:5px;
		margin-bottom:5px;
		padding:2px;
		background-color:#fee;
		border:solid 1px #fcc; 
	}
	#aside .section .tags a:hover{
		background-color:#efe;
		border:solid 1px #cfc; 
	}
	/*##### footter setting #####*/
	#copyright{
		text-align:center;
		font-size:80%;
		margin:0 -20px;
		padding:0;
		text-indent:1em;
		line-height:2em;
		font-weight:normal;
		color:white;
	}
	/*##### contents setting #####*/

	#article h2 {
		font-size:133%;
		padding:0 0 0 0.5em;
		margin:0;
		margin-bottom:20px;
		color:#666666;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee');
		/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee')";
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
		background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
		background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eeeeee));
		background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
		background-image: linear-gradient(top, #ffffff, #eeeeee);
		/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		/*border: solid 1px #ffc ;*/
		box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px #eeeeee;
	}
	#article h2:before {
		content: "���� ";
		color:red;
	}
	#article h2:after {
		content: " ����";
		color:red;
	}
	#article table {
		border-collapse: collapse;
		border-top:solid 1px #aaa;
		border-right:solid 1px #aaa;
		margin:auto;
		width:98%;
		margin-bottom:40px;
	}
	#article th,#article td {
		border-bottom:solid 1px #aaa;
		border-left:solid 1px #aaa;
		padding:0.5em;
		background-color:white;
	}
	#article th {
		background-image:url("../image/s_t_bg.png");
		text-align:left;
	}
	#article input[type="text"],#article textarea,#article input[type="password"] {
		font-size:120%;
		width:90%;
	}
	#article select,#article input[type="submit"],#article input[type="button"] {
		font-size:120%;
	}
	#article textarea {
		height:10em;
	}
	#article #itemList div{
		padding:1px;
		margin-bottom:20px;
		background-color:white;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		/*border: solid 1px #ffc ;*/
		box-shadow: 2px 2px 5px 0 #aaa;
		float:left;
		height:300px;
	}
	#article #itemList div p{
		margin:10px;
		text-align:center;
	}
	#article p.itemtocart{
		font-size:140%;
		padding:10px;
		margin-bottom:20px;
		background-color:white;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		/*border: solid 1px #ffc ;*/
		box-shadow: 2px 2px 5px 0 #aaa;
	}
	#article #top_baner ul{
		padding:0;
		margin:0;
		list-style:none;
	}
	#article .eyecatch{
		padding-bottom:50px;
		margin-bottom:30px;
		background-image:url("../image/line.png");
		background-repeat:no-repeat;
		background-position:left bottom;
	}
	#aside #side_info ul{
		position:relative;
	}
	#aside #side_info li{
		position:absolute;
		font-size:10px;
		text-indent:-9999px;
		orverflow:hidden;
	}
	#aside #side_info li.fax{
		top:153px;
		left:52px;
		width:153px;
		height:24px;
	}
	#aside #side_info li.mail{
		top:228px;
		left:20px;
		width:190px;
		height:24px;
	}
	#aside #side_info li a{
		display:block;
		height:24px;
	}


	#image-navigation img {
	  border:0;
	  vertical-align:bottom;
	}
	#image-navigation ul,
	#image-navigation li {
	  margin:0;
	  padding:0;
	  list-style:none;
	}
	#image-navigation ul li a {
	  display:block;
	  width:150px;
	  height:75px;
	}
	#image-navigation .navi {
	  float:left;
	}
	#image-navigation .navi-image {
	  float:left;
	}
	
	#image-navigation-text ul li a {
	  display:block;
	  width:150px;
	  height:75px;
	  color:#333;
	  line-height:50px;
	  text-align:center;
	}
	#image-navigation-text .navi {
	  float:left;
	}
	#image-navigation-text .navi-image {
	  float:left;
	}
	#image-navigation-text a {
	  background:#eee;
	}
	#image-navigation-text a.active {
	  background:#333;
	  color:#fff;
	}
	#image-navigation-text .navi-image { position:relative;}
	#image-navigation-text .navi-image a { display:block; }
	#image-navigation-text .navi-image a { position:absolute; top:0; left:0; z-index:8; }
	#image-navigation-text .navi-image a.active { z-index:10; }
	#image-navigation-text .navi-image a.last-active { z-index:9; }
	
	#image-navigation .navi-image { position:relative;}
	#image-navigation .navi-image a { display:block; }
	#image-navigation .navi-image a { position:absolute; top:0; left:0; z-index:8; }
	#image-navigation .navi-image a.active { z-index:10; }
	#image-navigation .navi-image a.last-active { z-index:9; }
	
	#footer .view{
		color:#fff;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#666666', endColorstr = '#000000');
		/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#666666', endColorstr = '#000000')";
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		background-image: -moz-linear-gradient(top, #666666, #000000);
		background-image: -ms-linear-gradient(top, #666666, #000000);
		background-image: -o-linear-gradient(top, #666666, #000000);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#666666), to(#000000));
		background-image: -webkit-linear-gradient(top, #666666, #000000);
		background-image: linear-gradient(top, #666666, #000000);
		/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		padding:10px;
		margin-bottom:20px;
	}
	#footer .view p,#footer .view li a{
		color:#fff;
		font-weight:bold;
	}
	#footer .view p,#footer .view ul,#footer .view li{
		float:left;
	}
	#footer .view ul{
		float:left;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#000000', endColorstr = '#666666');
		/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#000000', endColorstr = '#666666')";
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		background-image: -moz-linear-gradient(top, #000000, #666666);
		background-image: -ms-linear-gradient(top, #000000, #666666);
		background-image: -o-linear-gradient(top, #000000, #666666);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#000000), to(#666666));
		background-image: -webkit-linear-gradient(top, #000000, #666666);
		background-image: linear-gradient(top, #000000, #666666);
		/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		margin:0;
		padding:0;
	}
	#footer .view li {
		padding:1em;
	}
	#footer .view p {
		margin:1em 1em 0 3em;
		padding:0;
	}
	#footer .view li.on {
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#666666', endColorstr = '#000000');
		/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#666666', endColorstr = '#000000')";
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		background-image: -moz-linear-gradient(top, #666666, #000000);
		background-image: -ms-linear-gradient(top, #666666, #000000);
		background-image: -o-linear-gradient(top, #666666, #000000);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#666666), to(#000000));
		background-image: -webkit-linear-gradient(top, #666666, #000000);
		background-image: linear-gradient(top, #666666, #000000);
		/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	}
	#footer .view li.pc {
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-top-right-left: 10px;
		-moz-border-bottom-left-radius: 10px;
	}
	#footer .view li.sp {
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-moz-border-top-right-radius: 10px;
		-moz-border-bottom-right-radius: 10px;
	}
	
	
	
	
	
	
/*##### OrderPage setting #####*/
	body[class="order"] #article{
		width:100%;
	}
	body[class="order"] #aside{
		display:none;
	}
/*##### Responsive setting #####*/

/*For SmartPhone Portrait*/
	#article{
		width:100%;
		float:none;
		clear:both;
		margin-bottom:40px;
	}
	#aside{
		width:100%;
		float:none;
		clear:both;
	}
	#aside .section{
		width:100%;
		float:none;
		clear:both;
	}
	#aside .section:nth-child(even){
		float:left;
	}
	#header .nav h3 {
		display:block;
	}
	#header .nav ul{
		display:none;
		font-size:100%;
		list-style:none;
		margin:0 auto 2em;
		padding:0;
		width:50%;
		background-color:white;
	}
	#header .nav li{
		line-height:2em;
		padding:0.2em;
		border-bottom:solid 1px #ccc;
		
	}
	h1 {
		text-align:center;
	}
	#header #description {
		text-align:center;
	}
	#header #logo {
		text-align:center;
		margin:-1em -20px 0;
	}
	#header .login {
		float:none;
		text-align:center;
	}
	#article #itemList div{
		width:90%;
		float:none;
		margin:0 auto 20px;
	}
	#article p.itemtocart{
		width:100%;
		float:none;
	}
	#article p.tocart_button{
		margin-top: 10px;
		width:100%;
		float:none;
	}
	#article #prefList{
		margin-bottom:30px;
		padding-left:2%;
	}
	#article #prefList div{
		background-image:url("../image/s_t_bg.png");
		width:100%;
		margin-right:2%;
		margin-bottom:10px;
		float:none;
		padding1px;
	}
	#article #prefList div ul{
		margin:10px;
		padding:0;
		list-style:none;
	}
	#article #prefList div li{
		display:inline;
		margin-right:10px;
	}
	#article #prefList div h4{
		margin:10px;
		margin-bottom:0;
		padding:5px;
		background-color:#fff;
		border:solid 1px #ccc;
	}

@media screen and (min-width:480px){
/*For SmartPhone Landscape*/
	#article{
		width:100%;
		float:none;
		clear:both;
		margin-bottom:40px;
	}
	#aside{
		width:100%;
		float:none;
		clear:both;
	}
	#aside .section{
		width:49%;
		float:left;
		clear:none;
	}
	#aside .section:nth-child(even){
		float:right;
	}
	#header .nav h3 {
		display:none;
	}
	#header .nav ul {
		display:block;
		font-size:60%;
	}
	#header .nav ul {
		list-style:none;
		padding:0;
		padding-left:1%;
		margin:2px;
		margin-bottom:20px;
		color:#666666;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee');
		/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee')";
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
		background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
		background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eeeeee));
		background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
		background-image: linear-gradient(top, #ffffff, #eeeeee);
		/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		/*border: solid 1px #ffc ;*/
		box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px #eeeeee;
		width:100%;
	}
	#header .nav li{
		line-height:1.5em;
		padding:0;
		border-bottom:none 0;
		
		float:left;
		margin:0;
		border-right:solid 1px #ccc;
		border-left:solid 1px #fff;
		text-align:center;
	}
	#header .nav li:first-child{
		border-left:none 0;
	}
	#header .nav li:last-child{
		border-right:none 0;
	}
	#header .nav li a{
		display:block;
		padding:10px;
		text-decoration:none;
		font-weight:bold;
		color:#666;
	}
	#header .nav li a:hover{
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fafafa', endColorstr = '#ffffff');
		/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fafafa', endColorstr = '#ffffff')";
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		background-image: -moz-linear-gradient(top, #fafafa, #ffffff);
		background-image: -ms-linear-gradient(top, #fafafa, #ffffff);
		background-image: -o-linear-gradient(top, #fafafa, #ffffff);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#fafafa), to(#ffffff));
		background-image: -webkit-linear-gradient(top, #fafafa, #ffffff);
		background-image: linear-gradient(top, #fafafa, #ffffff);
		/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	    background: -moz-linear-gradient(top, #fafafa, #ffffff);
	    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ffffff));
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#fafafa');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fafafa', endColorstr = '#ffffff')";
	}
	h1 {
		text-align:left;
	}
	#header #description {
		text-align:left;
	}
	#header #logo {
		text-align:center;
		margin:-1em -20px 0;
	}
	#header .login {
		float:none;
		text-align:center;
	}
	#article #itemList div{
		width:31%;
		margin-right:1%;
		float:left;
	}
	#article p.itemtocart{
		width:100%;
		float:none;
	}
	#article p.tocart_button{
		margin-top: 10px;
		width:100%;
		float:none;
	}
	
	#article #prefList{
		margin-bottom:30px;
		padding-left:2%;
	}
	#article #prefList div{
		background-image:url("../image/s_t_bg.png");
		width:43%;
		margin-right:2%;
		margin-bottom:10px;
		float:left;
	}
	#article #prefList div ul{
		margin:10px;
		padding:0;
		list-style:none;
	}
	#article #prefList div li{
		display:inline;
		margin-right:10px;
	}
	#article #prefList div h4{
		margin:10px;
		margin-bottom:0;
		padding:5px;
		background-color:#fff;
		border:solid 1px #ccc;
	}

}


@media screen and (min-width:768px){
/*For Tablet Portrate*/
	#article{
		width:100%;
		float:none;
		clear:both;
		margin-bottom:40px;
	}
	#aside{
		width:100%;
		float:none;
		clear:both;
		margin-left:1%;
	}
	#aside .section{
		width:32%;
		float:left;
		clear:none;
		margin-right:1%;
	}
	#aside .section:nth-child(even){
		float:left;
	}
	#header .nav h3 {
		display:none;
	}
	#header .nav ul {
		display:block;
		font-size:80%;
	}
	#header .nav ul {
		list-style:none;
		padding:0;
		padding-left:1%;
		margin:2px;
		margin-bottom:20px;
		color:#666666;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee');
		/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee')";
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
		background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
		background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eeeeee));
		background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
		background-image: linear-gradient(top, #ffffff, #eeeeee);
		/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		/*border: solid 1px #ffc ;*/
		box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px #eeeeee;
	}
	#header .nav li{
		float:left;
		margin:0;
		border-right:solid 1px #ccc;
		border-left:solid 1px #fff;
		text-align:center;
	}
	#header .nav li:first-child{
		border-left:none 0;
	}
	#header .nav li:last-child{
		border-right:none 0;
	}
	#header .nav li a{
		display:block;
		padding:10px;
		text-decoration:none;
		font-weight:bold;
		color:#666;
	}
	#header .nav li a:hover{
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fafafa', endColorstr = '#ffffff');
		/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fafafa', endColorstr = '#ffffff')";
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		background-image: -moz-linear-gradient(top, #fafafa, #ffffff);
		background-image: -ms-linear-gradient(top, #fafafa, #ffffff);
		background-image: -o-linear-gradient(top, #fafafa, #ffffff);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#fafafa), to(#ffffff));
		background-image: -webkit-linear-gradient(top, #fafafa, #ffffff);
		background-image: linear-gradient(top, #fafafa, #ffffff);
		/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	    background: -moz-linear-gradient(top, #fafafa, #ffffff);
	    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ffffff));
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#fafafa');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fafafa', endColorstr = '#ffffff')";
	}
	h1 {
		text-align:left;
	}
	#header #description {
		text-align:left;
	}
	#header #logo{
		text-align:left;
		margin:0 0 0 -4px;
	}
	#header .login {
		float:right;
	}
	#article #itemList div{
		width:23%;
		margin-right:1%;
		float:left;
	}
	#article p.itemtocart{
		width:47%;
		float:left;
	}
	#article p.tocart_button{
		margin-top: 10px;
		width:47%;
		float:right;
	}
	
	
	#article #prefList{
		margin-bottom:30px;
		padding-left:2%;
	}
	#article #prefList div{
		background-image:url("../image/s_t_bg.png");
		width:43%;
		margin-right:2%;
		margin-bottom:10px;
		float:left;
	}
	#article #prefList div ul{
		margin:10px;
		padding:0;
		list-style:none;
	}
	#article #prefList div li{
		display:inline;
		margin-right:10px;
	}
	#article #prefList div h4{
		margin:10px;
		margin-bottom:0;
		padding:5px;
		background-color:#fff;
		border:solid 1px #ccc;
	}
}


@media screen and (min-width:1024px){
/*For PC &Tablet Landscape*/
	#article{
		width:71%;
		float:right;
		clear:none;
	}
	#aside{
		width:25%;
		float:left;
		clear:none;
	}
	#aside .section{
		width:100%;
		float:none;
		clear:both;
	}
	#aside .section:nth-child(even){
		float:none;
	}
	#header .nav h3 {
		display:none;
	}
	#header .nav ul {
		display:block;
		font-size:90%;
	}
	#header .nav ul {
		list-style:none;
		padding:0;
		padding-left:1%;
		margin:2px;
		margin-bottom:20px;
		color:#666666;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee');
		/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee')";
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
		background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
		background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eeeeee));
		background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
		background-image: linear-gradient(top, #ffffff, #eeeeee);
		/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		/*border: solid 1px #ffc ;*/
		box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px #eeeeee;
	}
	#header .nav li{
		float:left;
		margin:0;
		border-right:solid 1px #ccc;
		border-left:solid 1px #fff;
		text-align:center;
	}
	#header .nav li:first-child{
		border-left:none 0;
	}
	#header .nav li:last-child{
		border-right:none 0;
	}
	#header .nav li a{
		display:block;
		padding:10px;
		text-decoration:none;
		font-weight:bold;
		color:#666;
	}
	#header .nav li a:hover{
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fafafa', endColorstr = '#ffffff');
		/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fafafa', endColorstr = '#ffffff')";
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		background-image: -moz-linear-gradient(top, #fafafa, #ffffff);
		background-image: -ms-linear-gradient(top, #fafafa, #ffffff);
		background-image: -o-linear-gradient(top, #fafafa, #ffffff);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#fafafa), to(#ffffff));
		background-image: -webkit-linear-gradient(top, #fafafa, #ffffff);
		background-image: linear-gradient(top, #fafafa, #ffffff);
		/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	    background: -moz-linear-gradient(top, #fafafa, #ffffff);
	    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ffffff));
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#fafafa');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fafafa', endColorstr = '#ffffff')";
	}
	h1 {
		text-align:left;
	}
	#header #description {
		text-align:left;
	}
	#header #logo{
		text-align:left;
		margin:0 0 0 -4px;
	}
	#header .login {
		float:right;
	}
	#article #itemList div{
		width:32%;
		margin-right:1%;
		float:left;
	}
	#article p.itemtocart{
		width:47%;
		float:left;
	}
	#article p.tocart_button{
		margin-top: 10px;
		width:47%;
		float:right;
	}
	#itemcatelist div {
		float:left;
		margin-right:20px;
		margin-bottom:20px;
	}
	#itemcatelist {
		margin-top:20px;
		margin-left:20px;
	}
	#article #prefList{
		margin-bottom:30px;
		padding-left:2%;
	}
	#article #prefList div{
		background-image:url("../image/s_t_bg.png");
		width:43%;
		margin-right:2%;
		margin-bottom:10px;
		float:left;
	}
	#article #prefList div ul{
		margin:10px;
		padding:0;
		list-style:none;
	}
	#article #prefList div li{
		display:inline;
		margin-right:10px;
	}
	#article #prefList div h4{
		margin:10px;
		margin-bottom:0;
		padding:5px;
		background-color:#fff;
		border:solid 1px #ccc;
	}
}