html {
	height:100%;
	overflow-y: scroll;
}
body {
	margin: 0px;
	-webkit-text-size-adjust: none;
}
/* ブロックと段落==================================================================================== */
div,p {
	font-size: 12px;
	line-height: 150%;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

/* リンク============================================================================================ */
a:link {
	color: #848CBD;
	text-decoration: none;
}
a:visited {
	color: #848CBD;
	text-decoration: underline;
}
a:hover {
	color: #6A5ACD;
	text-decoration: underline;
}
a:active {
	color: #848CBD;
	text-decoration: underline;
}

/* 親要素の背景を小要素の背景にも適応させるハック（clearfix）=========================================== */
/**/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
.clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */
/**/
/* ================================================================================================= */
/* ヘッダー========================================================================================== */
div#header {
	width: 950px;
	height: 90px;
	margin: 0px auto;
}
/* ヘッダー以下を内包するブロック====================================================================== */
div#container {
	width: 910px;
	height: auto !important;
	margin: 0px auto;
	padding-right: 20px;
	padding-left: 20px;
}

/* ブラウザを縮めてスクロールした時の背景切れを防ぐハック */
/**/
body > #container {height: auto;}
/**/
/* 親要素の背景を小要素の背景にも適応させるハック */
/**/
* html #container {
	overflow: visible;
}

/* ニュースティッカー================================================================================ */	
div#container div#newtopics {
	background-image: url(img/newtopics_back.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width: 908px;
	height: 24px;
	margin-top: 20px;
	border: 1px solid #999999;
}
/* ニュースティッカー：見出し */
div#container div#newtopics div#topics_midashi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 80px;
	height: 20px;
	float: left;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-left: 8px;
}
/* ニュースティッカー：トピックス */
div#container div#newtopics div#topics {
	font-family: Arial, Helvetica, sans-serif, Osaka, "ＭＳ Ｐゴシック";
	font-size: 10px;
	width: 820px;
	height: 18px;
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
}
			
/* グローバルナビゲーション=========================================================================== */
div#container div#gnavi {
	width: 200px;
	height: auto;
	float: left;
	margin-top: 50px;
}
div#container div#gnavi ul {
	width: 200px;
	margin: 0px;
	padding: 0px;
}
div#container div#gnavi li {
	width: 200px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
/* ショッピング・インフォメーション */
div#container div#gnavi li.shopinfo {
	width: 200px;
	height: 40px;
	padding-bottom: 10px;
}
/* 2段階目 */
div#container div#gnavi li.step2 {
	background-attachment: scroll;
	background-image: url(img/gnavi_step2back.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 172px;
	height: 14px;
	margin: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 28px;
}

div#container div#gnavi li.step2last {
	width: 172px;
	height: 14px;
	background-image: url(img/gnavi_step2lastback.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 28px;
}
			
/* コンテンツ======================================================================================== */
div#container div#contents {
	width: 670px;
	height: auto;	
	float: right;
	margin-top: 30px;
	margin-left: 20px;
}
/* yano directのトップへ */
div#container div#contents div#button_directtop {
	text-align: right;
	height: 15px;
	padding-bottom: 5px;
}
/* 内容表示部分 */
div#container div#contents div#maincontents {
	width: 628px;
	height: auto;
	padding: 20px;
	border: 1px solid #666666;
}
/* ================================================================================================= */
/* トップページ====================================================================================== */

/* 左側バナー---------------------------------------------------- */
div#container div#contents div#maincontents img.topbanner_lef {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}

/* 右側バナー---------------------------------------------------- */
div#container div#contents div#maincontents img.topbanner_rig {
	float: right;
	margin-top: 10px;
	margin-bottom: 20px;
}

/* ヤノ電器のロングライフ提案------------------------------------- */
div#container div#contents div#maincontents div#longlife {
	color: #333366;
	padding: 10px;
	height: 290px;
	border: 1px solid #333366;
	background-image: url(img/longlife_back.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 606px;
	clear: both;
}
/* 内容 */
div#container div#contents div#maincontents div#longlife div#naiyou {
	width: 300px;
	float: left;
	margin-top: 50px;
}
div#container div#contents div#maincontents div#longlife div#naiyou p {
	margin-bottom: 12px;
}
/* イメージ */
div#container div#contents div#maincontents div#longlife img {
	float: right;
	margin-left: 10px;
}


/* 新商品・オススメ商品を内包するブロック-------------------------- */
div#container div#contents div#maincontents div#new_arival {
	background-image: url(img/arival_back.gif);
	background-repeat: repeat-y;
	background-position: center top;
	width: 628px;
	height: auto;
	clear: both;
	margin-top: 20px;
	margin-bottom: 10px;
}

/* 新商品・オススメ商品のリスト */
div#container div#contents div#maincontents div#new_arival ul {
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 12px;
}
div#container div#contents div#maincontents div#new_arival li {
	margin-bottom: 10px;
	line-height: 175%;
}
/* 新商品 */
div#container div#contents div#maincontents div#new_arival div#new_product {
	text-align: left;
	width: 305px;
	height: auto;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
/* オススメ商品 */
div#container div#contents div#maincontents div#new_arival div#picup {
	text-align: left;
	width: 305px;
	height: auto;
	float: right;
}

/* ================================================================================================= */
/* 商品ページ======================================================================================= */
/* ◆カテゴリタイトル---------------------------------------------- */
div#container div#contents div#maincontents img.category_title {
	margin-bottom: 10px;
}

/* カテゴリの説明------------------------------------------------ */
div#container div#contents div#maincontents div#category_intro {
	color: #333366;
	background-image: url(img/categori_introback.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	padding: 5px;
}

/* ◆注文方法についての記載----------------------------------------- */
div#container div#contents div#maincontents p.howto_order {
	margin: 10px 0px 10px 0px;
	padding: 5px;
}

/* ◆FAXオーダーフォームのダウンロード------------------------------ */
div#container div#contents div#maincontents p.faxform_dl {
	text-align: right;
	margin: 10px 0px 10px 0px;
	padding: 5px;
}
/* ◆税についての記載----------------------------------------- */
div#container div#contents div#maincontents p.tax {
	text-align: right;
	margin: 10px 0px 10px 0px;
	padding: 5px;
}
/* ◆注文方法についての記載----------------------------------------- */
div#container div#contents div#maincontents p.product_none {
	font-weight: bold;
	margin: 10px 0px 10px 0px;
	padding: 5px 5px 310px 5px;
}
/* ◆シリーズごとに分けるブロック----------------------------------- */
div#container div#contents div#maincontents div.product {
	width: 626px;
	height: auto;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	border: 1px solid #666666;
}
/* 親要素の背景を小要素の背景にも適応させるハック（clearfix）------ */
/**/
div#container div#contents div#maincontents div.product:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
div#container div#contents div#maincontents div.product:after { display: inline-block; }
/* exlude MacIE5 \*/
div#container div#contents div#maincontents div.product:after { height: 1% }
div#container div#contents div#maincontents div.product:after {display:block;}
/* end MacIE5 */
/**/

/* ◆商品画像----------------------------------------------------- */
div#container div#contents div#maincontents div.product div.product_image {
	width: 150px;
	height: auto;
	float: left;
	padding: 10px;
}


/* ◆商品概要----------------------------------------------------- */
div#container div#contents div#maincontents div.product div.product_outline {
	text-align: left;
	height: auto;
	width: 436px;
	float: left;
	padding: 10px;
}

div#container div#contents div#maincontents div.product div.product_outline p {
	margin: 20px 0px 0px;
	padding: 0px;
}

/* ◆シリーズロゴ-------------------------------------------------- */
.product .product_outline .logo {
	padding-top: 10px;
	padding-bottom: 10px;
}
/* ◆商品名-------------------------------------------------------- */
div#container div#contents div#maincontents div.product div.product_outline h3 {
	font-size: 14px;
	text-indent: -14px;
	margin: 10px 0px 5px 14px;
	padding: 0px;
}
/* ◆容量など------------------------------------------------------ */
div#container div#contents div#maincontents div.product div.product_outline p.volume {
	font-weight: bold;
	margin: 0px 0px 0px 14px;
	padding: 0px;
}
/* ◆数量---------------------------------------------------------- */
div#container div#contents div#maincontents div.product div.product_outline p.quantity {
	font-weight: bold;
	color: #CC0000;
	font-size: 14px;
	margin-top: 5px;
	margin-left: 20px;
}
/* ◆特記事項など--------------------------------------------------- */
div#container div#contents div#maincontents div.product div.product_outline p.comment {
	margin: 10px 5px 20px 20px;
}
div#container div#contents div#maincontents div.product div.product_outline p.comment_ue {
	margin: 10px 5px 20px;
}
div#container div#contents div#maincontents div.product div.product_outline p.comment_ue10px {
	font-size: 10px;
	margin: -15px 5px 20px;
}

/* ◆価格---------------------------------------------------------- */
div#container div#contents div#maincontents div.product div.product_outline p.price {
	text-align: right;
	margin-top: 5px;
	margin-bottom: 20px;
	border-bottom: 1px solid #666666;
	line-height: 175%;
}
div#container div#contents div#maincontents div.product div.product .product_outline p.price_long {
	text-align: right;
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #666666;
}
/* ◆通常価格------------------------------------------------------ */
div#container div#contents div#maincontents div.product div.product_outline p.price span.normalprice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
}
/* ◆通常価格（消し）------------------------------------------------------ */
div#container div#contents div#maincontents div.product div.product_outline p.price span.normalprice_del {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	text-decoration: line-through;
}
/* ◆特別価格------------------------------------------------------ */
div#container div#contents div#maincontents div.product div.product_outline p.price span.specialprice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	color: #CC0000;
	font-weight: bold;
}
/* ◆価格お問い合せ------------------------------------------------------ */
div#container div#contents div#maincontents div.product div.product_outline p.contactprice {
	color: #CC0000;
	text-align: right;
}

/* ◆FAXオーダーフォームボタン--------------------------------- */
div#container div#contents div#maincontents div.product div.product_outline p.button_faxorder {
	text-align: right;
	margin-top: 10px;
	margin-right: 5px;
}

/* ------------------------------------------------------------------------ */
/* ◆特長---------------------------------------------------------- */
div#container div#contents div#maincontents div.product div.feature {
	width: 626px;
	height: auto;
	clear: both;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}
div#container div#contents div#maincontents div.product div.feature p {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}
/* ◆商品の詳細（外部ページ）へのリンク */
div#container div#contents div#maincontents div.product div.feature p.outlink {
	margin: 15px 10px 10px 10px;
}
/* ◆黄色背景・特長の箇条書き */
div#container div#contents div#maincontents div.product div.feature h4 {
	font-family: Arial, Helvetica, sans-serif, Osaka, "ＭＳ Ｐゴシック";
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background-color: #FFCC00;
	text-align: center;
	width: 622px;
	margin: 0px;
	padding: 2px;
}
/* ◆青色見出し */
div#container div#contents div#maincontents div.product div.feature h5 {
	font-size: 12px;
	color: #0066CC;
	margin: 0px 0px 10px 8px;
}
/* ◆商品構成（主に限定商品で使用） */
div#container div#contents div#maincontents div.product div.feature div.attach {
	margin-bottom: 10px;
	margin-right: 5px;
	margin-left: 5px;
}
div#container div#contents div#maincontents div.product div.feature div.attach p {
	margin-bottom: 10px;
	margin-left: 20px;
}

/* ◆中古品の説明----------------------------------------------------- */

div#container div#contents div#maincontents div.product div.feature div.attach p.old_point {
	color: #CC0000;
	text-indent: -12px;
	background-color: #FFCCCC;
	padding: 5px 5px 5px 17px;
	margin: 0px 0px 10px;
}


/* 通常商品========================================================================================= */

/* ◆カテゴリ------------------------------------------------------ */
div#container div#contents div#maincontents h2.category {
	font-size: 14px;
	background-image: url(img/categori_introback.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	margin: 0px 0px 10px 0px;
	padding: 2px 0px 2px 5px;
	border-left: 5px solid #333399;
}

/* ◆商品のカテゴリ（例：1000BASE-T対応 NAS RAID）------------------- */
div#container div#contents div#maincontents div.product div.product_outline p.product_category {
	font-size: 10px;
	background-color: #EEEEEE;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	padding: 2px;
}

/* ◆ラインナップリスト---------------------------------------------- */
div#container div#contents div#maincontents div.product div.product_outline table.lineup {
	margin-top: 10px;
	border-top: 1px solid #666666;
}

div#container div#contents div#maincontents div.product div.product_outline table.lineup th {
	font-weight: normal;
	background-color: #99CCFF;
	border-bottom: 1px solid #666666;
	text-align: center;
}

div#container div#contents div#maincontents div.product div.product_outline table.lineup td {
	border-bottom: 1px solid #666666;
	padding: 2px;
}

/* ◆商品タイプ */
div#container div#contents div#maincontents div.product div.product_outline table.lineup td.type {
	background-color: #CCCCCC;
	padding-top: 1px 0px 1px 4px;
}

/* ◆このページのトップへ-------------------------------------------- */
div#container div#contents div#maincontents div.product .pagetop {
	font-size: 10px;
	text-align: right;
	width: 610px;
	height: auto;
	clear: both;
	margin: 0px;
	padding-top: 10px;
	padding-right: 16px;
	padding-left: 0px;
}

/* ◆フォントパッケージの設定================================================ */

/* ◆祐筆：基本版とオプション版の違い------------------------------------------ */
div#container div#contents div#maincontents div.product div.feature table#bace_option {
	width: 594px;
	margin-left: 20px;
	margin-bottom: 20px;
	border-collapse: collapse;
	margin-top: 5px;
}
div#container div#contents div#maincontents div.product div.feature table#bace_option th.koumoku_yoko {
	font-weight: normal;
	background-color: #99CCFF;
	text-align: center;	
}
div#container div#contents div#maincontents div.product div.feature table#bace_option th.koumoku_tate {
	font-weight: normal;
	background-color: #FFFFCC;
	text-align: left;
	padding-left: 10px;
}
div#container div#contents div#maincontents div.product div.feature table#bace_option td {
	text-align: center;
}

/* ◆フォントパッケージの仕様------------------------------------------------- */
div#container div#contents div#maincontents div.product div.feature table.spec {
	width: 594px;
	margin-left: 20px;
	margin-bottom: 20px;
	border-collapse: collapse;
	margin-top: 5px;
}
div#container div#contents div#maincontents div.product div.feature table.spec th {
	font-weight: normal;
	background-color: #EEEEEE;
	text-align: left;
	padding-left: 10px;
}

/* フッター========================================================================================== */
#footer {
	background-attachment: fixed;
	background-image: url(img/footer_back.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	width: 950px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
/* 連絡先 */
#footer .add {
	margin-bottom: 20px;
}


/* ================================================================================================== */
/* ◆ショッピング・インフォメーション=================================================================== */

div#container div#contents div#maincontents div#shopinfo {
	height: auto;
	margin-bottom: 20px;
}


/* 親要素の背景を小要素の背景にも適応させるハック（clearfix）=========================================== */
/**/
div#container div#contents div#maincontents div#shopinfo:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
div#container div#contents div#maincontents div#shopinfo:after { display: inline-block; }
/* exlude MacIE5 \*/
div#container div#contents div#maincontents div#shopinfo:after { height: 1% }
div#container div#contents div#maincontents div#shopinfo:after {display:block;}
/* end MacIE5 */
/**/

div#container div#contents div#maincontents div#shopinfo p {
	margin: 0px 18px;
}
/* ※ */
#shopinfo p.indent {
	text-indent: -12px;
	padding-left: 12px;
}

/* ◆見出し---------------------------------------------------------- */
div#container div#contents div#maincontents div#shopinfo h2.shopinfo_midashi {
	font-size: 14px;
	color: #000099;
	margin: 0px;
	padding: 10px 0px;
}
/* ◆お支払い方法について／返品・交換についての表 */
div#container div#contents div#maincontents div#shopinfo div.shiharai {
	margin: 0px 15px;
	padding: 0px;
	border-right: 1px solid #000099;
	border-bottom: 1px solid #000099;
	border-left: 1px solid #000099;
}
div#container div#contents div#maincontents div#shopinfo div.shiharai p {
	margin-top: 10px;
	margin-bottom: 10px;
}
/* 表の見出し------------------------------------------------------ */
div#container div#contents div#maincontents div#shopinfo div.shiharai h3 {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000099;
	margin: 0px;
	padding: 2px;
	border: 1px solid #000099;
}
/* 代引の価格表 */
div#container div#contents div#maincontents div#shopinfo div.shiharai table#daibiki {
	width: 470px;
	height: auto;
	margin-left: 14px;
	border-collapse: collapse;
}
/* 代引の価格表の項目 */
div#container div#contents div#maincontents div#shopinfo div.shiharai table#daibiki th {
	background-color: #6699CC;
	color: #333333;
}
/* 代引の表の商品価格合計 */
div#container div#contents div#maincontents div#shopinfo div.shiharai table#daibiki td.kakaku {
	background-color: #EEEEEE;
	text-align: right;
}

/* トップページ======================================================================================== */




/* 長期休暇のお知らせ================================================================================== */

div#container div#contents div#maincontents div#oyasumi {
	background-color: #FFFFCC;
	padding: 10px;
	margin-bottom: 15px;
}
div#container div#contents div#maincontents div#oyasumi h4 {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
div#container div#contents div#maincontents div#oyasumi p {
	margin-top: 10px;
}

/* ================================================================================================== */

/* ◆フォントサイズ------------------------------------------- */

.f10px {
	font-size: 10px;
}
.f10px_areal {
	font-family: Arial, Helvetica, sans-serif, Osaka, "ＭＳ Ｐゴシック";
	font-size: 10px;
}
.f12px {
	font-size: 12px;
}

/* ◆NEWマーク------------------------------------------------ */
span.new {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	color: #CC0000;
}
div#sale_intro {
	margin-top: 20px;
	padding: 5px;
}
div#sale_intro p {
	margin-bottom: 12px;
}
div#limitpr {
	background-image: url(img/limit_prbanner3_back.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 237px;
	width: 618px;
	margin-bottom: 10px;
	padding-top: 33px;
	padding-left: 10px;
	text-align: left;
}
div#container div#contents div#maincontents div#oyasumi {
	background-color: #FFEBCD;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}
div#container div#contents div#maincontents div#oyasumi p {
	margin-top: 0px;
	margin-bottom: 10px;
}
div.pricelist_red {
	color: #FFF;
	background-color: #C00;
	padding: 4px;
}
table.lineup td.nouki {
	font-size: 11px;
	color: #C00;
	text-align: center;
}
img.topbanner {
	margin-bottom: 10px;
}