@charset "utf-8";
/* CSS Document */
html {
	background-color: #F39700;
}
body {
	margin: 0;
	padding: 0;
	background: #FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 62.5%; /* IE */
	line-height: 1.4;
	height: auto;
}
html>/**/body {
  font-size: 10px; /* Except IE */
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

/* クリアー */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;	
}
.clearfix {
	display: inline-block;
	clear: both;
}
*html .clearfix {
	height: 1%;
}
.clearfix{
	display: block;
	clear: both;
}

/* 初期設定 */
img,p,dl,dt,dd,h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	border: none;
}
ul {
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	width: 100%;
	list-style: none inside;
}
ul li {
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
a:link,
a:visited,
a:hover,
a:active {
	color: #0000FF;
}

/* 強調 */
span.pointup {
	color: #F00;
	font-weight: bold;
}

/* 見出し */
h3 {
	margin-bottom: 5px;
	padding: 7px 5px 1px 7px;
	font-size: 1.4em;
	font-weight: bold;
	color: #565656;
	background: #FFCC66;
	letter-spacing: 0.1em;
	border-left: 5px solid #F39700;
}
#header {
	width: 100%;
	height: 150px;
	background: #FFF url("./images/header_background.gif") repeat-x;
}
#primary {
	font-size: 1.4em;
	margin: 17px auto 9px auto;
	width: 980px;
}
/* ヘッダー ロゴ画像 */
#logo {
	float: left;
	display: inline;
	width: 240px;
	height: 100px;
	background: url("./images/logo.gif") no-repeat;
}
#logo a {
	width: 240px;
	height: 100px;
	display: block;
	overflow: hidden;
	text-decoration: none;
	text-indent: -9999em;
}
#info {
	float: right;
	display: inline;
	position: relative;
}
#info .button_contact {
	position: absolute;
	top: 4px;
	left: 292px;
}

/* ボタン */
div.button_more {
	text-align: right;
	margin: 0 13px 17px 0;
}
img.download_button {
	margin: 10px;
}

/* フッター */
#footer {
	width: auto;
	background: #F39700 url("./images/ossan.gif") no-repeat bottom right;
	border-bottom: 1px solid #FFF;
}

#copyright {
	margin: 0 auto;
	padding: 32px 42px 7px 42px;
	height: 24px;
	background: url("./images/obi.gif") no-repeat bottom left;
	line-height: 24px;
	letter-spacing: 1px;
	font-size: 1.4em;
	color: #FFF;
	border-top: 1px solid #FC6;
}

/* パンくずリスト */
ul.breadcrumbs {
	padding: 3px 0 5px 0;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	color: #565656;
	background: #FFDE66;
	border-top: 1px solid #F39700;
	border-bottom: 1px solid #C63;
}
ul.breadcrumbs strong {
	font-weight: bold;
}
ul.breadcrumbs li {
	margin: 0 3px 0 7px;
	width: auto;
}

ul.breadcrumbs a:link,
ul.breadcrumbs a:visited {
	padding-left: 1.2em;
	color: #333;
	text-decoration: none;
}
ul.breadcrumbs a:hover {
	color: #000;
	text-decoration: underline;
}
ul.breadcrumbs a:active {
	padding-left: 1.2em;
	color: #333;
	text-decoration: none;
}

ul.breadcrumbs a:link.active,
ul.breadcrumbs a:visited.active,
ul.breadcrumbs a:hover.active,
ul.breadcrumbs a:active.active {
	padding-left: 0px;
}

/* 会社情報 */
ul.company_information {
	padding: 13px 0 13px 0;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	color: #FFF;
	border-top: 1px solid #FC6;
	border-bottom: 1px solid #C63;
}
ul.company_information li {
	margin: 0 3px 0 7px;
	width: auto;
}
ul.company_information a:link {
	color: #FFF;
	text-decoration: none;
}
ul.company_information a:visited {
	color: #FFF;
	text-decoration: none;
}
ul.company_information a:hover {
	color: #FFF;
	text-decoration: underline;
}
ul.company_information a:active {
	color: #FFF;
	text-decoration: none;
}


#obi {
	width: 100%;
	height: 24px;
	background-color: #F39700;
	overflow: hidden;
	font-size: 1.4em;
	line-height: 24px;
}
#obi p {
	padding: 0 42px;
	height: 24px;
	background: url("./images/obi.gif") no-repeat bottom left;
	color: #FFF;
}

/* ヘッダーメニュー */
div#menu {
	margin: 0 auto;
	width: 980px;
	height: 56px;
	background: url("./images/menu.gif") no-repeat;
}
div#menu ul li {
	margin-left: 5px;
	width: 190px;
	height: 56px;
}
div#menu ul li a {
	display: block;
	width: 190px;
	height: 56px;
	text-indent: -9999em;
	overflow: hidden;
}

/* ヘッダーメニュー */
div#globalmenu {
	margin: 0 auto;
	width: 980px;
	height: 56px;
	background: url("./images/menu.gif") no-repeat;
}
div#globalmenu ul li {
	margin-left: 5px;
	width: 190px;
	height: 56px;
}
div#globalmenu ul li a {
	display: block;
	width: 190px;
	height: 56px;
}

#footer_contact {
	position: relative;
}
#footer_contact .button {
	position: absolute;
	top: 111px;
	left: 634px;
}


/* トップページ */
div#top_banner {
	padding: 10px 0;
}
div#top_content {
	margin: 0 10px;
}
div#demo_banner {
	float: right;
	display: inline;
	margin-left: 10px;
}
div#demo_banner a {
	width: 240px;
	height: 210px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
}
div#demo_banner a:link {
	background: url("./images/top/demo_banner.gif") no-repeat 0 0;
}
div#demo_banner a:visited {
	background: url("./images/top/demo_banner.gif") no-repeat 0 0;
}
div#demo_banner a:hover {
	background: url("./images/top/demo_banner.gif") no-repeat -240px 0;
}
div#demo_banner a:active {
	background: url("./images/top/demo_banner.gif") no-repeat -240px 0;
}
div#rakuya {
	float: left;
	display: inline;
	width: 700px;
}


#wrap {
	margin: 0 auto;
	width: 980px;
	background: #FFF;
}

/* サイドバー */
#sidebar {
	float: left;
	display: inline;
	width: 250px;
}

ul.submenu {
	margin: 0 0 17px 13px;
	width: 237px;
	font-size: 1.4em;
}
ul.submenu a {
	text-decoration: none;
}
ul.submenu a:hover {
	text-decoration: underline;
}
ul.submenu li {
	margin: 3px 0;
	padding: 0 0 0 17px;
	width: 220px;
	background: url("./images/icon_arrow_g.gif") no-repeat 0 0.25em;
}
ul.submenu li strong {
	padding: 2px 5px 0 5px;
	background: #F39700;
	color: #FFF;
	display: block;
}
ul.submenu li.active {
	background: url("./images/icon_arrow_r.gif") no-repeat 0 0.25em;
}
ul.submenu li.level {
	background: url("./images/icon_arrow_b.gif") no-repeat 0 0.25em;
}

/*
ul.submenu li.level:first-line {
	font-weight: bold;
	color: #F39700;
}
*/
ul.level2 {
	width: 220px;
}
ul.level2 li {
	margin: 3px 0;
	padding: 0 0 0 17px;
	width: 203px;
}
ul.level2 li li {
	margin: 3px 0;
	padding: 0 0 0 17px;
	width: 186px;
}
ul.level3 {
	width: 203px;
}
ul.level3 li {
	margin: 3px 0;
	padding: 0 0 0 17px;
	width: 186px;
}

li.level {
	font-weight: bold;
	color: #F39700;
}
li.level li {
	font-weight: normal;
	color: #333;
}
li.level li.level {
	font-weight: bold;
	color: #F39700;
}
li.level a {
	font-weight: bold;
	color: #F39700;
}
li.level li a {
	font-weight: normal;
	color: #00F;
}

/* メイン */
#container {
	float: left;
	display: inline;
	width: 730px;
}

p.paragraph {
	padding: 0 7px 13px 7px;
	font-size: 1.4em;
}
p.notes {
	margin: 7px 10px;
	color: #F00;
}
p.notes a {
	color: #00F;
}

img.figure {
	width: auto;
}
img.figure_l {
	margin: 7px;
	float: left;
	width: auto;
}
img.figure_r {
	margin: 7px;
	float: right;
	width: auto;
}

.plan dl dt {
	padding: 2px 5px;
	font-weight: bold;
	font-size: 1.4em;
}
.plan dl dd {
	padding: 2px 7px;
}
.main {
	float: left;
	display: inline;
	margin-left: 10px;
	width: 480px;
}
.main dl dt {
	padding: 7px 5px 1px 7px;
	font-size: 1.4em;
	font-weight: bold;
	color: #333;
	background: #FFCC66;
	letter-spacing: 0.1em;
	border-left: 5px solid #F39700;
}
.main dl dd {
	margin-bottom: 17px;
	padding-top: 7px;
}
.sub {
	width: 240px;
	float: right;
}

.left {
	float: left;
	display: inline;
	margin: 0 17px 0 7px;
	width: 341px;
}
.right {
	float: right;
	display: inline;
	margin: 0 17px 0 7px;
	width: 341px;
}

.plan_option {
	margin: 5px 5px 13px 5px;
	width: 720px;
}
.option {
	float: left;
	display: inline;
	margin: 0 5px;
	width: 170px;
}

div.figure {
	margin: 5px;
}
div.figure_l {
	margin-right: 7px;
	float: left;
}
div.figure_r {
	margin-left: 7px;
	float: right;
}

/* よくある質問 */
div#faq {
	margin: 10px;
}
div#faq div.figure {
	float: left;
	display: inline;
	margin: 7px;
}
div.faq_box {
	float: left;
	display: inline;
	margin: 10px 6px 17px 6px;
	width: 340px;
	overflow: hidden;
	border: 1px solid #AAA;
}
div.faq01 {
	background: #EEE url("./images/faq01.gif") no-repeat -1px -1px;
}
div.faq02a {
	background: #EEE url("./images/faq02a.gif") no-repeat -1px -1px;
}
div.faq02b {
	background: #EEE url("./images/faq02b.gif") no-repeat -1px -1px;
}
div.faq02c {
	background: #EEE url("./images/faq02c.gif") no-repeat -1px -1px;
}
div.faq02d {
	background: #EEE url("./images/faq02d.gif") no-repeat -1px -1px;
}
div.faq03a {
	background: #EEE url("./images/faq03a.gif") no-repeat -1px -1px;
}
div.faq03b {
	background: #EEE url("./images/faq03b.gif") no-repeat -1px -1px;
}
div.faq04 {
	background: #EEE url("./images/faq04.gif") no-repeat -1px -1px;
}
ul.faq_list {
	margin: 56px 24px 13px 72px;
	width: 246px;
	font-size: 1.4em;
}
ul.faq_list li {
	padding: 2px 0px 2px 15px;
	width: 231px;
	background: url("./images/icon_list_icon.gif") no-repeat 0 0.3em;
}
ul.faq_list li a {
	text-decoration: none;
}
ul.faq_list li a:hover {
	text-decoration: underline;
}
div.question {
	margin: 10px;
	width: 688px;
	height: 90px;
	background: #EEE url("./images/faq_question.gif") no-repeat;
	border: 1px solid #CCC;
}
html>body div.question {
    min-height: 90px;
    height: auto;
}
div.question p {
	padding: 7px 7px 5px 64px;
	font-size: 1.4em;
}
div.frequently {
	margin: 10px 10px 17px 24px;
	width: 674px;
	height: 64px;
	background: #FFDDAA url("./images/faq_frequently.gif") no-repeat;
	border: 1px solid #CCC;
}
html>body div.frequently {
    min-height: 64px;
    height: auto;
}
div.frequently p {
	padding: 7px 7px 5px 64px;
	font-size: 1.4em;
}
div.frequently ul {
	padding: 3px 7px 5px 64px;
	width: 603px;
	font-size: 1.4em;
}

/* お問い合せフォーム */
div#inquiry_form {
	margin: 10px;
}
div.form_box {
	width: 100%;
	padding: 5px 0;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #CCC;
}
div.form_inputarea {
	margin: 5px 5px 5px 17px;
	font-size: 1.4em;
}
div.form_submit {
	float: left;
	display: inline;
	margin: 10px;
	width: 200px;
}
div.form_reset {
	float: left;
	display: inline;
	margin: 10px;
	width: 150px;
}
div#form_company {
	margin: 10px;
	padding: 10px;
	background: #ECECEC;
	border: 5px solid #AAC;
}
div#form_questionnaire {
	margin: 10px;
	padding: 10px;
	background: #ECECEC;
	border: 5px solid #CCC;
}
div.title {
	border-bottom: 1px solid #CCC;
}
div#inquiry_form select {
	width:240px;
}
p.form_message {
	font-size: 1.4em;
}
p.confirm {
	margin: 5px;
	padding: 10px;
	border: 1px solid #DEDEDE;
}
span.form_error {
	color: #F00;
	font-weight: bold;
	font-size: 0.8em;
}
input.text {
	padding: 7px 3px;
	width: 320px;
	border: 3px solid #AAA;
	background: #EEE;
	font-size: 1.4em;
}
input.textarea {
	padding: 3px;
	width: 480px;
	height: 120px;
	border: 3px solid #AAA;
	background: #EEE;
	font-size: 1.4em;
}
input.ltext {
	padding: 7px 3px;
	width: 480px;
	border: 3px solid #AAA;
	background: #EEE;
	font-size: 1.4em;
}
div#form_company input.ltext {
	background: #FFF;
}
div#form_company input.text {
	background: #FFF;
}
div#form_questionnaire input.ltext {
	background: #FFF;
}
div#form_questionnaire input.text {
	background: #FFF;
}
div.radio {
	float: left;
	display: inline;
	width: 24px;
}
div.label {
	float: left;
	display: inline;
	width: auto;
}
label.yes {
	display: block;
	width: 72px;
	height: 24px;
	background: url("./images/form/yes.gif") no-repeat;
	text-indent: -9999em;
}
label.no {
	display: block;
	width: 72px;
	height: 24px;
	background: url("./images/form/no.gif") no-repeat;
	text-indent: -9999em;
}
label.input_company {
	display: block;
	width: 180px;
	height: 24px;
	background: url("./images/form/input_company.gif") no-repeat;
	text-indent: -9999em;
}
label.input_questionnaire {
	display: block;
	width: 194px;
	height: 24px;
	background: url("./images/form/input_questionnaire.gif") no-repeat;
	text-indent: -9999em;
}

/* 会社概要 */
div#company {
	margin: 10px 10px 10px 24px;
	width: 640px;
	border-collapse: collapse;
	color: #454545;
}
div.company_title {
	padding: 5px 3px 2px 5px;
	border-left: 5px solid #F39700;
	font-size: 1.2em;
	background: #E3E3E3;
}
div.company_data {
	margin-bottom: 17px;
	margin-left: 10px;
	padding: 7px 17px 3px 7px;
	font-size: 1.2em;
	border-bottom: 5px solid #E3E3E3;
}

/* プライバシーポリシー */
div#rule {
	margin: 10px;
	width: 670px;
	height: 360px;
	overflow: scroll;
	border: 1px solid #AAA;
	font-size: 1.4em;
}
div#rule dl {
	margin: 10px 0;
}
div#rule dt {
	padding: 3px;
	font-weight: bold;
}
div#rule dd {
	padding: 7px;
}