@charset "UTF-8";

/*
	Designers blog
	Copyright (C) KAYAC Inc. All Rights Reserved.
*/

/* //////////////////////////////////////////////////
[Base] 
////////////////////////////////////////////////// */

/* --------------------------------------------------
	0. Reset
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote,
form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead,
article, aside, figure, footer, header,
hgroup, menu, nav, section, audio, video, canvas {
	margin: 0;
	padding: 0;
}
article, aside, figure, figcaption,footer,
h1, h2, h3, h4, h5, h6, header, hgroup, menu, nav, section {
	display: block;
}

/* --------------------------------------------------
	1. HTML, Body, Anchor
-------------------------------------------------- */
html { overflow-y: scroll; } /* for mozilla: always display scrollbar */

body {
	color: #222;
	background: url(/prx/000/http/design.kayac.com/img/bg/body_01.png);
	font-family: "Meiryo","メイリオ",Verdana,Helvetica,sans-serif;
	font-size: 13px;
	line-height: 1.5;
	position: relative;
	zoom: 1;
	height: 100%;
}

body.osMac {
	font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
}

body.osWin {
	font-family: "Meiryo","メイリオ",Verdana,Helvetica,sans-serif;
}

/*
Font-size list (base: 13px)
 62% =  8px
 70% =  9px
 77% = 10px
 85% = 11px        162% = 21px        239% = 31px
 93% = 12px        170% = 22px        247% = 32px
100% = 13px        177% = 23px        254% = 33px
108% = 14px        185% = 24px        262% = 34px
116% = 15px        193% = 25px        270% = 35px
124% = 16px        200% = 26px        277% = 36px
131% = 17px        208% = 27px        285% = 37px
139% = 18px        216% = 28px        293% = 38px
147% = 19px        224% = 29px        300% = 39px
154% = 20px        231% = 30px        308% = 40px
*/

a:link {
	color: #0896c6;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover,
a:active  {
	text-decoration: none;
	text-decoration: underline;
}

a:active  {
	color: #11607a;
}

/* --------------------------------------------------
	2. Heading, Paragraph
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

/* --------------------------------------------------
	3. List
-------------------------------------------------- */
li { list-style: none; }

/* --------------------------------------------------
	4. Table
-------------------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	font-family: inherit;
}
caption, th, td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

/* --------------------------------------------------
	5. Form
-------------------------------------------------- */
fieldset { border: none; }
input, textarea, select, label {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: middle;
}
label { cursor: pointer; }
textarea { overflow: auto; }
legend { display: none; }

input[type$="radio"] {
	vertical-align: baseline;
	cursor: pointer;
}

input[type$="checkbox"]{
	margin: 0 4px 0 0;
	vertical-align: baseline;
	position: relative;
	top: 2px;
	z-index: 1;
	cursor: pointer;
}

/* --------------------------------------------------
	6. Other
-------------------------------------------------- */
img {
	border: none;
	vertical-align: middle;
}
object {
	vertical-align: middle;
	outline: none;
}
em, strong {
	font-weight: bold;
	font-style: normal;
}
abbr, acronym {
	border: none;
	font-variant: normal;
}
q:before, q:after { content: ''; }
address, caption, cite, code, dfn, var {
	font-weight: normal;
	font-style: normal;
}
code, pre { font-family: monospace; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
hr { display: none; }

dfn{
	cursor: help;
	border-bottom: dotted 1px rgba(0,0,0,0.4);
}

.uppercase{
	text-transform: uppercase;
}

/* placeholder
----------------------------------- */
textarea.hasPlaceholder,
input.hasPlaceholder{
	color: silver;
}

/* //////////////////////////////////////////////////
[module] 
////////////////////////////////////////////////// */

/* --------------------------------------------------
	00. common
-------------------------------------------------- */

/* listTag
----------------------------------- */
.listTag li a{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 11px;
	background: #70d0e7;
	color: #fff;
	padding: .2em .75em;
	margin-bottom: .5em;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* linkStyle1
----------------------------------- */
.linkStyle1,
.entryArticle a{
	color: #222;
	border-bottom: dotted 1px #666;
}

.linkStyle1:visited,
.linkStyle1:link,
.entryArticle a:visited
.entryArticle a:link{
	color: #222;
}

.linkStyle1:active,
.entryArticle a:active{
	color: rgba(0,0,0,0.3);
}

.linkStyle1:hover,
.entryArticle a:hover{
	text-decoration: none;
	background:
		linear-gradient(
		0,
		#ff692c 0%,
		#ebf600 100%
	);
	background:
		-moz-linear-gradient(
		0,
		#ff692c 0%,
		#ebf600 100%
	);
	background:
		-webkit-gradient(
		linear,
		0% 0%,
		100% 0%,
		color-stop(0, #ff692c),
		color-stop(1, #ebf600)
	);
}

/* --------------------------------------------------
	01. header
-------------------------------------------------- */

/* globalAnnounce
----------------------------------- */
#globalAnnounce{
	color: #fff;
	text-shadow: 0 1px 3px rgba(0,0,0,.4);
	overflow: hidden;
	position: relative;
	background: #fff;
	line-height: 1.25;
}

#globalAnnounce .inner .background {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 1700px;
	z-index: 1;
	background:
		linear-gradient(
		0% -15%,
		rgb(101,91,239) 0%,
		rgb(250,40,191) 20%,
		rgb(255,70,101) 40%,
		rgb(251,222,78) 60%,
		rgb(0,251,234) 80%,
		rgb(85,93,239) 100%
	);
	background:
		-moz-linear-gradient(
		0% -15%,
		rgb(101,91,239) 0%,
		rgb(250,40,191) 20%,
		rgb(255,70,101) 40%,
		rgb(251,222,78) 60%,
		rgb(0,251,234) 80%,
		rgb(85,93,239) 100%
	);
	background:
		-webkit-gradient(
		linear,
		0% -15%,
		100% 100%,
		color-stop(0, rgb(101,91,239)),
		color-stop(0.2, rgb(250,40,191)),
		color-stop(0.4, rgb(255,70,101)),
		color-stop(0.6, rgb(151,52,178)),
		color-stop(0.8, rgb(130,31,234)),
		color-stop(1, rgb(195,13,199))
	);
	-webkit-animation-duration: 17.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: gAnAnimation;
 }

#globalAnnounce a{
	position: relative;
	display: block;
	z-index: 2;
	padding: 6px 6px 6px 6px;
	color: #fff;
	text-decoration: none;
}

#globalAnnounce a span.dot{
	border-bottom: 1px dotted #fff;
	display: inline-block;
}

#globalAnnounce a.external span.dot{
	background: url(/prx/000/http/design.kayac.com/img/ico/external_01.png) 100% 50% no-repeat;
	padding-right: 20px;
}

#globalAnnounce a span.layout{
	display: block;
	width: 838px;
	margin: 0 auto;
	background: url(/prx/000/http/design.kayac.com/img/ico/ishoko_wanko_01.png) 0 50% no-repeat;
	padding-left: 42px;
}

#globalAnnounce a:hover span.dot{
	border-bottom: 1px dotted rgba(255,255,255,0);
}

@-webkit-keyframes gAnAnimation {
  0%{
    top: 0;
    }
  50% {
    top: -1600px;
  }
  100% {
    top: 0;
  }
}

/* siteHeader
----------------------------------- */
#siteHeader{
	position: relative;
	width: 880px;
	margin: 0 auto;
	height: 110px;
}

#siteHeader hgroup{
	float: left;
	padding-top: 30px;
	margin-right: 1em;
}

#siteHeader h1{
	font-size: 25px;
	line-height: 1.1;
	font-weight: normal;
	text-transform: uppercase;
}

#siteHeader hgroup a{
	color: #222;
}

#siteHeader h2{
	font-size: 12px;
	font-weight: normal;
}

.osMac #siteHeader h2{
	font-family: serif;
}

#siteHeader nav{
	position: absolute;
	top: 45px;
	right: 0;
	text-transform: uppercase;
}

#siteHeader nav li{
	display: inline;
	cursor: pointer;
	margin-left: 2em;
	color: #aaa;
	font-size: 15px;
}

#siteHeader nav li:hover{
	color: #222;
	text-decoration: underline;
}

#siteHeader aside{
	float: left;
	padding-top: 10px;
}

#siteHeader .rss{
	display: inline;
	margin-right: 5px;
}

#siteHeader .twitter{
	display: inline;
	margin-right: 5px;
}

#siteHeader .facebook{
	display: inline;
}

/* contentsHeader
----------------------------------- */
#contentsHeader{
	background: #eee;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
}

#contentsHeaderInner{
	border-top: 1px solid #fff;
	padding: 1.1em 0;
}

#contentsHeaderInner nav{
	position: relative;
	width: 880px;
	margin: 0 auto;
	text-transform: uppercase;
}

#contentsHeader li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: 2em;
	position: relative;
	top: 1px;
}

#contentsHeader li a{
	display: block;
	padding: 2px 0 2px 20px;
	background: url(/prx/000/http/design.kayac.com/img/spr/gnav.png) no-repeat 0 0;
	color: #ccc;
}

#contentsHeader li.member a,
#contentsHeader li.about a{
	padding: 2px 0 2px 18px;
}

#contentsHeader li.blog a{ background-position: -200px 3px; }
#contentsHeader li.blog a:hover{ background-position: 0 3px; }
#contentsHeader li.blog.current a{ background-position: 0 3px; }
#contentsHeader li.bookmark a{ background-position: -200px -97px; }
#contentsHeader li.bookmark a:hover{ background-position: 0 -97px; }
#contentsHeader li.bookmark.current { background-position: 0 -97px; }
#contentsHeader li.member a{ background-position: -200px -197px; }
#contentsHeader li.member a:hover{ background-position: 0 -197px; }
#contentsHeader li.member.current { background-position: 0 -197px; }
#contentsHeader li.about a{ background-position: -200px -297px; }
#contentsHeader li.about a:hover{ background-position: 0 -297px; }
#contentsHeader li.about.current a{ background-position: 0 -297px; }

#contentsHeader li.blog a:hover{ color: #159cff; }
#contentsHeader li.bookmark a:hover{ color: #ae42f7; }
#contentsHeader li.member a:hover{ color: #ff0fa6; }
#contentsHeader li.about a:hover{ color: #f79342; }

#contentsHeader li.blog.current a{ color: #159cff; }
#contentsHeader li.bookmark.current a{ color: #ae42f7; }
#contentsHeader li.member.current a{ color: #ff0fa6; }
#contentsHeader li.about.current a{ color: #f79342; }

/* siteTags
----------------------------------- */
#siteTags{
	display: none;
	font-size: 16px;
	background: rgba(0,0,0,0.85);
	position: absolute;
	z-index: 100;
	width: 100%;
	top: 0;
	left: 0;
	color: #fff;
}

#siteTags div{
	padding: 1.5em 1.5em 1em;
}

#siteTags h1{
	font-weight: normal;
	padding: .2em 1em;
	margin-bottom: .5em;
	text-transform: uppercase;
}

#siteTags h1:before {
	content: "- ";
}

#siteTags li{
	display: inline-block;
	margin-right: .3em;
	margin-bottom: .5em;
	*display: inline;
	*zoom: 1;
}

#siteTags li a{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	color: #ccc;
	padding: .2em 1em;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
}

#siteTags li a:hover{
	background: #616161;
	text-decoration: none;
	color: #fff;
}

#siteTags .close{
	text-align: center;
	padding: 1em;
	border-top: 1px solid #525252;
	background: rgba(0,0,0,0.1);
	cursor: pointer;
}

#siteTags .close:hover{
	background: rgba(0,0,0,0.5);
}

/* siteCategory
----------------------------------- */
#siteCategory{
	display: none;
	font-size: 16px;
	background: rgba(0,0,0,0.85);
	position: absolute;
	z-index: 100;
	width: 100%;
	top: 0;
	left: 0;
	color: #fff;
}

#siteCategory div{
	padding: 1.5em 1.5em 1em;
}

#siteCategory h1{
	font-weight: normal;
	margin-bottom: .5em;
	text-transform: uppercase;
}

#siteCategory h1:before {
	content: "- ";
}

#siteCategory li{
	min-width: 250px;
	display: inline-block;
	margin-right: 1em;
	margin-bottom: .5em;
	*display: inline;
	*zoom: 1;
}

#siteCategory li a.label{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	color: #ccc;
	padding: .15em .7em;
	border-radius: 1em;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	margin-left: .5em;
}

#siteCategory li a.label:hover{
	background: #616161;
	text-decoration: none;
	color: #fff;
}

#siteCategory .close{
	text-align: center;
	padding: 1em;
	border-top: 1px solid #525252;
	background: rgba(0,0,0,0.1);
	cursor: pointer;
}

#siteCategory .close:hover{
	background: rgba(0,0,0,0.5);
}

/* siteSearch
----------------------------------- */
#siteSearch{
	display: none;
	font-size: 14px;
	background: rgba(0,0,0,0.85);
	z-index: 100;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	color: #fff;
}

#siteSearch div{
	width: 760px;
	margin: 0 auto;
	padding: 3em 0;
}

#siteSearch section h1{
	color: #ccc;
	font-weight: normal;
	display: inline;
	margin-right: .5em;
}

#siteSearch section h1:after{
	content: ":";
}

#siteSearchKeyword{
	width: 300px;
	float: left;
	font-size: 13px;
}

#siteSearchKeyword form{
	display: inline;
}

#siteSearchKeyword input{
	width: 200px;
	padding: 5px;
	background: #616161;
	border: none;
	color: #fff;
}

#siteSearchKeyword input.hasPlaceholder{
	color: silver;
}

#siteSearchKeyword input:focus {
	color: #fff;
}

#siteSearchColor{
	width: 440px;
	float: right;
}

#siteSearchColor ul,
#siteSearchColor li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}

#siteSearchColor li span{
	position: absolute;
	top: -99999px;
}

#siteSearchColor li a{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 20px;
	height: 20px;
	border: 5px solid #666;
	font-size: 1px;
	vertical-align: middle;
}

#siteSearchColor li a:hover{
	border: 5px solid #a1a1a1;
}

#siteSearchColor .red a{ background: #ff0802; }
#siteSearchColor .orange a{ background: #ff8a02; }
#siteSearchColor .yellow a{ background: #ff0; }
#siteSearchColor .green a{ background: #390; }
#siteSearchColor .lightblue a{ background: #09f; }
#siteSearchColor .purple a{ background: #60f; }
#siteSearchColor .pink a{ background: #f09; }
#siteSearchColor .black a{ background: #000; }
#siteSearchColor .white a{ background: #fff; }

#siteSearch .close{
	text-align: center;
	padding: 1em;
	border-top: 1px solid #525252;
	background: rgba(0,0,0,0.1);
	cursor: pointer;
}

#siteSearch .close:hover{
	background: rgba(0,0,0,0.5);
}

/* --------------------------------------------------
	02. siteFooter
-------------------------------------------------- */
#siteFooter{
	background: url(/prx/000/http/design.kayac.com/img/bg/footer_01.png) 100% 100% no-repeat;
}

#siteFooter a{
	color: #333;
}

#goPageTop a{
	outline: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #cdcdcd;
	display: block;
	text-align: center;
	background: #eee;
	padding: 20px 0;
}

#siteFooterInner{
	width: 880px;
	margin: 35px auto;
}

/* fbLikebox
----------------------------------- */
#fbLikebox{
	margin-bottom: 40px;
}

/* kayacBlog
----------------------------------- */
#kayacBlog{
	margin-bottom: 35px;
}

#kayacBlog .kayacBlogItem{
	float: left;
	margin-right: 20px;
	position: relative;
}

#kayacBlog .balloon{
	display: none;
	position: absolute;
	background: #fff;
	padding: 1em;
	bottom: 100%;
	min-width: 15em;
	color: #666;
	margin-left: -5.5em;
	margin-bottom: 1em;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	box-shadow: 0 0 7px rgba(0,0,0,0.07);
	-moz-box-shadow: 0 0 7px rgba(0,0,0,0.07);
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.07);
	behavior: url(/prx/000/http/design.kayac.com/stylesheet/PIE.htc);
}

#kayacBlog .kayacBlogItem:hover .balloon{
	display: block;
}

#kayacBlog .balloon p{
	font-size: 85%;
}

/* kayacProject
----------------------------------- */
#serviceLink{
	margin-bottom: 15px;
}

#serviceLink dt{
	display: none;
}

#serviceLink li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-left: 1px solid #9e9e9e;
	padding-left: 1em;
	font-size: 93%;
	margin-right: 1em;
	margin-bottom: .5em;
	line-height: 1.1;
}

/* siteCredit
----------------------------------- */
#siteCredit{
	float: left;
	margin-right: 20px;
	padding-top: 12px;
}

#siteCredit,
#siteCredit a{
	color: #999;
	line-height: 1.2;
}

#siteCredit a.siteLogo{
	color: #222;
	font-size: 16px;
}

/* W3HTML5logo
----------------------------------- */
#W3HTML5logo{
}

/* prBanner
----------------------------------- */
#prBanner{
	margin-top: 20px;
}

#prBanner li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-bottom: 1em;
	position: relative;
}

#prBanner .balloon{
	display: none;
	position: absolute;
	background: #fff;
	padding: 1em;
	bottom: 100%;
	min-width: 15em;
	color: #666;
	margin-bottom: 1em;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	box-shadow: 0 0 7px rgba(0,0,0,0.11);
	-moz-box-shadow: 0 0 7px rgba(0,0,0,0.11);
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.11);
	behavior: url(/prx/000/http/design.kayac.com/stylesheet/PIE.htc);
}

#prBanner li:hover .balloon{
	display: block;
}

#prBanner .balloon p{
	font-size: 85%;
}

/* --------------------------------------------------
	03. entries
-------------------------------------------------- */
#entries{
	background:
		linear-gradient(
		0% -15%,
		rgb(101,91,239) 0%,
		rgb(250,40,191) 20%,
		rgb(255,70,101) 40%,
		rgb(251,222,78) 60%,
		rgb(0,251,234) 80%,
		rgb(85,93,239) 100%
	);
	background:
		-moz-linear-gradient(
		0% -15%,
		rgb(101,91,239) 0%,
		rgb(250,40,191) 20%,
		rgb(255,70,101) 40%,
		rgb(251,222,78) 60%,
		rgb(0,251,234) 80%,
		rgb(85,93,239) 100%
	);
	background:
		-webkit-gradient(
		linear,
		0% -15%,
		100% 100%,
		color-stop(0, rgb(101,91,239)),
		color-stop(0.2, rgb(250,40,191)),
		color-stop(0.4, rgb(255,70,101)),
		color-stop(0.6, rgb(251,222,78)),
		color-stop(0.8, rgb(0,251,234)),
		color-stop(1, rgb(85,93,239))
	);
}

#entries h1.entriesTitle{
	font-size: 20px;
	font-weight: normal;
}

/* .entryItem
----------------------------------- */
#entries .entryItem{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #cdcdcd;
}

#entries .entryItem header{
	padding: 15px 0;
	background: #e7e7e7;
	position: relative;
	z-index: 1;
}

#entries .entryItem header .btnBack{
	position: absolute;
	top: 25px;
	right: 25px;
}

#entries .entryItem:nth-child(even) header{
	background: #eee;
}

#entries .entryItem.open:nth-child(even) header{
	background: #e7e7e7;
}

#entries .entryItem header.fncEntryToggle:hover{
	background-color: transparent;
	background: url(/prx/000/http/design.kayac.com/img/line/dot_01.gif) 0 0 repeat-x,
	            url(/prx/000/http/design.kayac.com/img/line/dot_01.gif) 4px 100% repeat-x;
	cursor: pointer;
}

#entries .entryItem header.hover{
	background-color: transparent;
	background: url(/prx/000/http/design.kayac.com/img/line/dot_01.gif) 0 0 repeat-x,
	            url(/prx/000/http/design.kayac.com/img/line/dot_01.gif) 4px 100% repeat-x;
	cursor: pointer;
}

#entries .headerInner{
	width: 880px;
	margin: 0 auto;
}

#entries .entryItem .categoryIcon{
	float: left;
	padding-left: 6px;
	margin-right: 20px;
}

#entries .entryItem .entryItemHeader{
	overflow: hidden;
	zoom: 1;
}

#entries .entryItem.open .entryItemHeader{
	padding-right: 75px;
}

#entries .entryItem .entryTitle{
	font-size: 20px;
	margin-top: 9px;
	font-weight: normal;
}

#entries .entryItem .entryTitle a{
	color: #222;
}

#entries .entryItem .entryTitle a:hover{
	color: rgba(0,0,0,0.3);
	text-decoration: none;
}

#entries .entryItem .date{
	font-size: 85%;
	color: #999;
}

#entries .entryItem .readingTime{
	font-size: 85%;
}

#entries .entryItem .readingTime:before {
	content: "【";
}

#entries .entryItem .readingTime:after {
	content: "】";
}

#entries .entryItem header.fncEntryToggle:hover .date{
	color: rgba(0,0,0,0.5);
}

#entries .entryItem .date,
#entries .entryItem .hatenaStar,
#entries .entryItem .readingTime,
#entries .entryItem .hatebu{
	display: inline;
}

#entries .entryItem .more{
	float: right;
	margin-right: -1px;
	margin-top: 10px;
}

#entries .entryItem .hatenaStar > span > a{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 20px;
	height: 17px;
	background: url(/prx/000/http/design.kayac.com/img/ico/star_01.png) 0 0 no-repeat;
}

#entries .entryItem .hatenaStar > span > a > img{
	opacity: 0;
}

/* .entryItemBody
----------------------------------- */
#entries .entryItemBody{
	background: #e7e7e7;
	display: none;
}

#entries .open .entryItemBody{
	display: block;
}

#entries .entryItem:nth-child(even) .entryItemBody{
	background: #eee;
}

#entries .entryItem.open:nth-child(even) .entryItemBody{
	background: #e7e7e7;
}

#entries .entryItemBodyInner{
	width: 870px;
	margin: 0 auto;
	padding: 10px 20px 15px 10px;
}

/* info */
#entries .entryItemBody footer.info{
	width: 70px;
	float: left;
}

#entries .entryItemBody footer.info h1{
	margin-bottom: .25em;
}

#entries .entryItemBody footer.info section{
	margin-bottom: 1em;
}

#entries .entryItemBody .author img{
	border: 5px solid #70d0e7;
}

#entries .entryItemBody .author figcaption a{
	text-decoration: none;
	font-size: 12px;
	color: #999;
	border-bottom: 1px dotted #999;
}

/* .entryArticle
----------------------------------- */
#entries .entryArticle{
	float: right;
	background: #fff;
	width: 720px;
	padding: 30px 30px 170px;
	border-top: 1px solid #bbb;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#entries .entryArticle .ad1{
	margin-bottom: 15px;
}

/* .promotions
----------------------------------- */
.promotions{
	clear: both;
	float: left;
	background: #fff;
	width: 720px;
	padding: 30px 30px 13px;
	margin: 15px 20px 0 90px;
	border-top: 1px solid #bbb;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.promotions h1{
	color: #f1b25c;
	margin-bottom: 1em;
}

.promotions section{
	width: 205px;
	float: left;
	margin: 0 17px 17px;
}

.promotions section:nth-child(3n+2){
	clear: both;
}

.promotions section h2{
	font-weight: normal;
	margin-bottom: 1em;
	background: url(/prx/000/http/design.kayac.com/img/ico/link_01.png) 0 50% no-repeat;
	padding-left: 20px;
}

.promotions section h2 a{
	font-size: 93%;
	line-height: 1.65;
}

.promotions section p.banner img{
	max-width: 205px;
}

.promotions section p.body{
	margin-top: 1em;
	font-size: 11px;
}

/* .recommendEntries
----------------------------------- */
.recommendEntries{
	clear: both;
	float: left;
	background: #fff;
	width: 720px;
	padding: 30px;
	margin: 15px 20px 0 90px;
	border-top: 1px solid #bbb;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.recommendEntries h1{
	color: #f1b25c;
	margin-bottom: 1em;
}

.recommendEntries section{
	width: 205px;
	float: left;
	margin: 0 17px;
}

.recommendEntries section h2{
	font-weight: normal;
}

.recommendEntries section h2 a{
	background: #ff0;
	border-bottom: dotted 1px #666;
	line-height: 2;
	font-size: 93%;
}

.recommendEntries section p{
	text-align: center;
	margin-bottom: 1em;
}

.recommendEntries li{
	margin-bottom: 5px;
}

/* --------------------------------------------------
	04. entryArticle
-------------------------------------------------- */
.entryArticle{
	position: relative;
	z-index: 1;
}

.entryArticle h1{
	position: relative;
	font-weight: bold;
	font-size: 16px;
	padding: 15px;
	border: 1px solid #999;
	line-height: 1.3;
	margin: 1.5em 0;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.entryArticle h1:first-child{
	margin-top: 0;
}

.entryArticle h1:after{
	content: "　";
	display: block;
	position: absolute;
	widows: 10px;
	height: 12px;
	background: url(/prx/000/http/design.kayac.com/img/bg/balloon_03.png) 0 0 no-repeat;
	top: 35%;
	left: -10px;
}

.entryArticle h2{
	font-size: 14px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-weight: bold;
	padding: 20px 50px 20px 50px;
	background:
		url(/prx/000/http/design.kayac.com/img/ico/headline_01.png) 0 50% no-repeat,
		url(/prx/000/http/design.kayac.com/img/bg/headline_01.png) 100% 0 no-repeat;
}

.entryArticle h3{
	background: url(/prx/000/http/design.kayac.com/img/ico/headline_02.png) 0 50% no-repeat;
	padding: 0 0 0 25px;
	font-weight: bold;
	font-size: 14px;
	margin: 1.5em 0 .5em;
}

.entryArticle h3.style1{ background: url(/prx/000/http/design.kayac.com/img/ico/headline_03.png) 0 50% no-repeat; padding: 0 0 0 35px; }
.entryArticle h3.style2{ background: url(/prx/000/http/design.kayac.com/img/ico/headline_04.png) 0 50% no-repeat; padding: 0 0 0 35px; }
.entryArticle h3.style3{ background: url(/prx/000/http/design.kayac.com/img/ico/headline_05.png) 0 50% no-repeat; padding: 0 0 0 35px; }
.entryArticle h3.style4{ background: url(/prx/000/http/design.kayac.com/img/ico/headline_06.png) 0 50% no-repeat; padding: 0 0 0 35px; }
.entryArticle h3.style5{ background: url(/prx/000/http/design.kayac.com/img/ico/headline_07.png) 0 50% no-repeat; padding: 0 0 0 35px; }
.entryArticle h3.style6{ background: url(/prx/000/http/design.kayac.com/img/ico/headline_08.png) 0 50% no-repeat; padding: 0 0 0 35px; }
.entryArticle h3.style7{ background: url(/prx/000/http/design.kayac.com/img/ico/headline_09.png) 0 50% no-repeat; padding: 0 0 0 35px; }
.entryArticle h3.style8{ background: url(/prx/000/http/design.kayac.com/img/ico/headline_10.png) 0 50% no-repeat; padding: 0 0 0 35px; }
.entryArticle h3.style9{ background: url(/prx/000/http/design.kayac.com/img/ico/headline_11.png) 0 50% no-repeat; padding: 0 0 0 35px; }
.entryArticle h3.style10{ background: url(/prx/000/http/design.kayac.com/img/ico/headline_12.png) 0 50% no-repeat; padding: 0 0 0 35px; }
.entryArticle h3.style11{ background: url(/prx/000/http/design.kayac.com/img/ico/headline_13.png) 0 50% no-repeat; padding: 0 0 0 35px; }

.entryArticle a.arrow{
	background: url(/prx/000/http/design.kayac.com/img/ico/link_01.png) 0 50% no-repeat;
	padding: 0 0 0 20px;
	border: none;
	text-decoration: underline;
}

.entryArticle a.arrow:hover{
	text-decoration: none;
}

.entryArticle p{
	margin-bottom: 1.5em;
	line-height: 2;
}

.entryArticle p:last-child {
	margin-bottom: 0;
}

.entryArticle hr{
	background: url(/prx/000/http/design.kayac.com/img/line/disc_01.png) 0 0 repeat-x;
	height: 4px;
	margin: 1.5em 0;
	display: block;
	border: none;
	outline: none;
}

.entryArticle ol,
.entryArticle ul{
	margin-bottom: 1.5em;
}

.entryArticle ol:last-child ,
.entryArticle ul:last-child {
	margin-bottom: 0;
}

.entryArticle ul li{
	list-style: disc outside;
	margin-left: 3em;
	margin-bottom: .5em;
}

.entryArticle ol li{
	list-style: decimal outside;
	margin-left: 3em;
	margin-bottom: .5em;
}

.entryArticle ol.style1 li{
	margin-left: 0;
	list-style: none;
	padding-left: 38px;
}

.entryArticle ol.style1 li:nth-child(1){ background: url(/prx/000/http/design.kayac.com/img/ico/headline_03.png) 0 2px no-repeat; }
.entryArticle ol.style1 li:nth-child(2){ background: url(/prx/000/http/design.kayac.com/img/ico/headline_04.png) 0 2px no-repeat; }
.entryArticle ol.style1 li:nth-child(3){ background: url(/prx/000/http/design.kayac.com/img/ico/headline_05.png) 0 2px no-repeat; }
.entryArticle ol.style1 li:nth-child(4){ background: url(/prx/000/http/design.kayac.com/img/ico/headline_06.png) 0 2px no-repeat; }
.entryArticle ol.style1 li:nth-child(5){ background: url(/prx/000/http/design.kayac.com/img/ico/headline_07.png) 0 2px no-repeat; }
.entryArticle ol.style1 li:nth-child(6){ background: url(/prx/000/http/design.kayac.com/img/ico/headline_08.png) 0 2px no-repeat; }
.entryArticle ol.style1 li:nth-child(7){ background: url(/prx/000/http/design.kayac.com/img/ico/headline_09.png) 0 2px no-repeat; }
.entryArticle ol.style1 li:nth-child(8){ background: url(/prx/000/http/design.kayac.com/img/ico/headline_10.png) 0 2px no-repeat; }
.entryArticle ol.style1 li:nth-child(9){ background: url(/prx/000/http/design.kayac.com/img/ico/headline_11.png) 0 2px no-repeat; }
.entryArticle ol.style1 li:nth-child(10){ background: url(/prx/000/http/design.kayac.com/img/ico/headline_12.png) 0 2px no-repeat; }

.linkExternal{
	color: #222;
	background: url(/prx/000/http/design.kayac.com/img/ico/link_01.png) 0 50% no-repeat;
	padding-left: 20px;
}

.entryArticle .note{
	font-size: 11px;
	background: url(/prx/000/http/design.kayac.com/img/ico/note_01.png) 0 1px no-repeat;
	padding-left: 23px;
}

.entryArticle blockquote{
	margin-bottom: 2.5em;
	background:
		url(/prx/000/http/design.kayac.com/img/bg/quote_01.png) 10px 10px no-repeat,
		url(/prx/000/http/design.kayac.com/img/bg/quote_02.png) 675px 95% no-repeat,
		#f8f8f8;
	border: 1px solid #e7e7e7;
	padding: 40px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior: url(/prx/000/http/design.kayac.com/stylesheet/PIE.htc);
}

.entryArticle pre{
	padding: 20px;
	widows: 640px;
	margin-bottom: 1.5em;
	font-size: 11px;
	color: #fff;
	font-family: "Courier New", Courier, monospace;
	background: url(/prx/000/http/design.kayac.com/img/bg/code_01.png);
	overflow: auto;
	white-space: pre-wrap;
}

/* boxShare */
.entryArticle .boxShare{
	width: 750px;
	background: #f8f8f8;
	position: absolute;
	padding: 15px;
	left: 0;
	bottom: 0;
	border-top: 1px solid #eee;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
}

.entryArticle .boxShare a{
	border: none;
	padding: 0;
	margin: 0;
}

.entryArticle .boxShare ul{
	margin: 0;
}

.entryArticle .boxShare li{
	margin: 0;
	list-style: none;
	margin-left: 10px;
	float: left;
	margin-bottom: 10px;
}

.entryArticle .boxShare li.twitter{
}

.entryArticle .boxShare li.gree{
}

.entryArticle .boxShare .facebook{
	padding-left: 10px;
}

/* --------------------------------------------------
	05. members
-------------------------------------------------- */
#members{
	background:
		linear-gradient(
		0% -15%,
		rgb(101,91,239) 0%,
		rgb(250,40,191) 20%,
		rgb(255,70,101) 40%,
		rgb(251,222,78) 60%,
		rgb(0,251,234) 80%,
		rgb(85,93,239) 100%
	);
	background:
		-moz-linear-gradient(
		0% -15%,
		rgb(101,91,239) 0%,
		rgb(250,40,191) 20%,
		rgb(255,70,101) 40%,
		rgb(251,222,78) 60%,
		rgb(0,251,234) 80%,
		rgb(85,93,239) 100%
	);
	background:
		-webkit-gradient(
		linear,
		0% -15%,
		100% 100%,
		color-stop(0, rgb(101,91,239)),
		color-stop(0.2, rgb(250,40,191)),
		color-stop(0.4, rgb(255,70,101)),
		color-stop(0.6, rgb(251,222,78)),
		color-stop(0.8, rgb(0,251,234)),
		color-stop(1, rgb(85,93,239))
	);
	-pie-background:
		linear-gradient(
		0% -15%,
		rgb(101,91,239) 0%,
		rgb(250,40,191) 20%,
		rgb(255,70,101) 40%,
		rgb(251,222,78) 60%,
		rgb(0,251,234) 80%,
		rgb(85,93,239) 100%
	);
	behavior: url(/prx/000/http/design.kayac.com/stylesheet/PIE.htc);
}

/* .memberItem
----------------------------------- */
#members .memberItem{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #cdcdcd;
}

#members .memberItem header{
	padding: 8px 0 15px;
	background: #e7e7e7;
	position: relative;
	z-index: 1;
}

#members .memberItem header .btnBack{
	position: absolute;
	top: 25px;
	right: 25px;
}

#members .memberItem:nth-child(odd) header{
	background: #eee;
}

#members .memberItem header.fncEntryToggle:hover{
	background-color: transparent;
	background: url(/prx/000/http/design.kayac.com/img/line/dot_01.gif) 0 0 repeat-x,
	            url(/prx/000/http/design.kayac.com/img/line/dot_01.gif) 4px 100% repeat-x;
	cursor: pointer;
	behavior: url(/prx/000/http/design.kayac.com/stylesheet/PIE.htc);
}

#members .headerInner{
	width: 900px;
	margin: 0 auto;
}

#entries .entryItem .avator,
#members .memberItem .avator{
	float: left;
	padding-left: 6px;
	margin-right: 20px;
}

#entries .entryItem .avator img,
#members .memberItem .avator img{
	border: 5px solid #70d0e7;
}

#members .memberItem .memberItemHeader{
	overflow: hidden;
	zoom: 1;
}

#entries .entryItem .name,
#members .memberItem .name{
	font-size: 20px;
	margin-top: 9px;
	font-weight: normal;
	line-height: 70px;
}

#entries .entryItem .name a,
#members .memberItem .name a{
	color: #222;
}

#entries .entryItem .name a:hover,
#members .memberItem .name a:hover{
	color: rgba(0,0,0,0.3);
	text-decoration: none;
}

/* .memberItemBody
----------------------------------- */
#members .memberItemBody{
	background: #e7e7e7;
	display: none;
}

#members .open .memberItemBody{
	display: block;
}

#members .memberItem:nth-child(odd) .memberItemBody{
	background: #eee;
}

#members .memberItemBodyInner{
	width: 870px;
	margin: 0 auto;
	padding: 10px 20px 15px 10px;
}

#members .memberItemBody .more{
	float: right;
	margin-right: -1px;
	margin-top: 10px;
}

/* .recruit
----------------------------------- */
.recruit{
	position: relative;
}

.recruit p{
	margin: 1em 0;
}

.recruit .strongStyle1{
	color: #f1b25c;
	margin-bottom: 1em;
}

.recruit .ishouko{
	position: absolute;
	right: 0;
	top: -50px;
	z-index: 1;
	margin: 0;
}

#entries .entryArticle{}

/* .memberArticle
----------------------------------- */
#members .memberArticle{
	float: right;
	background: #fff;
	width: 720px;
	padding: 30px 30px 20px 30px;
	border-top: 1px solid #bbb;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior: url(/prx/000/http/design.kayac.com/stylesheet/PIE.htc);
}

#members .memberArticle > section:before{
	content: "プロフィール：";
	color: #F1B25C;
	padding-bottom: 1em;
	font-weight: bold;
	display: block;
}

#members .memberArticle > section.recruit:before{
	content: "";
}

/* --------------------------------------------------
	06. bookmarks
-------------------------------------------------- */
#bookmarks{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #cdcdcd;
	padding: 25px 0;
	background: #e7e7e7;
}

#bookmarksInner{
	width: 900px;
	margin: 0 auto;
}

/* bookmarkItem
----------------------------------- */
.bookmarkItem{
	position: relative;
	float: left;
	width: 250px;
	margin: 0 25px 20px;
	font-size: 93%;
}

.bookmarkItem canvas{
	position: absolute;
	top: 0;
	right: 0;
	width: 250px;
	height: 250px;
	z-index: 1;
}

.bookmarkItem .screenshot{
	position: relative;
	z-index: 2;
	margin-bottom: 1em;
	box-shadow: 0 3px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.3);
	behavior: url(/prx/000/http/design.kayac.com/stylesheet/PIE.htc);
}

.bookmarkItem .screenshot img{
	border: 7px solid #fff;
}

.bookmarkItem .screenshot img:hover{
	opacity: 0.5;
}

.bookmarkItem h1 a{
	font-weight: normal;
	color: #333;
}

.bookmarkItem .url a{
	font-size: 93%;
	color: #999;
}

.bookmarkItem .comment .commentItem{
	position: absolute;
	z-index: 5;
	display: none;
}

.bookmarkItem:hover .comment .commentItem{
	display: block;
}

.bookmarkItem .comment .commentItem.type1{
	top: -70px;
	right: -150px;
	width: 130px;
	height: 141px;
	padding: 40px 30px 0;
	background: url(/prx/000/http/design.kayac.com/img/bg/balloon_01.png) 0 0 no-repeat;
}

.bookmarkItem .comment .commentItem.type2{
	top: 10px;
	left: -110px;
	width: 127px;
	height: 112px;
	padding: 40px 28px 0;
	background: url(/prx/000/http/design.kayac.com/img/bg/balloon_02.png) 0 0 no-repeat;
}

.bookmarkItem .comment .commentItem .name a{
	font-size: 11px;
	color: #999;
}

/* --------------------------------------------------
	07. about
-------------------------------------------------- */
#about{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #cdcdcd;
	background: #e7e7e7;
	padding: 40px 0;
}

#aboutInner{
	background: #fff;
	padding: 30px;
	width: 810px;
	margin: 0 auto;
	border-top: 1px solid #bbb;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#about .balloon > section{
	margin: 1em 0;
}

#about .balloon > section:first-child{
	margin-top: 0;
}

#about .balloon > section:last-child{
	margin-bottom: 0;
}

#about .copy{
	font-weight: bold;
	font-size: 18px;
}

#about .ttlArrow{
	background: url(/prx/000/http/design.kayac.com/img/ico/headline_02.png) 0 50% no-repeat;
	padding: 0 0 0 25px;
	margin-bottom: .5em;
}

/* --------------------------------------------------
	08. unitBalloon
-------------------------------------------------- */
.unitBalloon{
	margin-bottom: 2em;
}

.unitBalloon .avator img{
	border: 5px solid #70d0e7;
}

.unitBalloon.left .avator{
	float: left;
	margin-right: 25px;
}

.unitBalloon .balloon{
	position: relative;
	width: 671px;
	float: right;
	padding: 20px;
	border: 1px solid #999;
	background: #fff;
	z-index: 1;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.unitBalloon.left .balloon:after{
	content: "　";
	display: block;
	position: absolute;
	widows: 10px;
	height: 12px;
	background: url(/prx/000/http/design.kayac.com/img/bg/balloon_03.png) 0 0 no-repeat;
	top: 20px;
	left: -10px;
}

/* --------------------------------------------------
	09. pager
-------------------------------------------------- */
.pager{
	text-align: center;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #cdcdcd;
	background: #e7e7e7;
	color: #000;
	font-size: 15px;
}

.pager.entryItem:nth-child(odd){
	background: #eee;
}

.pagerInner{
	width: 900px;
	margin: 0 auto;
	padding: 20px 0;
}

.pagerInner li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 30px;
	text-align: center;
}

.pagerInner li a{
	color: #222;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 30px;
}

.pagerInner li a:visited{
		color: #222;
}

.pagerInner li a:hover{
	color: #000;
}

.pager .current_page{
	font-weight: bold;
}

/* autopagerize */
.autopagerize_page_info{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #cdcdcd;
	text-align: center;
	padding: 15px 0;
	background: #eee;
}

/* --------------------------------------------------
	10. notfound
-------------------------------------------------- */
#notfound{
	padding-right: 70px;
	width: 810px;
	margin: 40px auto;
}

#notfound h1{
	font-size: 36px;
	margin-bottom: 30px;
}

#notfound li{
	margin-bottom: 5px;
}

#notfound ul.entries{
	margin: 1em 0;
}

#notfound ul.navigation{
	margin: 1em 0;
}

#notfound ul.navigation li{
	background: url(/prx/000/http/design.kayac.com/img/ico/headline_02.png) 0 50% no-repeat;
	padding-left: 25px;
}

/* --------------------------------------------------
	11. boxCaractor
-------------------------------------------------- */
.boxCaractor{
	height: 380px;
	position: relative;
	background: url(/prx/000/http/design.kayac.com/img/charactor/ishouko_02.png) 40px 0 no-repeat;
}

.boxCaractor .ishouko h1{
	position: absolute;
	top: 0;
	left: 345px;
}

.boxCaractor .ishouko div{
	position: absolute;
	top: 45px;
	left: 450px;
}

.boxCaractor .wanko h1{
	position: absolute;
	top: 165px;;
	left: 380px;
}

.boxCaractor .wanko div{
	position: absolute;
	top: 215px;
	left: 480px;
}

.boxCaractor .wanko div .qr{
	margin-top: 5px;
}

/* --------------------------------------------------
	12. noResult
-------------------------------------------------- */
.noResult{
	background: #eee;
}

.noResultInner{
	width: 810px;
	margin: 0 auto;
	padding: 30px 70px 0 0;
}

/* --------------------------------------------------
	13. Ad
-------------------------------------------------- */
/* .entryItem
----------------------------------- */
.entryItem.unitAd header{
	background: #eee !important;
}

.entryItem.unitAd2 header{
	background: #e7e7e7 !important;
}

.entryItem.unitAd .boxAd,
.entryItem.unitAd2 .boxAd{
	margin-top: 25px;
}

/* --------------------------------------------------
	14. spRecruit
-------------------------------------------------- */
#spRecruit{
	position: relative;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #cdcdcd;
	background: #e7e7e7;
	padding: 40px 0;
}

#spRecruit .btnBack{
	position: absolute;
	top: 25px;
	right: 25px;
}

#spRecruitInner{
	background: #fff;
	padding: 30px;
	width: 810px;
	margin: 0 auto;
	border-top: 1px solid #bbb;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#spRecruit .unitBalloon{
	position: relative;
	z-index: 1;
}

#spRecruit .balloon > section{
	margin: 1em 0;
}

#spRecruit .balloon strong{
	background: #7fff00;
	font-weight: normal;
}

#spRecruit .balloon b{
	color: #ff0000;
}

#spRecruit .share {
	position: relative;
	z-index: 1000;
}

#spRecruit .share ul{
	margin-bottom: .5em;
}

#spRecruit .share li{
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}

/* --------------------------------------------------
	90. Other
-------------------------------------------------- */

/* for Voice Browser */
.hidden {
	display: none;
}

/* Noscript Message */
#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;
}

.btn{
	cursor: pointer;
}

.hasActive{}

/* --------------------------------------------------
	99. Clearfix
-------------------------------------------------- */
.group { *zoom: 1; } /* for ie6/7 */
.group:after { content: ""; display: block; clear: both; }




/* --------------------------------------------------
	100. SyntaxHighlighter
-------------------------------------------------- */
/**
 * SyntaxHighlighter
 * http://alexgorbatchev.com/
 *
 * SyntaxHighlighter is donationware. If you are using it, please donate.
 * http://alexgorbatchev.com/wiki/SyntaxHighlighter:Donate
 *
 * @version
 * 2.1.364 (October 15 2009)
 * 
 * @copyright
 * Copyright (C) 2004-2009 Alex Gorbatchev.
 *
 * @license
 * This file is part of SyntaxHighlighter.
 * 
 * SyntaxHighlighter is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * 
 * SyntaxHighlighter is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with SyntaxHighlighter.  If not, see <http://www.gnu.org/copyleft/lesser.html>.
 */
.syntaxhighlighter,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody
{
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	outline: 0 !important;
	background: none !important;
	text-align: left !important;
	float: none !important;
	vertical-align: baseline !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	height: auto !important;
	width: auto !important;
	line-height: 1.1em !important;
	font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
	font-weight: normal !important;
	font-style: normal !important;
	font-size: 1em !important;
	min-height: inherit !important; /* For IE8, FF & WebKit */
	min-height: auto !important; /* For IE7 */
}

.syntaxhighlighter
{
	width: 99% !important; /* 99% fixes IE8 horizontal scrollbar */
	margin: 1em 0 1em 0 !important;
	padding: 1px !important; /* adds a little border on top and bottom */
	position: relative !important;
}

.syntaxhighlighter .bold 
{
	font-weight: bold !important;
}

.syntaxhighlighter .italic 
{
	font-style: italic !important;
}

.syntaxhighlighter .line
{
}

.syntaxhighlighter .no-wrap .line .content
{
	white-space: pre !important;
}

.syntaxhighlighter .line table 
{
	border-collapse: collapse !important;
}

.syntaxhighlighter .line td
{
	vertical-align: top !important;
}

.syntaxhighlighter .line .number
{
	width: 3em !important;
}

.syntaxhighlighter .line .number code
{
	width: 2.7em !important;
	padding-right: .3em !important;
	text-align: right !important;
	display: block !important;
}

.syntaxhighlighter .line .content
{
	padding-left: .5em !important;
}

.syntaxhighlighter .line .spaces
{
}

/* Disable border and margin on the lines when no gutter option is set */
.syntaxhighlighter.nogutter .line .content
{
	border-left: none !important;
}

.syntaxhighlighter .bar
{
	display: none !important;
}

.syntaxhighlighter .bar.show 
{
	display: block !important;
}

.syntaxhighlighter.collapsed .bar
{
	display: block !important;
}

/* Adjust some properties when collapsed */

.syntaxhighlighter.collapsed .lines
{
	display: none !important;
}

.syntaxhighlighter .lines.no-wrap
{
	overflow: auto !important;
	overflow-y: hidden !important;
}

/* Styles for the toolbar */

.syntaxhighlighter .toolbar
{
	position: absolute !important;
	right: 0px !important;
	top: 0px !important;
	font-size: 1px !important;
	padding: 8px 8px 8px 0 !important; /* in px because images don't scale with ems */
}

.syntaxhighlighter.collapsed .toolbar
{
	font-size: 80% !important;
	padding: .2em 0 .5em .5em !important;
	position: static !important;
}

.syntaxhighlighter .toolbar a.item,
.syntaxhighlighter .toolbar .item
{
	display: block !important;
	float: left !important;
	margin-left: 8px !important;
	background-repeat: no-repeat !important;
	overflow: hidden !important;
	text-indent: -5000px !important;
}

.syntaxhighlighter.collapsed .toolbar .item
{
	display: none !important;
}

.syntaxhighlighter.collapsed .toolbar .item.expandSource
{
	background-image: url(/prx/000/http/design.kayac.com/stylesheet/magnifier.png) !important;
	display: inline !important;
	text-indent: 0 !important;
	width: auto !important;
	float: none !important;
	height: 16px !important;
	padding-left: 20px !important;
}

.syntaxhighlighter .toolbar .item.viewSource
{
	background-image: url(/prx/000/http/design.kayac.com/stylesheet/page_white_code.png) !important;
}

.syntaxhighlighter .toolbar .item.printSource
{
	background-image: url(/prx/000/http/design.kayac.com/stylesheet/printer.png) !important;
}

.syntaxhighlighter .toolbar .item.copyToClipboard
{
	text-indent: 0 !important;
	background: none !important;
	overflow: visible !important;
}

.syntaxhighlighter .toolbar .item.about
{
	background-image: url(/prx/000/http/design.kayac.com/stylesheet/help.png) !important;
}

/** 
 * Print view.
 * Colors are based on the default theme without background.
 */

.syntaxhighlighter.printing,
.syntaxhighlighter.printing .line.alt1 .content,
.syntaxhighlighter.printing .line.alt2 .content,
.syntaxhighlighter.printing .line.highlighted .number,
.syntaxhighlighter.printing .line.highlighted.alt1 .content,
.syntaxhighlighter.printing .line.highlighted.alt2 .content,
{
	background: none !important;
}

/* Gutter line numbers */
.syntaxhighlighter.printing .line .number
{
	color: #bbb !important;
}

/* Add border to the lines */
.syntaxhighlighter.printing .line .content
{
	color: #000 !important;
}

/* Toolbar when visible */
.syntaxhighlighter.printing .toolbar
{
	display: none !important;
}

.syntaxhighlighter.printing a
{
	text-decoration: none !important;
}

.syntaxhighlighter.printing .plain,
.syntaxhighlighter.printing .plain a
{ 
	color: #000 !important;
}

.syntaxhighlighter.printing .comments,
.syntaxhighlighter.printing .comments a
{ 
	color: #008200 !important;
}

.syntaxhighlighter.printing .string,
.syntaxhighlighter.printing .string a
{
	color: blue !important; 
}

.syntaxhighlighter.printing .keyword
{ 
	color: #069 !important; 
	font-weight: bold !important; 
}

.syntaxhighlighter.printing .preprocessor 
{ 
	color: gray !important; 
}

.syntaxhighlighter.printing .variable 
{ 
	color: #a70 !important; 
}

.syntaxhighlighter.printing .value
{ 
	color: #090 !important; 
}

.syntaxhighlighter.printing .functions
{ 
	color: #ff1493 !important; 
}

.syntaxhighlighter.printing .constants
{ 
	color: #0066CC !important; 
}

.syntaxhighlighter.printing .script
{
	font-weight: bold !important;
}

.syntaxhighlighter.printing .color1,
.syntaxhighlighter.printing .color1 a
{ 
	color: #808080 !important; 
}

.syntaxhighlighter.printing .color2,
.syntaxhighlighter.printing .color2 a
{ 
	color: #ff1493 !important; 
}

.syntaxhighlighter.printing .color3,
.syntaxhighlighter.printing .color3 a
{ 
	color: red !important; 
}

/* --------------------------------------------------
	101. SyntaxHighlighter Theme
-------------------------------------------------- */
/**
 * SyntaxHighlighter
 * http://alexgorbatchev.com/
 *
 * SyntaxHighlighter is donationware. If you are using it, please donate.
 * http://alexgorbatchev.com/wiki/SyntaxHighlighter:Donate
 *
 * @version
 * 2.1.364 (October 15 2009)
 * 
 * @copyright
 * Copyright (C) 2004-2009 Alex Gorbatchev.
 *
 * @license
 * This file is part of SyntaxHighlighter.
 * 
 * SyntaxHighlighter is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * 
 * SyntaxHighlighter is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with SyntaxHighlighter.  If not, see <http://www.gnu.org/copyleft/lesser.html>.
 */
/**
 * RDark SyntaxHighlighter theme based on theme by Radu Dineiu
 * http://www.vim.org/scripts/script.php?script_id=1732
 */

/************************************
 * Interface elements.
 ************************************/

.syntaxhighlighter
{
	background: url(/prx/000/http/design.kayac.com/img/bg/code_01.png) !important;
}

/* Gutter line numbers */
.syntaxhighlighter .line .number
{
	color: #B9BDB6 !important;
}

/* Add border to the lines */
.syntaxhighlighter .line .content
{
	border-left: 3px solid #435A5F !important;
	color: #B9BDB6 !important;
}

.syntaxhighlighter.printing .line .content 
{
	border: 0 !important;
}

/* First line */
.syntaxhighlighter .line.alt1
{
	background-color: rgba(0,0,0,0.1) !important;
}

/* Second line */
.syntaxhighlighter .line.alt2
{
}

/* Highlighed line number */
.syntaxhighlighter .line.highlighted .number
{
	background-color: #435A5F !important;
	color: #fff !important;
}

/* Highlighed line */
.syntaxhighlighter .line.highlighted.alt1,
.syntaxhighlighter .line.highlighted.alt2
{
	background-color: #435A5F !important;
}

.syntaxhighlighter .toolbar
{
	background-color: #1B2426 !important;
}

.syntaxhighlighter .toolbar a
{
	color: #646763 !important;
}

.syntaxhighlighter .toolbar a:hover
{
	color: #E0E8FF !important;
}

/************************************
 * Actual syntax highlighter colors.
 ************************************/
.syntaxhighlighter .plain,
.syntaxhighlighter .plain a
{ 
	color: #fff !important;
}

.syntaxhighlighter .comments,
.syntaxhighlighter .comments a
{ 
	color: #878A85 !important;
}

.syntaxhighlighter .string,
.syntaxhighlighter .string a
{
	color: #5CE638 !important; 
}

.syntaxhighlighter .keyword
{ 
	color: #5BA1CF !important; 
}

.syntaxhighlighter .preprocessor 
{ 
	color: #435A5F !important; 
}

.syntaxhighlighter .variable 
{ 
	color: #FFAA3E !important; 
}

.syntaxhighlighter .value
{ 
	color: #090 !important; 
}

.syntaxhighlighter .functions
{ 
	color: #FFAA3E !important; 
}

.syntaxhighlighter .constants
{ 
	color: #E0E8FF !important; 
}

.syntaxhighlighter .script
{ 
	background-color: #435A5F !important;
}

.syntaxhighlighter .color1,
.syntaxhighlighter .color1 a
{ 
	color: #E0E8FF !important; 
}

.syntaxhighlighter .color2,
.syntaxhighlighter .color2 a
{ 
	color: #FFFFFF !important; 
}

.syntaxhighlighter .color3,
.syntaxhighlighter .color3 a
{ 
	color: #FFAA3E !important; 
}