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

body{
	margin : 0px;
	text-align : center;
	font-size : medium;
	line-height:130%;
	/* color:#444444; */
	}
	
ul{margin:10px 0px 0px 0px;
   padding:0px;
   list-style:none;}
   
li{margin:0px 0px 0px 20px;
   padding:0px;
   list-style-type:square;} 
  
form{margin:0px;
	border:0px;}

h2{
font-size:large;
font-weight:bold;
text-align:center;
background-color:#ff9900;
color:#FFFFFF;
margin:0px;
padding:3px 0px;
display:block;
line-height:normal;}

hr{
border-color:#CCCCCC;
border-style:dotted;
line-height:1px;}


/* コンテンツ枠 */
#wrapper{margin:0px;
	padding:0px;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	font-size:smaller;
	text-align:left;
	}
#wrapper a{color:#0000FF;text-decoration:none;}
#wrapper a:link{color:#0000FF;text-decoration:none;}
#wrapper a:visited{color:#0000FF;text-decoration:none;}
#wrapper a:hover{color:#669933;text-decoration:underline;}
	
	
#logo{
	width:800px;
	float:left;
	text-align:left;
	margin:0px 0px 5px 0px;
	padding:5px 0px 5px 0;
	}
	
#container{
width:800px;}

#container table{
background-color:#CCCCCC;}
#container td{
background-color:#FFFFFF;
padding:3px;}

/* text-center */
#container .lightgray{
background-color:#f2f2f2;
font-weight:bold;
text-align:center;}

#container .lightgray3{
background-color:#f2f2f2;
font-weight:bold;
text-align:center;
border-bottom:#FFFFFF 3px solid;}

/* text-right */
#container .lightgray2{
background-color:#f2f2f2;
font-weight:normal;
padding:0px 0px 0px 10px;}

/* 商品名back */
#container .goodsname{
background-color:#ffffcc;}


/* table-title部分 */
#container .basecolor{
background-color:#ff9900;
color:#FFFFCC;
font-weight:bold;
padding: 3px 10px;}
#container .basecolor a,
#container .basecolor a:link,
#container .basecolor a:visited{
color:#FFFFFF;
text-decoration:underline;}
#container .basecolor a:hover{
color:#FFFFFF;
text-decoration:none;}


/* 主にtable内調整space */
#container .space{
padding:5px 5px 10px 10px;}

/* 主にtable内bottan用上下スペース */
#container .udspace{
padding:10px 5px;}

/* table下テキストフォーム等 */
#container .nonspace{
_padding:10px 0px;}

/* 複数届け等下線付け */
#container .underspace{
margin-bottom:20px;
border-bottom:#999999 2px solid;}
#container .underspace td{
background-color:#fefefe;}

#container .underspace2 td{
margin-bottom:20px;
background-color:#fefefe;}



/* bottan設定 */
#container .buttons {  
background-color:#ff9900;
padding:5px 10px;
_padding:5px 5px;
margin:0px 5px;
color:#FFFFFF;
font-weight:bold;}

#container .buttons2 {  
background-color:#f2f2f2;
padding:5px 10px;
_padding:5px 5px;
margin:0px 5px;
color:#cc0000;
font-weight:bold;}

#container .buttons3 {  
background-color:#8fb4ff;
padding:5px 10px;
_padding:5px 5px;
margin:0px 5px;
color:#ffffff;
font-weight:bold;}
		

/*
#container .bottan2 a{
background-color:#ff9900;
padding:5px 10px;
margin:0px;
color:#FFFFFF;
font-weight:bold;}

#container .bottan2 a:link{
background-color:#ff9900;
padding:5px 10px;
margin:0px;
color:#FFFFFF;
font-weight:bold;}

#container .bottan2 a:visited{
background-color:#ff9900;
padding:5px 10px;
margin:0px;
color:#FFFFFF;
font-weight:bold;}

#container .bottan2 a:hover{
background-color:#eeeeee;
padding:5px 10px;
margin:0px;
color:#ff9900;
text-decoration:underline;
font-weight:bold;}
*/

 

/* info-w:600設定 */
.info{
width:600px;
margin-left:100px;
margin-top:10px;}


/* 文字装飾 */

.gift_color{
	background-color:#ff9900;
	color:#FFFFFF;
	padding:2px 10px;}
.gift_color2{
	color:#993300;}
.gift_color3{
	border:1px solid #ff9900;
	background-color:#fff2cc;
	padding:5px;}			

.baby_color{
	background-color:#8fb4ff;
	color:#ffffff;
	padding:2px 10px;}	
.baby_color2{
	color:#ff4754;}


/* DESPX CSS */
body, td, th, div, p, a, pre,
select, input, textarea {
	font-family:
		'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 
		'平成角ゴシック', 'HeiseiKakuGothic', Osaka, 
		'ＭＳ Ｐゴシック', 'MS PGothic', 
		'ＭＳ ゴシック', 'MS Gothic',
		sans-serif;
}

.Clear {
	clear: both;
	font-size: 1px;
	color: #ffffff;
}

a img {
	border: 0;
}

.ImeOff {
	ime-mode: disabled;
}

.ImeOn {
	ime-mode: active;
}

.PaymentFrame {
	border: 1px solid #cccccc;
}

.OpenCloseDiv {
	display: none;
}

@media projection {
	.OpenCloseDiv {
		display: block;
	}
}

.DeliveryName {
	background-color: #18c64a!important;
	color: #FFFFFF;
}