@charset "UTF-8";

@import url("common.css");		/* スタイルリセット・サイト共通 */
@import url("products.css");	/* 商品関連CSS */
@import url("column.css");		/* カラム部品用CSS */
@import url("other.css");		/* その他用CSS */
@import url("top.css");			/* トップ部品用CSS */
@import url("window.css");		/* 小窓用CSS */


/* =========================================================================
		コンテンツベース
========================================================================= */

body{
	background:#ffffff url(../img/header/head_bg.gif) repeat-x;
	color:#000000;
}
body#brand{
	background:#ffffff url(../img/header/head_bg_brand.gif) repeat-x;
}
body#window,body#window2{
	background:#ffffff url(../img/header/head_bg_window.gif) repeat-x;
}
p,td{
	line-height:145%;
}


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		ページベース（通常ページ・ブランドページ・小窓）
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* =========================================================================
		通常ページ・ブランドページ
========================================================================= */

#header{
	margin:0px auto 6px auto;
	width:950px;
	}
#container{
	margin:-5px auto 13px auto;
	width:950px;
}
	/* ----■Browser Adjust■---------------------------------- */
	.win.ff3 #container{
		margin:-7px auto 13px auto;
		width:950px;
	}
	.win.ie8 #container{
		margin:-3px auto 13px auto;
		width:950px;
	}
	/* //------------------------------------------------------ */

#two_maincolumn{
	padding:0px 0px 40px 15px;
	float:left;
	width:705px;
}
#three_maincolumn{
	padding:0px 0px 40px 0px;
	float:left;
	width:520px;
}
#leftcolumn{
	padding:0px 30px 0px 0px;
	float:left;
	width:200px;
}
#rightcolumn{
	margin:0px -2px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:200px;
}
#footline{
	background:#000000;
	height:4px;
	clear:both;
}
#footer{
	margin:0px auto 0px auto;
	width:950px;
}


/* =========================================================================
		ブランドページ
========================================================================= */

#brand #header{
	margin:0px auto 2px auto;
	width:950px;
	}


/* =========================================================================
			小窓
========================================================================= */

#window #windowcolumn{
	margin:0px auto 13px auto;
	width:615px;
}
#window #header{
	margin:0px auto 0px auto;
	width:615px;
	}
#window #footer{
	margin:0px auto 0px auto;
	width:615px;
	height:50px;
}
#window2 #windowcolumn{
	margin:0px auto 13px auto;
	width:705px;
}
#window2 #header{
	margin:0px auto 0px auto;
	width:705px;
}
#window2 #footer{
	margin:0px auto 0px auto;
	width:705px;
	height:50px;
}



/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		ヘッダー（通常ページ・ブランドページ・小窓）
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* =========================================================================
		通常ページ
========================================================================= */

h1{
	margin:13px 0px 10px 0px;
	height:53px;
}
.contact_link{
	background:url(../img/icon_01.gif) no-repeat 10% 50%;
	padding:0px 0px 0px 15px;
	position:relative;
	width:85px;
	top:-65px;
	left:850px;
	text-align:right;
	font-size:96%;
}
.cart_button{
	position:relative;
	top:-41px;
	left:808px;
	width:144px;
}
	/* ----■Browser Adjust■---------------------------------- */
	.win.ff3 .cart_button,.mac.safari .cart_button{
		top:-43px;
	}
	.win.ie8 .cart_button{
		top:-39px;
	}
	.mac.safari .cart_button{
		top:-44px;
	}
	/* //------------------------------------------------------ */
	

#menu{
	margin:3px 0px 0px 0px;
}
ul#menu li{
	float:left;
}


/* =========================================================================
		ブランドページ
========================================================================= */

#brand h1{
	margin:8px 0px 0px 0px;
	height:23px;
}
#brand .contact_link{
	background:url(../img/icon_01.gif) no-repeat 10% 50%;
	padding:0px 0px 0px 15px;
	position:relative;
	width:85px;
	top:-20px;
	left:850px;
	text-align:right;
	font-size:96%;
}
#brand p.pan{
	padding:0px 0px 3px 0px;
	height:23px;
	font-size:84%;
}
#brand p.pan span{
	margin:0px 5px 0px 5px;
	color:#999999;
}
#brand .brand_logo{
	margin:0px 15px 0px 0px;
}
#brand .cart_button{
	position:relative;
	top:-45px;
	left:808px;
	width:144px;
}
	/* ----■Browser Adjust■---------------------------------- */
	.win.ff3 #brand .cart_button{
		top:-47px;
	}
	.win.ie8 #brand .cart_button{
		top:-43px;
	}
	.mac.safari #brand .cart_button{
		top:-48px;
	}
/* //------------------------------------------------------ */

#brand #menu{
	margin:14px 0px 0px 0px;
}
#brand #menu li.brand_logo{
	margin:0px 15px 0px 0px;
}
#brand #menu li{
	margin:8px 0px 0px 0px;
}
	/* ----■Browser Adjust■---------------------------------- */
	.win.ie6 #brand #menu{
		margin:11px 0px 0px 0px;
	}
/* //------------------------------------------------------ */


/* =========================================================================
			小窓
========================================================================= */

#window h1{
	margin:7px 0px 10px 0px;
	height:54px;
}

#window2 h1{
	margin:7px 0px 10px 0px;
	height:54px;
}



/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		メインページ（通常ページ・ブランドページ）
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#main_image{
	margin:-20px auto 50px auto;
	width:950px;
}
	/* ----■Browser Adjust■---------------------------------- */
	.win.ff3 #main_image{
		margin:-22px auto 52px auto;
	}
	.mac.safari #main_image,.mac.ff3 #main_image{
		margin:-23px auto 54px auto;
	}
	.win.ie8 #main_image{
		margin:-18px auto 50px auto;
	}
	.win.safari #main_image{
		margin:-22px auto 55px auto;
	}
	/* //------------------------------------------------------ */


	
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		リンクスタイル
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

a{
	color:#000000;
}
.contact_link a{
	color:#ffffff;
}
a:visited{
	color:#666666;
}
a:hover{
	color:#87300a;
}
.contact_link a:hover{
	color:#ffffff;
}
.contact_link a:visited{
	color:;
}



/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		フッター（通常ページ・ブランドページ・小窓）
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* =========================================================================
		通常ページ・ブランドページ・小窓
========================================================================= */

#footer ul{
	margin:8px 0px 0px 0px;
	width:500px;
}
#footer li{
	background:url(../img/icon_02.gif) no-repeat 0% 60%;
	padding:0px 0px 0px 15px;
	float:left;
}
#footer li.line_01{
	background:none;
	padding:2px 15px 0px 15px;
}
.law_link{
	background:url(../img/icon_02.gif) no-repeat 0% 50%;
	margin:-17px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	float:right;
	text-align:right;
}
.copyright{
	padding:30px 0px 30px 0px;
}


/* =========================================================================
		小窓
========================================================================= */

.close_link{
	background:url(../img/icon_02.gif) no-repeat 0% 50%;
	margin:8px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	float:right;
	text-align:right;
}