@charset "utf-8";

/* Default ---------------------------------------------------------------- */

body {
margin: 0;
background-color: #e6e6e6;
color: #000000;
line-height: 1.7;
font-size: 12px;
font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}
/* for IE7 */
*+html body {
font-size: 75%;
font-family: "メイリオ", "ＭＳ Ｐゴシック";
}
/* for IE6 */
* html body {
font-size: 75%;
font-family: "ＭＳ Ｐゴシック";
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
}
ol, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
dl, dt, dd {
margin: 0;
padding: 0;
}
address, caption, cite, code, dfn, em, th, var {
text-align: left;
font-style: normal;
font-weight: normal;
} 
p {
margin: 0;
text-align: justify;
text-justify: inter-ideograph;
}
img, a img {
border: 0;
vertical-align: text-bottom;
line-height: 0;
}
button, fieldset, form, input, label, legend, select, textarea {
margin: 0;
padding: 0;
vertical-align: middle;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
}
table {
border-collapse: collapse;
border-spacing: 0;
font-size: 100%; 
}
.clear {
clear: both;
}
strong{
	font-weight:normal;
	}
address{
	text-align:center;
	font-size:82%;
	padding-bottom:10px;
	}

/* link ---------------------------------------------------------------- */

a {
text-decoration: none;
}
a:link {
color: #333;
text-decoration: none;
}
a:visited {
color: #333;
text-decoration: none;
}
a:hover {
color: #666;
text-decoration: underline;
}
a:active {
color: #333;
text-decoration: none;
}

/* font ---------------------------------------------------------------- */

.red{
	font-size: 150%;
	font-weight: 600;
	color: #ff0000;
}

/* Clearfix ---------------------------------------------------------------- */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* Space ---------------------------------------------------------------- */
.no-space{
	margin:0!important;
	padding:0!important;
	}
.margin-t10{
	margin-top:10px;
	}
.margin-t15{
	margin-top:15px;
	}
.margin-t20{
	margin-top:20px;
	}

/* Contents ---------------------------------------------------------------- */

#container {
	width: 100%;
	margin: 0;
	background: url(images/common_bg.jpg) repeat-x 0 0;
}
#summary {
	width: 900px;
	margin: 0 auto;
	line-height: 31px;
	text-align: center;
	color: #ffffff;
}
#header {
	width: 900px;
	margin: 0 auto;
}
#header img {
	vertical-align: text-bottom;
}
#head-btn {
	width: 900px;
	margin: 0 auto;
	background: #fdfdfd url(images/head_bg.jpg) repeat-x 0 0;
}
#head-btn p,
#head-btn li {
	float: left;
	line-height: 0;
}
#head-info {
	width: 900px;
	margin: 0 auto;
}
#head-info h2,
#head-info p {
	float: left;
}
#topicpath {
	width: 900px;
	margin: 0 auto;
	background-color: #fdfdfd;
}
#topicpath {
	width: 870px;
	padding: 3px 15px 2px;
	background-color: #fdfdfd;
	font-size: 92%;
}
#wrapper {
	width: 900px;
	margin: 0 auto;
	background-color: #fdfdfd;
}
#content {
	width: 650px;
	padding: 0 15px 22px 0;
	float: right;
}
#content a {
	color: #c61f3b;
	text-decoration: underline;
}
#content a:hover {
	text-decoration: none;
}
#side {
	width: 206px;
	padding: 0 0 22px 9px;
	float: left;
}
#footer {
	width: 900px;
	margin: 0 auto;
	padding: 5px 0 0;
	border-top: 5px solid #cc0000;
	background-color: #fdfdfd;
	clear: both;
}
#footer ul {
	text-align: center;
}
#footer ul li {
	display: inline;
	font-size: 92%;
}
#copy {
	width: 900px;
	margin: 9px 0 0;
	line-height: 21px;
	text-align: center;
	background-color: #cc0000;
	color: #ffffff;
	font-size: 85%;
}
#head-btn:after,
#head-info:after,
#wrapper:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}




	
/* お問い合わせフォーム
---------------------------------------------------- */
#form {
     padding:20px 10px 20px 20px;
}

.contact_fo {
	width:600px;
	margin-left: 20px;
	border:#CCC solid 1px;
	margin-top:25px;
	margin-bottom:10px;
}

.contact_fo th {
	width:180px;
	padding:15px 10px 2px;
	font-weight:normal;
	border-bottom:#CCC dotted 1px;
	border-right:#CCC dotted 1px;
	background-color:#f4f4f4;
}

.contact_fo td {
	width:340px;
	padding:15px 10px 2px;
	font-weight:normal;
	border-bottom:#CCC dotted 1px;
}
	

.form_title {
 padding-left: 10px;
 width: 130px;
 padding-top: 16px;
 padding-bottom: 10px;
 border-bottom-width: 1px;
 border-bottom-style:dotted;
 border-bottom-color: #333333;
 font-size:0.9em;
}

.form_title_top {
 padding-left: 10px;
 width: 130px;
 padding-top: 16px;
 padding-bottom: 10px;
 border-bottom-width: 1px;
 border-bottom-style:dotted;
 border-bottom-color: #333333;
 border-top-width: 1px;
 font-size:0.9em;
}

.form_input {
 width: 340px;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-bottom-style:dotted;
 border-bottom-color: #333333;
}

.form_input_top {
 width: 340px;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-bottom-style:dotted;
 border-bottom-color: #333333;
}

.input03 {
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
	padding: 15px;
	text-align:center;
}

.form_box {
	border:#999 solid 1px;
	color:#666;
	padding: 5px;
}

.ex {
	font-size:80%;
	background-image:url(images/ex.gif);
	background-repeat:no-repeat;
	padding-left:15px;
}

.nex {
	font-size:100%;
	background-image:url(images/ex2.gif);
	background-repeat:no-repeat;
	padding-left:30px;
}


.ex_2 {
	font-size:80%;
}