/* --------------------------------------------- */
/* Style Sheet for sk-sale.net by Isao TORISHIMA */
/* --------------------------------------------- */

/* 全体 */

* {
	margin: 0;
	padding: 0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}

body {
	text-align:center;
	margin:10px 0px;
	}

#container {
	width:780px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	}



/* box for multi-column -------------------- */

#boxA {
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
	}

#boxB {
	width:170px;
	float:left;
	margin-top:0px;
	margin-bottom:10px;
	padding:0;
}

#boxC {
	width:600px;
	float:right;
	margin-top:0;
	margin-left:-175px;
	}

#boxD {
	clear:both;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	background-image:url(2010/images/bg_footer.gif);
	text-align:center;
	margin-top:10px;
	margin-bottom:50px;
	padding:5px;
	}

div.box-top {
	width:182px;
	float:left;
	text-align:center;
	margin:10px 2px;
	background-image:url(2009/images/bg_box-top.jpg);
	background-color:#eee;
	padding:2px;
	}


/* for navigation bar -------------------- */


div.header_submenu {
	text-align:right;
	font-size:12px;
	background-color:#fff;
	}

#navigation ul {
	margin:0;
	padding:0;
	width:100%;
	}

#navigation li {
	float:left;
	list-style-type:none;
	width:130px;
	font-size:12px;
	font-weight:bold;
	}

#navigation a {
	display:block;
	margin:1px;
	padding:2px;
	text-align:center;
	text-decoration:none;
	background-image:url(2010/images/bg_navigation1.gif);
	background-repeat:repeat-x;
	background-color:#555;
	color:#fff;
	}

#navigation a:hover {
	background-image:url(2010/images/bg_navigation2.gif);
	background-color:#e00;
	color:#fff;
	}

#navigation a.under_c {
	color:#999;
	}

#navigation a.under_c:hover {
	background-color:#555;
	color:#999;
	}



/* for top page -------------------- */

div.top_menu a {
	width:170px;
	display:block;
	float:left;
	background-image:url(2010/images/bg_side_bar.gif);
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	}

div.top_menu a:hover {
	background-image:url(2010/images/bg_side_bar_hover.gif);
}


/* for side bar -------------------- */

div.side_title {
	width:170px;
	margin:10px 0 0 0;
	padding:1px 2px;
	font-size:11px;
	font-family:arial, helvetica;
	color:#fff;
	background-image:url(2010/images/bg_side_title.gif);
	background-repeat: repeat-y;
}

div.side_bar a {
	display:block;
	background-image:url(2010/images/bg_side_bar.gif);
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	}

div.side_bar a:hover {
	background-image:url(2010/images/bg_side_bar_hover.gif);
}

div.side_bar_nep a {
	display:block;
	background-image:url(2010/images/side_nepros.gif);
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	}

div.side_bar_nep a:hover {
	background-image:url(2010/images/side_nepros2.gif);
}




/* common style -------------------- */


a {
	text-decoration:none;
	}

a:hover {
	color:#f00;
	text-decoration:underline;
	}

h1 {
	margin:0px;
	}

h2 {
	height:20px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	background-image:url(2010/images/bg_h2.gif);
	background-repeat:repeat-x;
	text-align:left;
	margin:20px 5px 5px 5px;
	padding:2px 10px;
	letter-spacing:0.1em;
	}

h2.lineup {
	height:20px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-image:url(2010/images/bg_h2.gif);
	background-repeat:repeat-x;
	text-align:left;
	margin:20px 5px 0px 5px;
	padding:2px 10px 0px 10px;
	letter-spacing:0.1em;
	}


h3 {
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background-image:url(2010/images/bg_h3.jpg);
	margin:30px 0px 0px 10px;
	padding:3px;
	width:560px;
	text-align:left;
	}


h3 span.h3 {
	color:#fff;
	font-size:12px;
	padding:2px;
	margin:2px;
	line-height:1.5em;
	}



div.price1 {
	margin:5px 0px 0px 10px;
	padding-left:10px;
	width:320px;
	font-size:14px;
	}

div.price2 {
	margin:0px 0px 5px 10px;
	padding-left:10px;
	width:320px;
	font-size:14px;
	color:#f00;
	font-weight:bold;
	border-top:1px solid #333;
	border-bottom:3px solid #f00;
	}

span.price3 {
	font-size:24px;
/*	text-decoration:line-through;	*/
	}

span.hyojunkouriprice {
	background-color:#f30;
	color:#fff;
	padding:1px;
	margin:2px;
}



h4 {
	font-size:12px;
	font-weight:bold;
	margin:20px 10px 10px 10px;
	padding:2px;
	border: 1px solid #333;
	width:120px;
	text-align:center;
	clear:both;
	}

h5 {
	font-size:12px;
	font-weight:bold;
	margin-left:20px;
	}

p {
	font-size:12px;
	font-weight:normal;
	color:#333;
	text-align:left;
	margin:2px 5px 10px 5px;
	letter-spacing:0.1em;
	}

div.catch  {
	font-size:18px;
	font-weight:bold;
	color:#333;
	text-align:center;
	margin:0px;
	}

div.annot {
	font-size:12px;
	font-weight:bold;
	font-family:monospace;
	text-indent:-1em;
	text-align:left;
	margin:5px 20px 10px 30px;
	}

div.caption {
	font-size:12px;
	font-weight:normal;
	margin:0px 0px 10px 0px;
	}

sup {
	font-weight:bold;
	font-size:10px;
	vertical-align:text-top;
	}

span.sq63 {
	color:#fff;
	font-size:12px;
	background-color:#00f;
	padding:2px;
	margin:2px;
	line-height:1.5em;
	}

span.sq95 {
	color:#fff;
	font-size:12px;
	background-color:#f00;
	padding:2px;
	margin:2px;
	line-height:1.5em;
	}

span.sq127 {
	color:#fff;
	font-size:12px;
	background-color:#090;
	padding:2px;
	margin:2px;
	line-height:1.5em;
	}

span.inch {
	color:#fff;
	font-size:12px;
	background-color:#060;
	padding:2px;
	margin:2px;
	line-height:1.5em;
	}

span.remark {
	font-size:12px;
	font-weight:bold;
	margin:2px;
	padding:2px;
	}

span.new {
	color:#ffc;
	font-size:12px;
	font-weight:bold;
	margin:2px;
	padding:2px;
	}

span.good_design {
	color:#fff;
	background-color:#000;
	padding:2px 10px;
	}

a.refer,a.pagetop {
	clear:both;
	display:block;
	margin:10px 1px 5px 1px;
	padding:2px;
	color:#000;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	border:1px solid #ccc;
	background-image:url(2010/images/bg_refer1.gif);
	}

a.refer:hover,a.pagetop:hover {
	background-image:url(2010/images/bg_refer2.gif);
	border:1px solid #999;
	text-decoration:none;
	}



/* lineup -------------------- */

table.lineup {
	margin:0px 5px 20px 5px;
	border:none;
	}


/* box-item -------------------- */


div.box-item {
	margin-left:0px;
	}

.box-item a {
	display:block;
	width:170px;
	text-align:left;
	float:left;
	margin:5px;
	padding:0;
	font-weight:bold;
	font-size:12px;
	line-height:1.5em;
	border:1px solid #999;
	text-decoration:none;
	background-color:#fff;
	}

.box-item span.no {
	background-image:url(2010/images/bg_no.gif);
	color:#fff;
	padding:2px 2px 0px 5px;
	display:block;
	}

.box-item a:hover {
	background-color:#fdd;
	text-decoration:none;
	}

.box-item img {
	text-decoration:none;
	display:block;
	border:none;
	float:left;
	margin:1px;
	}

.box-item span.spec {
	color:#000;
	font-weight:normal;
	padding:2px 0px 0px 2px;
	}

.box-item span.price {
	color:#f00;
	border-bottom:3px solid #f00;
	display:block;
	margin:5px 10px 0px 66px;
	}


/* for storage -----------------------------*/

.title_storage {
	background-image:url(2010/images/bg_h2.gif);
	color:#fff;
	padding:2px 2px 0px 5px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	}

a.box_storage {
	display:block;
	margin:1px;
	padding:1px;
	width:70px;
	float:left;
	text-decoration:none;
	}

a.box_storage:hover {
	background-color:#fdd;
}

span.no_storage {
	display:block;
	font-size:12px;
	color:#000;
	margin:0px;
	}

span.price_storage {
	display:block;
	color:#f00;
	font-size:12px;
	font-weight:bold;
	border-bottom:3px solid #f00;
	margin:0px;
	}



/* for special page -----------------------------*/


.special-bg {
	text-align:center;
	width:520px;
	margin:10px 10px 10px 20px;
	padding:20px;
	background-image:url(2008/images/bg_special.jpg);
	}

.special-menu a {
	display:block;
	width:480px;
	text-align:left;
	line-height:1em;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	padding:5px;
	color:#000;
	background-color:#fff;
	border:1px solid #999;
	text-decoration:none;
	}

.special-menu a:hover {
	background-color:#fdd;
	color:#000;
	}

.special-menu img {
	float:right;
	margin:2px 10px;
	clear:right;
	}

#special {
	text-align:left;
	margin:5px;
	padding:5px;
	background-image:url(2009/images/bg_special.jpg);
	}

#special h3{
	font-size:16px;
	text-align:center;
	background-color:#f00;
	color:#fff;
	margin:20px 0px;
	padding:2px;
	}

#special div.summary {
	margin:20px 40px;
	padding:10px;
	text-align:left;
	border:1px solid #666;
	background-color:#fff;
	font-size:14px;
	}



/* for promotion site -----------------------------*/

#pr div.summary {
	margin:50px;
	padding:10px;
	text-align:left;
	border:1px solid #666;
	}

#pr dl {
	margin:20px 30px
	}

#pr dt {
	border-left:#555 10px solid;
	margin-top:10px;
	padding-left:5px;
	font-weight:bold;
	}

#pr a {
	font-weight:bold;
	text-decoration:none;
	}
		
#pr a:hover {
	text-decoration:underline;
	color:#f00;
	}

#pr ul {
	margin:10px 30px 20px 10px;
	}

	
#pr li {
	margin-bottom:10px;
	}

#pr p {
	font-size:100%;
	}

/* for spec page --------- */

table.cont {
	margin:0px 10px 0px 20px;
	border-top:1px solid #333;
	font-size:12px;
	width:570px;
	border-collapse: collapse; 
	}

table.cont td.name {
	border-bottom:1px solid #000;
	background-color:#eee;
	}

table.cont td.no {
	border-bottom:1px solid #333;
	}

table.spec {
	font-size:12px;
	border-collapse: collapse;
	border-top:1px solid #333;
	width:360px;
	margin:0px 10px 0px 20px;
	}

table.spec th {
	border-bottom:1px solid #333;
	text-align:left;
		padding:2px;
	}

table.spec td {
	border-bottom:1px solid #333;
	padding:2px;
	}


ul.feature {
	font-size:14px;
	letter-spacing:0.1em;
	margin-left:30px;
}

ul.feature li {
	margin-bottom:5px;
	}


/* for footer --------- */
	div.footer {
	padding:2px 10px;
	}

	div.footer a {
	text-decoration:none;
	}

	div.footer a:hover {
	text-decoration:underline;
	}