@charset "shift_jis";


body {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 75%;
	line-height: 2;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #969696 url(images/bg.gif) repeat-x top;
}

h1,h2,h3,h4,p,ul,li,dl,dt,dd{
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: none;
}

img {
	border: none;
}

.fla {
	text-align: center;
	height: 200px;
	background: #000000;
	padding-top: 100px;
	color: #999999;
}

.color1 {
	color: #0D3F69;
}

.look {
	background: #000000;
}



/*------------------------------------------------------------------------------------------*/
#container {
	width: 900px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	background: #FFFFFF url(images/container_bg.gif) repeat-y;
}




/*------------------------------------------------------------------------------------------*/
#header {
	position: relative;
	background: #000000 url(images/header_bg.gif) no-repeat;
}



#header img {
	vertical-align: top;
	padding-top: 18px;
}








/*------------------------------------------------------------------------------------------*/
ul#menu li {
	float: left;
	height: 66px;
	width: 180px;
}
ul#menu img {
	vertical-align: top;
}



/*------------------------------------------------------------------------------------------*/
#contents {
	clear: left;
	width: 100%;
}



/*------------------------------------------------------------------------------------------*/
#main {
	float: left;
	width: 570px;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 100px;
	display: inline;
}

#main h2 {
	background: #000000 url(images/h2_bg.gif) no-repeat;
	height: 45px;
	font-size: 110%;
	color: #FFFFFF;
	padding-left: 15px;
	line-height: 45px;
	overflow: hidden;
}

#main p {
	padding: 0.5em 10px 1em;
}

#main a {
	color: #000000;
}

#main a:hover {
	color: #e60012;
}



/*---------------------------------------------------------------------------*/
#main dl.new {
	width: 544px;
	height: 415px;		/*What's Newボックスの高さ*/
	overflow: auto;		/*この設定でiframe風に見える*/
	margin-right: auto;
	margin-left: auto;
	padding: 12px;
	border-right: 1px solid #969696;	/*What's Newのフチの右ライン。*/
	border-bottom: 1px solid #969696;	/*What's Newのフチの下ライン。*/
	border-left: 1px solid #969696;		/*What's Newのフチの左ライン。*/
	background: #ffffff;	/*What's Newボックスの背景色*/
}

#main dt {
	font-weight: bold;	/*日付を太字に。通常の太さがいいなら、この1行を丸ごと削除。*/
	color: #000000;		/*日付の文字色を青（#0D3F69）に*/
}

#main dd {
	border-bottom: 1px dotted #969696;	/*説明文の下に1pxの点線(dotted)を#1D5F87の色で入れる。*/
}



/* -- 商品詳細分類 商品一覧 
 ------------------------------------------------------------------------------------------*/

#contents .ul-list-02 {   
  list-style-type: none;   
  width: 570px;   
  margin: 1em 0;   
}   
  
#contents .ul-list-02 li {   
  float: left;   
  width: 190px;  
  margin-bottom: 4em;   
}   
  
#contents .ul-list-02 dl { height: 160px; } /* 高さ調節 */  
  
#contents .ul-list-02 dt { margin-bottom: 0.5em; }   
  
#contents .ul-list-02 dd { margin-bottom: 0.5em;
	border-bottom: 0px dotted #969696;
}


/*サブコンテンツ（右側ブロック）
------------------------------------------------------------------------------------------*/
#sub {
	float: right;
	width: 270px;
	color: #FFFFFF;		/*サブコンテンツの文字色*/
	background: #696969;
	margin: 15px 15px 100px;
	display: inline;
}

#sub a {
	color: #FFFFFF;		/*サブコンテンツのリンクの文字色*/
}

#sub a:hover {
	color: #000000;		/*サブコンテンツのリンクにカーソルがのった時の文字色*/
}

#sub p {
	padding-top: 0.5em;
	padding-bottom: 1em;
}

#sub h3 {
	background: #000000 url(images/h3_bg.gif) repeat-x top;
	line-height: 31px;
	text-align: center;		/*文字をセンタリング。左よせでいいならこの１行を丸ごと削除。*/
	letter-spacing: 0.2em;	/*文字間隔を少し広げる設定。*/
	font-size: 100%;
}




/*フッター
------------------------------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 100%;
	text-align: center;
	background: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFFFFF;
}