body{
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
img{border:0px;}


#hd_masu{
}

#Journal > h1{display:none;}

#hd_masu {
    background-image: url(../images/photo_head_masu.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    margin: 15px auto 40px auto;
    width:360px;
    height:220px;
    background-size:360px auto;

}
#hd_masu div{
position:absolute;
	font-size:18px;
	font-weight:bold;
	color:#600;
}
#size_w{
top:190px;
left:70px;
}

#size_d{
top:180px;
left:305px;
}

#size_h{
top:85px;
left:5px;
}

div#div_container{
	font-size:14px;
	margin:auto;
}

div#div_container h2{
	font-size:20px;
	text-align:center;
	margin:0px 0px;
	padding:0px;
}

div#div_container h3{
	font-size:16px;
	color:#600;
	margin:20px 0px 0px 0px;
}


/*--------------------
枡のサイズ
--------------------*/
#size_masu{
}

#size_masu li, #opt_masu li{
	cursor:pointer;
}

div#size_masu ul{
	margin:0px 0px;
	padding:0px;
}

div#size_masu ul li{
	margin:25px auto;
	list-style-type:none;
	text-align:center;
}

/*--------------------
個数
--------------------*/

div#div_num_masu{
/*
	float:right;
*/
}
/*--------------------
オプション
--------------------*/
ul#opt_masu{
	margin:0px;
	padding:0px;
}

ul#opt_masu li{
	margin:0px 10px;
	padding:0px;
	list-style-type:none;
}
ul#opt_masu li p{
	margin:5px auto;
}

ul#opt_masu li dt,
ul#opt_masu li dd{
	margin:10px 0px;
	padding:0px;

}
ul#opt_masu li dd:nth-child(3){
/*
	min-height:160px;
	height:160px;
*/
}
ul#opt_masu li dd:nth-child(4){
	font-weight:bold;
}

/*--------------------
席札
--------------------*/
ul#is_sekifuda{
	margin:20px auto 0px auto;
	padding:0px;
}
ul#is_sekifuda li{
	margin:0px;
	list-style-type:none;
	cursor:pointer;
}




/*--------------------
計算結果
--------------------*/
div#div_result{
	font-size:20px;
	margin:50px 0px;
}

#div_result table{
	border-collapse:collapse;
	width:100%;
}

#div_result table td{
	padding:5px 5px;
	/*border:none;*/
	border:solid 1px #000;
	white-space: nowrap; 
}

/*
#div_result table tr:last-child td{
	border-top:solid 1px #000;
}

#div_result table tr td:last-child{
	width:250px;
}
*/

#cell_unit_price{
	min-width:80px;
}

#cell_amount{
	min-width:60px;
}

#cell_prod{
	min-width:80px;
}


/*--------------------
ボタン
--------------------*/
.but_deco{
	background: #cdbd74; /* Old browsers */
	background: -moz-linear-gradient(top, #cdbd74 0%, #e0d7aa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdbd74), color-stop(100%,#e0d7aa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cdbd74 0%,#e0d7aa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cdbd74 0%,#e0d7aa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cdbd74 0%,#e0d7aa 100%); /* IE10+ */
	background: linear-gradient(to bottom, #cdbd74 0%,#e0d7aa 100%); /* W3C */
	font-size:18px;
	border-radius:3px;
	border:solid 1px #C1AB53;
	color:#300;
	margin:0px 0px;
	padding:3px 0px;
	font-weight:bold;
	text-align:center;
}


/*--------------------
テキストボックス
--------------------*/
input.inp_box_l{
	font-size:24px;
	width:80px;
	border:solid 1px #88C0DF;
	text-align:right;
	padding:5px;
	border-radius:3px;
	ime-mode:disabled
}
input.inp_box_s{
	font-size:14px;
	width:40px;
	border:solid 1px #88C0DF;
	text-align:right;
	padding:2px 5px;
	border-radius:3px;
	ime-mode:disabled
}



/*--------------------
結果の表
--------------------*/
#div_result table td, #div_result th{
font-size:12px;
}
#cell_item{
}

#cell_unit_price,#cell_amount{
width:100px;
}

/*--------------------
文字の大きさ
--------------------*/
.txt12{	font-size:12px;}
.txt10{	font-size:10px;}


/*--------------------
リンク色
--------------------*/
a {
	-webkit-transition:0.5s ease;
	-webkit-transition-property:opacity,border,color,background;

	-moz-transition:0.5s ease;
	-moz-transition-property:opacity,border,color,background;

	-o-transition:0.5s ease;
	-o-transition-property:opacity,border,color,background;
	
	transition:0.5s ease;
	transition-property:opacity,border,color,background;
}


a:active{
color : #09f;
text-decoration: none;
filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}
a:hover{
color : #09f;
text-decoration: none;
filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}