@charset "UTF-8";

/****************************************************************************************************************************
 1.全体設定 
*****************************************************************************************************************************/

/* CSSリセット-- */

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, p, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/* vertical-align: baseline; */
	list-style:none;
	}

fieldset{margin:0,0,0,0px; border: none;}

/* 基本設定-- */

html{height: auto;}

body{height: 100%; background-color: #F5F2E9; margin: 0; padding: 0; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #333; zoom:1;} 

p{margin: 0 0 20px 0;}

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

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

a:hover {
	color: #900;
}


.bold_gray{font-weight: bold; color: #333;}
.comment{font-size: 90%; color: #333;}
.comment_red{font-size: 90%; color: #ff0000;}


/* トップへ戻る-- */

.post_fortop {
	height: 35px;
	width: 90px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: auto;
}

/* フロートクリア-- */

.clear{ clear: both; line-height: 0;}

.clearFix:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
zoom:1;
}

/****************************************************************************************************************************
 2.レイアウトシャドウ 
*****************************************************************************************************************************/

#container_shadow {
	height: auto;
	width: 1030px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0px;
	/*
	background-image: url(../image/body_shadow.gif);
	background-repeat: repeat-y;
	background-position: top;
	*/
	background:#ffffff;
	border:0px solid #2d2d2d;
	box-shadow: 0 0px 10px #808080;
}

#container_shadow2 {
	padding: 0px;
	clear: both;
	height: 60px;
	width: 1030px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../image/body_shadow2.gif);
	background-color: #F5F2E9;
	background-repeat: no-repeat;
	background-position: top;
}

/****************************************************************************************************************************
 3.ヘッダー部 
*****************************************************************************************************************************/

#header{
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: left;
	background-image: url(../img/topbg.png);
	background-color: #be1721;
	background-repeat: repeat;
	background-size:6%;
}

#top_img {
	width:100%;
	max-width:746px;
}

#head_cap {
	border: 0px #33C solid;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	color: #666;
	height: auto;
	width: 940px;
	background-image: url(../image/cap_underline.gif);
	background-repeat: repeat-x;
	line-height: 25px;
	font-weight: normal;
	margin: 0 auto;
	padding: 0px;
}
#head_cap h1 {
	font-size: 10px;
	line-height: 25px;
	font-weight: normal;
	letter-spacing: .1em;
	margin: 0px;
	padding: 0px;
}

#posttopheader {
	border: 0px #C3C solid;
	height: 90px;
	width: 940px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	background-image: url(../image/head_shadow.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

#postheade_left {
	border: 0px #d34 solid;
	float: left;
	width: 205px;
	height: 70px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#header_right {
	border: 0px #333 solid;
	float: right;
	height: 61px;
	width: 500px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}

#postheadnav {
	border: 0px #8b8 solid;
	padding: 0px;
	width: 500px;
	height: 28px;
	letter-spacing: .1em;
}

#postheadnav ul {
	list-style-type: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0px;
	padding: 0px;
	float:right;
	text-align:right;
}

#postheadnav ul li {
	font-size: .7em;
	margin: 0px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	float: left;
}


#tel {
	border: 0px #8f8 solid;	
	position: relative;
	height: 33px;
	width: 500px;
	clear: both;
}

/****************************************************************************************************************************
 4.コンテンツ 
*****************************************************************************************************************************/

h3{font-size:105%; margin: 0 0 10px 0; padding: 0px; color: #CC0026; letter-spacing : 0.1em;  clear: both;}
 .line{border-bottom: solid 1px #333; margin-right: 40px; padding:0;/* 見出し3ボーダーあり-- */}

h4{font-size:100%; margin: 0 0 10px 0; padding: 0px; color: #333; letter-spacing : 0.1em; clear: both;}
 .line{border-bottom: solid 1px #333; margin-right: 40px; padding:0;/* 見出し4ボーダーあり-- */}


#contents{
	width:960px;
	height: auto;
	margin: auto;
	margin-top:20px;
	border:0px solid red;
}

.UserTable {
	box-shadow:0 0px 10px #cccccc;
	border:1px solid #cccccc;
	width:960px;
}
.UserTitleCell1 {
	display:table-cell; background:#8d5d28; color:#ffffff; font-weight:bold; border:1px solid #ffffff;
	padding:3px;
	width:200px;
}
.UserTitleCell2 {
	display:table-cell; background:#8d5d28; color:#ffffff; font-weight:bold; border:1px solid #ffffff;
	padding:3px;
	width:748px;
}
.UserDataCell1 {
	display:table-cell; background:#f2f2f2; border:1px solid #ffffff;
	padding:3px;
	width:200px;
}
.UserDataCell2 {
	display:table-cell; background:#f2f2f2; border:1px solid #ffffff;
	padding:3px;
	width:748px;
}

#PConly {
	display:block;
}

#SPonly {
	display:none;
}

#left_area {
	display:table-cell;
}

#right_area {
	display:table-cell;
	padding-left:5px;
}

#P2_left_area {
	display:table-cell;
	width:340px;
	text-align:center; padding:10px; vertical-align:middle; background:#bebebe;
}

#P2_right_area {
	display:table-cell;
	width:600px;
	text-align:left; vertical-align:top; background:#e0e0e0;
}

#P2_center_area {
	width:100%;
	text-align:left; vertical-align:top; background:#e0e0e0;
}

#P2_naire_left {
	display:table-cell;
	width:170px;
	font-size:16px;
}

#P2_naire_right {
	display:table-cell;
	font-size:16px;
}

#P2_name_left {
	display:table-cell;
	text-align:center;
	width:170px;
	font-size:16px;
}

#P2_name_right {
	display:table-cell;
	text-align:left;
	font-size:16px;
}

#namefield {
	width:85px;
	font-size:16px;
	font-family:初日丸ゴシック体;
}

#namevalue {
	display:table-cell;
	width:85px;
	font-size:16px;
	font-family:初日丸ゴシック体;
	background: #ffffff;
}

#Jisaku {
	margin-left:174px;
	width:600px;
	font-size:16px;
	font-family:初日丸ゴシック体;
}

#preview_img {
	max-width:100%;
	box-shadow:0 0px 10px #808080;
}

.display_on
{
	display: inline;
}
.display_off
{
	display: none;
}

.LeftMenu_main {
	text-align:left;
}
.LeftMenu_item {
	padding-top:3px;
	padding-bottom:3px;
}
.LeftMenu_title_nenga {
	width:128px;
	height:36px;
	padding:5px;
	background:#cc5656;
	color:#ffffff;
	font-weight:bold;
	font-size:16px;
	text-align:left;
	vertical-align:middle;
	border:1px solid #cc5656;
	border-top:3px solid #db9494;
	border-bottom:3px solid #cc3434;
}
.LeftMenu_title_mochu {
	width:128px;
	height:36px;
	padding:5px;
	background:#6d6d6d;
	color:#ffffff;
	font-weight:bold;
	font-size:16px;
	text-align:left;
	vertical-align:middle;
	border:1px solid #6d6d6d;
	border-top:3px solid #b5b3b3;
	border-bottom:3px solid #686868;
}
.LeftMenu_button {
	width:128px;
	height:28px;
	padding:5px;
	background:#dedadb;
	color:#787878;
	font-weight:bold;
	font-size:14px;
	text-align:left;
	vertical-align:middle;
	border:1px solid #dedadb;
	border-top:3px solid #bcb5b6;
	padding-top:2px;
}
.LeftMenu_button:hover {
	color:#ffffff;
	text-shadow:0 0px 5px #787878;
}

.SelectLay_outer {
	width:202px; height:210px; margin-top:5px; display:inline-block;
}
.SelectLay_inner {
	width:calc(100% - 20px); height:calc(100% - 48px); padding:10px; background:#efe1dc; text-align:center; vertical-align:middle;
}

/* パンくず-- */

#pankuzu{
	width: 960px;
	height: 10px;
	margin: 30px 0 15px 0px;
	font-size: 75%;
}



/* トップページイメージ-- */
.main_image{
	width:960px;
	height: auto;
	margin: 0 auto 30px auto;
}


/* 左サイドブロック-- */

#main{
	width:720px;
	height:auto;
	float:left;
	margin:0 0 10px 0;
}

.manga{
	width: 670px;
	height: 90px;
	margin: 0 0 30px 0;
}

.title{width: 720px; margin: 0 0 20px 0;}


/* 4つのデザインブロック-- */


.designtype_a{
	width: 720px;
	height: 185px;
	margin: 0 0 10px 0;
}

.designtype_a li{
	width: 170px;
	height: 185px;
	margin-right:10px;
	list-style-type: none;
	display: inline;
	float: left
}

.designtype_a a{
	text-indent: 100%; 
    	white-space: nowrap; 
    	overflow: hidden;
	text-decoration: none;
	display: block;
	width: 170px;
	height: 185px;
	background-image: url(../image/designtype_a.jpg);
	background-repeat: no-repeat;}
}

	.designtype_a01 a{ background-position: -0px 0; }
	.designtype_a02 a{ background-position: -180px 0; }
	.designtype_a03 a{ background-position: -360px 0; }
	.designtype_a04 a{ background-position: -540px 0; }

	.designtype_a01 a:hover{ background-position: -0px -185px; }
	.designtype_a02 a:hover{ background-position: -180px -185px; }
	.designtype_a03 a:hover{ background-position: -360px -185px; }
	.designtype_a04 a:hover{ background-position: -540px -185px; }

	.designtype_a01 a:active{ background-position: -0px -185px; }
	.designtype_a02 a:active{ background-position: -180px -185px; }
	.designtype_a03 a:active{ background-position: -360px -185px; }
	.designtype_a04 a:active{ background-position: -540px -185px; }


.designtype_b{
	width: 720px;
	height: 120px;
	margin: 0 0 10px 0;
}

.designtype_b li{
	width: 350px;
	height: 120px;
	margin-right:10px;
	list-style-type: none;
	display: inline;
	float: left
}

.designtype_b a{
	text-indent: 100%; 
    	white-space: nowrap; 
    	overflow: hidden;
	text-decoration: none;
	display: block;
	width: 350px;
	height: 120px;
	background-image: url(../image/designtype_b.jpg);
	background-repeat: no-repeat;}
}

	.designtype_b01 a{ background-position: -0px 0; }
	.designtype_b02 a{ background-position: -360px 0; }

	.designtype_b01 a:hover{ background-position: -0px -120px; }
	.designtype_b02 a:hover{ background-position: -360px -120px; }

	.designtype_b01 a:active{ background-position: -0px -120px; }
	.designtype_b02 a:active{ background-position: -360px -120px; }


.designtype_c{
	width: 720px;
	height: 55px;
	margin: 0 0 30px 0;
}

.designtype_c li{
	width: 350px;
	height: 55px;
	margin-right:10px;
	list-style-type: none;
	display: inline;
	float: left
}

.designtype_c a{
	text-indent: 100%; 
    	white-space: nowrap; 
    	overflow: hidden;
	text-decoration: none;
	display: block;
	width: 350px;
	height: 55px;
	background-image: url(../image/designtype_c.jpg);
	background-repeat: no-repeat;}
}

	.designtype_c01 a{ background-position: -0px 0; }
	.designtype_c02 a{ background-position: -360px 0; }

	.designtype_c01 a:hover{ background-position: -0px -55px; }
	.designtype_c02 a:hover{ background-position: -360px -55px; }

	.designtype_c01 a:active{ background-position: -0px -55px; }
	.designtype_c02 a:active{ background-position: -360px -55px; }


/* スライダー-- */


.slider{	width: 720px;
		height: 200px;
		float: left;
		overflow: hidden;
}

#idMediaWrap{
	width:720px;
	height:250px;
	margin: 0 0 30px 0;
	overflow: hidden;
	font-size:85%;
}

#idMediaWrap a:hover {color: #999;}

#lineupItem{
	width:720px;
	float:left;
	text-align:left;
}
#lineupItem li{
	float:left;
	display:inline;
	padding:0 10px 0 0;
	width:170px;
	height:250px;
	text-align:center;
}


/*用紙選択ブロック-- */


#design_select{
		width:	720px;
		height: auto;
		margin-bottom: 30px;
}

#design_select {font-size:90%; padding: 0 5px; line-height: 150%; color: #333;}

.design_select_a{
		width:	350px;
		height: auto;
		margin: 0 10px 10px 0;
		float: left;
		position: relative;
		display: block;
}

.design_select_a a:hover{color: #900;}

.design_select_b{
		width:	350px;
		height: auto;
		margin: 0 10px 10px 0;
		float: left;
		position: relative;
		display: block;
}

.design_select_b a:hover{color: #900;}

.design_select_c{
		width:	350px;
		height: auto;
		margin: 0 10px 10px 0;
		float: left;
		position: relative;
		display: block;
}

.design_select_c a:hover{color: #900;}

.design_select_d{
		width:	350px;
		height: auto;
		margin: 0 10px 10px 0;
		float: left;
		position: relative;
		display: block;
}

.design_select_d a:hover{color: #900;}


/* 品質ブロック-- */

#design_quality{
		width:	720px;
		height: auto;
		margin: 0 0 40px 0;
}
#design_quality img{float: left;}
#design_quality .copy {width: 495px; font-size:95%; line-height: 180%; margin: 0 10px 20px; float: left;}
#design_quality .button a{font-size:95%; font-weight: bold; color: #CC0026; border: 1px solid #CC0026; padding: 5px 10px 5px; line-height: 180%; margin: 20px 0 0 30px; float: left;}
#design_quality .button a:hover{color: #999; border: 1px solid #999;}


/* ハガキ詳細ブロック-- */

#hagaki{
	width: 720px;
	height: auto;
	margin: 0 auto 30px auto;
}

table.hagaki{
 	width:720px;
 	border: 0;
	margin: 0 auto 20px auto;
 	cellspacing: 0;
 	cellpadding: 0;
}

#atsumi{
	width: 720px;
	height: auto;
	margin: 0 auto 30px auto;
}

.copy {width: 505px; font-size:95%; line-height: 180%; margin: 0 10px 20px; float: left;}
.img{width: 195px; float: left;}


table#printer{
	width: 720px;
	margin: 0 auto 0px auto;
	font-size: 80%;
	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;
}

#printer th{width: 120px; vertical-align: middle; border: 1px solid #333; padding: 5px 0 0 0; background-color: #CCFFFF}
#printer td{width: 120px; vertical-align: middle; border: 1px solid #333; padding: 5px 0 0 0;}

.printer_button {width 80px; height: 20px;}
.printer_button a{background-image: url(../image/syosai_button.jpg); display: block;  margin:0 16px 5px 16px; 
	text-indent: 100%; white-space: nowrap; overflow: hidden; text-decoration: none; background-repeat: no-repeat;}
.printer_button a{background-position: 0 0;}
.printer_button a:hover{background-position: 0 -20px;}
.printer_button a:active{background-position: 0 -20px;}


/* オリジナルハガキ一覧-- */

#original_list{
	width: 720px;
	height: auto;
	margin: 0 auto 30px;
	border: 0px solid #900;
}

#original_list ul{
	text-align:center;
}

#original_list li{
	width: 134px;
	height: auto;
	margin: 10px auto 20px;
	padding: 0 2px;
	display: inline-block;
	display: -moz-inline-box
	/display: inline;
	/zoom: 1;
	vertical-align: bottom;
}


#original_list p{margin: 0 auto 10px;}

.list_no{
	font-size: 80%;
	display: block;
	text-align: center;
}

.syosai{width: 80px; height: 20px; display: block;
}
.syosai a{width: 80px; height: 20px;  background-image: url(../image/syosai_button.jpg); display: block;
	text-indent: 100%; white-space: nowrap; overflow: hidden; text-decoration: none; background-repeat: no-repeat;}
.syosai a{background-position: 0 0;}
.syosai a:hover{background-position: 0 -20px;}
.syosai a:active{background-position: 0 -20px;}






/* 右サイドブロック-- */



#sidebar{
	width:205px;
	height:auto;
	float:right;
	margin:0 0 10px 0;
	background-color: #F1F1EF;	
}


#side_banner {
	width: 190px;
	position: relative;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	color: #FFF;
}

#side_banner p{margin: 0 0 13px 0;}

#login{
	width: 180px;
	height: 128px;
	border: 0px solid #990;
	position: relative;
	display: block; 
	margin: 0 auto 20px auto;
	padding-top: 0px;
	background-image: url(../image/login_title2.jpg); background-repeat: no-repeat;
}


.login_button{width: 160px; height: 30px;}

.login_button a{width: 160px;  height: 30px; display: block;  position: absolute; top: 62px; left: 10px; background-image: url(../image/login_button.jpg); 
	text-indent: 100%; white-space: nowrap; overflow: hidden; text-decoration: none; background-repeat: no-repeat;}

.login_button a{background-position: 0 0;}
.login_button a:hover{background-position: 0 -30px;}
.login_button a:active{background-position: 0 -30px;}

.cart a{width: 150px; display: block;  position: absolute; top: 120px; left: 5px; background-color: #333366;
font-size:80%; font-weight: bold; color: #fff; border: 0px solid #333366; padding: 5px 10px 5px; line-height: 120%;
}

.cart a:hover{color: #fff; background-color: #6699CC; border: 0px solid #333366;}

.sub_button1 a{width: 80px; display: block;  position: absolute; top: 100px; left: 8px; background-color: #fff; opacity:0.7;
font-size:68%; font-weight: bold; color: #000; border: 1px solid #888; padding: 3px 3px 3px; float: left; line-height: 120%;}
.sub_button1 a:hover{color: #CC0026; border: 1px solid #999;}

.sub_button2 a{width: 60px; display: block;  position: absolute; top: 100px; right: 8px;  background-color: #fff; opacity:0.7;
font-size:68%; font-weight: bold; color: #000; border: 1px solid #888; padding: 3px 3px 3px; float: left; line-height: 120%;}
.sub_button2 a:hover{color: #CC0026; border: 1px solid #999;}

.annotation{clear: both; position: absolute; top: 180px; left: 8px; font-size:65%; color: #000;}

#side_bottom {
	background-image: url(../image/br_bottom.jpg);
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 205px;
}


/* 配送案内ブロック-- */

#haiso{
	width: 720px;
	height: auto;
	margin: 0 0 30px 0;
}

.obi_02 {
	background-image: url(../image/obi02.jpg);
	background-repeat: no-repeat;
	width: 720px;
	height: 46px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	font-weight: bold;
	clear: both;
	background-position: center;
	line-height: 46px;
	letter-spacing: 0.1em;
	color: #666;
	padding: 0px;
	text-indent: 15px;
	margin: 0 0 10px 0;
}
.obi_02 h2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin: 0px;
	padding: 0px;
}

.deli_pay {
	background-image: url(../image/deli_pay_1.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 290px;
	width: 670px;
}

.deli_pay .international {
	float: right;
	height: 58px;
	width: 180px;
	padding-top: 125px;
	padding-right: 38px;
}

.text {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 18px;
	clear: both;
}


/* カレンダーブロック-- */

#calender {
	padding: 0px;
	width: 720px;
	height: auto;
	margin: 0 0 30px 0;
}

#calender p{
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 15px;
}

#calender .bold{
	font-weight: bold;
	margin-bottom: 10px;
}

.calender_box_a{
	width:400px;
	height: auto;
	margin-top: 10px;
	float: left;
}
.calender_box_b{
	width:300px;
	height: auto;
	margin: 10px 0 0 20px;
	float: left;
}

.calender_box_c{
	width:720px;
	height: auto;
	margin: 0;
	clear: both;
	text-align: right;
}

.red{color: #ff0000;}


/****************************************************************************************************************************
 5.フッター 
*****************************************************************************************************************************/

#footer {
	clear: both;
	height: auto;
	width: 100%;
	text-align: center;
	font-size: 12px;
	margin: 0 auto;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer_img {
	width: 100%;
	margin-bottom:-5px;
	background-color: #be1721;
}
#footer_nav {
	height: 50px;
	width: 960px;
	background-image: url(../image/footer_shadow.jpg);
	background-repeat: no-repeat;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: .1em;
}

.price_box_l {
    float: left;
    height: auto;
    margin: 0 auto;
    padding: 0 5px;
}
table#price {
    border-collapse: collapse;
    clear: both;
    font-size: 80%;
    height: auto;
    line-height: 160%;
    margin: 0 0 20px;
}

/****************************************************************************************************************************
 ボタン
*****************************************************************************************************************************/

.button1 {
    background-color: #CC6666;
    border-color: #89878A;
    border-width: 3px;
	border-radius:5px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
	padding: 10px;
}
.button1:hover {
	text-shadow:0 0px 5px #ffffff;
	box-shadow:0 0px 5px #ff0000;
}
.button1:disabled {
	opacity:0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
}
.button2 {
    background-color: #CC6666;
    border-color: #89878A;
    border-width: 3px;
	border-radius:5px;
    color: #FFFFFF;
    font-size: 22px;
    font-weight: bold;
    padding: 10px;
}
.button2:hover {
	text-shadow:0 0px 5px #ffffff;
	box-shadow:0 0px 5px #ff0000;
}
.button2:disabled {
	opacity:0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
}
.button3 {
    background-color: #CC6666;
    border-color: #89878A;
    border-width: 1px;
	border-radius:5px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
	padding: 4px;
}
.button3:hover {
	text-shadow:0 0px 5px #ffffff;
	box-shadow:0 0px 5px #ff0000;
}
.button3:disabled {
	opacity:0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
}
.button4 {
    background-color: #CC6666;
    border-color: #89878A;
    border-width: 1px;
	border-radius:5px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding: 2px;
}
.button4:hover {
	text-shadow:0 0px 5px #ffffff;
	box-shadow:0 0px 5px #ff0000;
}
.button4:disabled {
	opacity:0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
}