@charset "utf-8";
/* CSS Document */

body {
	margin: 0 auto;
	padding: 0;
	font-size: 80%;
	font-family: sans-serif;
	color: #333333;
	line-height: 150%;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,blockquote,address {
	margin: 0;
	padding: 0;
}

li {
	list-style:none;
}

a {
	color: #6868B5;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

hr {
	height: 1px;
	border-size: 1px;
	border-color #cccccc;
}

a span {
	display: none;
}

#base {
	width: 750px;
	margin: 0 auto;
	padding: 0;
}

.clear {
	clear:both;
}

.pagetop a {
	width: 105px;
	height: 18px;
	margin: 5px 0 10px 0;
	background: url(../images/pagetop.jpg) no-repeat;
	display: block;
	float: right;
}

.pagetop a:hover {
	background: url(../images/pagetop-o.jpg) no-repeat;
}

.contactus a {
	width: 550px;
	height: 65px;
	margin: 30px auto;
	background: url(../images/f-contact.jpg) no-repeat;
	display:block;
}

/* 会社概要 */
	.profile-layout {
	}
	.profile-layout th {
		width: 15%;
		padding: 5px 15px 5px 5px;
		border-right: 3px solid #60AFFF;
		border-bottom: 1px dotted #B3D9FF;
		font-weight: normal;
		text-align: left;
	}
	.profile-layout td {
		width: 85%;
		padding: 5px 5px 5px 15px;
		border-bottom: 1px dotted #B3D9FF;
	}
/* お問合せフォーム
--------------------------------------------------- */
#contact-form {
	width: 530px;										/* ★全体の横幅変更 */
	margin: 0 8px 0 8px;
	padding: 5px 5px 5px 5px;
	background: url(images/contact-back.jpg) repeat-x;
	background-position: center bottom;
	border: 1px solid #CEFFFF;
}

/* 必須事項マーカー
--------------------------------------------------- */
#contact-form span.red {
	color: #ff0000;
}

#contact-form dl {
	clear: both;
	margin: 0;
}

/* 項目枠
--------------------------------------------------------- */
#contact-form dl dt {
	width: 100px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	font-size: 100% !important;			/* ★項目の文字サイズ変更 */
}

/* 入力枠
--------------------------------------------------------- */
#contact-form dl dd {
	width: 350px;
	margin: 0 0 5px 0;
	padding: 0;
	display: block;
	float: right;
	text-align: left;
}

/* ドロップダウンリストスタイル
--------------------------------------------------------- */
#contact-form dl dd label select {
	border: 1px solid #ccc;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	color: #333333;
}

#contact-form dl dd select:hover {
	border: 1px solid #ccc;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	background-color: #EEF7FF;
}

/* 一行テキスト欄スタイル
--------------------------------------------------------- */
#contact-form dl dd input {
	border: 1px solid #ccc;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	color: #333333;
}

#contact-form dl dd input:hover {
	border: 1px solid #ccc;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	background-color: #EEF7FF;
}

/* テキストエリアスタイル
--------------------------------------------------------- */
#contact-form dl dd textarea {
	border: 1px solid #ccc;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}

#contact-form dl dd textarea:hover {
	border: 1px solid #ccc;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	background-color: #EEF7FF;
}

/* 区切り線スタイル
--------------------------------------------------------- */
#contact-form hr {
	clear:both;
	height: 1px;
	margin: 0 0 10px 0;
	padding: 0;
	border-width: 1px 0px 0px 0px;
	border-color: #ccc;
	color: #ccc;
}

/* 確認ボタンスタイル
--------------------------------------------------------- */
.submit {
	width: 450px;
	margin: 0 auto;
	display:block;
	text-align: center;
}

.submit input {
	width: 160px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	border: none;
	background: url(images/gotobutton.jpg) no-repeat;
	display: block;
	text-indent: -99999px;
	cursor: pointer;
}

/* 入力モード自動切り替え
--------------------------------------------------------- */
.form-active {
	ime-mode: active;
}

.form-inactive {
	ime-mode: inactive;
}