/*
Theme Name:WP-OliveCart 3col_01_blue
Theme URI: http://www.wp-olivecart.com/
Description: WP-OliveCart用WordPressテンプレート ３カラム
Version: 1.0
Author: OliveDesign
Author URI: http://www.olive-design.com
*/

#sidebar {
border: solid 1px #ccc;
box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
padding: 0.5em;
margin-bottom: 1.0em;
}

/* 全体構造
---------------------------------------------------- */
body {
margin: 0;
padding: 0;
font-size: 90%;
text-align: center;
font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','Meiryo',sans-serif;
}
#container {
width: 1050px;
text-align: left;
margin: 0 auto;
padding: 0;
}
/* リンク
---------------------------------------------------- */
a:link {
color: #666666;
text-decoration: none;
}
a:visited {
color: #333333;
text-decoration: none;
}
a:hover, a:active {
color: #888888;
text-decoration: underline;
}
a img, img{
border: none;
color: #FFFFFF;
background: transparent;
}
/* ヘッダー
---------------------------------------------------- */
#header {
margin:0;
padding: 0;
}
#header_left{
margin:0;
padding: 0;
width: 610px;
float: left;
}
#header_right{
margin:0;
padding: 0;
width: 250px;
float: right;	
}
#header_left h1{
margin:0 0 5px 20px;
padding: 0;
}
#menu ul{
margin: 0 20px 10px;
padding: 0;
}
#menu li{
margin: 0;
padding: 0;
display: inline;
white-space: nowrap;
list-style: none;
color: #333;
font-size: 80%;
}
#menu li a{
margin: 0;
padding: 0;
}
#header_right ul{
margin: 30px 0 0 5px;
padding: 0;
}
#header_right li{
display: inline;
white-space: nowrap;
list-style: none;
}
#header_right li a{
color:#FFF;
text-decoration: none;
}
#header_right li a{
background: -moz-linear-gradient(top,#0075c2 0%,#0075c2);
background: -webkit-gradient(linear, left top, left bottom, from(#0075c2), to(#0075c2));
border: 1px solid #003366;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color:#FFF;
margin: 0;
padding: 5px 15px;
font-size:12px;
}
#header_right li a:hover{
background: -moz-linear-gradient(top,#BFEFFF 0%,#CFF0FF);
background: -webkit-gradient(linear, left top, left bottom, from(#BFEFFF), to(#CFF0FF));
border: 1px solid #BFEFFF;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color:#FFF;
margin: 0;
padding: 5px 15px;
}
/*メインメニュー
---------------------------------------------------- */
#navi{
padding: 0;
margin: 0px 0px 30px;
clear: both;
}
#category {
width:1050px;
padding: 0;
margin: 0;
list-style-type: none;
}
#category li {
width:20%;
float:left;
padding:0;
margin:0;
text-align:center;
}
#category li a{
width:auto;
color:#fff;
font-size:12px;
font-weight:bold;
text-shadow:0 -1px 0px #333,0 1px 0px #666;
padding:10px 0;
text-decoration:none;
display:block;
background:#99E5FF;
background-image: -moz-linear-gradient(top, #99D1FF 0%, #0075c2 50%, #0076D1 50%, #0075c2 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #99D1FF), color-stop(0.50, #0075c2), color-stop(0.50, #0076D1), color-stop(1, #0075c2));
border-left:1px solid #003366;
box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
             -1px 0px 0px rgba(225,225,225,0.3) inset,
              0px 1px 1px rgba(0,0,0,0.1) inset,
              0px -1px 1px rgba(0,0,0,0.3) inset,
              0px 1px 3px #003366;
}
#category li a:hover{
background:#EEE;
background-image: -moz-linear-gradient(top, #bfefff 0%, #99d1ff 50%, #49aee5 51%, #99d1ff 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bfefff), color-stop(0.50, #99d1ff), color-stop(0.50, #49aee5), color-stop(1, #99d1ff));
box-shadow: 1px 0px 0px rgba(225,225,225,0) inset,
             -1px 0px 0px rgba(225,225,225,0) inset,
              0px 1px 1px rgba(0,0,0,0.1) inset,
              0px -1px 1px rgba(0,0,0,0.3) inset,
              0px 1px 3px #003366;
}
#category li:first-child a{
border-radius:5px 0 0 5px;
border-left:0;
box-shadow:-1px 0px 0px rgba(225,225,225,0.3) inset,
              0px 1px 1px rgba(0,0,0,0.1) inset,
              0px -1px 1px rgba(0,0,0,0.3) inset,
              0px 1px 3px #003366;
}
#category li:last-child a{
border-radius:0 5px 5px 0;
box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
				0px 1px 1px rgba(0,0,0,0.1) inset,
				0px -1px 1px rgba(0,0,0,0.3) inset,
				0px 1px 3px #003366;
}
/*メインイメージ
---------------------------------------------------- */
#mainimage{
width: 1050px;
padding: 10px 0 0 0;
margin: 0;
clear: both;	
}
/*メインコンテンツ部分
---------------------------------------------------- */
#content{
width: 800px;
float:left;	
margin: 0;
padding: 0;
}
/* メイン部分
---------------------------------------------------- */
#main{
margin: 0;
padding: 0;
width: 600px;
float:right;
line-height:140%;
}
.entry{
margin: 0;
padding: 0;
clear: both;
}
#main h2{
margin:  20px 0px 15px 20px;
padding: 10px 0 10px 15px;
font-size: 110%;
color: #666;
letter-spacing: 0.1em;
border-left-width: 5px;
border-left-style: solid;
border-left-color: #0075c2;
background-color: #f4f9ff;
clear: both;
}
#main h3{
margin:  20px 0 15px 25px;
padding: 5px 10px 5px 10px;
font-size: 90%;
color: #666;
letter-spacing: 0.1em;
border-left-width: 5px;
border-left-style: solid;
border-left-color: #0075c2;
background-color: #f4f9ff;
}
#main h4{
font-size: 90%;
color: #333;
clear: both;
margin: 0;
padding: 7px 20px 17px 25px;
}
#main p{
margin: 0;
padding: 5px 30px 5px 50px;
font-size: 90%;
color: #333;
}
#main p.entry-date{
margin: 0;
padding: 10px 25px;
font-size: 90%;
color: #333;
text-align: right;
}
#main p.cate-name{
	margin: 0;
	padding: 5px 25px 0;
	font-size: 90%;
	color: #333;
	text-align: right;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
#main .alignleft{
	margin: 0 10px 3px 0;
	padding: 0;
	float: left;
}
#main .alignright{
	margin: 0 0 3px 10px;
	padding: 0;
	float: right;
}
/* 個別ページ パンくずリスト
---------------------------------------------------- */
#path{
	margin:  0px 0 0 0px;
	padding: 10px 20px 0px 20px;	
	clear: both;
	font-size: 90%;
}
/* 個別ページ
---------------------------------------------------- */
.item_phote{
	margin: 0 0 0 25px;
	padding: 0;
	float: left;
	width:365px;
}
.item_cart{
	margin: 0;
	padding: 0;
	float: left;
	width: 175px;
	}
#main .item_cart p{
	margin: 0;
	padding: 0;
	font-size: 90%;
	color: #333;
}
.cart_count{
	margin: 10px 0 20px 0;
	padding: 0;	
	text-align: left;
}
.item_detail{
	margin: 0;
	padding:30px 0 50px 0;
	clear: both;
}
#main .item_detail h3{
	margin:  20px 0px 15px 30px;
	padding: 5px 0 5px 10px;
	font-size: 90%;
	color: #666;
	letter-spacing: 0.1em;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #0075c2;
	background-color: #f4f9ff;
	}
/* サブ左部分（3カラム）
---------------------------------------------------- */
#sub_left {
	margin: 0;
	padding:0;
	width: 200px;
	float: left;
	line-height:140%;
}
#sub_left h2{
	margin: 0;
	padding:10px 0px 0;
}
#sub_left h3{
	margin: 20px 0;
	padding:10px;
	font-size: 100%;
	color: #333;
border-left-width: 5px;
border-left-style: solid;
border-left-color: #0075c2;
background-color: #f4f9ff;
}
#sub_left .entry-body{
	margin: 0;
	padding:0 0 20px 0;
}
#sub_left h3.entry-title {
	margin: 20px 0 0 0;
	padding:10px 0 10px 10px;
	font-size: 100%;
	color: #333;
border-left-width: 5px;
border-left-style: solid;
border-left-color: #0075c2;
background-color: #f4f9ff;
text-align: left;
}
#sub_left p.entry-date{
	margin: 0;
	padding:5px;
	font-size: 85%;
	color: #666;	
	text-align: right;
}
#sub_left .entry-body p{
	margin: 0;
	padding:5px 0 0 15px;
	font-size: 90%;
	color: #666;		
	text-align: left;
}
/* サブ右部分（3カラム）
---------------------------------------------------- */
#sub_right{
	margin: 20px 20px 30px 0px;
	padding:0;
	width: 200px;
	float: right;
	line-height:140%;
}
#sub_right h2 {
	margin: 0px 0 0 0;
	padding:10px 0px 0;
}
#sub_right h3{
	margin: 20px 0;
	padding:10px;
	font-size: 100%;
	color: #333;
border-left-width: 5px;
border-left-style: solid;
border-left-color: #0075c2;
background-color: #f4f9ff;
	}
#sub_right .entry-body{
	margin: 0;
	padding:0 0 20px 0;
}
#sub_right h3.entry-title {
	margin: 20px 0 0 0;
	padding:10px 0 10px 10px;
	font-size: 100%;
	color: #333;
border-left-width: 5px;
border-left-style: solid;
border-left-color: #0075c2;
background-color: #f4f9ff
;
text-align: left;
}
#sub_right p.entry-date{
	margin: 0;
	padding:5px;
	font-size: 85%;
	color: #666;	
	text-align: right;
}
#sub_right .entry-body p{
	margin: 0;
	padding:5px 0 0 15px;
	font-size: 90%;
	color: #666;		
	text-align: left;
}
/* サブ・ユーザーログイン
---------------------------------------------------- */
#userlogin{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	margin: 0;
	padding: 5px 10px;
	}
#userlogin .error{
	margin: 5px 0;
	padding:0;
	font-size: 90%;
	color: #CC0000;
	border: 1px solid #FF0000;
	background-color: #FFD2D2;
	width: 100%;
}
#userlogin fieldset{
	margin: 0;
	padding: 0;
	border: none;
	font-size:90%;
}
#userlogin .loginmail{
	margin: 0 0 10px 0;
	padding:0;
	font-size: 90%;
	width: 100%;
}
#userlogin .loginpass{
	margin: 0 0 10px 0;
	padding:0;
	font-size: 90%;
	width: 100%;
}
#userlogin .btn {
	background: -moz-linear-gradient(top,#0075c2 0%,#0075c2);
	background: -webkit-gradient(linear, left top, left bottom, from(#0075c2), to(#0075c2));
	border: 1px solid #003366;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color:#FFF;
	margin: 0 8px 5px 8px;
	padding: 3px 5px;
	font-size:90%;
}
#userlogin .error p{
	margin: 0;
	padding:5px;
	font-size: 90%;
}
#userlogin p{
	margin: 0 10px;
	padding:0 10px;
	font-size: 90%;
}	
/* カートの中身を見る
---------------------------------------------------- */
#maincart{
	padding:0;
	margin:  0;
}
table#minicart{
	width: 200px;
	margin: 0 0 20px 0;
	border-spacing:0;
	border-collapse:collapse;
	border-style:solid;
	border-color:#CCC;
	border-width:1px 0 1px 1px;
	padding:0px;
	font-size: 90%;
}
table#minicart tr td{	
	padding:10px 5px;
	border-style:solid;
	border-color:#CCC;
	border-width:0 1px 1px 0;
	font-weight:normal;
	letter-spacing: 0.1em;
}
table#minicart th{
	padding:8px;
	border-style:solid;
	border-color:#CCC;
	border-width:0 1px 1px 0;
	color: #333;
	text-align: center;
	font-weight: normal;
}
table#minicart .item{
	width: 180px;
	font-size: 90%;
	text-align: left;
}
table#minicart .count{
	width: 40px;
	font-size: 90%;
	text-align: center;
}
table#minicart .total{
	padding: 10px 0;
	text-align: center;
	font-size: 100%;
}
table#minicart .empty{
	padding: 10px 0;
	text-align: center;
	font-size: 100%;
	}
#maincart_ajax{
	text-align: center;
}
#maincart_ajax input{
	background: -moz-linear-gradient(top,#73DCFF 0%,#99E5FF);
	background: -webkit-gradient(linear, left top, left bottom, from(#73DCFF), to(#99E5FF));
	border: 1px solid #73DCFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color:#FFF;
	margin: 0 8px 5px 8px;
	padding: 3px 5px;
	font-size:90%;
}
#maincart input{
	background: -moz-linear-gradient(top,#73DCFF 0%,#99E5FF);
	background: -webkit-gradient(linear, left top, left bottom, from(#73DCFF), to(#99E5FF));
	border: 1px solid #73DCFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color:#FFF;
	margin: 0 8px 5px 8px;
	padding: 3px 5px;
	font-size:90%;
}
/* 検索（ウィジェット サイドバー）
---------------------------------------------------- */
#searchform{
	margin: 10px 0px 10px 5px;
	padding: 0;	
}
.screen-reader-text{
	margin: 0px;
	padding: 0;
	font-size:95%;	
}
#s{
	width: 150px;
}
#searchsubmit{
	background: -moz-linear-gradient(top,#73DCFF 0%,#99E5FF);
	background: -webkit-gradient(linear, left top, left bottom, from(#73DCFF), to(#99E5FF));
	border: 1px solid #73DCFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color:#FFF;
	margin: 10px 8px 5px 5px;
	padding: 0px 5px;
	font-size:90%;	
	}
/* 商品一覧（ウィジェット サイドバー）
---------------------------------------------------- */
#sidecatlist{
	margin: 0;
	padding: 0;	
}
#sidecatlist ul{
	margin: 20px 10px;
	padding: 0;	
}
/* ウィジェット サイドバー
---------------------------------------------------- */
#sub_right ul{
	margin: 20px 10px;
	padding: 0;	
}
#sub_left ul{
	margin: 20px 10px;
	padding: 0;	
}
#sub_right li{
	margin: 5px 5px 10px 5px;
	padding: 0;	
	list-style: none;
}
#sub_left li{
	margin: 5px 5px 10px 5px;
	padding: 0;	
	list-style: none;
}
#wp-calendar{
	text-align: left;
	margin: 0 auto;
	padding: 0;
}
/* mypagelogin
---------------------------------------------------- */
#loginbutton{
	margin: 0;
	padding: 10px 0;
	text-align: center;
	}
#loginbutton input{
	background: -moz-linear-gradient(top,#73DCFF 0%,#99E5FF);
	background: -webkit-gradient(linear, left top, left bottom, from(#73DCFF), to(#99E5FF));
	border: 1px solid #73DCFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color:#FFF;
	margin: 0 8px 5px 8px;
	padding: 3px 5px;
	font-size:90%;
	}	
#mypagelogin{
	border: 1px solid #999;
	}
ul#mypagemenu {
	margin: 0;
	padding: 0;
	font-size: 90%;
}
li#welcome{
	margin: 0;
	padding: 10px 0px 10px 20px;
	list-style-type: none;
}
li#mypagehistory{
	margin: 0;
	padding: 10px 0px 0px 20px;
	list-style-type: none;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-width: 1px;
	border-left-color: #666666;
}
li#mypageinfo{
	margin: 0;
	padding: 10px 0px 0px 20px;
	list-style-type: none;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-width: 1px;
	border-left-color: #666666;
}
li#mypageaddress{
	margin: 0;
	padding: 10px 0px 0px 20px;
	list-style-type: none;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-width: 1px;
	border-left-color: #666666;
}
li#mypagelogout{
	margin: 0;
	padding: 10px 0px 10px 20px;
	list-style-type: none;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-width: 1px;
	border-left-color: #666666;
	border-bottom-width: 1px;
	border-bottom-color: #666666;
}

/*商品一覧
---------------------------------------------------- */
#main #item_box{
  width:600px;
  margin:0;
  padding: 10px 0 0 0;
}
#main #item_box dl.item{
  width:150px;
  height: 200px;
  margin:0px 15px 5px 35px;
  float:left;
}
#main #item_box dl.item dt{
  width:150px;
}
#main #item_box dl.item dt img{
  margin-bottom:5px;
}
#main #item_box dl.item dd.name{
  margin:0 0 0px 5px;
	padding: 0px;
}
#main #item_box dl.item{
  margin-bottom:20px;
  font-weight:bold;
}
#main #item_box dl.item{
  font-size:80%;
  line-height:130%;
}
/* フッター
---------------------------------------------------- */
#footer {
	margin: 0;
	padding: 0;
	clear: both;
	background-color: #0075c2;
	color: #FFF;
	}
#footercontent{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	width: 1050px;
	text-align: left;
	}
	
#footer a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:visited {
	color: #EEEEEE;
	text-decoration: none;
}
#footer a:hover, a:active {
	color: #666;
	text-decoration: underline;
}

/*footermenu1
---------------------------------------------------- */
#footermenu1{
	margin: 0;
	padding: 0;
	float: left;
	width: 350px;
	line-height: 140%;
	font-size: 85%;
	text-align: left;
		}
#footermenu1 h3{
	margin: 35px 0 0 20px;
	padding: 0;
	}
#footermenu1 ul{
	margin: 10px 0 30px 25px;
	padding: 0;
}

#footermenu1 li{
	margin: 0;
	padding: 8px 5px;
	list-style: none;
}
#footermenu li a{
	margin: 0;
	padding: 0 2px 0 0px;
}
/*footermenu2
---------------------------------------------------- */	
#footermenu2{
	margin: 0;
	padding: 0;
	float: left;
	width: 350px;
	line-height: 140%;
	font-size: 85%
	}
#footermenu2 ul{
	margin: 30px 0 30px 25px;
	padding: 0;
}
#footermenu2 li{
	margin: 0;
	padding: 8px 5px;
	list-style: none;
}
/*footermenu3
---------------------------------------------------- */
#footermenu3{
	margin: 0;
	padding: 0;
	float: left;
	width: 350px;
	line-height: 140%;
	font-size: 85%
	}
#footermenu3 ul{
	margin: 30px 0 30px 25px;
	padding: 0;
}
#footermenu3 li{
	margin: 0;
	padding: 8px 5px;
	list-style: none;
}
/*footercopyright
---------------------------------------------------- */
#footercopyright{
	margin:  0;
	padding: 10px 0px;
	clear: both;
}

#footercopyright p{
	margin:  0;
	padding: 0 10px;
	font-size: 90%;
	color: #FFF;
	line-height: 140%;
	text-align: left;
}
/* カート注文部分
---------------------------------------------------- */
table#cart{
	width: 575px;
	margin: 15px 0 15px 25px;
	border-spacing:0;
	border-collapse:collapse;
	border-style:solid;
	border-color:#666;
	border-width:1px 0 1px 1px;
	clear: both;
	font-size: 90%;
	padding:0px;
}
table#cart tr td{	
	padding:5px;
	border-style:solid;
	border-color:#666;
	border-width:0 1px 1px 0;
	font-weight:normal;
	letter-spacing: 0.1em;
}
table#cart th{
	margin: 0;
	padding:8px;
	background-color: #f4f9ff;
	color: #333;
	font-size: 90%;
	letter-spacing: 0.1em;
}
table#cart .th01{
	width: 80px;
	text-align: center;
}
table#cart .th02{
	width: 60px;
	text-align: center;
}
table#cart .th03{
	width: 100px;
	text-align: left;
}
table#cart .item01{
	width: 80px;
	vertical-align:middle;
	font-size: 100%;
}
table#cart .item02{
	width: 60px;
	vertical-align:middle;
	font-size: 100%;
}

#cart input{
	margin: 5px;
	padding: 0;
}
#cart textarea{
	margin: 5px;
	padding: 0;
}
table#cart .inputitem01{
	width: 20px;
	font-size: 90%;
}

table#cart .inputitem02{
	width: 250px;
	font-size: 90%;
}
table#cart .inputitem03{
	width: 80px;
	font-size: 90%;
}
table#cart .inputitem04{
	width: 400px;
	height: 50px;
	font-size: 90%;
}
#main .payment{
	padding: 10px 50px;
	margin: 0 20px 20px 25px;
	border-bottom: 1px solid #999;
}
#main .inputitemradio{
	margin: 0;
	padding: 0;
}
#main .labelname{
	margin: 0 0 0 10px;
	padding:0;
	font-size: 90%;
	color: #333;
}
table#cart .red{
	color: #FF0000;
}
#main .op{
	padding: 20px 10px 20px 0px;
	margin: 0 50px;
}
#main .op_txt{
	padding: 10px 0px 0px 0px;
	margin: 0;
}
#main .inputitem05{
	width: 500px;
	height: 100px;
	font-size: 90%;
}

/* 送信ボタン
---------------------------------------------------- */
#submit {
	margin: 20px 0 50px;
	padding: 0;
	clear: both;
	text-align:center;
	}
#submit input {
	background: -moz-linear-gradient(top,#73DCFF 0%,#99E5FF);
	background: -webkit-gradient(linear, left top, left bottom, from(#73DCFF), to(#99E5FF));
	border: 1px solid #73DCFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color:#FFF;
	margin: 0 8px 5px 8px;
	padding: 3px 5px;
	font-size:90%;
	}
/* 送信ボタン 登録
---------------------------------------------------- */
#submit_entry {
	margin: 20px 0 30px 0;
	padding: 0;
	clear: both;
}
#submit_entry input {
	background: -moz-linear-gradient(top,#73DCFF 0%,#99E5FF);
	background: -webkit-gradient(linear, left top, left bottom, from(#73DCFF), to(#99E5FF));
	border: 1px solid #73DCFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color:#FFF;
	margin: 0 8px 5px 8px;
	padding: 3px 5px;
	font-size:90%;
}
/* 新規会員登録
---------------------------------------------------- */
#newentry {
	margin: 5px 0px 0px 0px;
	padding: 0;
}
#newentry input{
	background: -moz-linear-gradient(top,#73DCFF 0%,#99E5FF);
	background: -webkit-gradient(linear, left top, left bottom, from(#73DCFF), to(#99E5FF));
	border: 1px solid #73DCFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color:#FFF;
	margin: 0 8px 5px 8px;
	padding: 3px 5px;
	font-size:90%;
}

/* ログイン
---------------------------------------------------- */
#login{
	margin: 0;
	padding: 0;
}
#login input{
	background: -moz-linear-gradient(top,#73DCFF 0%,#99E5FF);
	background: -webkit-gradient(linear, left top, left bottom, from(#73DCFF), to(#99E5FF));
	border: 1px solid #73DCFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color:#FFF;
	margin: 0 8px 5px 8px;
	padding: 3px 5px;
	font-size:90%;
}
#main fieldset{
margin: 0;
padding: 5px 20px 0px 50px;
border: none;
 font-size: 100%;
 }

.labelform01 {
	clear: left;
	display: block;
	margin: 20px 0 10px 0;
	padding:0;
	float: left;
	font-size: 90%;
	width: 110px;
}
.editbox01 {
	display: block;
	float: left;
	margin: 20px 0 0 0;
	padding:0;
	font-size: 90%;
	width: 300px;
}
/* 入力部品の幅設定
---------------------------------------------------- */
input#useremail {
margin:0 0 0 5px;
padding: 0;
width: 250px;
font-size: 90%;
}
input#password {
margin:0 0 0 5px;
padding: 0;
width: 100px;
  font-size: 90%;
}

/*メインコンテンツ部分・共通
---------------------------------------------------- */
#main .message{
	margin: 10px 0 10px 25px;
	padding: 0;
	font-size: 90%;
	color: #333;
	border: 1px solid #FF9933;
	background-color: #FFF2E6;
}
#main .error{
	margin: 10px 0 10px 25px;
	padding: 0;
	font-size: 90%;
	color: #CC0000;
	border: 1px solid #FF0000;
	background-color: #FFD2D2;
}

/* MyPageログイン
---------------------------------------------------- */
#login{
	margin: 10px 0px 0px;
	padding: 0;
}
#main_login fieldset{
	margin: 5px 50px;
	padding: 0;
	color: #333333;
	border: none;
}
#main_login label{
	margin: 0;
	padding: 0 15px 0 5px;
}
#main_login .login{	
	margin: 0;
	padding: 15px 0 0 0;
	float: left;
	width: 100px;
	clear: left;
	display: block;
	font-size: 90%;
}
#main_login .editbox {
	display: block;
	float: left;
	margin: 13px 0 0px 0;
	padding:0;
	font-size: 90%;
	width: 300px;
}
/*MyPage　TOP
---------------------------------------------------- */
#main .oc_menu{
	margin: 0 0 30px 0;
	padding: 0;
	}
/*注文履歴　表
---------------------------------------------------- */
table#mypage,
table#mypage_a,table#mypage_b,table#mypage_c,table#mypage_e{
	width: 575px;
	margin: 15px 0 15px 25px;
	border-spacing:0;
	border-collapse:collapse;
	border-style:solid;
	border-color:#666;
	border-width:1px 0 1px 1px;
	clear: both;
	font-size: 90%;
	padding:0px;
}
#mypage tr td,#mypage_a tr td,#mypage_b tr td,#mypage_c tr td,#mypage_e tr td{	
	padding:5px;
	border-style:solid;
	border-color:#333;
	border-width:0 1px 1px 0;
	font-weight:normal;
}
table#mypage th,table#mypage_a th,table#mypage_b th,table#mypage_c th,table#mypage_e th{
	margin: 0;
	padding:5px;
	background-color: #f4f9ff;
	color: #333;
	letter-spacing: 0.1em;
}
#mypage .th01{
	width: 110px;
}
#mypage .th02{
	width: 80px;
}
#mypage .item01{
	text-align: left;
	width: 110px;
}
#mypage .item02{
	text-align: right;
	width: 80px;
}
#mypage  .item03{
	width: 110px;
	text-align: right;
}
#mypage .item04{
	width: 80px;
	text-align: center;
}
table#mypage .red{
	color: #FF0000;
}
table#mypage_a .inputitem01{
	width: 250px;
}
table#mypage_a .inputitem02{
	width: 80px;
}
table#mypage_a .inputitem03{
	width: 400px;
	height: 50px;
	font-size: 90%;
}
.labelname{
	margin: 0;
	padding: 4px 10px 0 5px;
	font-size: 100%;
	color: #333;
	vertical-align:middle;
}
#mypage_a input{
	margin: 0 0 0 5px;
	padding: 0
}
#mypage_a textarea{
	margin: 0 0 0 5px;
	padding: 0;
}
/*つぎのページへ（上）
---------------------------------------------------- */
#nextpage01 {
	margin: 0;
	padding: 0;
	float: right;
	text-align: right;
	width: 180px;
}
#nextpage01 p.number {
	margin: 5px 25px 5px 0;
	padding: 0;
	font-size: 90%;
	letter-spacing: 0.3em;
}
/* フォームページ
---------------------------------------------------- */
#mainform {
	margin: 0;
	padding: 0;
}
#mainform p{
	margin: 0;
	padding: 0;
}
#mainform fieldset{
	margin: 0;
	padding: 10px 0px 10px 50px;
	font-size: 90%;
	color: #333;
	border: none;
}
#mainform .labelform2 {
	clear: left;
	display: block;
	margin: 0;
	padding: 10px 5px 0 0;
	float: left;
	font-size: 100%;
	width: 150px;
}
#mainform .editbox2 {
	display: block;
	float: left;
	padding: 10px 0 0 10px;
	margin: 0;
	font-size: 100%;
	width: 320px;	
	}
#mainform .red{
	color: #CC3300;
}
#mainform input{
	margin: 0;
	padding: 0;
}

/* 入力部品の幅設定
---------------------------------------------------- */
#name, #tel, #ruby{
  width: 200px;
}
#zip{
  width: 100px;
}
#company, #address{
  width: 280px;
}

#email, #email2, #url{
width: 250px;
}

#comment{
  width: 300px;
  height: 100px;
  margin: 0 ;
  padding: 0;
  font-size: 90%;
	}

/* 送信ボタン
---------------------------------------------------- */
#form_submit input {
	background: -moz-linear-gradient(top,#73DCFF 0%,#99E5FF);
	background: -webkit-gradient(linear, left top, left bottom, from(#73DCFF), to(#99E5FF));
	border: 1px solid #73DCFF;
s	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color:#FFF;
	margin: 0 8px 5px 8px;
	padding: 3px 5px;
	font-size:90%;	
	}
#form_submit {
	margin: 0;
	padding: 20px 0 20px 150px;
}
#form_submit p {
	margin: 0;
	padding: 10px;
}
/*User label
---------------------------------------------------- */
.labelform02 {
	clear: left;
	display: block;
	margin: 0 0 25px 0;
	padding:0;
	float: left;
	width: 120px;
}
.editbox02{
	display: block;
	float: left;
	padding: 0 0 25px 0;
	margin: 0;
	width: 300px;
}

