body {
 margin      : 0 ;
 padding     : 0 ;
 background  : #ffffff ;
 font-family : "メイリオ",sans-serif ;
 font-size   : 10pt ;
 color       : #333333 ;
}


/* ページ構造 */
h1, h2, h3, p ,dl {margin:0;}

div#header   {border-width:2px 0; border-style:solid; border-color:#888888; margin:10px 0; background:url(/img/system/top.jpg) #eeeeee;}
div#main     {position:relative;}
div#contents {margin-left:160px;padding: 0 1ex;}
div#menu     {position:absolute; top:0; left:5px; width:140px; padding:2px; border:solid 1px #999999; background-color:#eeeeee; font-size:9pt;}
 div#menu .h {background-color:#888888; color:#ffffff; text-align:center; margin:0 0 1ex 0;padding:1px 0;}
 div#menu p  {margin:0 5px;}
 div#menu dl {margin:0;}
 div#menu dt {margin:0 5px;}
 div#menu dd {margin:0;margin-left:1em;}
 div#menu a  {color:#333333; text-decoration:none;}
  div#menu a:hover  {color:#ff3333; background-color:#fff0f0;}
 div#menu .c {border:solid 1px #888888; background-color:#ffffff; padding:1ex;}
  div#menu .c a:hover  {margin:0;padding:0;text-decoration : none ;}
 div#menu br {line-height:1ex;}


.textBody input{border:solid 1px #aaaaaa;}
 .textBody input:hover{border:solid 1px #ff6464;}
 


 
/* イメージボックス */
div#imageBox {
 position   : absolute ;
 left       : 0 ;
 top        : 0 ;
 width      : 100% ;
 margin     : 0 ;
 padding    : 20px 0 ;
 display    : none ;
 text-align : center ;
 background : transparent url(/img/imageBox.gif) ;
 z-index    : 9 ;
}
.iLink {
 cursor : pointer ;
}


/* 基本 */



hr {border-width:1px 0 0 0; border-style:solid; border-color:#888888; height:1px;}



h1, h2, h3 {
 width        : auto ;
 border-style : solid ;
 border-color : #bbbbbb ;
}

h1 {
 background   : transparent url(/img/system/h.gif) ;
 border-width : 0 0 0 15px ;
 margin       : 0 0 1ex 0 ;
 padding      : 0 0 0 3px ;
 font-size    : 14pt ;
}

h2 {
 background   : #dddddd ;
 border-width : 1px 0 ;
 margin       : 1ex 0 ;
 padding      : 2px 1ex ;
 font-size    : 12pt ;
}

h3 {
 border-width : 0 0 1px 0 ;
 margin       : 1ex 0 ;
 padding      : 0 ;
 font-size    : 10pt ;
}

p {
 margin : 0 0 1em 0 ;
 padding : 0 ;
}

table {
 margin  : 0 0 1em 0 ;
}

th {
 text-align : center ;
}


 /* リスト */
ul {
 margin  : 1ex 0 1em 1.5em ;
 padding : 0 ;
 display : block ;
}

dl {
 margin  : 1ex 0 0 0 ;
 padding : 0 ;
 display : block ;
}

dd {
 margin  : 0 0 1em 1em ;
 padding : 0 ;
 display : block ;
}


/* リンク */
a         { text-decoration : none ; }
a:link    { color : #553300 ;}
a:visited { color : #884400 ;}
a:hover   { color : #ff3333 ; text-decoration : underline ;}
a:active  {}


/* ページ上部へのリンク */
div.p_top {
 margin     : 0 ;
 padding    : 0 ;
 text-align : right ;
 font-size  : 90% ;
}

div.p_top a {
 color : #777777 ;
}


/* 各隊員の説明ボックス */
.career {
 width   : 200px;
 margin  : 0 5px ;
 padding : 0 ;
}
.career dt {
 background-color : #eeeeee ;
 font-weight      : bold ;
}
.career dd {
 margin : 0 1ex 0 1em ;
}



/* 他 */
blockquote {
 margin       : 0 0 1em 1em ;
 padding      : 0 0 0 1ex ;
 border-style : solid ;
 border-color : #cfcfa8 ;
 border-width : 0 0 0 4px ;
 font-size    : 80% ;
}

.details, .details_L {
 position   : relative ;
 float      : right ;
 margin     : 0 0 1em 1em ;
 font-size  : 90% ;
}

.details_L {
 background : #ffffff ;
 border     : solid 1px #bbbbbb ;
}


/* 段組 */
.nest2 {
 float   : left ;
 width   : 365px ;
 padding : 0 5px ;
}

.nest3 {
 float   : left ;
 width   : 240px ;
 padding : 0 5px ;
}


/* フォーム用 */
.sTxt {
 border : solid 1px #666666 ;
}

.sSub {
 background : #dddddd ;
 border     : solid 1px #666666 ;
 color      : #333333 ;
}


/* その他 */
br.clear {
 display : block ;
 clear   : both ;
 margin  : 0 ;
 padding : 0 ;
 height  : 0 ;
}

.dotted {
 border  : dotted 2px #666666 ;
 margin  : 0 0 1em 0 ;
 padding : 1ex ;
}

.dot_1 {
 border  : dotted 1px #666666 ;
 margin  : 0 0 1em 0 ;
 padding : 1ex ;
}

.dashed {
 border  : dashed 1px #666666 ;
 margin  : 0 0 1em 0 ;
 padding : 0 1ex ;
}

.Attention {
 border-style     : dotted ;
 border-width     : 1px 0 ;
 border-color     : #ff6666 ;
 background-color : #fff6f6 ;
 margin           : 0 0 1em 0 ;
 padding          : 1% ;
}

.Attention_gray {
 border-style     : dotted ;
 border-width     : 1px 0 ;
 border-color     : #646464 ;
 background-color : #f6f6f6 ;
 margin           : 0 0 1em 0 ;
 padding          : 1% ;
}

.grayBox {
 background-color : #f6f6f6 ;
 border-style     : solid ;
 border-width     : 0 0 0 1px ;
 border-color     : #bbbbbb ;
 margin-bottom    : 1em ;
 padding          : 1em ;
}


.X { font-size : 80% ;}

.B { font-weight : bold ;}
.I { font-style  : italic ;}
.U { text-decoration : underline ;}
.S { text-decoration : line-througe ;}
.R { color : #ff4444 ;}
.G { color : #666666 ;}

.right  { text-align : right ;}
.center { text-align : center ;}

.inline { display : inline ;}
.hid    {	display : none ;}



/* オンメニュー */
#onMenu {
	position         : absolute ;
	z-index          : 1 ;
	border-width     : 0 ;
	width            : 250px ;
	margin           : 0 ;
	padding          : 1ex ;
	display          : none ;
	background-color : #ffffff ;
	border           : double 3px #444444 ;
	font-size        : 80% ;
}

div.jacket {
	float      : left ;
	width      : 180px ;
	height     : 230px ;
	margin     : 0 5px 5px 0 ;
	padding    : 5px 0 ;
	border     : solid 1px #666666 ;
	text-align : center ;
}

/* flort親ブロックはみ出し対策 */
.clearfix:after {
 content    : "." ;
 display    : block ;
 clear      : both ;
 height     : 0 ;
 visibility : hidden ;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */