@charset "UTF-8";

/*/////////////////////////////////////////////////////////////
面白法人カヤック第12回 777PROJECT

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
		
//////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
	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: 90%;
	line-height: 1.5;
	background:url(/company/event/777/012/project/img/bg_body.png) top center;
	color:#FFFFFF;
}

/* ---------------
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: #fff;
	text-decoration: underline;
}

a:visited {
	color: #aaa;
}

a:hover,
a:active  {
	text-decoration: none;
	color:#FFCC00;
}
.btnT a img {
    border:2px solid #ffffff;
}
.btnT a:hover img {
    border:2px solid #FFCC00;
}
#main div.thumArea p img {
    border:2px solid #ffffff;
}

#main div.thumArea p a:hover img {
    border:2px solid #FFCC00;
}

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



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

div#container {
	width: 960px;
	margin:0 auto;
	text-align:left;
}
div#main {
    background:url(/company/event/777/012/project/img/bg_content.png) repeat-y 0 0;
	 overflow:hidden;
	 margin-bottom:20px;
	 padding-bottom:20px;
}
div#main h2 {
    margin:10px 0;
	clear:both;
}
#introArea {
    padding:20px 20px 0 20px ;
}
#introArea p.btnT {
    text-align:right;
	margin-top:10px;
	border:none;
}

#introArea .btnT a img {
    border:none;
}
p.lineStar {
    margin:20px 0;
}
div.unit {
    overflow:hidden;
	padding:0 20px;
}
div.unit div.thumArea {
    background:url(/company/event/777/012/project/img/bg_thumb.png) no-repeat 0 0;
	width:400px;
	float:left;
	position:relative;
}
div.thumArea p img {
    border:1px solid #aaaaaa;
}
div.unit div.desArea {
    float:right;
	width:488px;
}
div.desArea h3 {
    background:url(/company/event/777/012/project/img/icn_ttl.png) no-repeat 0 0;
}
div.desArea h3 span {
    font-size:68%;
}
div.desArea h4 {
    clear:both;
	padding:20px 0 10px 0;
}
div.desArea ul dl {
    margin-bottom:5px;
	clear:both;
}
div.desArea ul dl dt {
    float:left;
	width:95px;
}
div.desArea ul dl dd {
    color:#ffffff;
}
div.unitColum2 {
    clear:both;
	margin:0 auto;
	width:830px;
	overflow:hidden;
	margin-bottom:20px;
}
div.unitSp {
    width:400px;
	float:left;
}
div.left {
	margin-right:30px;
}
div.unitSp div.desArea {
    margin-top:20px;
}
div.desArea h3 {
    word-break: break-all;
}
p.toKayactop {
    text-align:right;
	padding-right:83px;
	padding-bottom:80px;
}
.urlaArea {
    background:#000000;
	padding:10px;
}
.urlInner {
    font-size:125%;
	font-weight:bold;
    background:url(/company/event/777/012/project/img/icon_arrow.png) no-repeat 0 -5px;
	padding-left:51px;	
}
p.urlInner a {
    text-decoration:none;
}
p.urlInner a:hover {
    text-decoration:underline;
}
.memberList {
    overflow:hidden;
}
.memberList li {
    float:left;
	margin:0 8px 8px 8px;
	font-weight:bold;
	font-size:85%;
	text-align:center
}
.memberList li.nameTxt {
    text-align:left;
}
.memberList li img {
    width:40px;
	height:40px;
}
.unitClm {
    width:440px;
	float:left;
	padding-left:20px;
}
.unitClm .desArea {
    margin-top:10px;
}

.unitClmGroup {
    overflow:hidden;
	clear:both;
}
.unitClmR {
    padding-left:40px;
}
.backToTop {
    text-align:right;
	margin-bottom:20px;
}
#blockKayacProject {
    overflow:hidden;
}
.bnrList {
    overflow:hidden;
 clear:both;
}
.bnrList li {
    float:left;
	margin-right:5px;
	font-size:80%;
	width:235px;
	margin-bottom:8px;
}
.bnrList li p {
    float:left;
	margin-right:5px;
	width:110px;
}