@charset "utf-8";

body {background-color:#ccdddd;color:#000;font-size: 14px ;}
#wrap {background-color:#ffffff;text-align:left;margin:0 auto;padding:0px 0px 0px 0px;border-color:#000000;border-style:solid;border-width:2px;border-top-style:solid;width:860px;}
#inner { margin:0 10px;}
#mainWrap {background-color:#ffffff;text-align:left;margin:0px 0px 0px 20px;padding:0px 0px 0px 0px;width:650px;float:left;}
#sideWrap {margin:0px 13px 0px 0px;padding:0px 0px 0px 0px;width:120px;float:right;}
#wrap h4{color:#000000;font-size:15px;font-weight:bold;margin-top: 14px;margin-bottom:14px;padding:2px 5px;border-color:#990000;border-width:0 0 0 6px;border-style:solid;border-bottom-color:#6aa2db;border-bottom-width:1px;}
.komidasi{color:#00008b;font-weight:bold;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}
/*============================================*/
/*	点数計算機用*/
/*============================================*/
/*Adsバナー右-点数シリーズ用*/
#R-area2{text-align:right;margin-top:30px;margin-right: 20px;width:480px;float:right}

/*============================================*/
/*	ボタン*/
/*============================================*/
.btn {
	background-color:#3bb3e0;
	width:90px;
	padding:6px;
	font-weight:bold;
	position:relative;
	font-size:14px;
	text-decoration:none;
	color:#fff;
	border: solid 1px #186f8f;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
	-moz-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
	box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.btn:before {
	background-color:#ccd0d5;
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	padding:6px;
	left:-8px;
	top:-8px;
	z-index:-1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
	-moz-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
	-o-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
	box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
}

.btn:active {
	padding-bottom:6px;
	padding-left:6px;
	padding-right:6px;
	padding-top:6px;
	top:1px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
}

.btn:hover,.btn2:hover{
    color:red;  
    cursor:pointer;
}

/*============================================*/
/*	翻と積み場*/
/*============================================*/
#han{background: #99cccc;height:30px;width:70px;}
#ba{background: #99cccc;height:30px;width:70px;}
#han:hover{background-color: #999;cursor:pointer;
}#ba:hover{background-color: #999;cursor:pointer;}

/*============================================*/
/*	符計算機メイン部分【符計算機とDX共用】*/
/*============================================*/
form{font-size:13px;}
 
/*表組みのカラム設定*/
.hu-grid1 { width: 650px; margin: 0 auto;}
.grid1 {width: 420px;}
.grid2 {width: 230px;}
.hu-grid2 { width: 650px; margin: 0 auto;}
.grid3 {width: 200px;}
.grid4 {width: 115px;}
.grid5 {width: 335px;}
.grid1, .grid2, .grid3, .grid4, .grid5{float: left;display: inline;}

/*表組みデザイン*/
.caption{text-align: left;font-weight: bold;}
table.hyou{border:#000000 solid 1px;border-collapse:collapse;}
table.hyou td{border-collapse:collapse;border:#000000 solid 1px;padding:1px 2px;}
table.hyou td.bgcol{background-color:#9acd32;font-weight: bold;}
table.hyou td.bgcol2{background-color:#ffffff;font-weight: bold;}
table.hyou th{background-color:#ffc0cb;text-align: center;}

/*和了った時のイメージ*/
.paisu {background-color:#006400;margin:10px 0 10px 0;padding:6px 10px 4px;height:28px;width:630px;}
.paisu span{color:#adff2f;font-weight:bold;margin-right:100px;}
form img{vertical-align:middle;}

/*符計算デザイン*/
#hucalc{color:#191970;font-weight:bold;border:#191970 solid 1px;padding:5px 5px;}
#hucalc input{color:#191970;text-align: right;border:0;font-weight:bold;}
#hucalc dl{margin:2px 0;padding: 0;width: 320px;}
#hucalc dt{clear: left;float:left;width: 100px;}
#hucalc dd{text-align:right;}

/*============================================*/
/*	点数計算機メイン部分【点数計算機DX用】　*/
/*============================================*/
#calc-bgc{background-color:#d8bfd8;margin:0 0 30px 0;padding:15px 0 20px 15px;border:solid 1px #000000;}
table.hyou2{font-size:12px;border:#000000 solid 1px;margin-top:20px;border-collapse:collapse;}
table.hyou2 input{text-align: left;border:0;}
table.hyou2 td{border-collapse:collapse;border:#000000 solid 1px;padding:2px 4px;}
table.hyou2 td.bgcol1{background-color:#9acd32;font-weight:bold;}
table.hyou2 td.bgcol2{background-color:#ffffff;font-weight: bold;}
table.hyou2 th{background-color:#b0c4de;text-align:center;}
table.hyou2 th.mida1{width:100px;}
#t1,#t2,#t3,#t4,#t5,#t6{width:100px;}
#t7,#t8,#t9,#t10,#t11,#t12{width:80px;}
#ba_kei1{background-color:#d8bfd8;width:30px;border:0;}
#ba_kei2{background-color:#d8bfd8;width:80px;margin-left:10px;border:0;}
hr.sepa{margin:15px 0 15px 0;border-style:dashed;width:460px;}
hr.sepadx{margin:15px 0 15px 0;border:#778899 dashed 1px;width:640px;}
hr.hu-kei{text-align:left;margin-left:0;border-style:double;width:205px;}
