@charset "utf-8";
/** 
/*	common.css
/*	2009/08/31 2:14
**/
@import url("index.css");/* トップページ */
@import url("class.css");/*  */
@import url("detail.css");/* 詳細ページ */
@import url("cart.css");/* カート */
@import url("guide.css");/* サイズガイド */
@import url("login.css");/* ログインページ */
@import url("orderLogin.css");/* オーダーログインページ */
@import url("regist.css");/* 会員登録ページ */
@import url("serch.css");/* 検索専用ページ */
@import url("specific.css");/*  */
@import url("stipulation.css");/*  */

/*--------------------------------
	初期化
---------------------------------*/
ul ,dl {list-style-type: none;}
table {	border-collapse: collapse;}
body ,html {height:100%;width: 100%;}
img { border: 0;}
* {	padding:0 ;	margin:0 ;}
a {	outline:none;	text-decoration: none;}
h2{	font-size: 1.6em;	}
h3{	font-size: 1.2em;	}
h4{	font-size: 1.0em;	}
h5{ font-size: 0.8em;	}
a,
a:visited {
	color: #0080c0;
}
a:hover {
	color: #FF1493;
	text-decoration: underline;
}


/*-------------------------------------------------------
	body
-------------------------------------------------------*/
html {
	background-image: url(/design/dope/images/wallPaper.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
/*-------------------------------------------------------
	header
-------------------------------------------------------*/
#headerWrap{
	width: 100%;
	height: 180px;
}
#header {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	color: #00CCFF;
}
#header #logo {
	float: left;
	width: 300px;
	height: 150px;
}
#header #logintypez{
	float: right;
	margin:20px 0 0 0;
	text-align:right;
}
#header #logintypez #login,
#header #logintypez #logout{
	_display: inline; /*	IE6		 */
	float:right;
	width:160px;
	text-align:right;
	margin: 10px 20px 0 0;
}
#header #logintypez #login tr#idBox{
	height:20px;
}
#header #logintypez #login tr#passBox{
	height:20px;
}
#header #logintypez #login td#id_text,
#header #logintypez #login td#pass_text{
	height:26px;
	text-align:right;
	color:#00CCFF;
	margin: 0 0 5px 0;
}

#header #logintypez #login td#id_input,
#header #logintypez #login td#pass_input {
	height: 26px;
	margin: 0px 0px 5px 0px;
}
#header input {
	background-color: #003333;
	height: 20px;
	border: 1px solid #666666;
	color: #CCCCCC;
	font-size: 10pt;
	width: 110px;
}
#header #logintypez #login #loginButton,
#header #logintypez #logout #logoutButton {
	height: 40px;
}
#header #logintypez #logout td#id_text,
#header #logintypez #logout td#welcome{
	height:20px;
	text-align:right;
	padding-right: 10px;
	color:#00CCFF;
}
#header #lNav {
	width: 900px;
	float: left;
	text-align: right;
	margin: 0 0 15px 0;
}
#header #lNav a,
#header #lNav a:visited{
	color:#00ccff;
}
#header #lNav ul{
	float: right;
	width: 900px;
	text-align: right;
}
#header #lNav ul li{
	float: right;
	text-align: right;
}
#header #lNav ul li#lNav_home,
#header #lNav ul li#lNav_cart{
	width:60px;
}
#header #lNav ul li#lNav_guide{
	width:80px;
}
#header #lNav ul li#lNav_home,
#header #lNav ul li#lNav_cart,
#header #lNav ul li#lNav_guide{
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/common/iconlNav.gif);
	padding: 0 0 0 16px;
	text-align: left;
	margin-left: 10px;
}
#header #lNav ul li#lNav_regist{
	width: 160px;
	background-image: url(../images/common/iconlNav.gif);
	background-position: left center;
	background-repeat: no-repeat;
	text-align: left;
	padding: 0 0 0 20px;
	margin-left: 10px;
}

/*----------------------------------------
	category
-----------------------------------------*/
#categoryWrap {
	width: 199px;
	clear: both;
	float: left;
	background: #fafafa url(/design/dope/images/bg01.gif) repeat-x left top;
	height: 100%;
	padding: 0 0 50px 0;
}
.serchBox  {
	clear: both;
	width: 150px;
	height: 22px;
	border: 1px solid #CCCCCC;
	background-color: #f3f3f0;
	text-align: left;
	vertical-align: bottom;
	margin: 50px 0px 20px 20px;
}
.serchBox .inputSerch{
	width: 125px;
	background-color: #f3f3f0;
	border: thin solid #f3f3f0;
	color: #999999;
	font-size: 9pt;
}
.serchBox a.iconSerch {
	width:20px;
	height:20px;
	display:block;
	background-image: url(/design/dope/images/common/iconSerch01.gif);	
}
.serchBox a:hover.iconSerch{
	background-image: url(/design/dope/images/common/iconSerch02.gif);
}
#category  {
	clear: both;
	width: 150px;
	font-size: 12px;
	font-weight: bolder;
	text-align: left;
	margin: 10px 0px 0px 25px;
}
#category dl dd{
	background-image: url(/design/dope/images/iconTextInicial.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom: 1px solid #EEEEEE;
	padding: 10px 5px 10px 12px;
}
#categorySub {
	font-size: 1em;
	clear: both;
	width: 150px;
	margin: 25px 0 0 25px;
	text-align: left;
}
#categorySub a {
	text-decoration:none;
	color: #CC9900;
}
#categorySub  a:hover {
	text-decoration:underline;
	background-color: #003366;
}
#categorySub .serchBox  {
	clear: both;
	width: 150px;
	height: 22px;
	border: 1px solid #CCCCCC;
	background-color: #f3f3f0;
	text-align: left;
	vertical-align: bottom;
	margin: 0 0 10px 0;
}
#categorySub ul#categorySerch {
	margin: 10px 0px 20px 0px;
}
#categorySub ul#categorySerch li#serchAll {
	margin-bottom: 5px;
}
#categorySub ul#categorySerch li#serchOrder {
	margin-bottom: 5px;
}
#categorySub .serchBox .inputSerch {
	width: 125px;
	background-color: #f3f3f0;
	border: thin solid #f3f3f0;
	color: #999999;
	font-size: 9pt;
}
#categorySub ul#categoryAddress {
	margin-bottom: 10px;
	text-align:left;
}
#categorySub ul#categoryLinkInside {
	margin-bottom: 20px;
	text-align:left;
}
#categorySub ul#categoryAddress li {
	margin: 2px 0 2px 0;
}
#categorySub ul#categoryLink {
	margin-bottom: 20px;
}

/*---------------------------------
	content
----------------------------------*/
/* ローカル編集用 */
/*
*{border: 1px solid #999;}
*/

.frame {
	height: 100%;
	background: #fafafa url(/design/dope/images/bg01.gif) repeat-x left top;
	/*border: 1px solid #999;*/
	padding: 0px 0 50px 0px;
	width: 750px;
	float: left;
}
.imgBlock {
	width: 750px;
	text-align: center;
	height: 280px;
}
.imgBlock img {
	margin-top: 50px;
}

/*******************************************
*
*	contents left
*
********************************************/

#container .leftBlock {
	_display:inline;	/*		IE6		*/
	float: left;
	width: 550px;
	margin: 30px 0 0 0;
}
#container .leftBlock .newsBox {
	text-align: left;
	margin: 0px 0px 30px 0px;
}
#container .leftBlock .newItem {
	text-align: center;
}
#container .leftBlock .newsBox,
#container .leftBlock .newItem{
	width: 520px;
	color: #666666;
	/*background-image: url(/design/dope/images/index/bgDot_02.gif);*/
	background-color: #f3f3f0;
	border:1px solid #CCC;
	padding: 15px 0 15px 10px;
}
#container .leftBlock .newItem  .lims {/* makeshop 定義済みクラス */
	width: 100px;
}
#container .leftBlock .newItem  .line {/* makeshop 定義済みクラス lims と lims の間 */
	height: 30px;
}
#container .leftBlock .newItem .woong {/* makeshop 定義済みクラス 文字部分 */
	padding: 10px 0px 0px 0px;
}
#container .leftBlock .woong img {/* makeshop 定義済みクラス */
	float:left;
}

/******************************************
*
*	contents right
*
*******************************************/

#container .rightBlock {
	_display: inline;	/*		IE6		*/
	float: right;
	width: 180px;
	margin: 30px 10px 0px 0px;
	padding: 0px 0px 30px 0px;
}
#container .rightBlock dd.banner{
	width: 180px;
	background-color: #f3f3f0;
	border: 1px solid #CCCCCC;
	text-align: center;
	padding: 10px 0px 10px 0px;
}
#container .rightBlock dd.icon{
	height:10px;
	text-align:right;
	padding: 0px 0px 5px 0px;
}

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

.titleBlock {
	clear: both;
	width: 600px;
	margin: 50px 0px 0px 30px;
	border-bottom: 1px solid #999999;
	height: 40px;
	text-align: left;
	vertical-align: middle;
	background-image: url(/design/dope/images/iconBar01.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.titleBlock .titleText {
	font-size: 22pt;
	font-weight: bolder;
	color: #666666;
	background-image: url(/design/dope/images/iconDetailCaption.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 40px;
}
.listBlock {
	width: 600px;
	margin: 20px 0px 0px 30px;
	clear: both;
	border: 1px solid #dddddd;
	background-color: #fafaf7;
}
.listBlock table {
	font-size: 20pt;
	line-height: 20px;
	padding: 5px;
}
.listBlock table font {
	font-size: 10pt;
	font-weight: bolder;
	padding: 0px 10px 0px 10px;
}
.listBlock td a:link {
	color: #0099CC;
	text-decoration: underline;
}
.listBlock  td  a:hover {
	color: #000000;
	text-decoration: underline;
}

.listBlock  td  a:visited {
	color: #0099CC;
	text-decoration: underline;
	background-repeat: no-repeat;
	background-position: center bottom;
}
#sort {
	width: 600px;
	clear: both;
	font-size: 8px;
	margin: 50px 0px 0px 30px;
	border-bottom: 1px	solid	#CCC;
}
.sortBlock {
	width: 600px;
	clear: both;
	font-size: 8px;
	margin: 50px 0px 0px 30px;
	border-bottom: 1px solid #CCC;
}
.sortBlock  .partition  {
	background-image: url(/design/dope/images/partition.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
.sortBlock a:link {
	color: #666666;
	text-decoration: none;
	font-weight: bolder;
}
.sortBlock a:hover {
	color: #FF1493;
	font-weight: bolder;
	text-decoration: underline;
}
.sortBlock a:visited {
	font-weight: bolder;
	color: #666666;
}
.contentsBlock {
	margin-left: 30px;
	margin-top: 50px;
	width: 600px;
	clear: both;
}

/*-----------------------------------------------*/
#categorySub ul#categoryBusinessHours {
	margin-bottom: 10px;
}
#title {
	clear: both;
	width: 660px;
	margin: 50px 0px 30px 0px ;
	border-bottom: 1px solid #999999;
	height: 40px;
	text-align: left;
	vertical-align: middle;
	background-image: url(/design/dope/images/iconBar01.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#title h2 {
	font-size: 22pt;
	font-weight: bolder;
	color: #666666;
	background-image: url(/design/dope/images/iconDetailCaption.gif);
	background-position: left center;
	padding-left: 40px;
	background-repeat: no-repeat;
}
#list {
	width: 650px;
	clear: both;
	border: 1px solid #dddddd;
	background-color: #fafaf7;
	margin: 0px 0px 50px 0px;
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
}

/*---------------------------------------
	footer
---------------------------------------*/

.footerBlock {
	width: 100%;
	height: 500px;
	background-image: url(/design/dope/images/bgFooter.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	clear: both;
	margin: 0 auto;
	text-align: left;
}
.brandLinkBlock {
	float: left;
	margin-top: 50px;
	color: #999999;
}
.brandBox  {
	border-left: 1px dotted #999999;
	padding-right: 10px;
	width: 160px;
}
.copyrightBlock {
	width: 860px;
	height: 35px;
	text-align: right;
	float: left;
	margin-top: 80px;
}