@charset "utf-8";
/* CSS Document */

body {
    font-size: 72.5%;
    line-height: 150%;
    background-position: center;
}

* {
  margin:0;
  padding:0
}

.price {
  color:#e351a5;
  font-size:150%;
  font-weight:bold;
}

p {
  line-height: 150%;
}

/************************************************
 tables
************************************************ */
/* デフォルトテーブル
----------------------------------------------- */
table {
  margin:15px auto 20px;
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
  width:100%;
  border-collapse:collapse;
  text-align:left
}

table th {
  padding:8px;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  color:#333;
  background-color:#f0f0f0;
  font-weight:400
}

table td {
  padding:8px;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc
}



/* ----- Link ----- */

#wrapper {
  width:1000px;
  margin:0 auto;
}


/* ----- Link ----- */

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

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

a:hover {
  color:#EB58A5;
  text-decoration:underline
}

a:active {
  color:#EB58A5;
  text-decoration:underline
}

/* ----- Navigation ----- */

#globalnavi {
  width:1000px;
  height:60px;
  margin:0 auto;
  margin-bottom:10px;
  overflow:hidden;
}

#globalnavi li {
  float:left;
  list-style-type:none;
}

/* ----- Header ----- */

#header {
  width:1000px;
  text-align:center;
  color:#333;
  font-size:12px;
  margin:0 auto;
  overflow:hidden;
  padding:30px 0;
}

/* ----- Products ----- */

#products {
  width:500px;
  text-align:center;
  color:#333;
  font-size:12px;
  float:left;
}

/* ----- Footer ----- */

#footer {
  width:1000px;
  text-align:center;
  color:#333;
  font-size:12px;
  margin:0 auto;
  border-top:2px solid #e351a5;
  padding-top: 20px;
}


/* CSS Hack clearfix */
/*--IE以外のモダンブラウザ向け--*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/*--IE7及びMac版IE5向けの指定--*/
.clearfix{display:inline-block;}
/*--IE6以前向けの指定--*/
/*Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */

#Howto h3{
	margin-bottom:20px;
	padding-left:20px;
	width:800px;
	height:35px;
	line-height:35px;
	background:url(images/howto/h3_bg.png) no-repeat;
	}
	
#Howto p{
	padding-left:10px;
	line-height:200%;
	}

.Mb48{
	margin-bottom:48px;	
	}

#Howto h4{
	margin-bottom:15px;
	padding-left:10px;
	font-weight:bold;
	}

#Howto .Process{
	margin-left:10px;
	margin-bottom:48px;	
	}
	
#Howto .Process .ImgSp{
	width:144px;
	height:89px;
	float:left;
	}

#Howto .Process .TextSp{
	margin-left:10px;
	width:800px;
	float:right;
	}


/* CSS Hack clearfix */
/*--IE以外のモダンブラウザ向け--*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/*--IE7及びMac版IE5向けの指定--*/
.clearfix{display:inline-block;}
/*--IE6以前向けの指定--*/
/*Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */

#Guide{
	width:820px;
	height:100%;
	margin:0 auto;
	padding:0;
	text-align:left;
	font-size:12px;
	line-height:18px;
}

#Guide ol{
	margin:0 20px 24px 20px;
	}

#Guide li{
	line-height:200%;	
	}

.PayTiBg{
	padding:0 0 0 30px;
	width:820px;
	height:35px;
	background:url(http://eyem.jp/user_data/images/guide/payment_tibg.png) no-repeat;
	line-height:35px;
	}
	
.DistTiBg{
	padding:0 0 0 30px;
	width:820px;
	height:35px;
	background:url(http://eyem.jp/user_data/images/guide/distribute_tibg.png) no-repeat;
	line-height:35px;
	}

.ChargesTiBg{
	padding:0 0 0 30px;
	width:820px;
	height:35px;
	background:url(http://eyem.jp/user_data/images/guide/charges_tibg.png) no-repeat;
	line-height:35px;
	}
	
.HoursTiBg{
	padding:0 0 0 30px;
	width:820px;
	height:35px;
	background:url(http://eyem.jp/user_data/images/guide/hours_tibg.png) no-repeat;
	line-height:35px;
	}

.OrderTiBg{
	padding:0 0 0 30px;
	width:820px;
	height:35px;
	background:url(http://eyem.jp/user_data/images/guide/order_tibg.png) no-repeat;
	line-height:35px;	
	}

.ReturnTiBg{
	padding:0 0 0 30px;
	width:820px;
	height:35px;
	background:url(http://eyem.jp/user_data/images/guide/return_tibg.png) no-repeat;
	line-height:35px;	
	}

.SignupTiBg{
	padding:0 0 0 30px;
	width:820px;
	height:35px;
	background:url(http://eyem.jp/user_data/images/guide/signup_tibg.png) no-repeat;
	line-height:35px;	
	}

.PcTiBg{
	padding:0 0 0 30px;
	width:820px;
	height:35px;
	background:url(http://eyem.jp/user_data/images/guide/pc_tibg.png) no-repeat;
	line-height:35px;	
	}

.PermitTiBg{
	padding:0 0 0 30px;
	width:820px;
	height:35px;
	background:url(http://eyem.jp/user_data/images/guide/permit_tibg.png) no-repeat;
	line-height:35px;	
	}

#Guide p{
	margin:0 8px 24px 8px;
	}

#Guide h4 , #Guide h5{
	margin:0 8px;
	font-weight:normal;
	font-size:12px;
	}

.Conveni {
	margin:0 8px;
	margin-bottom:24px;
	width:804px;
}

.Conveni .LogoImg{
	margin-right:20px;
	width:150px;
	height:58px;
	float:left;
	}
	
.Conveni .TextSp{
	width:634px;
	float:right;
	}

/**/
.Hours {
	margin:0 8px;
	margin-bottom:24px;
	width:804px;
}

.Hours .HoursImg{
	margin-right:20px;
	width:452px;
	height:212px;
	float:left;
	}
	
.Hours .TextSp{
	width:330px;
	float:right;
	}

.Hours .HoursImg02{
	margin-left:20px;
	width:454px;
	float:right;
	}
	
.Hours .TextSp02{
	width:328px;
	float:left;
	}


.Mb48{
	margin-bottom:48px;	
	}
	
	/* フォーム
----------------------------------------------- */
input[type='text'],
input[type='password'],
.select {
    border: solid 1px #ccc;
    padding: 2px;
}