@charset "utf-8";

/********************************

FMN継承

********************************/
#privacy_box {
	height: 150px;
	width: 590px;
	overflow: auto;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
	padding: 5px;
}
/*******フォーム****/
/* フォーム */
form {
  margin:15px 10px 0;
  background:url(../../images/header_dotline.gif) repeat-x left top;
}
#mainbody form span {
  font-size:12px;
  letter-spacing:1px;
}
fieldset {
  margin: 0 10px;
  padding: 5px 0 15px;
  border:none;
  background:url(../../images/header_dotline.gif) repeat-x left bottom;
  font-size:12px;
}
fieldset#last {
  background:none;
}
.label {
  clear: left;
  display: block;
  padding:0.8em 10px 0;
  float: left;
  width: 140px;
  line-height: 1.8em;
}
.control {
  display: block;
  margin: 0 0 0 160px;
  padding-top: 0.8em;
  line-height: 1.8em;
}
.comtxt {
  display: block;
  margin:5px 0 3px;
}
.win {
  margin-left:-3px;
}
html>body .win {
  margin-left:0;
}
input, select, textarea {
  margin:0 5px 2px 0;
  vertical-align: middle;
}
html>body input, html>body select, html>body textarea {
  margin:0px 8px 8px 0;
  vertical-align: top;
}
input.radio {
  border-style: none;
  background: transparent;
}
input.hankaku {
  ime-mode:disabled;
}
.label-m {
  clear: left;
  display: block;
  padding-top: 0.8em;
  padding-left: 12px;
  width: 120px;
  line-height: 2em;
}
#kiyakutext {
  width: 550px;
  height:250px;
  overflow:auto;
  display: block;
  margin: 5px 0 0 12px;
  padding: 10px;
  font-size: 10px;
  line-height: 1.5em;
  background: #f6f6fc;
}
html>body #kiyakutext {
  padding: 15px;
}
#kiyakutext strong {
  display:block;
  margin-bottom:5px;
  font-size: 12px;
}
#kiyakutext p {
  margin:0 0 12px 0;
}
.kiyakubtn {
  display: block;
  margin: 5px 0 10px;
  padding-top: 0.8em;
  line-height: 1.8em;
  text-align:center;
}
input:focus, select:focus, textarea:focus {
  background: #ffffff;
}

/* 入力部品の幅設定 */
#company, #name, #name2, #cpost, #position, #address, #comment, #mail, #url, #post1, #post2, #tel1, #tel2, #tel3, #arrival1name, #arrival2name, #number, select {
  border-style: solid;
  border-width: 1px;
  border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
  vertical-align: middle;
  background: #f5f5f5;
  padding:2px 5px;
}
#company, #name, #name2, #cpost, #position, #address, #comment {
  width: 350px;
}
#mail, #url {
  width: 280px;
}
#arrival1name, #arrival2name {
  width: 170px;
}
#arrival1, #arrival2 {
  vertical-align: middle;
}
#state {
  width: 120px;
}
#post1, #post2, #tel1, #tel2, #tel3, #number {
  width: 60px;
}

/* 送信ボタン */
#submit {
  margin:0 10px 20px;
  padding:10px;
  text-align:center;
  background: #f5f5f5;
}
#mainbody #submit p {
  margin:0;
  font-size:12px;
}
#submit input {
  margin:10px 10px 0;
}

/* 確認画面 */
table#check {
  margin:20px auto;
  width:600px;
  border-top:    1px solid #999;
  border-bottom: 1px solid #999;
  border-collapse: collapse;
}
table#check th {
  width: 130px;
  font-weight: normal;
  background: #f5f5f5;
}
table#check td {
  width: 410px;
}
table#check th, table#check td {
  padding: 8px 15px;
  border-bottom: 1px dotted #999;
  font-size:12px;
}
table#check th.last,table#check td.last {
  border-bottom:none;
}
#submit form {
  display:inline;
  background:none;
}
#privacy_box {
	height: 50px;
	width: 675px;
	overflow: auto;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
	padding: 5px;
}
.clear {
	clear: both;
}

/* 完了画面 */
#com_thanks {
  margin:30px auto;
  width:550px;
  background:url(../../images/logo_bkg.gif) no-repeat center top;
}
#com_thanks p {
  text-align:center;
}
#com_thanks p.address {
  margin:15px auto 30px;
  padding:8px 15px;
  width:400px;
  border-top:1px solid #999;
  border-bottom:1px solid #999;
}

/**service**/
.illust {
  margin:15px auto;
  padding:15px 60px;
  width:500px;
  border:1px solid #f2f2f2;
}
.illust p {
  margin:0 0 10px;
}
.ptitle {
  margin:40px 0 0;
}
/* FPLL???? */
#takeone_kakomi {
  margin:20px 10px;
  padding:10px;
  border:1px solid #e5e5e5;
}
#takeone_kakomi strong {
  display:block;
  margin:0 10px;
  color:#ff000c;
  letter-spacing:1px;
}
#takeone_kakomi .cap {
  margin-top:10px;
  text-align:right;
  font-size:10px;
}
.fl_right {
  float:right;
  margin-left:2em;
  margin-bottom:1em;
}
.model {
	font-size: 120%;  
}
.model_ul {
  margin:5px 5px 0 30px;
}
.model_ul li {
  padding-bottom:5px;
  letter-spacing:1px;
}
.model_ul a {
  color:#000;
  font-weight:bold;
  text-decoration:none;
}
.model_ul a:hover {
  color:#21b8ff;
  text-decoration:underline;
}
.m5 {
  margin-top:5px;
}
#takeonerack {
  margin:10px 10px;
  padding-top:74px;
  padding-left:148px;
  width:452px;
  height:112px;
  background:#f2f2f2 url(images/takeonerack.gif) no-repeat;
}
#takeonerack strong a {
  display:block;
  width:255px;
  height:27px;
  text-indent:-9999px;
  font-size:xx-small;
}
#takeonerack p {
  width:420px;
  letter-spacing:1px;
}
.sample_title {
  margin:30px 0 0;
  padding:7px 12px;
  background-color:#333;
  color:#fff;
  letter-spacing:1px;
}
.sample_web {
  float:left;
  width:135px;
}
.sample_txt {
	float:right;
	width:420px;
}
.sample em {
  display:block;
  margin-top:8px;
  color:#000;
}
.sample strong {
  display:block;
  color:#003f98;
  padding:5px 0 7px;
  background:url(../images/header_dotline.gif) no-repeat left bottom;
}
#mainbody .sample strong a {
  color:#003f98;
}
#mainbody .sample strong a:hover {
  color:#ff000c;
}
p.sample_link {
  display:block;
  margin:12px 0 0;
  padding-left:13px;
  background:url(images/arrow_black.gif) no-repeat 0px 1px;
  color:#666;
}
.f_clear {
  clear:both;
}
.sample {
  margin:10px 0 0;
  padding:15px 20px;
  width:648px;
  border:1px solid #ccc;
  letter-spacing:1px;
}
.sample:after {			
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}


.sample p {
  margin:5px 0 8px;
}
p.sample_link {
  display:block;
  margin:12px 0 0;
  padding-left:13px;
  background:url(../images/arrow_black.gif) no-repeat 0px 1px;
  color:#666;
}
.sample p.sample_jirei {
  margin:5px 0 0;
}
/**service navi**/

#categorynavi2 {
  padding-bottom:5px;
  background-color:#fff;
		width:700px;
		float:left
}
#categorynavi2 ul {
  margin-top:0px;
  margin-bottom:0px;
}
#categorynavi2 li {
  list-style:none;
  float:left
}



/*******************ƃMODEL******************************/
.model_title {
	width: 700px;
}
.model_box {
	width: 330px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	text-align: center;
	margin-right: 10px;
}
.model_box li {
	font-size: 90%;
	line-height: 1.3em;
}
.model_cont ul {
	text-align: left;
	width: 268px;
	padding-left: 20px;
	margin: 0px;
	padding-right: 20px;
}
.model_cont {
	width: 318px;
	border: 1px solid #DFDFDF;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	height: 265px;
	margin-right: 5px;
	float: left;
}
.model_cont strong{
	line-height: 1.2em;
}
.model_cont .detail_btn {
	margin-top: 5px;
}
.model {
  display:block;
  color:#ff000c;
  margin:20px 10px 0;
  letter-spacing:1px;
}
.model_ul {
  margin:5px 5px 0 30px;
}
.marketing_ul {
  margin:12px 5px 0 30px;
}
.model_ul li,.marketing_ul li {
  padding-bottom:5px;
  letter-spacing:1px;
}
.model_ul a {
  color:#000;
  font-weight:bold;
  text-decoration:none;
}
.model_ul a:hover {
  color:#21b8ff;
  text-decoration:underline;
}
/**MD**/
.f_clear {
  clear:both;
}
.icon {
	background-image: url(images/icon1.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
}


/************************

TABL

*************************/

.hyo1 {
  margin-top:12px;
  margin-bottom:20px;
  border:1px solid #e5e5e5;
  width:700px;
}
.hyo1 td {
  padding:8px 15px;
  border-bottom:1px solid #e5e5e5;
  letter-spacing:1px;
}
.hyo1 td.sub {
  background:#f7f7f7;
  vertical-align:middle;
  text-align:center;
}
.hyo1 td.sub2 {
  width:20%;
  background:#f7f7f7 ;
  vertical-align:middle;
  text-align:center;
}
.hyo1 td.non {
  padding:0;
  border:none;
}
.hyo1 td span {
  color:#808080;
  font-size:10px;
}
.hyo1 td img {
  vertical-align:middle;
}
img.sp {
  padding-bottom:5px;
}
.hyo1 td p {
  margin-top:10px;
}

/**********************

TABL

**********************/

.hyo2 {
  margin-top:12px;
  margin-bottom:20px;
  border:1px solid #e5e5e5;
  width:710px;
}
.hyo2 td {
  padding:8px 15px;
  border-bottom:1px solid #e5e5e5;
  letter-spacing:1px;
}
.hyo2 td.sub {
  background:#f7f7f7;
  vertical-align:middle;
  text-align:center;
  width:150px;
}
.hyo2 td.sub2 {
  width:20%;
  background:#f7f7f7 ;
  vertical-align:middle;
  text-align:center;
}
.hyo2 td.non {
  padding:0;
  border:none;
}
.hyo2 td span {
  color:#FF0000;
  font-size:10px;
}
.hyo2 td img {
  vertical-align:middle;
}
img.sp {
  padding-bottom:5px;
}
.hyo2 td p {
  margin-top:10px;
}

.red!important{
	color: #FF0000;
}

/**********************

TABL

**********************/

.hyo3 {
  margin-top:12px;
  margin-bottom:20px;
  border:1px solid #e5e5e5;
  width:680px;
}
.hyo3 td {
  padding:8px 15px;
  border-bottom:1px solid #e5e5e5;
  letter-spacing:1px;
}
.hyo3 td.sub {
  background:#f7f7f7;
  vertical-align:middle;
  text-align:center;
  width:150px;
}
.hyo3 td.sub2 {
  width:20%;
  background:#f7f7f7 ;
  vertical-align:middle;
  text-align:center;
}
.hyo3 td.non {
  padding:0;
  border:none;
}
.hyo3 td span {
  color:#FF0000;
  font-size:10px;
}
.hyo3 td img {
  vertical-align:middle;
}
img.sp {
  padding-bottom:5px;
}
.hyo3 td p {
  margin-top:10px;
}

.red!important{
	color: #FF0000;
}

/* ドット破線 */
.dotline {
  margin:0 auto;
  width:700px;
  height:19px;
  background:url(http://fmq-inc.co.jp/wp-content/themes/magicblue/images/header_dotline.gif) no-repeat left bottom;
}
.f_clear {
  clear:both;
}
.solution{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/********************************MCO****************************/
.asita!important {
  margin:10px auto 0;
  width:600px;
}
.asita dt!important {
  float:left;
  clear:both;
  margin-top:3px;
  width:80px;
  padding:5px 10px;
  background:#F1F5F9;
  font-weight:bold;
  color:#003f98;
}
.asita dd!important {
  float:right;
  margin-top:3px;
  width:476px;
  padding:5px 10px;
  background:#F1F5F9;
}
.asita_arrow!important {
  display:block;
  clear:both;
  margin:0 auto;
  padding-top:10px;
}
/********************************CRM****************************/
.box_with_line {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

/********************************arrowシリーズ***************************/
.arrow2 {
	background-image: url(images/arrow2.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
}

/********************************link***************************/
.link_box{	
        margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

h6{
  font-size:12px;
  color:#ff0099;　
}