@charset "UTF-8"; 
/*＃*/
/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

body {
background: #CCC;
font: 80%/1.5em 'MS UI Gothic',Lucida Sans,Tahoma, arial, sans-serif;
color: #555; 
text-align: center;
}

/* links */
a, a:visited {
text-decoration: none;
color: #2180BC;
}
a:hover {
color: #88ac0b;
text-decoration: underline;
}

/* headers */
h1,h2,h3,h4,h5 {clear:both;}

h1 {font-family: 'Trebuchet MS', Tahoma, 'MS UI Gothic',Sans-serif;
font-size: 150%;
font-weight: normal;
color: #006699;
}
h2 {font-family: 'メイリオ', 'MS UI Gothic','Trebuchet MS', Tahoma, Sans-serif;
font-size: 140%;
/* text-transform: uppercase; */
color: #FE7D0B;
}
h3 {
font-size: 120%;
color: #666666; 
}
h5 {font-family: 'MS UI Gothic','Trebuchet MS', Tahoma, Sans-serif;
}
/* images */
img {
background: #FAFAFA;
border: 1px solid #E5E5E5;
padding: 4px;
}
.inline {
  margin: 5px 10px 10px 0px;float:left;
}
.inlines {
  margin: 5px 0px 10px 10px;float:right;
}

.block {
display: block;
margin:10px auto;
}

h1, h2, h3, h4, h5, h6{
padding: 2px;
margin: 0;
}
p {
padding: 0px 5px 0.5em 10px ;
text-indent:1em;
margin:0;}


ul, ol {
margin: 5px 10px 5px 20px ;
padding: 0 10px 0 20px ;
}

code {
  font: 500 1em/1.4em 'Arial', 'Calibri', 'MS UI Gothic',monospace ;
}
p code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  text-indent: 0;
  display: block;
  overflow: auto;  
  font: 500 1em/1.4em 'MS UI Gothic','Arial', 'Calibri', monospace ;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
}

acronym,abbr {
  cursor: help;
  border-bottom: 1px dotted #777;
}
blockquote {
  margin: 10px 10px;
  padding: 0 10px 0 10px;
  color: #2361BA;
  border: 1px solid #E5F0FB;   
  background: #F4F8FD;
  clear:both;
}
/*
blockquote {
margin: 10px;
 padding: 0 5px 0 28px;  
   border: 1px solid #f2f2f2; 
  background: #FAFAFA url(/images/common/quote.gif) no-repeat 5px 5px;    
}
*/
/* start - table */
table {
	border-collapse: collapse;
	margin: 10px 10px;	
font: 1em/1em 'MS UI Gothic',Lucida Sans,Tahoma, arial, sans-serif;
}
th strong {
	color: #fff;
}
thead th{
	height: 20px;
	padding-left: 4px;
	padding-right: 4px;
	color: #fff;
	background: #4682B4 url(/images/common/button-bg.jpg) repeat-x 0 0;
	color: #fff;
	}
thead td{
	height: 20px;
	padding-left: 4px;
	padding-right: 4px;
	color: #fff;
	background: #4682B4 url(/images/common/button-bg.jpg) repeat-x 0 0;
	color: #fff;
	}

tbody tr {
	height: 20px;
	background: #fff;	
}
tbody th {
	height: 20px;
	padding-left: 4px;
	padding-right: 4px;
	border: 1px solid #4682B4; 
}
tbody td {
	padding-left: 4px;
	padding-right: 4px;
	border: 1px solid #4682B4; 
}
/* end - table */

/* form elements */
fieldset {
margin:10px; padding: 0 5px;
border: 1px solid #f2f2f2; 
}
/*label {
display:block;
font-weight:bold;
margin:5px 0;
}*/
input {
padding:2px;
border:1px solid #eee;
font: normal 1em Verdana, sans-serif;
color:#666666;
}
textarea {
width:400px;
padding:2px;
font: normal 1em Verdana, sans-serif;
border:1px solid #eee;
height:100px;
display:block;
color:#666;
}
input.button { 
font: bold 12px Arial, Sans-serif; 
height: 24px;
margin: 0;
padding: 2px 3px; 
color: #666666;
background: #8EB50C url(/images/common/button-bg.jpg) repeat-x 0 0;
border: none;
}

/* search form */
.searchform {
background-color: transparent;
border: none;
margin: 0; padding: 5px 0 15px 0;
width: 190px;
}
.searchform p { margin: 0; padding: 0; }
.searchform input.textbox { 
width: 120px;
color: #777; 
height: 18px;
padding: 2px;
border: 1px solid #E5E5E5;
vertical-align: top;
}
.searchform input.button { 
width: 60px;
height: 24px;
padding: 2px 5px;
vertical-align: top;
}

/********************************************
   LAYOUT
********************************************/ 
.wrap {
width: 820px;
background: #CCC url(/images/common/contentb.jpg) repeat-y center top;
margin: 0 auto;
text-align: left;
}
.content-wrap {
clear: both;
width: 760px;
padding: 0; 
margin: 10px auto;
}
.header {
width: 820px;
position: relative;
height: 103px;
background: #CCC url(/images/common/header.jpg) no-repeat center top;
padding: 0;
color: #FFF;
}
.header h1#site_top a {
position: absolute;
margin: 0; padding: 0;
font: bolder 44px 'Trebuchet MS', Arial, 'MS UI Gothic',Sans-serif;
letter-spacing: -2px;
color: #FFF;
text-transform: none;
text-decoration: none;
background: transparent;

/* change the values of top and left to adjust the position of the logo*/
top: 25px; left: 47px;
}
.header p.slogan {
position: absolute;
margin: 10px 0 0 0; padding: 0;
font: normal 12px 'Trebuchet MS', 'MS UI Gothic',Arial, Sans-serif;
text-transform: none;
text-indent:0;
color: #FFF;

/* change the values of top and left to adjust the position of the slogan*/
top: 70px; left: 55px;
}
.header p.slogan a{
color: #FFF;
}

/* header links */
.header .header-links {
position: absolute;
top: 20px; right: 30px;
color: #C6DDEE;
font-size: 10px;
font-family:Verdana, Tahoma, arial, sans-serif
}
.header .header-links p{
padding:10px;
}
.header .header-links a {
color: #FFF;
text-decoration: none;
}
.header .header-links a:hover {
color: #D4E59F;
}

/* Menu */
.navi-global {
clear: both;
margin: 0 auto; padding: 0;
background: url(/images/common/menu.jpg) repeat-x 0 0;
font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif;
height: 37px;
width: 780px;
}
.navi-global ul {
float: right;
list-style: none;
margin:0; padding: 0;
padding-right: 10px;
}
.navi-global ul li {
display: inline;
}
.navi-global ul li a {
display: block;
float: left;
padding: 0 10px;
color: #FFF;
text-decoration: none;
}
.navi-global ul li a:visited {
color: #FFF;
}
.navi-global ul li.last a {
padding-right: 20px;
}
.navi-global ul li a:hover {
color: #ffd700;
}

/* Main Column */
.main {
float: left;
width: 70%;
padding: 0; margin: 5px 0 0 5px;
display: inline;
}
.main h2 {
text-align:right;padding-right:10px;
}

.main h3 {
margin-top: 10px;margin-bottom: 5px;
font: Bold 140% 'Trebuchet MS', Tahoma, 'MS UI Gothic',Sans-serif;
color: #88ac0b; 
padding: 5px 0 5px 25px; 
border-bottom: 2px solid #9acd32;
background: url(/images/common/square-green.png) no-repeat 3px 50%;
text-transform: none;
clear:both;
}
.main h3 a {
background: none;
color: #008080;
text-decoration: none;
}

.main ul li {
list-style-image: url(/images/common/bullet.gif);
}

/* Sidebar */
.navi-local {
float: right;
width: 25%;
padding: 0; margin: 5px 0 0 5px;
color: #375777;
}
.navi-local h2 {
text-align:left;
}

.navi-local h3 {
margin-top: 5px;
padding: 5px 10px 0px 5px ; 
font: bold 140% 'メイリオ', Tahoma, 'MS UI Gothic',Sans-serif;
color: #287E8A;
text-align:right;
}

.navi-local ul.topic {	margin:0px;}
.navi-local ul.topic li{margin-left:0px;padding-left:0px;}
.navi-local ul.topic li{list-style-type:disc;list-style-image:url(/images/common/list.gif);}
.navi-local ul.topic ul{margin:0px;}
.navi-local ul.topic ul li{list-style-type:none;}

.navi-local ul.menu-main {
list-style: none;
text-align: left;
margin: 7px 4px 8px 0; padding: 0;
text-decoration: none;
background: url(/images/common/dots.jpg) repeat-x left top;
}
.navi-local ul.menu-main li { font-weight:bold;
list-style: none;
background: url(/images/common/dots.jpg) repeat-x left bottom;
padding: 4px 0 4px 5px;
margin: 0 2px;
color: #375777;
}
* html body .navi-global ul.menu-main li {
height: 1%;
}
.navi-local ul.menu-main ul { margin: 0 0 0 5px; padding: 0; }
.navi-local ul.menu-main ul li { background: none; font-weight:bold;}
.navi-local ul.menu-main li a { font-weight:normal;
text-decoration: none;
background-image: none;
color: #666666;
}
.navi-local ul.menu-main li a:hover {
color: #1773BC;
}

.navi-local img {background-color:transparent;padding:0px;}
.navi-local p {padding:5px;}


/* menu-sub */
.navi-local ul.menu-sub {
list-style: none;
text-align: left;
margin: 7px 4px 8px 0; padding: 0;
text-decoration: none;
}
.navi-local ul.menu-sub li { font-weight:bold;
list-style: none;
padding: 4px 0 4px 5px;
margin: 0 2px;
color: #375777;
}
* html body .navi-local ul.menu-main li {
height: 1%;
}
.navi-local ul.menu-main ul { margin: 0 0 0 5px; padding: 0; }
.navi-local ul.menu-main ul li { background: none; font-weight:bold;}
.navi-local ul.menu-main li a { font-weight:normal;
text-decoration: none;
background-image: none;
color: #666666;
}
.navi-local ul.menu-sub li a:hover {
color: #1773BC;
}

/* Footer */
.footer {
color: #C6DDEE;
background: #CCC url(/images/common/footer.jpg) no-repeat center top;
clear: both;
width: 820px;
height: 65px;
text-align: center;
font-size: 92%;
}
.footer a { 
color: #FFF;
text-decoration: none; 
font-weight:bold;
}
.footer a:visited { 
color: #FFF;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }


address {
padding: 10px;
margin: 0;
font-style:normal;
}
address img {background:transparent;margin:0;padding:0;border:0;}

.main  h4 {clear:both;border-width:0px 0px 1px 0px;border-style:dashed;border-color:#999999;padding:5px 5px 5px 25px ;margin-top:5px;margin-bottom:5px;font-size:1em;background: url(/images/common/square_arrow_.gif) no-repeat 5px 50%;}
.main  h5 {font-weight:bold;font-family:'MS UI Gothic',sans-serif;margin-bottom:5px;margin-top:5px;margin-left:5px;padding-left:24px;font-size:1em;background: url(/images/common/square_arrow.gif) no-repeat 8px 50%;}
.main  h6 {font-weight:bold;font-family:'MS UI Gothic',sans-serif;margin-bottom:5px;margin-top:5px;margin-left:20px;color:#444444;font-size:1em;}

.main blockquote h5 {font-weight:bold;font-family:'MS UI Gothic',sans-serif;color:#000000;margin-bottom:5px;margin-top:5px;padding-left:10px;font-size:1em;background-image:none;}

.main dl {margin-left:10px;margin-bottom:10px;}
.main dt {margin-left:0px;padding-left:5px;color:#000000;margin-top:10px;margin-bottom:5px;}
.main dd {margin-left:0px;padding-left:5px;color:#666666;}


q:before { content: open-quote }
q:after { content: close-quote }
q {color:#009900;quotes: "“" "”" }

.in_page{overflow:auto;height:160px;}

.lyrics{margin-left:5px;border:1px dashed #AAAAAA;padding:10px;}
.Lyrics{margin-left:5px;border:1px dashed #AAAAAA;padding:10px;}
.refer {text-align:right;}
.more {text-align:right;font-size:12px;}
.AA{font: 1em/1.1em 'ＭＳ Ｐゴシック','MS UI Gothic';margin:10px 20px;color:#333333;
  border-top: 1px dotted #666666;  
  border-bottom: 1px dotted #666666;  
  padding-top:5px;padding-bottom:5px;
}
.source {
  margin: 5px 0;
  padding: 5px;
  text-align: left;
  font: 500 1em/1.2em  'ＭＳ ゴシック', 'MS UI Gothic','Calibri', monospace ;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
}

.screen {border-width:1px 1px 1px 1px;border-style:dotted;border-color:#2F4F4F;background-color:#FAFAFF;margin:5px;padding:5px;}
abbr {border-bottom :dashed #000000 1px;}
var {font-style:normal;color:#FF00FF;}
code {color:#800080}
cite {font-style:normal;}
.point {margin:20px;padding:10px;border:#B0C4DE 1px solid;background-color:#F9F9FF}
.message{font: 500 1em/1.2em 'MS UI Gothic','ＭＳ Ｐゴシック';margin:10px;color:#333333;}
dfn {font-weight:bold;font-style:normal;}

em {font-style:normal;color:#DC143C;}
strong {color:#DC143C;}
.embed_movie{display:block;margin:10px auto;}
.embed_movie p {border:1px dotted #999999;color:#FF0000;}

caption {text-align:left;}
.c-output {text-align:right;color:#FF00FF;padding-right:10px;border:none;font-size:3em;}
.notes {margin-top:20px;padding-top:20px;border-top:2px solid #9acd32;}
.definitely{background-color:#f2f5fa}
.catch {text-align:center}

.actname {color:#ff1493}

/**/


.supplement { text-align:right;
background-color: #FAFAFA;
padding: 5px; margin: 20px 5px 10px 5px;
border: 1px solid #f2f2f2;
font-size: 95%;
}
.supplement .date {
background: url(/images/common/clock.gif) no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.supplement .comments {
background: url(/images/common/comment.gif) no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.readmore {
background: url(/images/common/page.gif) no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.file_archive {
background: url(/images/common/page.gif) no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.file_pdf {
background: url(/images/common/pdf.gif) no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.file_sound {
background: url(/images/common/file_sound.gif) no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.file_movie {
background: url(/images/common/file_movie.gif) no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}

/* home */
#home_ .wrap {
width: 820px;
background: #CCC url(/images/common/content_top.jpg) repeat-y center top;
margin: 0 auto;
text-align: left;
}

#home_ .content-wrap {
clear: both;
width: 760px;
padding: 0; 
margin: 10px auto;
}

/* top */
#top_ .content-wrap {
clear: both;
width: 770px;
height: 512px;
padding: 0; 
margin: 0 auto;
/*background: url(/images/common/top_wrap.jpg) no-repeat center top;*/
background: url(/images/common/exB_TOP_.jpg) no-repeat center top;
}

#top_ .main  {text-indent:-9999px;}

/* Main Column */
#home_ .main {
width: 760px;
padding: 0; margin: 5px 0 0 5px;
display: inline;
}

table#formation-table{
    border-top:1px solid #4682B4;
    border-left:1px solid #4682B4;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
table#formation-table th{
	
    border-right:1px solid #4682B4;
    border-bottom:1px solid #4682B4;
    color:#FFFFFF;
    background-color:#4682B4;
    background-position:left top;
    padding:2px;
    text-align:center;

}
table#formation-table td{
    border-right:1px solid #4682B4;
    border-bottom:1px solid #4682B4;
    padding:2px;
}

caption {text-align:left;}
cite {font-style:normal;}

.c-output {	text-align:right;color:#FF00FF;border:none;font-size:3em;}


div.rss
{
  text-align          : right;
  margin              : 0.5em 0em   0em   0em;
}
img.warning
{
  vertical-align      : middle;
}

div.warning
{
  color               : #ff0000;
  font-size           : 150%;
  vertical-align      : middle;

  margin              : 1em   0em   1em   0em;
}

img.thumbnail {
  margin: 5px 0px 10px 10px;float:left;
}
.comment_navi {clear:both}
.post_comment {clear:both}


/*Page Top*/
.content-end {margin-top:20px;margin-bottom:10px;padding-left:24px;font-size:1em;background: url(/images/common/page_top.gif) no-repeat 2px 50%;}

.navi-local img {border:none;}

.thread_comment dt {clear:both;}


/* top */
#archives_ .content-wrap {
clear: both;
width: 770px;
padding: 0; 
margin: 0 auto;
background: url(/images/common/content_archives.jpg) repeat-y center top;
}

#archives_ .main {
clear:both;
width: 770px;
padding: 0; margin: 0;
display: inline;
background-color:#237FBE;}

#archives_ .main img.block{margin:0;padding:0;border:none;}
#archives_ .main p.supplement {background-color:#237FBE;padding: 5px; margin: 5px;border:none;color:#FFFFFF;
margin:0;padding:2px;border:none;background: url(/images/common/content_archives.jpg) repeat-y center top;
}
#archives_ .main a.readmore { color:#FFFFFF;}

#archives_ .main p.supplement a:link {color:#f8f8ff;}
#archives_ .main p.supplement a:visited {color:#f8f8ff;}
#archives_ .main p.supplement a:hover {color:#ee82ee;}



/* up/down */
table.file {width:95%;}


/* archives */
ul.archive_list {margin:10px auto;width:512px;}
ul.archive_list li{display:inline;width:100px;height:100px;}


/*Inline List*/
ul.inline li {display:inline;margin:4px;}

div.embed_movie{display:block;margin:10px auto;}
rt {font-size:50%;padding:0;margin:0;}

object.file_inline {display:inline;margin:0 4px 0 0;padding:0;;vertical-align:-15%;}



body.Photo_Index dl {   
 border:0px solid #999;   
 width:510px;   
}   
body.Photo_Index dt {   
 float:left;   
 width:140px;   
 padding:5px 0 5px 10px;   
 clear:both;   
 font-weight:bold;   
}   
body.Photo_Index dd {   
 width:340px;   
 margin-left:140px;   
 padding:5px 5px 5px 10px;   
 border-left:0px solid #999;   
} 

/*Twitter Widget*/
.navi-local #twtr-profile-widget{margin-top:10px;}
.navi-local #twtr-profile-widget h3 {
margin-top: 2px;
padding: 2px ; 
font: normal 80% 'メイリオ', Tahoma, 'MS UI Gothic',Sans-serif;
color: #FFFFFF;
text-align:left;
display:inline;
}
.navi-local #twtr-profile-widget h4 {
margin-top: 2px;
font: bold 80%;
padding: 2px ; 
color: #FFFFFF;
text-align:left;
display:inline;
}


.main blockquote dt {margin-left:0px;padding-left:5px;color:#666666;margin-top:10px;margin-bottom:5px;}
.main  blockquote dd {margin-left:0px;padding-left:5px;color:#000000;}

/* for Twitter */
.twtr-widget{position:relative;font-size:12px!important;font-family:"lucida grande",lucida,tahoma,helvetica,arial,sans-serif!important;zoom:1;}
.twtr-fullscreen{font-size:220%!important;}
.twtr-fullscreen .twtr-new-results{display:none!important;}
.twtr-widget .twtr-spinner{width:14px;height:14px;position:absolute;background:url(http://widgets.twimg.com/j/1/spinner.gif) no-repeat;top:3px;right:3px;}
.twtr-inactive{display:none;}
.twtr-widget a img{border:0!important;}
.twtr-doc{overflow:hidden;width:100%;text-align:left;font-weight:normal;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.twtr-bd{padding:0 1px;}
.twtr-widget .twtr-tweet-wrap{padding:6px 8px;overflow:hidden;zoom:1;}
.twtr-fullscreen .twtr-tweet-wrap{padding:20px;}
.twtr-widget .twtr-tweet{border-bottom:1px dotted #ddd;overflow:hidden;zoom:1;}
.twtr-widget .twtr-tweet a.twtr-reply{visibility:hidden;}* html .twtr-widget .twtr-tweet a.twtr-reply{visibility:visible;}
.twtr-widget .twtr-tweet:hover a.twtr-reply{visibility:visible;}
.twtr-widget-profile img.twtr-profile-img{display:block;float:left;width:31px;height:31px;border:0!important;}
.twtr-widget h3,.twtr-widget h4,.twtr-widget p{margin:0!important;padding:0!important;line-height:1.2!important;width:auto!important;}
.twtr-widget-profile h3,.twtr-widget-profile h4{margin:0 0 0 40px!important;}
.twtr-widget h3{font-size:11px!important;font-weight:normal!important;}
.twtr-widget h4{font-size:16px!important;}
.twtr-widget i,.twtr-widget .twtr-new-results{font-size:9px;font-style:normal;display:block;margin-top:2px;zoom:1;}
.twtr-widget .twtr-new-results{text-align:center;padding:3px;margin:0 auto -10px auto;display:block;position:relative;bottom:5px;}
.twtr-results-inner{line-height:1;font-size:100%;padding:4px 0;position:relative;bottom:-2px;width:40%;margin:0 auto;z-index:2;text-align:center;}
.twtr-results-hr{width:100%;position:relative;z-index:1;height:1px;border-bottom:1px dotted #ddd;bottom:7px;background:none;overflow:hidden;}
.twtr-new-results span{position:relative;z-index:3;top:-14px;display:block;font-size:9px!important;}
.twtr-hd{padding:10px;position:relative;zoom:1;overflow:hidden;}
.twtr-fullscreen .twtr-hd{height:0;padding:0;}
.twtr-timeline{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;position:relative;overflow:hidden;z-index:2;height:225px;}
.twtr-flat .twtr-timeline{overflow-x:hidden;overflow-y:scroll;}
.twtr-widget .twtr-tweet:last-child{border-bottom-width:0;}
.twtr-ft{position:relative;}
.twtr-ft div{overflow:hidden;padding:10px;zoom:1;}
.twtr-ft span{float:right;text-align:right;}
.twtr-ft a{float:left;display:block;}
.twtr-ft span a{float:none;}
.twtr-avatar{width:40px;height:40px;float:left;overflow:hidden;display:block;}
.twtr-fullscreen .twtr-avatar{width:80px;height:80px;}
.twtr-img{height:25px;width:25px;}
.twtr-img img{width:30px;height:30px;}
.twtr-fullscreen .twtr-img img{width:72px;height:72px;}
.twtr-fullscreen a.twtr-join-conv{display:none;}
.twtr-tweet-text{margin-left:40px;}
.twtr-fullscreen .twtr-tweet-text{margin-left:90px;}
.twtr-doc a{text-decoration:none!important;}
.twtr-doc a:hover{text-decoration:underline!important;}
