@charset "utf-8";

/*------------------------------------------------------------------------------
BNGI - CSS Modules Import
Date: 2010-04-27
Copyright (C) BNGI. All Rights Reserved.
------------------------------------------------------------------------------*/


/* ----------------------------------------

Redefine

---------------------------------------- */

html {
 overflow-y: scroll;
}

body {
	line-height: 1.67;
	background-color: #f9f9f9;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #444;
}

a:link {
	color: #0044cc;
	text-decoration: none;
}

a:visited {
	color: #704a99;
	text-decoration: none;
}

a:hover,
a:visited:hover {
	text-decoration: underline;
}

a:active {
	color: #0044cc;
}

/* -- 必要な箇所だけに指定する場合は削除 -- */

img {
	vertical-align: bottom;
}

/* ----------------------------------------
IE6,7 で font-size 11px を使用する場合は日本語フォントを明示的に指定する
---------------------------------------- */

* html body,
* html body input,
* html body select {
    font-family: 'ＭＳ Ｐゴシック', Verdana, Arial, Helvetica, Sans-Serif;
}

*:first-child+html body,
*:first-child+html body input,
*:first-child+html body select {
    font-family: 'メイリオ','ＭＳ Ｐゴシック', Verdana, Arial, Helvetica, Sans-Serif;
}


/* ----------------------------------------

Container

---------------------------------------- */

div#Container {
	width: 950px;
	margin: 0 auto;
	background: #fff url(/common/img/css/bg_sub_01.png) 0 0 repeat-y;
	font-size: 92.4%; /* fontsize 12px */
}

div#Container.Cart,
div#Container.Products {
	background-image: none;
}
div#Container.Products {
	background-image: none;
}

/* ----------------------------------------

子要素のフォントサイズ指定は以下を参照

http://aloestudios.com/tools/emchart/

例)
基準フォントサイズが13pxで、
特定の要素を12pxにしたい時は92.4%と指定

---------------------------------------- */


/* ----------------------------------------

Header

---------------------------------------- */

div#Header {
	padding-left: 10px;
}

div#HeaderProducts {
	padding-left: 1px;
}

div#HeaderCart {
	height: 67px;
}

div#Header p.Skip,
div#HeaderCart p.Skip,
div#HeaderProducts p.Skip {
	height: 0;
	width: 0;
	overflow: hidden;
}

div#Header h1#SiteID,
div#Header p#SiteID,
div#HeaderCart p#SiteID,
div#HeaderProducts p#SiteID {
	float: left;
	display: inline;
	width: 180px;
	margin-right: 10px;
}
div#HeaderCart p#SiteID {
	width: 227px;
	margin-right: 0px;
}
div#HeaderProducts p#SiteID {
	margin-left: 1px;
	width: auto;
	margin-right: 0px;
}

div#HeadWrapper {
	width: 198px;
	padding: 0 1px;
	float: left;
	background: #fff url(/common/img/css/bg_sub_01.png) 0 0 repeat-y;
}

div#HeaderProducts div#WordSearchSec {
	height: 43px;
	width: 198px;
	float: left;
	padding: 4px 0 6px 0;
	background: #fff url(/common/img/css/bg_WordSearch_03.png) no-repeat left bottom;
}

div#HeaderProducts div#WordSearch01 {
	width: 198px;
	text-align: center;
}

div#HeaderProducts div#WordSearch01 input.Text {
	width: 110px;
}

div#HeaderProducts div#WordSearch01 a {
	padding-left: 10px;
	background: url(/common/img/css/icon_arrow_01.png) 0 50% no-repeat;
	font-size: 83.4%;
}

p#Tagline01 {
	float: left;
	width: 300px;
	height: 26px;
	padding-left: 14px;
	background: url(/common/img/css/bg_sprite_01.png) 0 0 no-repeat;
	line-height: 24px;
	overflow: hidden;
	font-weight: 700;
	font-size: 83.4%;
	color: #fff;
}

/* -- FuncNav -- */

div#Header ul#FuncNav01,
div#HeaderProducts ul#FuncNav01 {
	float: left;
	width: 435px;
	margin-bottom: 10px;
}

div#Header ul#FuncNav01 li,
div#HeaderProducts ul#FuncNav01 li {
	float: left;
}

div#Header ul#FuncNav01 li a,
div#HeaderProducts ul#FuncNav01 li a {
	display: block;
	height: 26px;
	background-image: url(/common/img/css/bg_sprite_01.png);
	line-height: 0;
	text-indent: -9999em;
}

ul#FuncNav01 li#FNav01_01 { width: 132px;}
ul#FuncNav01 li#FNav01_01 a { width: 132px; background-position: 0 -36px;}
ul#FuncNav01 li#FNav01_01 a:hover { background-position: 0 -72px;}
ul#FuncNav01 li#FNav01_02 { width: 185px;}
ul#FuncNav01 li#FNav01_02 a { width: 185px; background-position: 0 -108px; }
ul#FuncNav01 li#FNav01_02 a:hover { background-position: 0 -144px; }
ul#FuncNav01 li#FNav01_03 { width: 118px;}
ul#FuncNav01 li#FNav01_03 a { width: 118px; background-position: 0 -180px; }
ul#FuncNav01 li#FNav01_03 a:hover { background-position: 0 -216px; }

div#Header ul#FuncNav02,
div#HeaderCart ul#FuncNav02,
div#HeaderProducts ul#FuncNav02  {
	float: left;
	width: 374px;
	margin-right: -8px;
	margin-left: 7px;
	overflow: hidden;
}

div#HeaderCart ul#FuncNav02 {
	float: right;
	margin-right: 30px;
	text-align: right;
	display: inline;
}

div#Header ul#FuncNav02 li,
div#HeaderCart ul#FuncNav02 li,
div#HeaderProducts ul#FuncNav02 li  {
	display: inline;
	margin-right: 8px;
	margin-left: -1px;
	padding-left: 9px;
	border-left: 1px solid #d3d3d3;
	line-height: 1.2;
}

div#HeaderCart ul#FuncNav02 li {
	margin-right: -1px;
	margin-left: 8px;
	padding-right: 9px;
	padding-left: 0;
	border-right: 1px solid #d3d3d3;
	border-left: none;
}

div#Header ul#FuncNav03,
div#HeaderProducts ul#FuncNav03 {
	float: left;
	width: 355px;
	height: 22px;
}

div#Header ul#FuncNav03 li,
div#HeaderProducts ul#FuncNav03 li {
	float: left;
	display: inline;
	margin-left: 3px;
}

div#Header ul#FuncNav03 li a,
div#HeaderProducts ul#FuncNav03 li a {
	display: block;
	height: 22px;
	background-image: url(/common/img/css/bg_sprite_01.png);
	line-height: 0;
	text-indent: -9999em;
}

ul#FuncNav03 li#FNav03_01 { width: 154px;}
ul#FuncNav03 li#FNav03_01 a { width: 154px; background-position: 0 -252px;}
ul#FuncNav03 li#FNav03_01 a:hover { background-position: 0 -284px;}
ul#FuncNav03 li#FNav03_02 { width: 96px;}
ul#FuncNav03 li#FNav03_02 a { width: 96px; background-position: 0 -316px; }
ul#FuncNav03 li#FNav03_02 a:hover { background-position: 0 -348px; }
ul#FuncNav03 li#FNav03_03 { width: 96px;}
ul#FuncNav03 li#FNav03_03 a { width: 96px; background-position: 0 -380px; }
ul#FuncNav03 li#FNav03_03 a:hover { background-position: 0 -412px; }


ul#FuncNav03 li#FNav03_04 { width: 96px;}
ul#FuncNav03 li#FNav03_04 a { width: 96px; background-position: 0 -1256px; }
ul#FuncNav03 li#FNav03_04 a:hover { background-position: 0 -1289px; }

/* -- Global Nav -- */

div#Header ul#GlobalNav01,
div#HeaderProducts ul#GlobalNav01 {
	float: right;
	width: 720px;
	height: 31px;
	margin-top: 10px;
	padding-right: 15px;
}

/* APPLY-IE7 */
*:first-child+html div#HeaderProducts ul#GlobalNav01 {
	margin-top: 13px;
}
/* APPLY-IE6 */
* html div#HeaderProducts ul#GlobalNav01 {
	margin-top: 10px;
}
div#HeaderProducts ul#GlobalNav01 {
	margin-top: 16px;
}

div#Header ul#GlobalNav01 li,
div#HeaderProducts ul#GlobalNav01 li {
	float: left;
	width: 158px;
}

div#Header ul#GlobalNav01 li a,
div#HeaderProducts ul#GlobalNav01 li a {
	display: block;
	width: 158px;
	height: 31px;
	background-image: url(/common/img/css/bg_sprite_01.png);
	line-height: 0;
	text-indent: -9999em;
}

div#Header ul#GlobalNav01 li#GNav01,
div#HeaderProducts ul#GlobalNav01 li#GNav01 { width: 88px;}
div#Header ul#GlobalNav01 li#GNav01 a,
div#HeaderProducts ul#GlobalNav01 li#GNav01 a { width: 88px; background-position: 0 -540px;}
div#Header ul#GlobalNav01 li#GNav01 a:hover,
div#HeaderProducts ul#GlobalNav01 li#GNav01 a:hover { background-position: 0 -581px;}
div#Header ul#GlobalNav01 li#GNav02 a,
div#HeaderProducts ul#GlobalNav01 li#GNav02 a { background-position: 0 -622px;}
div#Header ul#GlobalNav01 li#GNav02 a:hover,
div#HeaderProducts ul#GlobalNav01 li#GNav02 a:hover { background-position: 0 -663px;}
div#Header ul#GlobalNav01 li#GNav03 a,
div#HeaderProducts ul#GlobalNav01 li#GNav03 a { background-position: 0 -704px;}
div#Header ul#GlobalNav01 li#GNav03 a:hover,
div#HeaderProducts ul#GlobalNav01 li#GNav03 a:hover { background-position: 0 -745px;}
div#Header ul#GlobalNav01 li#GNav04 a,
div#HeaderProducts ul#GlobalNav01 li#GNav04 a { background-position: 0 -786px;}
div#Header ul#GlobalNav01 li#GNav04 a:hover,
div#HeaderProducts ul#GlobalNav01 li#GNav04 a:hover { background-position: 0 -827px;}
div#Header ul#GlobalNav01 li#GNav05 a,
div#HeaderProducts ul#GlobalNav01 li#GNav05 a { background-position: 0 -868px;}
div#Header ul#GlobalNav01 li#GNav05 a:hover,
div#HeaderProducts ul#GlobalNav01 li#GNav05 a:hover { background-position: 0 -909px;}

/* -- NOSCRIPT -- */

p#Noscript {
	width: 890px;
	margin: 10px auto 0;
	padding: 15px 13px;
	border: 2px solid #ccc;
	color: #444;
}

/* ----------------------------------------

Content

---------------------------------------- */

div#Content {
}

/* ----------------------------------------

Content - Main

---------------------------------------- */

div#Main {
	float: right;
	width: 720px;
	padding: 10px 15px 0;
}

/* -- ExMain -- */

div#Main div#ExMain {
	float: left;
	width: 580px;
}

/* -- ExSub -- */

div#Main div#ExSub {
	float: right;
	width: 133px;
}

/* ----------------------------------------

Content - Sub

---------------------------------------- */

div#Sub {
	float: left;
	width: 180px;
	padding: 0 0 0 10px;
}

/* -- WordSearchSec -- */

div#Sub div#WordSearchSec {
	margin-bottom: 15px;
}

div#Sub div#WordSearch01 {
	position: relative;
	width: 200px;
	margin: 0 -10px;
	padding: 7px 0;
	background: url(/common/img/css/bg_subws_01.png) 0 0 repeat-y;
	text-align: center;
}

div#Sub div#WordSearch01 input.Text {
	width: 110px;
}

div#Sub div#WordSearch01 a {
	padding-left: 10px;
	background: url(/common/img/css/icon_arrow_01.png) 0 50% no-repeat;
	font-size: 83.4%;
}

/* -- SubList01 -- */

div#Sub div.SubList01 {
	width: 178px;
	margin-top: 10px;
	border: 1px solid #ccc;
	overflow: hidden;
}

div#Sub div.SubList01 h3.SubTitStyle01 {
	width: 168px;
	padding: 3px 0 3px 10px;
	border-bottom: 1px solid #ccc;
	font-weight: 700;
	color: #da0011;
}

div#Sub div.SubList01 h4.SubTitStyle02 {
	margin: 10px 10px 2px 10px;
	padding-left: 5px;
	border-left: 2px solid #ccc;
	line-height: 1.2;
}

div#Sub div#CatList01 ul {
	margin-bottom: -1px;
	padding-bottom: 10px;
	padding-left: 25px;
	background: url(/common/img/css/line_dotted_01.png) 0 100% repeat-x;
}

div#Sub div#CatList02 ul {
	padding: 8px 10px 10px;
}

div#Sub div.SubList01 ul.Plain {
	padding: 8px 10px 10px !important;
}

div#Sub div.SubList01 ul.NoCat {
	padding-top: 8px !important;
	padding-bottom: 6px !important;
}

/* -- SubList02 -- */

div#Sub div.SubList02 {
	margin-bottom: 15px;
}

div#Sub div.SubList02 li {
	padding: 15px 10px 10px;
	background: url(/common/img/css/line_dotted_01.png) 0 100% repeat-x;
}

div#Sub div.SubList02 li h4 {
	width: 155px;
	height: 14px;
	margin-bottom: 6px;
	background-image: url(/common/img/css/bg_sprite_01.png);
	line-height: 0;
	text-indent: -9999em;
}

div#Sub div.SubList02 li p {
	min-height: 50px;
	height: auto !important;
	height: 50px;
	margin-bottom: 5px;
	padding-left: 60px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

div#Sub div.SubList02 li#SubMob h4 { background-position: 0 -516px;}
div#Sub div.SubList02 li#SubMM h4 { background-position: 0 -444px;}
div#Sub div.SubList02 li#SubAff h4 { background-position: 0 -468px;}
div#Sub div.SubList02 li#SubCpn h4 { background-position: 0 -492px;}

div#Sub div.SubList02 li#SubMob p { background-image: url(/common/img/css/subbg_mob_01.png);}
div#Sub div.SubList02 li#SubMM p { padding-left: 70px; background-image: url(/common/img/css/subbg_mm_01.png);}
div#Sub div.SubList02 li#SubAff p { background-image: url(/common/img/css/subbg_aff_01.png);}
div#Sub div.SubList02 li#SubCpn p { background-image: url(/common/img/css/subbg_cpn_01.png);}

/* -- SubList03 -- */

div#Sub div.SubList03 li {
	margin-bottom: 20px;
	text-align: center;
}

/* ----------------------------------------

Footer

---------------------------------------- */

div#Footer {
	background-color: #d00010;
}

div#Footer ul#FooterNav01 {
	float: left;
	display: inline;
	width: 670px;
	margin-left: 25px;
	padding: 10px 0 10px 0;
	overflow: hidden;
}

div#Footer ul#FooterNav01 li {
	display: inline;
	margin-right: 10px;
	margin-left: -1px;
	padding-left: 11px;
	border-left: 1px solid #fff;
	line-height: 1.2;
}

div#Footer ul#FooterNav01 li a {
	text-decoration: underline;
	color: #fff;
}

div#Footer ul#FooterNav01 li a:hover {
	text-decoration: none;
}

div#Footer p#Copyright {
	float: right;
	width: 200px;
	padding: 16px 25px 10px 0;
	color: #fff;
	line-height: 0;
}

/* ----------------------------------------

ClearFix (基本的にクラス指定では使用しない)

---------------------------------------- */

/* -- Modern Browsers -- */

div#Header:after,
div#Header ul#FuncNav01:after,
div#Header ul#FuncNav03:after,
div#HeaderProducts:after,
div#HeaderProducts ul#FuncNav01:after,
div#HeaderProducts ul#FuncNav03:after,
div#Content:after,
div#Main:after,
div#Footer:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	font-size: 0;
	line-height: 0;
}

/* -- IE7 -- */

*:first-child+html div#Header,
*:first-child+html div#Header ul#FuncNav01,
*:first-child+html div#Header ul#FuncNav03,
*:first-child+html div#HeaderProducts,
*:first-child+html div#HeaderProducts ul#FuncNav01,
*:first-child+html div#HeaderProducts ul#FuncNav03,
*:first-child+html div#Content,
*:first-child+html div#Main,
*:first-child+html div#Footer {
	zoom: 1;
}

/*  -- Legacy IE -- */

* html div#Header,
* html div#Header ul#FuncNav01,
* html div#Header ul#FuncNav03,
* html div#HeaderProducts,
* html div#HeaderProducts ul#FuncNav01,
* html div#HeaderProducts ul#FuncNav03,
* html div#Content,
* html div#Main,
* html div#Footer {
	zoom: 1;
}