@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
#header {
	background-color: #2A406F;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 1%;
	padding-bottom: 5px;
	padding-left: 1%;
	margin-bottom: 5px;
	height: 20px;
	width: 98%;
	position: fixed;
	z-index: 99;
}
#header a {
	color: #FFFF73;
}
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 95.7727%;
	padding-left: 1.1136%;
	padding-right: 1.1136%;
	clear: none;
	float: none;
	padding-top: 40px;
	padding-bottom: 15px;
}
.menu_btn {
	width: 100%;
	clear: both;
	margin-left: 0;
	margin-bottom: 15px;
}
.half_area {
	width: 100%;
	clear: both;
	margin-left: 0;
	margin-bottom: 15px;
}

.pc_center {
	text-align: left;
}



.form_table {
}
.form_table table {
	width: 100%;
	border-collapse: collapse;
}
.form_table tr {
	display:block;
}
.form_table th {
	display: block;
	width: 98%;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	background-color: #eeeeee;
}
.form_table td {
	display: block;
	width: 98%;
	vertical-align:bottom;
}
.form_table .top_none {
	border-top-style: none;
}
.form_table .btm_none {
	border-bottom-style: none;
}


#area_input {
	width: 100%;
	padding-bottom: 120px;
}

#btn_koshin_area {
	position: fixed;
	top: 80px;
	right:5px;
	z-index: 5;
	text-align:right;
}

#area_document {
	width: 100%;
	clear: both;
	margin-left: 0;
	display: none;
}
#gokei1{
	height:1900px;
}
#gokei2{
	height: 120px;
}
#preview_btn {
	width: 30.8372%;
	z-index: 5;
	top: 40px;
	position: fixed;
	right: 0px;
	display: block;
}
#gokei_s {
	height: 80px;
	position: fixed;
	background-color: #FFFFFF;
	bottom: 0px;
	padding-top: 5px;
	border-top: 3px solid #999999;
	text-align: center;
}
.underline1 {
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}
.only_mobile {
}

.box50_1 {
	width: 100%;
	margin-left: 0;
	margin-bottom: 15px;
}
.box50_2 {
	width: 100%;
	margin-left: 0;
	margin-bottom: 15px;
}
.box33_1 {
	width: 100%;
	margin-left: 0;
	margin-bottom: 15px;
}
.box33_2 {
	width: 100%;
	margin-left: 0;
	margin-bottom: 15px;
}
.box33_3 {
	width: 100%;
	margin-left: 0;
	margin-bottom: 15px;
}
.box25_1 {
width: 47.3684%;
clear: both;
margin-left: 0;
}
.box25_2 {
width: 47.3684%;
clear: none;
margin-left: 5.2631%;
}
.box25_3 {
width: 47.3684%;
clear: both;
margin-left: 0;
}
.box25_4 {
width: 47.3684%;
clear: none;
margin-left: 5.2631%;
}



/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media print, screen and (min-width: 481px) {

#header {
}
.gridContainer {
	width: 96.8863%;
	padding-left: 0.5568%;
	padding-right: 0.5568%;
	clear: none;
	float: none;
	margin-left: auto;
}
.menu_btn {
width: 49.4252%;
clear: none;
margin-left: 1.1494%;
}
.form_table {
}
.form_table table {
	display: table;
	width: 100%;
}
.form_table tr {
	display:table-row;
}
.form_table th {
	display: table-cell;
	border: 1px solid #CCCCCC;
	width: 22%;
	font-size:14px;
}
.form_table td {
	display: table-cell;
	width: auto;
	border: 1px solid #CCCCCC;
}
#area_input {
width: 100%;
}

#area_document {
width: 100%;
clear: both;
margin-left: 0;
display: none;
}
#gokei1{
	height:850px;
}

#preview_btn {
	width: 24.1379%;
	display: block;
}
#gokei_s {
}
.underline1 {
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}

.box50_1 {
width: 48.7179%;
margin-left: 0;
}
.box50_2 {
width: 48.7179%;
clear: none;
margin-left: 2.5641%;
}
.box33_1 {
	width: 31.5%;
}
.box33_2 {
	width: 31.5%;
	clear: none;
	margin-left: 2.5641%;
}
.box33_3 {
	width: 31.5%;
	clear: none;
	margin-left: 2.5641%;
}
.box25_1 {
width: 23.0769%;
clear: both;
}
.box25_2 {
width: 23.0769%;
clear: none;
margin-left: 2.5641%;
}
.box25_3 {
width: 23.0769%;
clear: none;
margin-left: 2.5641%;
}
.box25_4 {
width: 23.0769%;
clear: none;
margin-left: 2.5641%;
}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media print, screen and (min-width: 1054px) {

#header {
}
.gridContainer {
	width: 97.2575%;
	max-width: 1232px;
	padding-left: 0.3712%;
	padding-right: 0.3712%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
.menu_btn {
width: 32.8244%;
margin-left: 0.7633%;
clear: none;
}
.half_area {
width: 48%;
clear: none;
margin-right: 2%;
}
	
.pc_center {
	text-align: center;
}
.form_table {
}
.form_table table {
}
.form_table th {
}
.form_table td {
}
#area_input {
width: 49.6183%;
}
#btn_koshin_area {
	right:inherit;
	position:inherit;
	width:120px;
	float:right;
}

.btn_koshin_area {
	right:inherit;
	position:inherit;
	width:120px;
	float:right;
	text-align:right;
}

#area_document {
	/*	width: 49.6183%;*/
	width: 632px;
	height: 90%;
	margin-left: 0.7633%;
	clear: none;
	display: block !important;
	position: fixed;
	top: 40px;
	left: 49.6183%;
	overflow:hidden;
}
#area_document iframe {
	height:100%;
}
#preview_btn {
width: 16.0305%;
display: none;
}
#gokei_s {
	display: none !important;
}
.hide_mobile {
display: block;
}
.only_mobile {
display: none;
}

.underline1 {
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}

.box50_1 {
width: 49.1525%;
margin-left: 0;
}
.box50_2 {
width: 49.1525%;
margin-left: 1.6949%;
clear: none;
}
.box33_1 {
	width: 31.5%;
}
.box33_2 {
	width: 31.5%;
	clear: none;
	margin-left: 2.5641%;
}
.box33_3 {
	width: 31.5%;
	clear: none;
	margin-left: 2.5641%;
}
.box25_1 {
width: 23.7288%;
clear: both;
}
.box25_2 {
width: 23.7288%;
margin-left: 1.6949%;
clear: none;
}
.box25_3 {
width: 23.7288%;
margin-left: 1.6949%;
clear: none;
}
.box25_4 {
width: 23.7288%;
margin-left: 1.6949%;
clear: none;
}


}