@charset "UTF-8";

/*/////////////////////////////////////////////////////////////
twitter

Copyright (C) KAYAC Inc. All Rights Reserved.
------------------------------------------------------------

[Base] Resetting HTML elements styles
	0. All
	1. HTML, Body, Anchor
	2. Others
		2-1. Inline-level Elements
		2-2. Block-level Elements
		2-3. Table

[Layout] 
	0. Base Layout
	1. Footer

[Module] 
	1. Common Elements
	2. Common Module
	80. Lightbox
	90. Others
	99. Clearfix


//////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
	0. All
------------------------------------------------------------ */

body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code, p, blockquote, th, td,
form, fieldset, legend, input, select, textarea {
	margin: 0;
	padding: 0;
}

/* ------------------------------------------------------------
	1. HTML, Body, Anchor
------------------------------------------------------------ */

body {
	font-family: sans-serif;
	font-size: 14px;
	line-height: 1.5;
}

/* ---------------
EXAMPLES FONT-SIZE
------------------
 77% = 10px
 85% = 11px
 93% = 12px
100% = 13px
108% = 14px
116% = 15px
124% = 16px
131% = 17px
139% = 18px
147% = 19px
154% = 20px
162% = 21px
170% = 22px
177% = 23px
185% = 24px
193% = 25px
200% = 26px
--------------- */

a:link {
	color: #2caeda;
	text-decoration: underline;
}

a:visited {
	color: #2caeda;
}

a:hover,
a:active  {
	color: #ff6666;
	text-decoration: none;
}

/* ------------------------------------------------------------
	2. Others
------------------------------------------------------------ */

/*  2-1. Inline-level Elements
------------------------------------------------- */
img {
	border: none;
	vertical-align: bottom;
}

object {
	vertical-align: middle;
	outline: none;
}

address, caption, cite, code, dfn, th, var {
	font-weight: normal;
	font-style: normal;
}

em, strong {
	font-weight: bold;
	font-style: normal;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

fieldset {
	border: none;
}

input, textarea, select, label {
	font-size: 100%;
	font-family: inherit;
	vertical-align: middle;
}

label {
	cursor: pointer;
}

textarea {
	overflow: auto;
}

/*  2-2. Block-level Elements
------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	line-height: 1;
}

hr {
	display: none;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: none;
	font-variant: normal;
}

pre, code {
	font-family: monospace;
}

ul, ol {
	list-style: none;
}

/*  2-3. Table
------------------------------------------------- */
table {
	border-spacing: 0;
	font-size: 100%;
	font-family: inherit;
}

caption, th, td {
	text-align: left;
	vertical-align: top;
}

/*/////////////////////////////////////////////////////////////
[Layout] 
//////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
	0. Base Layout
------------------------------------------------------------ */

body {
	background: #E9FFFD;
	color: #727373;
	text-align: center;
}

div#container {
	width: 790px;
	margin: 0 auto;
	text-align: left;
	padding-top:13px;
	padding-bottom:30px;
}

/* ------------------------------------------------------------
	1. Footer
------------------------------------------------------------ */

/*  KayacProject
------------------------------------------------- */
#boxKayacLink .unitKayacLink{
 margin-bottom: 10px;
 font-size: 77%;
}

#boxKayacLink .unitKayacLink dt{
 float: left;
 width: 110px;
}

#boxKayacLink .unitKayacLink dd{
 zoom: 1;
 overflow: hidden;
}

#boxKayacLink .unitKayacLink li{
 display: inline-block;
 margin-right: .5em;
 *display: inline;
 *zoom: 1;
}


/*  copyright
------------------------------------------------- */
p#copyright {
	text-align: center;
}

/*/////////////////////////////////////////////////////////////
[Module] 
//////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
	イントロ
------------------------------------------------------------ */

h1 {
    position:absolute;
	top:12px;
}

div#intro p.img {
	padding-top: 10px;
	padding-bottom:5px;
}

p.txt {
    font-size:16px;
	float:left;
}

span.notes {
    font-size:12px;
}

p.btnTwitter {
    float:right;
	font-size:10px;
	text-align:center;
}
/* ------------------------------------------------------------
	サービス紹介
------------------------------------------------------------ */

div#record {
	padding-bottom: 2px;
	margin-bottom: 20px;
	background: url(../img/common/line_01.png) repeat-x 0 100%;
	padding-top:10px;
}

div#record h2 {
	margin-bottom: 20px;
	padding-bottom: 8px;
	background: url(../img/common/line_01.png) repeat-x 0 100%;
}

div#record h2 img {
	margin-left: -5px;
}

div#record p.goTop {
	margin:20px 0 10px 0;
	font-size: 85%;
	text-align: right;
}

div.unitRecord {
    margin-top:30px;
	position:relative;
	overflow:hidden;
	clear:both;
}

img.icn_goTop {
    padding-bottom:6px;
}

p.leadH3 {
    margin-top:-10px;
}

h4 {
    margin-bottom:10px;
}

p.lead {
    float:left;
	width:370px;
}
.leadUnit {
    float:left;
	width:508px;
}
#service3 .leadUnit {
    width:340px;
}
.price {
    background:#FFFFCC;
	border:3px solid #FFCC00;
	padding:5px 8px ;
	font-weight:bold;
	float:right;
	color:#2CAEDA;
	font-size:125%;
}
table.siteDate {
	border-right:1px solid #678994;
	border-left:1px solid #678994;
	border-top:1px solid #678994;
	margin-left:10px;
	width:405px;
	background:#ffffff;
	font-size:85%;
}
.repo {
    clear:both;
}
.right table.siteDate {
    float:left;
}
.left table.siteDate {
    float:right;
}
table.siteDate th,
table.siteDate td {
    border-bottom:1px solid #678994;
	padding:8px;
}
table.siteDate th {
    border-right:1px solid #678994;
	background:#cff3f8;
	color:#678994;
	font-weight:bold;
	width:95px;
}
table.siteDate td.ttl {
	font-weight:bold;
	font-size:125%;
}
p.popKayacService {
    right:265px;
    position:absolute;
    top:65px;
} 

p.popKayacService2 {
    right:265px;
    position:absolute;
    top:98px;
}

div.unitKayacServie {
    width:345px;
	float:right;
	margin-right:15px;
}

div.unitKayacServie dl {
    margin-top:12px;
}

div.unitKayacServie dl dt {
    margin-top:3px;
}

div.blockExample {
    clear:both;
	padding-top:10px;
	width:770px;
	margin:0 auto;
}

div.inquiry {
    width:510px;
	margin:30px auto 50px ;
	clear:both;
}

p.btn {
    margin-top:10px;
	text-align:center;
}

div.unitKayacServie img {
    border:3px solid #33ccff;
}
div.unitKayacServie a:hover img {
    border:3px solid #ff6666;
}
div.unitKayacServie p.btn a img {
    border:none;
}
div.unitKayacServie p.btn a:hover img {
    border:none;
}

ul.listPromotion {
    padding:10px;
    background:url(../img/bg_promotion.png) left bottom no-repeat;
}
ul.listPromotion li {
    background:url(../img/icn_ex.png) 0 0 no-repeat;
	padding-left:25px;
	padding-bottom:8px;
}
	


/*  実績リスト
------------------------------------------------- */
ul.listKayacService {
    margin-top:10px;
}

ul.left {
    float:left;
    width:365px;
	padding-left:10px;	
}

h5 {
    width:770px;
	margin:0 auto ;
	padding:10px 0;
	overflow:hidden;
}
ul.right {
    float:right;
    width:365px;
	padding-left:10px;	

}

ul.listKayacService li {
border-bottom:1px dotted #33CCFF;
clear:both;
height:66px;
margin-bottom:8px;
padding-bottom:10px;}

ul.listKayacService li.borderNone {
    border:none;
}

ul.listKayacService li dl dd.icn {
    float:left;
	width:60px;
	padding-right:15px;
}

ul.listKayacService li dl dd.icn a img {
    border:3px solid #33ccff;
}
ul.listKayacService li dl dd.icn a:hover img {
    border:3px solid #ff6666;
}

dd,p.leadBtn {
    font-size:12px;
}

ul.unitRecord li {
	float: left;
	width: 240px;
	margin-right: 35px;
}

dl.itemRecord {
	position: relative;
	width: 240px;
	margin-bottom: 20px;
}

dl.itemRecord dt {
	padding: 130px 0 5px 30px;
	background: url(../img/common/ico_bird.png) no-repeat 0 100%;
	font-weight: bold;
}

dl.itemRecord dd.img {
	position: absolute;
	top: 0;
	left: 0;
}

dl.itemRecord dd.txt {
	overflow: hidden;
	height: 6em;
	font-size: 85%;
}

dt {
    font-weight:bold;
}
h6 {
    background:#2CAEDA;
    color:#fff;
    padding:5px 10px;
    margin-bottom:10px;
}
/* ------------------------------------------------------------
	3. お問い合わせ
------------------------------------------------------------ */

div#inquiry {
	padding-bottom: 2px;
	margin-bottom: 20px;
	background: url(../img/common/line_01.png) repeat-x 0 100%;
}

div#inquiry p.btnSubmit {
	margin-bottom: 20px;
	text-align: center;
}

/* ------------------------------------------------------------
	90. Others
------------------------------------------------------------ */

/* for Voice Browser */
.hidden {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/* Noscript Message */
p#msgNoscript {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	padding: 5px 0;
	border-top: 1px solid #f00;
	border-bottom: 1px solid #f00;
	background: #fcc;
	color: #f00;
	line-height: 1.2;
	text-align: center;
	opacity: 0.7;
}

/* ------------------------------------------------------------
	99. Clearfix
------------------------------------------------------------ */

ul.unitRecord:after,
.group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}
ul.unitRecord,
.group {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html ul.unitRecord,
* html .group {
    height: 1%;
}
ul.unitRecord,
.group {
    display: block;
}
/* End hide from IE-mac */