@charset "UTF-8"

/* CSS Reset 
--------------------------------------- */

*{
	margin: 0;
	padding:0;
}



ul, il{
	padding-left: 0;
}

h1, h2, h3, h4, h5, h6, p, address{
	font-style: normal;
	font-weight:normal;
	text-decoration: none;
	font-size:12px;
	line-height: 1.5em;
}

/* structures
---------------------------------------- */
body{
	margin: 0;
	padding:0;
	text-align: left;
font: 12px 'Helvitica','Arial','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
	font-size:13px;
	line-height: 1.3;
	color: #404040;
}

a:link {color: #405671; text-decoration:none;}
a:visited {color: #85373d; text-decoration:none;}
a:hover {color: #5288C1; text-decoration:underline;}

ul, li{
	list-style: none;
	padding-left:0;
}

img{
	border:0;
}

form{
	margin:0;
	padding:0
}

/* container
----------------------------------------- */
#container{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

/* header
----------------------------------------- */
#header{
	width: 900px;
	margin: 0px;
	padding:0;
	background-color:#0f0f0f;
	height:32px;
	}



#header li{
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	}
#header ul{
	margin:0;
	clear:both;
	}

/* Main Visural Area Top (Forca Ver.)
----------------------------------------- */
#topmainimgforca{
	background-image:url("../images/topimg_forca01.jpg");
	height:265px;
	padding:0;
	margin:0;
	background-color: #dedfe1;
	}

#topmainimgforca p{
	margin: 0;
	font-size:13px;
	color:#808080;
	text-decoration:none;
	}

#topmainimgforca p a{
	display:block;
	padding: 187px 0 40px 21px;
	font-size:14px;
	}

#topmainimgforca a:visited {color: #808080; text-decoration:none;}	
#topmainimgforca a:hover {color: #808080; text-decoration:underline;}

/* Main Visural Area Top (Phaedra Ver.)
----------------------------------------- */
#topmainimgphaedra{
	background-image:url("../images/topimg_phaedra01.jpg");
	height:265px;
	padding:0;
	margin:0;
	background-color: #dedfe1;
	}

#topmainimgphaedra p{
	margin: 0;
	font-size:13px;
	color:#808080;
	text-decoration:none;
	}

#topmainimgphaedra p a{
	display:block;
	padding: 175px 0 40px 607px;
	}

#topmainimgphaedra a:visited {color: #808080; text-decoration:none;}	
#topmainimgphaedra a:hover {color: #808080; text-decoration:underline;}


/* Main Visural Area Top (Estella NC Ver.)
----------------------------------------- */
#topmainimgestellanc{
	background-image:url("../images/topimg_estella01.jpg");
	height:265px;
	padding:0;
	margin:0;
	background-color: #dedfe1;
	}

#topmainimgestellanc p{
	margin: 0;
	font-size:13px;
	color:#808080;
	text-decoration:none;
	}

#topmainimgestellanc p a{
	display:block;
	padding: 187px 0 40px 21px;
	font-size:14px;
	}

#topmainimgestellanc a:visited {color: #808080; text-decoration:none;}	
#topmainimgestellanc a:hover {color: #808080; text-decoration:underline;}



/* indexの商品が３つ出るところ
----------------------------------------- */

div#topproducts{
	height:225px;
	background-color:white;
	}

.topproductarea h2{
	font-size:15px;
	line-height:1em;
	font-weight:bold;
	color:black;
	padding:15px 0;
	margin:0;
	}

.topproductarea{
	border-right:1px dashed #c1c1c1;
	height:210px;
	}


div#topproduct01{
	width:300px;
	background-image:url("../images/topproduct01.jpg");
	background-repeat:no-repeat;
	float:left;
	padding:0;
	}

div#topproduct01 h2{
	margin:0;
	paddign:0;
	}
	
div#topproduct01 h2 a{
	padding:0 12px 0px 16px;
	margin:0;
	float:left;
	}
	
div#topproducts p{
	margin:0 0 0 0;
	line-height:17px;
	}
	
div#topproduct01 p a{
	padding:60px 10px 0px 164px;
	margin:0;
	display:block;
	height:135px;
	font-size:12px;
	}
	

div#topproduct02{
	width:300px;
	background-image:url("../images/topproduct02.jpg");
	background-repeat:no-repeat;
	float:left;
	}

div#topproduct02 h2{
	margin:0;
	paddign:0;
	}

div#topproduct02 h2 a{
	padding:0 10px 0px 16px;
	margin:0;
	float:left;
	}

div#topproduct02 p a{
	padding:135px 10px 0 16px;
	display:block;
	height:60px;
	font-size:12px;
	}

div#topproduct03{
	width:300px;
	background-image:url("../images/topproduct03.jpg");
	background-repeat:no-repeat;
	float:left;
	}

div#topproduct03 h2{
	margin:0;
	paddign:0;
	}

div#topproduct03 h2 a{
	padding:0 12px 0px 16px;
	margin:0;
	float:left;
	}

div#topproduct03 p a{
	padding:135px 10px 0 16px;
	display:block;
	height:60px;
	font-size:12px;
	}

div#topproduct04{
	width:300px;
	background-image:url("../images/topproduct04.jpg");
	background-repeat:no-repeat;
	float:left;
	}

div#topproduct04 h2{
	margin:0;
	paddign:0;
	}

div#topproduct04 h2 a{
	padding:0 12px 0px 16px;
	margin:0;
	float:left;
	}

div#topproduct04 p a{
	padding:135px 10px 0 16px;
	display:block;
	height:60px;
	font-size:12px;
	}


.topproductarea a:link {color: #4c4c4c; text-decoration:none;}
.topproductarea a:visited {color: #4c4c4c; text-decoration:none;}
.topproductarea a:hover {color: #4c4c4c; text-decoration:none;}

/* indexのコンテンツ部分（ニュースとES紹介）
----------------------------------------- */
	
#topcontents{
	background-color:black;
	margin:12px 0 0 0;
	padding:24px 16px 10px 16px;
	background-color:black;
	width:868px;
	overflow:auto;
	height:auto;
	}

div#topcontents a{	color:#6B90BD;}
div#topcontents a:visited {color: #C1505B; text-decoration:none;}
div#topcontents a:hover {color: #6B90BD; text-decoration:underline;}

#topcontents p, h2, h3{
	line-height:1.4em;
	}

#topcontents h2{
	font-size:16px;
	color:white;
	margin:0 0 16px 0;
	}
	
#topcontents h3{
	font-size:12px;
	font-weight:bold;
	line-height:17px;
	margin:0;
	color:#e5e5e5;
	}

#topic{
	float:left;
	width:510px;
	background-color:black;
	}

.date{
	}

#topic p{
	margin-top:5px;
	margin-bottom:25px;
	color:#d5d5d5;
	}

#aboutes{
	width:285px;
	float:right;
	background-color:black;
	}

#aboutes h2, #aboutes p{
	color:#898989;
	}

#aboutes h2{
	font-size:14px;
	font-weight:bold;
	}

/* フッター要素
----------------------------------------- */
#footer{
	background-color:#000000;
	margin-top:0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:20px;
	padding-right:20px;
	border-top:1px solid #323232;
	clear:both;
	width:860px;
	overflow:auto;
	}

#footer p{
	font-size:10px;
	_font-size:9px;
	color:#cacaca;
	margin:0;
	}
	

#copyright{
	float:left;
	}

#miscinfo{
	float:right;
	}
	
#miscinfo a:link {color: #cacaca; text-decoration:none;}
#miscinfo a:visited {color: #cacaca; text-decoration:none;}
#miscinfo a:hover {color: #5288C1; text-decoration:underline;}


/* パン屑リスト
----------------------------------------- */
#topicpath{
	border-top:3px solid #ec6100;
	margin-top:0;
	}

#topicpath p{
	font-size:11px;
	margin:10px 20px 0px 20px;
	}


/* 通常ページのタイトル部分
----------------------------------------- */
#usualtitlearea{
	clear:both;
	height:60px;
	width:860px;
	margin:0 0 0px 20px;
	padding:0px 0 0 0;
	overflow:atuo;
	border-bottom:3px solid black;
	}

#usualtitlearea h1{
	font-size:32px;
	margin:0;
	padding:24px 0 0 0;
	line-height:32px;
	}

.subtitle{	
	font-size:16px;
	margin:0;
	padding:0 0 0 10px;
	}
	
/* 通常ページのコンテンツ部分
----------------------------------------- */
#usualcontentsarea{
	margin:0 20px 0px 20px;
	padding:0px 0 0 0;
	}
	
#usualcontentsarea h2{
	font-size:16px;
	}

#usualcontentsarea p{
	}
	
/* ショップページの背景部分
----------------------------------------- */
#usualcontentsareashop{
	margin:0 0px 10px 0px;
	padding:0px 0 0 0;
	}

#usualcontentsareashop h2{
	font-size:16px;
	}

#usualcontentsareashop p{
	margin:0 20px 20px 20px;
	}

#shoplistsbg{
	background-image:url("../images/openforca.jpg");
	background-repeat:no-repeat;
	padding:34px 20px 0 220px;
	}

/* 各ショップの情報
----------------------------------------- */
.eachshopbox{
	margin:0 0 0px 20px;
	border-bottom:1px dotted #b0b0b0;
	padding:10px 0 10px 30px;
	background-image:url("../images/shopicon.gif");
	background-repeat:no-repeat;
	background-position:0px 10px;

	}
	
.eachshopbox h3{

	height:25px;
	padding: 5px 0 0 0px;
	font-size:14px;
	font-weight:bold;
	margin:0;
	}

#usualcontentsareashop .eachshopbox p{
	font-size:12px;
	padding:0;
	margin:0 0 5px 0;
	}
	
.eachshopbox ul{
	margin:0 0 0 0px;
	font-size:12px;
	}

	
.eachshopbox li{
	line-height:19px;
	}
	
/* News&リリース
----------------------------------------- */

#newsandrelease h2{
	margin:0 0px 10px 0px;
	}

#newsandrelease h3{
	font-size:12px;
	font-weight:bold;
	margin:0 0px 0px 0px;
	}

#newsandrelease p{
	font-size:12px;
	margin:5px 0px 8px 0px;
	}
	
#pastnews{
	width:400px;
	float:left;
	margin:0px 5px 0 0px;
	border-right:1px dotted #b0b0b0;
	padding:10px 20px 20px 0px;
	}

#release{
	width:410px;
	float:right;
	margin:0px 0px 0px 0px;
	padding:10px 0px 20px 20px;
	}

.oldnews{
	margin:0 0 1px 0;
	padding:10px 15px 10px 10px;
	}
	
/* サポート
----------------------------------------- */

#supportcontnts{
	margin:20px 0 30px 0;
	}
	
.supportbox{
	padding:20px 10px 20px 10px;
	background-color:white;
	border-bottom:1px dotted #b0b0b0;
	margin:0 0 1px 0;
	}

.supportbox h2{
	font-weight:bold;
	margin:0 0 7px 0;
	padding:0;
	}
	
.supportbox p{
	margin:4px 0 4px 0;
	padding:0;
	font-size:13px;
	}

.supportbox p a{
	display:block;
	}


#formarea{
	background-color:#ececec;
	padding:20px 40px 20px 40px;
	width:740px;
	margin:30px auto 0 auto;
	border-top:1px solid #a5a4a4;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	overflow:hidden;
	}

#formarea h3{
	font-weight:bold;
	}

#formarea p{
	margin:0 0 15px 0;
	}
	
#formend{
	margin:30px 0 0 10px ;
	}

#optin{
	width:329px;
	float:left;
	text-align:center;
	padding:20px;
	border-right:1px dotted #b0b0b0;
	}
	
#optout{
	width:330px;
	float:right;
	text-align:center;
	padding:20px;
	}
	
#adressdata{
	margin:30px 18px 20px 18px ;
	background-color:#f0f0f0;
	padding:20px 20px 10px 20px;
	}
	
#adressdata h3{
	font-weight:bold;
	font-size:16px;
	margin:5px 0 0 0;
	}
	
/* お買い物案内
----------------------------------------- */
#shoppinginfo{

	}
	
#shoppinginfo h2{
	font-size:18px;
	font-weight:bold;
	margin-top:17px;
	}
	
#shoppinginfo h3{
	font-weight:bold;
	margin:25px 0 5px 0;
	}

#shoppinginfo h4{
	margin:0px 0 0px 0;
	}
	
#shoppinginfo h5{
	margin:0px 0 0px 14px;
	font-size:11px;
	font-weight:bold;
	}
	
#shoppinginfomenu{
	width:180px;
	float:left;
	margin:10px 0 0 0;
	}

#shoppinginfomenu ul{
	margin:0;

	}

#shoppinginfomenu li{
	padding:10px 10px 10px 20px;
	margin:0 0 1px 0;
	}

#shoppinginfomenu li a{
	display:block;
	}
	
.currentpage{
	background-image:url("../images/arrow_right.gif");
	background-repeat:no-repeat;
	color:#d28408;
	font-weight:bold;
	}

#shoppinginfoeach{
	width:620px;
	float:right;
	border-left:1px dotted #b0b0b0;
	padding:0 20px 20px 30px;
	}
	
#shoppinginfoeach p{
	padding:0px 0 2px 14px;
	margin:0 0 10px 0;
	}
	
#shoppinginfoeach table{
	margin:10px 0 2px 14px;
	border-top:1px solid gray;
	border-right:1px solid gray;
	}

#shoppinginfoeach td{
	padding:5px;
	font-size:12px;
	border-left:1px solid gray;	
	border-bottom:1px solid gray;		
	}
	
#statementbox{
	background-image:url("../images/logo_sq_glay.gif");
	background-position:350px 100px;
	background-repeat:no-repeat;

	}

#shoppinginfoeach ul{
	margin:0 0 10px 0;
	}

#shoppinginfoeach li{
	list-style-type : disc;
	margin:0 0 5px 40px;
	font-size:12px;
	}
	
	
/* 買い物かご
----------------------------------------- */
#shoppingtable{
	margin:30px 20px 0 20px;
	width:820px;
	}

#shoppingtable td{
	padding:4px 10px 4px 10px;
	}

.shoppingalert{
	margin:0px 20px 0 20px;
	padding:10px;
	color:#eb6100;
	}
	
.alertkome{
	color:red;
	font-size:10px;
	margin-right:5px;
	}

#actionbutton{
	margin:10px 20px 0 20px;
	width:820px;
	}

#shoppinginformation{
	margin:30px 20px 0 20px;
	background-image:url("../images/Basket.gif");
	background-position:0 18px;
	background-repeat:no-repeat;
	padding:28px 0 0 330px;
	height:240px;
	}

#shoppinginformation ul{
	margin:0;
	}
#shoppinginformation li{
	margin:5px 0 5px 30px;
	font-size:12px;
	list-style-type:circle;
	padding:0 0 0 0px;
		}
#shoppinginformation p{
	margin:6px 0 7px 0;
	}
		
/* 決済画面
----------------------------------------- */
#shopstep{
	clear:both;
	margin:30px auto 0 auto;
	padding:0;
	background-image:url("../images/arrowback.gif");
	background-repeat:no-repeat;
	height:40px;
	width:790px;
	}

#shopstep ul{
	margin:0;
	padding:0;
	}
	
#shopstep li{
	font-size:11px;
	background-image:url("../images/stepback.gif");
	background-repeat:no-repeat;
	float:left;
	width:142px;
	margin:0 20px 0 0;
	text-align:center;
	height:25px;
	padding:6px 0 0 0;
	}
	
#shopstep li.stepnow{
	background-image:url("../images/stepback_now.gif");
	background-repeat:no-repeat;
	color:white;
	font-weight:bold;
	}

#shopstep li.steppast{
	background-image:url("../images/stepback_past.gif");
	background-repeat:no-repeat;
	color:gray;
	}
	
.notice{
	font-size:0.9em;
	color:gray;
	padding:5px 0 0 5px;
	}

#settlement{
	width:700px;
	margin:40px auto 20px auto;
	/*
	background-image:url("../images/settlementbg.gif");
	*/
	background-repeat:no-repeat;
	padding-left:40px;
	}

#settlementtitle{
	margin:0;
	width:660px;
	}

#settlementtitle h2{
	font-weight:bold;
	font-size:18px;
	margin:0px 0 0 0;
	}

#settlementtitle p{
	margin:5px 0 20px 0;
	}

#settlementtable{
	margin:0px;
		width:660px;
	}
	
#settlementtable td{
	padding:4px 0 4px 0;
	font-size:12px;
		color:#545454;
	}

#settlementtable table{
	width:660px;
	}

div.paymentmethod{
	border-bottom:1px dotted #b0b0b0;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:5px;
	}
	
.paymentmethod table{
	margin-left:20px;
	margin-top:20px;
	}


div.buyingaddress{
	margin:5px 15px 10px 0px;
	width:305px;
	float:left;
	}
	
div.buyingaddress table{
	width:305px;
	font-size:12px;
	}

#settlementtableconfirm{
	width:640px;
	margin:20px 10px 0 10px;
	}

#settlementtableconfirm table{
	width:640px;
	margin:0 0 15px 0;
	}
	
#settlementtableconfirm td{
	padding:3px 5px 3px 5px;
	}
	
#settlementtableconfirm p{
	margin:4px 0 4px 0;
	}
	
#thaksarea{
	width:660px;
	margin:40px auto 30px auto;
	}
	
#thanksmessage{
	background-color:#cdcdcd;
	padding:95px 20px 20px 20px;
	width:620px;
	margin-bottom:30px;
	background-image:url("../images/thanksbg.gif");
	background-repeat:no-repeat;
	}