@charset "UTF-8";

/*
	##### BMCL（ブッコミクライアントワークラボ） #####
	Copyright (C) KAYAC Inc. All Rights Reserved.

	[Base]
		0. Resetting default margin and padding
		1. HTML, Body, Anchor
		2. Heading, Paragraph
		3. List
		4. Table
		5. Form
		6. Other
		7. For IE6/7

	[Layout]
		0. Container
		1. Header
		2. Content
		3. Footer

	[Module]
		1. Common Module
		2. ##### SPECIFIC MODULE NAME or SOMETHING #####
		90. Other
		99. Clearfix
*/

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

/* --------------------------------------------------
	0. Resetting default margin and padding
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, code, p, blockquote, th, td, form, fieldset, legend {
	margin: 0;
	padding: 0;
}

article, aside, figure, figcaption,footer,
header, hgroup, menu, nav, section {
	display: block;
	margin: 0;
	padding: 0;
}

/* --------------------------------------------------
	1. HTML, Body, Anchor
-------------------------------------------------- */
html {
	background: url(../images/common/bg_body.png) repeat-y 50% 0;
	overflow-y: scroll; /* for mozilla: always display scrollbar */
}

body {
	min-width: 1000px;
	background: url(../images/common/bg_wrap_01.png) no-repeat 50% 0;
	color: #000;
	font-family: "メイリオ", Meiryo, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	*font-size: 82%; /* for ie6/7 */
	text-align: center;
}

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

body.osWin {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

a:link,
a:visited {
	color: #000;
	text-decoration: underline;
}

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

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

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

/* --------------------------------------------------
	6. Other
-------------------------------------------------- */
img {
	border: none;
	vertical-align: bottom;
}
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; }

/* ------------------------------------------------------------
	7. For IE6/7
------------------------------------------------------------ */

/* --- for ie7: page zoom bug fix --- */
*:first-child+html body,
*:first-child+html br { letter-spacing: 0; }

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

/* --------------------------------------------------
	0. Container
-------------------------------------------------- */
#wrapper { background: url(../images/common/bg_wrap_02.png) no-repeat 50% 811px; }

#container {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

/* --------------------------------------------------
	1. Header
-------------------------------------------------- */
#siteHeader {
	position: relative;
	width: 1000px;
	height: 185px;
}

#logoBMCL,
#logoKAYAC,
#btnLang {
	position: absolute;
	line-height: 0;
}

#logoBMCL {
	left: -5px;
	top: 29px;
}

#logoKAYAC {
	right: 0;
	top: 54px;
}

#btnLang {
	right: 0;
	top: 11px;
}

/* --------------------------------------------------
	2. Content
-------------------------------------------------- */
#content {
	padding-bottom: 30px;
}

#main {
	float: left;
	width: 725px;
}

#main section .text,
#main section .blockText p { line-height: 2; }

#main section .blockText p { margin-bottom: 0.8em; }

#main section .lead { margin-bottom: 24px; }

/* #sub
----------------------------------- */
#blockSub {
	float: right;
	width: 250px;
}

#sub {
	width: 248px;
	margin-top: 20px;
	border: 1px solid #d9d9d9;
}

#navSide {
	padding: 0 14px;
	background: #fff;
	font-size: 12px;
	*font-size: 93%; /* for ie6/7 */
	line-height: 1.8;
}

#navSide .col2 {
	margin-bottom: 0.3em;
	line-height: 1.5;
}

#navSide section {
	padding: 16px 0;
	border-bottom: 1px solid #d9d9d9;
}

#navSide section:last-child { border-bottom: none; }

#navSide section:nth-child(4) p {
	font-size: 11px;
	*font-size: 85%; /* for ie6/7 */
}

#navSide h3,
#navSide h4 {
	font-size: 14px;
	*font-size: 108%; /* for ie6/7 */
	font-weight: bold;
}

#navSide h3 { margin-bottom: 14px; }

#navSide span {
	font-size: 10px;
	*font-size: 77%; /* for ie6/7 */
	line-height: 0.8;
}

#navSide section:first-child h3 { margin-bottom: 0; }

#navSide #listArchive { margin-top: 14px; }

#navSide #listArchive .archive { margin-top: 7px; }

#navSide #listArchive h4 {
	font-size: 12px;
	*font-size: 93%; /* for ie6/7 */
	line-height: 1.3;
}


/* --------------------------------------------------
	3. Footer
-------------------------------------------------- */
#wrapSiteFooter {
	width: 100%;
	padding-bottom: 11px;
	background: url(../images/common/bg_foot_btm.png) no-repeat 50% 100%;
}

#wrapSiteFooter a:link,
#wrapSiteFooter a:visited { text-decoration: none; }

#wrapSiteFooter a:hover,
#wrapSiteFooter a:active { text-decoration: underline; }

#siteFooter {
	padding-bottom: 14px;
	background: url(../images/common/bg_foot_mid.png) repeat-y 50% 0;
	font-size: 11px;
	*font-size: 85%; /* for ie6/7 */
	line-height: 1.3;
}

/* kayacProject
----------------------------------- */
#wrapKayacProject {
	width: 100%;
	padding-top: 14px;
	background: url(../images/common/bg_foot_top.png) no-repeat 50% 0;
}

#kayacProject {
	width: 1000px;
	margin: 0 auto;
	margin-bottom: 8px;
	text-align: left;
}

#kayacProject dt {
	float: left;
	width: 143px;
}
#kayacProject dd{
	margin-left: 174px;
	padding-top: 2px;
}

#kayacProject li {
	float: left;
	margin: 0 1em 5px 0;
	white-space: nowrap;
}

#kayacProject strong {
	margin-right: 4px;
	font-weight: normal;
}

/* copyright
----------------------------------- */
#siteFooter .copyright {
	width: 826px;
	margin: 0 auto;
	padding-left: 174px;
	text-align: left;
}

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

/* --------------------------------------------------
	1. Common Module
-------------------------------------------------- */
.title {
	margin-bottom: 16px;
	padding-top: 18px;
	background: url(../images/common/bg_title.png) no-repeat 0 0;
}

.leadLink {
	margin-top: 1em;
	text-align: right;
}

/* .articleHeader
----------------------------------- */
.articleHeader {
	padding-left: 11px;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-bottom: none;
}

.articleHeader p {
	float: left;
	padding: 2px 1em;
	font-size: 14px;
	*font-size: 108%; /* for ie6/7 */
}

.articleHeader p:nth-child(2) {
	border-right: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
}

.articleHeader span {
	margin-right: 1.2em;
	color: #808080;
	font-size: 10px;
	*font-size: 77%; /* for ie6/7 */
}

/* .innerSection
----------------------------------- */
.innerSection {
	margin-bottom: 40px;
	padding: 24px;
	background: #fff;
	border: 1px solid #d9d9d9;
}

.innerSection header { margin-bottom: 20px; }

.innerSection header h4,
.innerSection header h2 {
	margin-bottom: 12px;
	font-size: 30px;
	*font-size: 231%; /* for ie6/7 */
}

.innerSection header h4 span {
	font-size: 20px;
	*font-size: 154%; /* for ie6/7 */
}

.innerSection header p {
	font-size: 14px;
	*font-size: 108%; /* for ie6/7 */
}

.innerSection .btnSocial {
	position: relative;
	margin-top: -22px;
}

article .innerSection .btnSocial {
	position: static;
	margin-top: 0;
}

.innerSection .btnSocial { padding-top: 7px; }

.innerSection .btnSocial li { display: inline; }

.innerSection .btnSocial li.fb {
	position: relative;
	top: -1px;
}

.innerSection .btnSocial .fb_edge_widget_with_comment {
	position: relative;
	top: -2px;
	padding-left: 7px;
}

.innerSection .img,
.innerSection .movie {
	margin-bottom: 20px;
	text-align: center;
}

.innerSection .imgBtm {
	margin-top: 20px;
	text-align: center;
}

.innerSection .textCaption {
	color: #4d4d4d;
	padding-top: 24px;
}

/* .articleFooter
----------------------------------- */
.articleFooter {
	margin-top: -40px;
	margin-bottom: 40px;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-top: none;
	text-align: right;
}

.articleFooter p {
	width: 129px;
	margin-right: 0;
	margin-left: auto;
	padding-top: 1px;
	padding-bottom: 7px;
	border-left: 1px solid #d9d9d9;
	text-align: center;
}

.articleFooter p img {
	position: relative;
	left: 4px;
}

/* .listFooter
----------------------------------- */
.listPhoto {
	width: 700px;
	margin-right: -24px;
	font-size: 17px;
	*font-size: 131%; /* for ie6/7 */
}

.listPhoto li {
	float: left;
	width: 151px;
	margin-top: 18px;
	margin-right: 24px;
	letter-spacing: -0.05em;
}

.listPhoto span {
	display: block;
	margin-top: 7px;
	font-size: 10px;
	*font-size: 77%; /* for ie6/7 */
}

.listPhoto p { margin-bottom: 9px; }

.listPhoto figcaption { line-height: 1.3; }

.listPhoto .photo {
	padding-top: 6px;
	border-top: 1px solid #000;
	font-size: 13px;
	*font-size: 100%; /* for ie6/7 */
	font-weight: bold;
}

.listPhoto a:link,
.listPhoto a:visited,
.innerSection header h4 a:link,
.innerSection header h4 a:visited { text-decoration: none; }

.listPhoto a:hover,
.listPhoto a:active,
.innerSection header h4 a:hover,
.innerSection header h4 a:active { text-decoration: underline; }

/* #blockDetail
----------------------------------- */
#blockDetail {
	margin-top: -41px;
	border-top: none;
}

#blockDetail .listPhoto { margin-top: -18px; }

#blockDetail .listPhoto li { margin-top: 18px; }

#blockStaff {
	margin-top: 24px;
	color: #4d4d4d;
	font-size: 12px;
	*font-size: 93%; /* for ie6/7 */
}

#blockStaff h3 {
	padding: 3px 0;
	padding-left: 12px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font-weight: normal;
}

#blockStaff table {
	width: 675px;
	border-bottom: 1px solid #000;
}

#blockStaff th,
#blockStaff td {
	padding: 3px 0;
	padding-left: 12px;
	border-bottom: 1px solid #d9d9d9;
	vertical-align: middle;
}

#blockStaff tr:last-child th,
#blockStaff tr:last-child td {
	border-bottom: 1px solid #000;
}

#blockStaff th {
	width: 120px;
	border-bottom: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
}

#blockStaff .copyright {
	margin-top: 12px;;
	padding-left: 0px;
	font-size: 10px;
	*font-size: 77%; /* for ie6/7 */
}

/* --------------------------------------------------
	90. Other
-------------------------------------------------- */
.btn { cursor: pointer; }

.goPageTop {
	margin-top: 30px;
	padding-top: 15px;
	border-top: 4px solid #000;
	text-align: right;
}

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