@charset "utf-8";
/* ===================================================================
CSS information

 File Name        : common.css
 Style Info       : 
 Color						： 赤1 #e40011　赤2 8c0000
=================================================================== */
.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}

#top {
	margin: 10px 0 0 0;
	padding: 10px 10px 0 10px;
}
#top h2 {
	text-align: center;
	margin-bottom: 7px;
}
	#top h2.minutes {
		margin: 1em 0 0.5em 0;
	}
	
#sidebar_top .inner, #mitsumori .inner, #selection .inner {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e40011+1,8c0000+100 */
		background: rgb(216,1,0); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(216,1,0,1) 1%, rgba(140,0,0,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(216,1,0,1) 1%,rgba(140,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(216,1,0,1) 1%,rgba(140,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e40011', endColorstr='#8c0000',GradientType=0 ); /* IE6-9 */

		/* box-shadow */
		box-shadow:2px 2px 10px 0px rgba(0,0,0,0.5);
		-moz-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.5);
		-webkit-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.5);

		/* border-radius */
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;

	margin: 2%;
	padding: 2%;
}
#sidebar_order, #mithumori_inner {
	background-color: #FFF;
	border-radius: 5px;
	padding: 2% 0 0 0;
	margin: 2%;
	clear: both;
}
#sidebar_top h3, #mitsumori h3, #selection h3, p.arrow {
	text-align: center;
	margin: 8px 0 5px 0;
}
#mitsumori ul, #mitsumori ul li{
	list-style: disc;
}
#mitsumori ul {
	padding-left: 1.75em;
}
#sidebar_order img.flag {
	max-width: 77px;
	height: auto;
	margin-right: 20px;
	margin-left: 10px;
	float: left;
}
#main_selection, #main_estimate {
	text-align: center;
	clear: both;
}

#adbox h4 {
	text-align: center;
	font-weight: bold;
	margin-bottom: 0.5em;
}

/*== box ==*/
.box-body {
	padding: 10px;
	background-color: #e40011;
}
.box-bdr {
	border: 2px #CCC solid;
	background-color: #FFF;
}
	div.span_4  .box-bdr {
		padding: 10px;
/*		position: relative;*/
	}
	div.span_4  .box-bdr h4 {
		text-align: center;
		margin-bottom: 0.5em;
	}
	div.span_4  .box-bdr h5 {
			text-align: center;
			vertical-align: bottom;
/*			margin-bottom: 20px;
/*		position: absolute;*/
/*		bottom: 0;*/
	}
	div.span_4  .box-bdr img {
		max-width: 300px;
		height: auto;
	}
	div.span_4  .box-bdr p {
		font-size: 0.8em;
		margin-bottom: 0;
	}

#area_nav {
	background-color: #ffffff;
	width: 940px;
}

#area_nav dt {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 20px;
	color: #0194C7;
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 15px;
	line-height: 1.5;
/*	height: 25px;*/
	font-weight: bold;
	background: url("/img/arrow_blue.jpg") 0 3px no-repeat;
	clear: both;
}
#area_nav dl {
	clear: both;
}
#area_nav dd {
	padding: 0;
	margin: 0;
	font-size: 13px;
	line-height: 25px;
	clear: both;
}

#area_nav a {
	text-align: left;
	border-right: 1px dashed #373960;
	color: #666666;
	padding: 0 4px 0 2px;
	display: inline-block;
}

#area_nav a:hover {
	color: #0066FF;
	text-decoration: underline;
}

#link_contents {
}

#link_contents_inner {
	padding: 10px;
}

#footer_contents {
	text-align: center;
	border-top: solid 1px #eeeeee;
	font-size: 0.8em;
	text-align: center;
	padding-top: 10px;
	margin: 20px auto 0 auto;
}

#footer_contents address {
	text-align: center;
	font-size: 0.9em;
	padding: 10px 0;
}

div.btn_submit{
	text-align: center;
	padding-bottom: 20px;
}


.company_table {
	width: 100%;
}
.ad_table {
	width: 100%;
}