@charset "utf-8";

/* ===============================================
 *
 * Base Global Styles
 *
 * @version 2012-04-23T21:00:04+09:00
 *
 * ============================================ */

/* ===============================================
 *
 * Reset Styles
 *
 * ============================================ */

html { height: 100%; }

body {
	margin: 0;
	padding: 0;
	font-size: 13px;
	*font-size: small;	/* for IE6/7 */
	*font: x-small;		/* for IE Quirks Mode */
	text-align: center;	/* for IE */
	min-height: 100%;	/* for IE */
	letter-spacing: 0;	/* for IE */
}

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
ul, ol, dl, blockquote { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
p, pre, li, dt, dd, address { margin: 0; padding: 0; font-size: 100%; font-weight: normal; font-style: normal; }
li { list-style: none none outside; }
fieldset, form, label, legend { margin: 0; padding: 0; border: none; }
input, select, button, textarea { font-size: 100%; font: 99%; vertical-align: middle; }
q, cite, em, strong, ins, del, dfn, var, abbr, acronym { font-weight: normal; font-style: normal; border: 0; }
pre, code, kbd, samp, tt { *font-size: 108%; line-height: 100%; font-family: monospace; }
sub	{ vertical-align: sub;   }
sup	{ vertical-align: super; }
blockquote, q { quotes:none; }
table	{ margin: 0; padding: 0; font-size: inherit; font: 100%; border-collapse: collapse; border-spacing: 0; }
th, td	{ margin: 0; padding: 0; font-size: 100%; font-weight: normal; vertical-align: top; text-align: left;}
thead, tfoot, caption { margin: 0; padding: 0; border: 0; }
iframe	{ margin: 0; padding: 0; border: 0; }
a	{ outline: none; }
img	{ vertical-align: bottom; border: 0; }
hr	{ display: block; height:1px; border: 0; border-top: 1px solid #ccc; }
br	{ letter-spacing: 0; /* for IE */ }
textarea{ resize:vertical; }

/* -----------------------------------------------
 * for HTML5
 * @see http://www.html5.jp/html5doctor/html-5-reset-stylesheet.html
 * @see http://html5doctor.com/html-5-reset-stylesheet/
 * -------------------------------------------- */

article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; margin: 0; padding: 0; border: 0; }
object, audio, video	{ margin:0; padding:0; border:0; font-size:100%; }
time, mark		{ font-weight: normal; font-style: normal; border: 0; background: transparent; }

/* ===============================================
 *
 * Common Styles
 *
 * ============================================ */

/* -----------------------------------------------
 *
 * YUI 3: CSS Fonts
 * http://developer.yahoo.com/yui/3/cssfonts/
 *
 * Copyright (c) 2010, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.com/yui/license.html
 *
 * -----------------------------------------------
 *
 * 10px: 77%     | 16px: 123.1%  | 22px: 167%	 |
 * 11px: 85%     | 17px: 131%    | 23px: 174%	 |
 * 12px: 93%     | 18px: 138.5%  | 24px: 182%    |
 * 13px: 100%    | 19px: 146.5%  | 25px: 189%    |
 * 14px: 108%    | 20px: 153.9%  | 28px: 197%	 |
 * 15px: 116%    | 21px: 161.6%  |		 |
 *
 * -------------------------------------------- */

body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	/* font-family: 'ＭＳ Ｐゴシック', sans-serif; */
	line-height: 1.6;
	-webkit-text-size-adjust: none;
}

p, pre, li, dt, dd {
	font-size: 100%;
	line-height: 1.6;
	/* text-align: justify; text-justify: inter-ideograph; */
}

th, td {
	font-size: 100%;
	line-height: 1.6;
}

th li, th p, th pre, th dt, th dd,
td li, td p, td pre, td dt, td dd { line-height: 1.6; }

/* Font Color Settings ------------------------ */

body {
	color: #333;
}

input, select, button, textarea {
	color: #333;
}

a	{ color: #0088CC; text-decoration: underline; }
a:hover { color: #005580; text-decoration: none; }

a:link, a:visited {
}

a:active, a:hover {
}

/* Inline Elements ---------------------------- */

em	{ font-style: italic; }
strong  { font-weight: bold; }
ins	{ text-decoration: underline; }
del	{ text-decoration: line-through; }

span.strong	{ font-weight: bold; color: #9d0000; }
span.em		{ color: #9d0000; }

sup { vertical-align: text-top; }
sub { vertical-align: baseline; }

/* .icon-* ------------------------------------ */

.icon-arrow {
}

/* -----------------------------------------------
 *
 * Articels, Sections
 *
 * -------------------------------------------- */

.article {
}

.section {
	padding: 0 0 35px;
}

.article:after, .article_header:after, .article_content:after,  .article_footer:after,
.section:after, .section_header:after, .section_content:after,  .section_footer:after,
.row:after, .col:after { 
	content: "."; display: block; clear: both; height: 0; line-height: 0; font-size: 0; visibility: hidden;
}
.article, .article_header, .article_content,  .article_footer,
.section, .section_header, .section_content,  .section_footer,
.row, .col { 
	_height: 1px; min-height: 1px;
}

.section p, .section pre, .section li, .section dt, .section dd, .section th, .section td {
	font-size: 100%;
}

.section th p, .section th pre, .section th li, .section th dt, .section th dd,
.section td p, .section td pre, .section td li, .section td dt, .section td dd {
	font-size: 100%;
}

/* Columns ------------------------------------ */

.section .row {
	margin-right: -20px;
}

.section .col {
	display: inline; /* for IE */
	float: left;
	margin-right: 20px;
}

.section .col *[class^="span-"] {
}

.section .col .figure {
	padding-top: 6px;
}

/* Headers ------------------------------------ */

.section h2 {
}
.section h2.img {
}

.section h3 {
	margin: 0 0 15px;
}
.section h3.img {
}

.section h4 {
	margin: 0 0 15px;
}
.section h5 {
	margin: 0 0 15px;
}
.section h6 {
	margin: 0 0 15px;
}

/* Paragraphs --------------------------------- */

.section p {
	margin: 0 0 15px;
}

.section ul,
.section ol {
	margin: 0 0 15px;
}

.section dl {
	padding: 0 0 5px;
}
.section dl dt {
	font-weight: bold;
}
.section dl dd {
	margin: 0 0 10px;
}

/* Figures ------------------------------------ */

.section .figure {
}
.section .figure .figcaption {
}

/* Tables ------------------------------------- */

.section .table {
	margin: 0 0 15px;
}
.section .table table {
	width: 100%;
}
.section .table table th,
.section .table table td {
}

/* -----------------------------------------------
 *
 * Forms
 *
 * -------------------------------------------- */

.table-form th .icon img {
	margin-left: 5px;
	vertical-align: middle;
}
.table-form th p,
.table-form td p {
	margin: 5px 0;
}

/* .form-controls ----------------------------- */

.form-controls {
	margin: 5px 0;
}
.form-controls .form-radio,
.form-controls .form-checkbox {
	display: block;
}

.form-controls-inline {
	margin: 5px 0;
}
.form-controls-inline .form-radio,
.form-controls-inline .form-checkbox {
	margin-right: 5px;
	white-space: nowrap;
}

/* .help -------------------------------------- */

.form-help-block {
	display: block;
	margin-top: 5px;
	color: #666;
}

.form-help-inline {
	display: inline;
	margin-left: 5px;
	color: #666;
}

.form-error {
	color: #c00;
	font-weight: bold;
}

/* .form-actions ------------------------------ */

.form-actions {
	margin: 30px 0;
	text-align: center;
}
.form-actions input {
	margin: 0 5px;
}

/* .form-text --------------------------------- */

.form-text input {
	margin: 0;
	padding: 4px;
	border: 1px solid #ccc;
	font-family: monospace;
}
.form-text.error input {
	border-color: #c00 !important;
}

/* .form-radio, .form-checkbox ---------------- */

.form-radio, .form-checkbox {
}
.form-radio input, .form-checkbox input {
	margin: 0 5px 0 0;
	padding: 0;
	vertical-align: middle;
}

/* .form-textarea ----------------------------- */

.form-textarea textarea {
	margin: 0;
	padding: 4px;
	border: 1px solid #ccc;
	font-family: monospace;
}
.form-textarea.error textarea {
	border-color: #c00 !important;
}

/* .form-select ------------------------------- */

.form-select select {
	margin: 0;
	padding: 2px 4px;
	border: 1px solid #ccc;
	font-family: monospace;
}
.form-select select option {
}
.form-select.error select {
	border-color: #c00 !important;
}

/* .form-confirm ------------------------------ */

.form-confirm {
	display: inline-block;
	padding: 5px 0;
	*display: inline;/* for IE */
	*zoom: 1;	 /* for IE */
}

/* -----------------------------------------------
 *
 * Components
 *
 * -------------------------------------------- */

/* .list-* ------------------------------------ */

.list-disc {
	padding-left: 2em;
}
.list-disc li {
	list-style: disc none outside;
}

.list-decimal {
	padding-left: 2em;
}
.list-decimal li {
	list-style: decimal none outside;
}

.list-dot {
	text-indent: -0.9em;
	padding-left: 0.9em;
}
.list-num {
	text-indent: -1.3em;
	padding-left: 1.3em;
}
.list-pnum {
	text-indent: -1.65em;
	padding-left: 1.65em;
}

.list-inline {

}
.list-inline li {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	list-style: none none outside;
}

/* .pager ------------------------------------- */

.pager {
}

/* .pagenation -------------------------------- */

.pagination {
	text-align: center;
}
.pagination .pages {
	margin: 0 0 5px;
}
.pagination ul {
}
.pagination ul li {
	display: inline-block;
	line-height: 1;
}
.pagination ul li a,
.pagination ul li span {
	display: inline-block;
	margin: 0 1px;
	padding: 4px 6px;
	color: #333;
	background: #ccc;
	text-decoration: none;
}
.pagination ul li a:hover,
.pagination ul li span.current {
	color: #fff;
	background: #333;
}

/* .block-* ----------------------------------- */

.block-bg {
	margin: 20px 0;
	padding: 18px 19px 8px;
}

.block-bd {
	margin: 20px 0;
	padding: 18px 19px 8px;
	border: 1px solid #d1d1d1;
}

/* .alert ------------------------------------- */

.alert {
	margin: 0 0 15px;
	padding: 18px 19px 8px;
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	color: #c09853;
}
.alert p {
	margin-bottom: 10px !important;
	font-weight: bold;
}

.alert-error {
	background-color: #f2dede;
	border-color: #eed3d7;
	color: #b94a48;
}

.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #468847;
}

.alert-info {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #3a87ad;
}

/* .topicpath --------------------------------- */

.topicpath {
}
.topicpath .sep {
	margin: 0 5px;
}

/* ===============================================
 *
 * Layouts
 *
 * ============================================ */

#headerArea:after, #headerWrap:after, #header:after, #header_nav:after,
#footerArea:after, #footerWrap:after, #footer:after, #footer_nav:after,
#contentArea:after, #contentWrap:after, #content:after, #content_header:after, #content_footer:after, #credit:after {
	content: "."; display: block; clear: both; height: 0; line-height: 0; font-size: 0; visibility: hidden;
}

#headerArea, #headerWrap, #header, #header_nav,
#footerArea, #footerWrap, #footer, #footer_nav,
#contentArea, #contentWrap, #content, #content_header, #content_footer, #credit {
	clear: both;
	_height: 1px; min-height: 1px; 
}

#header, #footer, #content, #credit {
	text-align: left;
}

/* ===============================================
 *
 * Utilities
 *
 * ============================================ */

/* .clearfix ---------------------------------- */

.clearfix:after { content: "."; display: block; clear: both; height: 0; line-height: 0; font-size: 0; visibility: hidden; }
.clearfix { _height: 1px; min-height: 1px; }

/* .mt* / .mb* -------------------------------- */

.mt0  { margin-top: 0 !important;	}
.mb0  { margin-bottom: 0 !important;	}
.pt0  { padding-top: 0 !important;	}
.pb0  { padding-bottom: 0 !important;	}

.mt5  { margin-top: 5px !important;	}
.mb5  { margin-bottom: 5px !important;	}
.mt10 { margin-top: 10px !important;	}
.mb10 { margin-bottom: 10px !important; }
.mt20 { margin-top: 20px !important;	}
.mb20 { margin-bottom: 20px !important; }
.mt30 { margin-top: 30px !important;	}
.mb30 { margin-bottom: 30px !important; }
.mt40 { margin-top: 40px !important;	}
.mb40 { margin-bottom: 40px !important; }
.mt50 { margin-top: 50px !important;	}
.mb50 { margin-bottom: 50px !important; }

/* .al-* -------------------------------------- */

.al-c { text-align: center;	}
.al-l { text-align: left;	}
.al-r { text-align: right;	}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay{height:500px;left:0;position:absolute;top:0;width:100%;z-index:90}
#jquery-lightbox{left:0;line-height:0;position:absolute;text-align:center;top:0;width:100%;z-index:100}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box{background-color:#fff;height:250px;margin:0 auto;position:relative;width:250px}
#lightbox-container-image{padding:10px}
#lightbox-loading{height:25%;left:0;line-height:0;position:absolute;text-align:center;top:40%;width:100%}
#lightbox-nav{height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}
#lightbox-container-image-box > #lightbox-nav{left:0}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{display:block;height:100%;width:49%;zoom:1}
#lightbox-nav-btnPrev{float:left;left:0}
#lightbox-nav-btnNext{float:right;right:0}
#lightbox-container-image-data-box{background-color:#fff;font:10px Verdana, Helvetica, sans-serif;line-height:1.4em;margin:0 auto;overflow:auto;padding:0 10px;width:100%}
#lightbox-container-image-data{color:#666;padding:0 10px}
#lightbox-container-image-data #lightbox-image-details{float:left;text-align:left;width:70%}
#lightbox-image-details-caption{font-weight:700}
#lightbox-image-details-currentNumber{clear:left;display:block;padding-bottom:1em}
#lightbox-secNav-btnClose{float:right;outline:none;padding-bottom:.7em;width:66px}