/*-------------------------------------
要素単位ですべてに適用するもの
-------------------------------------*/
body 
{
	text-align:center;
	word-wrap:break-word;
}

table 
{
	border-collapse:collapse;
	table-layout:fixed;
	empty-cells:show;
}

th, td {
	padding:0px;
}

img {
	border:0;
	padding:0;
}

input 
{
	vertical-align:middle;
	font-size:100%;
}

textarea
{
	font-size:100%;
}

select
{
	vertical-align:middle;
}

/*-------------------------------------
IME
-------------------------------------*/
.imeoff {ime-mode: disabled;}


/*-------------------------------------
align関連
-------------------------------------*/
.align-right { text-align:right; }
.align-center { text-align:center; }
.align-left { text-align:left; }

/*-------------------------------------
valign関連
-------------------------------------*/
.middle { vertical-align:middle; }
.bottom { vertical-align:bottom; }
.top { vertical-align:top; }
.text-top { vertical-align:text-top; }

.center_middle { text-align:center; vertical-align:middle; }

/*-------------------------------------
float関連
-------------------------------------*/
.float-left { float:left; }
.float-right { float:right; }
.c-both { clear:both; }

/*-------------------------------------
font関連 サイズは必ず％指定すること
-------------------------------------*/
.txt100_red { font-size:100%; color:Red; }
.txt100_redB { font-size:100%; color:Red; font-weight:bold; }
.txt80_red { font-size:80%; color:Red; }
.txt80_black { font-size:80%; color:Black; }
.txt80_green1 { font-size:80%; color:#83AD2C; }
.txt90_green1 { font-size:90%; color:#83AD2C; }

.blue1 { color:#3366CC; }
.green1 { color:#83AD2C; }
.red1 { color:Red; }
.gray1 { color:#666666; }
.white1 { color:#FFFFFF; }

.font40 { font-size:40%; }
.font60 { font-size:60%; }
.font70 { font-size:70%; }
.font80 { font-size:80%; }
.font90 { font-size:90%; }
.font70 { font-size:70%; }
.font75 { font-size:75%; }
.font120 { font-size:120%; }
.font150 { font-size:150%; }
.font200 { font-size:200%; }
.font250 { font-size:250%; }
.font300 { font-size:300%; }

.normal { font-weight:normal; }
.bold { font-weight:bold; }


/*-------------------------------------
余白関連
-------------------------------------*/
.nomargin { margin:0; }
.nopadding { padding:0; }

.margin5 { margin:5px; }


/*-------------------------------------
カーソル
-------------------------------------*/
.pointer { cursor:pointer; }

/*-------------------------------------
buttonのデザイン
-------------------------------------*/
input.button1
{
	background-color:#CCCCCC;
	border-style:none;
	margin:0 10px;
	cursor:pointer;
}

input.button1_nomargin
{
	background-color:#CCCCCC;
	border-style:none;
	cursor:pointer;
}

input.button1_topmargin
{
	background-color:#CCCCCC;
	border-style:none;
	margin-top:5px;
	cursor:pointer;
}

input.button2
{
	margin-left:5px;
	cursor:pointer;
}

input.button3
{
	background-color:#FFFFFF;
	border:solid 1px #999999;
	width:20px;
	margin-left:5px;
	cursor:pointer;
}

input.button3_m
{
	background-color:#FFFFFF;
	border:solid 1px #999999;
	width:20px;
	margin-left:30px;
	cursor:pointer;
}

input.button4
{
	background-color:#FF6600;
	color:#FFFFFF;
	margin:0 10px;
	border-style:none;
	cursor:pointer;
}

input.button4_nomargin
{
	background-color:#FF6600;
	color:#FFFFFF;
	border-style:none;
	cursor:pointer;
}

input.button5
{
	background-color:#98CD69;
	color:#FFFFFF;
	border-style:none;
	font-weight:bold;
	margin-left:10px;
	cursor:pointer;
}

input.button6
{
	background-color:#999999;
	color:#FFFFFF;
	border-style:none;
	margin:0 10px;
	cursor:pointer;
}

input.button_tagedit
{
	font-size:12px;
	color:#000000;
	background-color:#CCCCCC;
	border:solid 1px #686A5D;
	cursor:pointer;
}

input.button_delimage
{
	font-size:12px;
	color:#000000;
	background-color:#CCCCCC;
	border:solid 1px #686A5D;
	margin-left:5px;
	width:60px;
	cursor:pointer;
}

input.button_change_mainimage
{
	font-size:12px;
	color:#000000;
	background-color:#F3FED3;
	border:solid 1px #ABC56A;
	width:120px;
	cursor:pointer;
}

input.button_mainimage
{
	font-size:12px;
	color:Red;
	background-color:#FF979C;
	border:solid 1px #FD3341;
	width:120px;
	cursor:pointer;
}

input.button_memberdelete
{
	font-size:12px;
	background-color:#CCCCCC;
	border-style:none;
	color:Black;
	cursor:pointer;
}

input.button_upload 
{
	background-color: #D8EBAF;
	color: #80A82B;
	border-width: 0px;
	cursor:pointer;
}

input.button_cartafter
{
    border:1px solid #006633;
    color:#FFFFFF;
    background-color:#99CC66;
	cursor:pointer;
}

input.button_cartback
{
    border:1px solid #FF6600;
    color:#FFFFFF;
    background-color:#FF9900;
	cursor:pointer;
}

input.button_cartdelete
{
    border:1px solid #333333;
    color:#FFFFFF;
    background-color:#666666;
	cursor:pointer;
}

input.button_edit1
{
    border:1px solid #FF6600;
    color:#FFFFFF;
    background-color:#FF9900;
    margin:0 5px;
	cursor:pointer;
}

input.button_back1
{
    border:1px solid #333333;
    color:#FFFFFF;
    background-color:#666666;
    margin:0 5px;
	cursor:pointer;
}

input.button_delete1
{
    border:1px solid #333333;
    color:#FFFFFF;
    background-color:#666666;
    margin:0 5px;
	cursor:pointer;
}

/*-------------------------------------
validatorのデザイン
-------------------------------------*/
.validator1
{
	background-color:Yellow;
	color:Red;
	padding:2px;
	width:100%;
	margin-bottom:10px;
}

.validator_summary1
{
	background:url('./../img/common/bg_red.png') repeat left top;
	color:Red;
	border:solid 1px red;
	text-align:center;
	margin:30px 0 30px 0;
	font-size:80%;
}

.fin_type1
{
	border:solid 1px #99CC33;
	font-size:80%;
	color:#000000;
	width:558px;
	background-color:#FFFFFF;
	text-align:center;
}

.fin_type2
{
	border:solid 1px #999999;
	font-size:80%;
	color:#000000;
	width:558px;
	background-color:#FFFFFF;
	text-align:center;
}

.fin_type3
{
	border:solid 1px #999999;
	font-size:80%;
	color:#000000;
	width:528px;
	background-color:#FFFFFF;
	text-align:center;
}

.fin_type4
{
	border:solid 1px #99CC33;
	font-size:80%;
	color:#000000;
	width:748px;
	background-color:#FFFFFF;
	text-align:center;
}

.fin_type5
{
	border:solid 1px #999999;
	font-size:80%;
	color:#000000;
	width:748px;
	background-color:#FFFFFF;
	text-align:center;
}

.bg_comptext
{
	margin:30px auto;
	background:url('./../img/common/bg_comptext.png') repeat-y left top;
	width:500px;
	text-align:center;
}

.message1
{
	background:url('./../img/common/bg_red.png') repeat left top;
	color:Red;
	border:solid 1px red;
	text-align:center;
	width:748px;
	font-size:80%;
	margin:0 0 10px 0;
	padding:10px 0;
}

.centering1 
{
	text-align:center;
	margin:20px 0 20px 0;
	font-size:80%;
}

.centering2
{
	text-align:center;
	margin:20px 0 20px 0;
	font-size:100%;
}

.centering3
{
	text-align:center;
	margin:10px 0 10px 0;
	font-size:80%;
}

.centering4
{
	text-align:center;
	margin:5px;
	font-size:100%;
}

.sendmail
{
	text-align:center;
	padding:20px 0;
	font-size:80%;
}

.bg1 { background:url('./../img/common/bg_green.png') repeat left top;}
.bg2 { background:url('./../img/common/bg_red.png') repeat left top; }
.bg_white { background-color:#FFFFFF; }
.bg_gray { background-color:#EEEEEE; }


.position_center
{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-16px;
	margin-top:-16px;
	width:32px;
	height:32px;
}


/*-------------------------------------
images出力装飾
-------------------------------------*/
.pics { 
height: 232px; 
width: 232px; 
padding: 0; 
margin: 0; 
} 

.pics img { 
padding: 15px; 
border: 1px solid #ccc; 
background-color: #eee;
width: 200px; 
height: 200px; 
top: 0; 
left: 0 
}

.paperimg
{
	margin:10px 20px;
}


/*-------------------------------------
box
-------------------------------------*/

.box1
{
    border:solid 1px #99CC33;
    color:#000000;
    background-color:#FFFFFF;
    padding:5px 5px 5px 10px;
    line-height:100%;
}

/* 検索BOX */
#wrap .bg_searchbox
{
	background: url('./../img/common/bg_searchbox.png') no-repeat left top;
	height:32px;    
}


/*-------------------------------------
border
-------------------------------------*/

.border_green
{
    border-top:1px solid #99CC66;
    height:1px;
    height:1px;
    margin:5px 0;
    padding:0;
}