@charset "UTF-8";
/* Ver2.0.4-CLSTK-090821
[TOC]
- Common
-- Debug
-- Background
-- Utility
- Layout
-- Outline
-- Div Pattern
- Navigation
-- #global
-- #local
-- .utility
-- #topicpath
-- .pagetop
- Elements
-- Font-Size by YUI ver2.6 2008-09-23
-- Headding
-- Paragraph
-- Link
-- List
-- Image
-- Table
-- Form
-- Others
- jQuery
-- jQuery corner
- Page Setting
*/
/* [Common]=================================================*/
/* Debug
------------------------------------------------------------*/
/* ----- check ----- */
#container {
  background-color: #FFF;
}

/*#header { background-color:#eee; }*/
#content {
  background-color: #FFF;
}

#article {
  background-color: #FFF;
}

#aside {
  background-color: #CCC;
}

/*#footer { background-color:#aaa; }*/
.b {
  border: 1px solid #ff0000;
}

/* Background
------------------------------------------------------------*/
/* ----- body ----- */
/*
body {background-color:#ffffff; background-image:url(../img/bg.gif);}
*/
/* Utility
------------------------------------------------------------*/
/* ----- clear ----- */
.clear, #container, #header, #content, #footer {
  clear: both;
}

/* [Layout]=================================================*/
/* Outline
------------------------------------------------------------*/
/* ----- center ----- */
body {
  text-align: center;
}

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

/* ----- width ----- */
#container, #content, #article, #footer {
  width: 900px;
}

#header {
  width: 100%;
  height: 60px;
  background: url(../img/bg_header.gif) repeat-x left top;
}

#header-inner {
  width: 900px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

#footer {
  width: 100%;
  height: 49px;
  background: url(../img/bg_footer.gif) repeat-x left top;
}

#footer-inner {
  width: 900px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

/* ----- pane1 ----- */
body.pane1 #article {
  width: 900px;
  background: url(../img/line.gif) no-repeat left bottom;
  margin-bottom: 18px;
}

body.pane1 #aside {
  width: 900px;
}

/* Div Pattern
------------------------------------------------------------*/
/* ----- section ----- */
.section {
  clear: both;
}

/* ----- Float Left ----- */
.m-s .main,
.s-m .sub {
  float: left;
  border: 1px solid #ff0000;
}

/* ----- Float Right ----- */
.m-s .sub,
.s-m .main {
  float: right;
  border: 1px solid #ff0000;
  background-color: #aaaaaa;
}

/* ----- type01 [380][200] ----- */
/* .m-s */
.m-s.type01 .main {
  width: 380px;
}

.m-s.type01 .sub {
  width: 200px;
}

/* .s-m */
.s-m.type01 .main {
  width: 200px;
}

.s-m.type01 .sub {
  width: 380px;
}

/* ----- type02 [290][290] ----- */
/* .m-s */
.m-s.type02 .main {
  width: 290px;
}

.m-s.type02 .sub {
  width: 290px;
}

/* .s-m */
.s-m.type02 .main {
  width: 290px;
}

.s-m.type02 .sub {
  width: 290px;
}

/* ----- type03 [200][380] ----- */
/* .m-s */
.m-s.type03 .main {
  width: 200px;
}

.m-s.type03 .sub {
  width: 380px;
}

/* .s-m */
.s-m.type03 .main {
  width: 380px;
}

.s-m.type03 .sub {
  width: 200px;
}

/* [Navigation]=============================================*/
/* ----- .horizon ----- */
.horizon {
  display: table-cell;
  *display: inline;
  *zoom: 1;
}

/* #global
------------------------------------------------------------*/
#global.nav {
  clear: both;
  position: absolute;
  top: 25px;
  left: 290px;
}

#global.nav li {
  float: left;
  padding-left: 11px;
  line-height: 1.0;
}

/* #local
------------------------------------------------------------*/
/* .selector　*/
.selectorBottom {
  margin: 0 auto;
  clear: both;
  background: url(../img/bg_selector.gif) no-repeat left top;
  width: 962px;
  height: 70px;
}

.selectorBottom ul {
  margin: 0 auto;
  width: 424px;
}

.selectorBottom li {
  margin: 17px 20px 17px 0;
  float: left;
}

.selectorBottom li.last {
  margin-right: 0;
}

/* .utility
------------------------------------------------------------*/
/* ----- #footer ----- */
#footer .nav.utility {
  position: absolute;
  top: 8px;
  left: 1px;
}

#footer .nav.utility li {
  float: left;
  line-height: 1;
}

/* .pageFootNav
------------------------------------------------------------*/
/* ----- goToPageTop ----- */
.goToPageTop {
  clear: both;
  text-align: right;
  padding-bottom: 18px;
}

/* [Elements]===============================================*/
/* Font-Size by YUI ver2.6 2008-09-23
------------------------------------------------------------*/
/* ----- fs18 ----- */
.fs18,
h2 {
  font-size: 138.5%;
}

/* ----- fs16 ----- */
.fs16,
h3 {
  font-size: 123.1%;
}

/* ----- fs14 ----- */
.fs14,
h4 {
  font-size: 108%;
}

/* ----- fs13 ----- */
.fs13 {
  font-size: 100%;
}

/* ----- fs12 ----- */
.fs12,
h5,
h6,
.pagetop, p,
.nav li,
.topicPath li {
  font-size: 93%;
}

/* ----- fs11 ----- */
.fs11 {
  font-size: 85%;
}

/* ----- fs10 ----- */
.fs10,
.copyright {
  font-size: 77%;
}

/* Paragraph
------------------------------------------------------------*/
/* ----- cap ----- */
.cap {
  margin: 2px 0 0 0;
  padding-left: 1em;
  text-indent: -1em;
}

/* ----- copyright ----- */
.copyright {
  clear: both;
  position: absolute;
  top: 30px;
  left: 0;
}

/* Link
------------------------------------------------------------*/
/* ----- a ----- */
a:link {
  color: #0066FF;
}

a:visited {
  color: #CC00CC;
}

a:hover {
  color: #FF0066;
}

a:active {
  color: #FF0066;
}

/* ----- .pdf ----- */
/* ----- .link ----- */
/* List
------------------------------------------------------------*/
/* ----- ul.disc ----- */
ul.disc li {
  margin: 0 0 0 20px;
  list-style-type: disc;
}

/* ----- ol.decimal ----- */
ol.decimal li {
  margin: 0 0 0 20px;
  list-style-type: decimal;
}

/* Image
------------------------------------------------------------*/
/* ----- .fig ----- */
/* ----- .pic ----- */
/* Table
------------------------------------------------------------*/
/* ----- table.base ----- */
table.base {
  width: 100%;
}

table.base th {
  padding: 5px;
  font-weight: bold;
  text-align: center;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
}

table.base td {
  padding: 5px;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
}

table.base .top {
  border-top: 1px solid #666666;
}

table.base .first {
  border-left: 1px solid #666666;
}

/* Form
------------------------------------------------------------*/
/* Others
------------------------------------------------------------*/
#title {
  width: 100%;
  height: 39px;
  background: url(../img/bg_title.gif) repeat-x left top;
}

#title h2 {
  padding-top: 7px;
}

#header-inner h1 {
  position: absolute;
  top: 13px;
  left: 0;
}

#header-inner p.mainpage {
  position: absolute;
  top: 10px;
  left: 171px;
}

#profileBox {
  width: 410px;
  margin: 0 auto;
  margin-bottom: 12px;
  text-align: center;
}

#profileBox h3 {
  text-align: center;
  font-size: 250%;
  font-weight: bold;
  letter-spacing: .2em;
  margin-bottom: 3px;
}

#profileBox #formation {
  height: 17px;
  background: #1D1D1D url(../img/bg_formation.gif) no-repeat left top;
  color: #FFFFFF;
  font-size: 77%;
  margin-bottom: 2px;
  line-height: 17px;
}

#profileBox .main-pic {
  margin-bottom: 3px;
}

#profileBox .name-link {
  border-top: solid 2px #231815;
  border-bottom: solid 2px #231815;
  border-left: solid 2px #231815;
  margin-bottom: 6px;
}

#profileBox .name-link li {
  float: left;
  border-right: solid 2px #231815;
}

#profileBox .name-link.pin li {
  width: 406px;
}

/* ピン */
#profileBox .name-link.konbi li {
  width: 202px;
}

/* コンビ */
#profileBox .name-link.torio li {
  width: 134px;
}

/* トリオ */
#profileBox .name-link.karutetto li {
  width: 100px;
}

/* カルテット */
#profileBox .name-link a:link,
#profileBox .name-link a:visited {
  padding-left: 15px;
  background: url(../img/icon_link.gif) no-repeat left center;
  font-size: 123.1%;
  font-size: bold;
  color: #000000;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.8;
}

#profileBox .name-link.karutetto a:link,
#profileBox .name-link.karutetto a:visited {
  padding-left: 10px;
}

#profileBox .name-link a:hover {
  background: url(../img/icon_link_r.gif) no-repeat left center;
  color: #878787;
}

.personal {
  padding-bottom: 5px;
}

.personalBox {
  margin-bottom: 4px;
}

.personalBox h4 {
  width: 410px;
  background: #000000 url(../img/bg_personalBox_h4.gif) no-repeat left top;
  margin: 0 auto;
  color: #FFFFFF;
  font-weight: bold;
  letter-spacing: .1em;
  line-height: 25px;
}

.personalBox .personalData {
  width: 300px;
  padding: 8px 48px 11px;
  border-right: solid 7px #000000;
  border-left: solid 7px #000000;
}

.personalBox table {
  width: 300px;
  margin: 0 auto;
}

.personalBox th,
.personalBox td {
  margin: 0;
  padding: 0;
  text-align: left;
  font-weight: bold;
  line-height: 1.2;
}

.personalBox ul.blog {
  padding: 3px 0 3px 61px;
  background: #000000 url(../img/bg_personalBox_btm.gif) no-repeat left top;
}

.personalBox ul.blog li {
  float: left;
  margin-right: 3px;
}

/* [jQuery]=================================================*/
/* jQuery corner
   http://www.malsup.com/jquery/corner/
------------------------------------------------------------*/
div.round {
  width: 200px;
  padding: 10px;
  margin: 1em;
  background: #6af;
}

div.inner {
  margin: 0;
  background: #ffc;
  padding: 10px;
  border: 0;
  zoom: 1;
}

div.outer {
  margin: 15px;
  background: #c82;
  padding: 8px;
  width: 22em;
}

/* [Page Setting]===========================================*/
#footer-sitemap {
  width: 848px;
  margin: 0 auto;
  margin-bottom: 34px;
  text-align: center;
}

/*EOF*/

/*# sourceMappingURL=module.css.map */