@charset "utf-8";

/**********************************************************
  =Reset
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
---------------------------------------------------------- */
body{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup,sub{line-height:-1px;vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}


/**********************************************************
  =Common
---------------------------------------------------------- */

html { overflow-y: scroll; }
body {

	font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	_font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 13px;
	*font-size: 81.2%;
	text-align: center;
}
a:link {
	color: #333;
	_color: #1d3994;	
	text-decoration: underline;
}
a:visited {
	_color: #941d55;
	color: #955858;
	text-decoration: underline;
}
a:active,a:hover { color: #05DC8; }
img { border: 0; }
hr { display: none; }
strong { font-weight: bold; }
blockquote { padding: 15px; }
table th,table td {
	_font-size: 81.2%;
	line-height: 1.7;
}

.chapter_sections a{
	font-size:100%; 
}

/*  Common id, class
---------------------------------------------------------- */
.rollover {}
.hover { cursor: pointer; }
.tm { margin-bottom: 1em !important; }
.tm_2 { margin-bottom: 2em !important; }
.clear { clear: both; }
.no_margin { margin: 0 !important; }


/**********************************************************
  =#body
---------------------------------------------------------- */

#body{
	margin:0 auto;
	padding:0;
	text-align:left;
	/*width:80%;
	min-width:550px;*/
	_background-color:#9cbeed;
	background-color:#9ECEDB; /* --------------------------- */
}

#content_body{
	display:block;
}

/*  #header
---------------------------------------------------------- */
#header{
	/*_margin:0 10px;*/
	/*_padding-top:10px;*/
	/*_padding-bottom:5px;*/
	padding:10px 0 5px 10px;
	border-top:#736C5E 12px solid;

}
.util{
	_position:absolute;
  width:220px;
  float: right;
  _right:0px;
  _top:20px;
}

.util ul {
  _margin: 10px;
  font-size: 11px;
    padding: 0;
}
.util ul:after {
  content: "";
  display: block;
  clear: both;
}
.util li {
  list-style: none;
  float: left;
  width: 50%;
  /*_min-width: 130px;*/
  height: 24px;
  background: rgba(0, 0, 0, 0) url("../images/arrow_wh.gif") no-repeat scroll 0 0.4em;
}

.util li.index{
  width:100%;
  height:30px;
  _border-botton:1px solid #f00;
}
.util li a {
  display: block;
  padding-left: 10px;
  /*_height: 45px;*/
  color: #333;
  _font-weight: bold;
  font-size: 12px;
  color:#fff;
  text-decoration: none;
}

/*
#header{
	margin:0 10px;
	padding-top:10px;
	border-top:#3a50b7 12px solid;
}

#header h1{
	float:left;
	width:350px;
}
#header .util{
	float:right;
	width:auto;
	padding-right:0.5em;
}

#header .util ul{
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:right;
	width:auto;
}

#header .util ul li{
	margin-bottom: 5px;
	padding: 0 0 0 10px;
	background: url(../images/arrow_wh.gif) no-repeat 0 0.4em;
	font-size:110%;
	line-height: 1.0;
}

#header .util ul a{
	color:#FFFFFF;
	text-decoration:none;
	white-space:nowrap;
}
#header .util ul a:hover{
	text-decoration:underline;
}
*/
/*  #footer
---------------------------------------------------------- */
#footer{
	clear:both;
	margin:0px 30px;
	color:#FFFFFF;
}
.copyright{
	padding:15px 0 10px;
	text-align:left;
	font-size:92.3%;
}


/*  tabmenu
---------------------------------------------------------- */
#tab_menu{
	padding-left:50px;
	margin-bottom:20px;
	background:url(../images/bg_tab_menu.png) repeat-x left bottom;
}

#tab_menu li{
	float:left;
	width:140px;
	margin:0;
	padding:0;
	text-align:center;
	letter-spacing:0.5em;
	background:url(../images/bg_tab.png) no-repeat 0px 0px;
	color:#C6DDE8;
	font-size:115%;
}
#tab_menu li.hover{
	_background-position:0px -100px;
	color:#FFFFFF;
}

#tab_menu li.current{
	background:url(../images/bg_tab_current.png) no-repeat 0px 0px;
	color:#FFFFFF;
}

#tab_menu li p{
	margin:0;
	_padding:8px 0px;
	cursor:pointer;
}
#tab_menu li.current p{
	_padding-bottom:9px;
}


/*  vol_section
---------------------------------------------------------- */
.vol_section{
	/*_margin:6px 10px;*/
	_border:#68A4C2 1px solid;
	background-color:#fafafa; /*------------------------------*/
	/*_background-color:#E9F2F6;*/
	clear:both;
}


/**********************************************************
  =Heading
---------------------------------------------------------- */

h1{ 
	float: left;
	width:230px;
}

h2.vol_title{
	margin:0;
	padding:0;
	background:#f4f4f4 url(../images/bg_vol.png) 0px 0px repeat-x;
	cursor:pointer;
	font-size:100%;
}

h2.vol_title span{
	display:block;
	margin:0;
	padding: 10px 10px 10px 30px;
	background:url(../images/plus_large.png) 11px 1em no-repeat;

}

h2.aiueo_title{
	margin:0 0 20px 0;
	padding:3px 0;
	background:#f4f4f4 url(../images/bg_vol.png) 0px 0px repeat-x;
	font-size:110%;
}

h2.aiueo_title span{
	display:block;
	margin:0 0 0 40px;

}

h2.nosub span{
	display:block;
	margin:0;
	padding: 10px 10px 10px 30px;

	background: url("../images/arrow_gray.gif")  11px 1em no-repeat;

	text-decoration: none;
	color:#333;
}
h2.nosub{
	cursor:pointer;
	_background:#d2e4ed;
	background:#E6E3D4;	/* --------------------------------------- */
}
h2.nosub:hover{
	background:#DCDACB;
	_background:#c0d0d5;

	_background:#e9f2f6;
}
h2.nosub a{
	text-decoration: none;
	color:#666;
	font-size: 102%;
}


h2.hover {
	background-position:0px -200px !important;
}

.open h2.vol_title {
	background:#fafafa;
	_background:#E9F2F6;

}
.open h2.vol_title.hover {
	_background:#D5E6ED;
	background:#CDEDED; /* ------------------------------------- */
}

.open h2.vol_title span{
	background:url(../images/minus_large.png) 11px 1em no-repeat;
	_background-position:11px 0.85em;
}

/**********************************************************
  =menu_list
---------------------------------------------------------- */

/*  List: ul.menu_vol
---------------------------------------------------------- */
ul.menu_vol{
	margin:10px 0 0;
	padding: 0 12px 12px;
	display:none;
}
div.open ul.menu_vol{
	display:block;
}


/**/

/*  List: li.chapter
---------------------------------------------------------- */

li.chapter{
	border:#DCDACB 1px solid;
	margin-bottom:-1px;
	background-color:#FFFFFF;
}

li.chapter p {
	padding:6px 6px 6px 22px;
	_padding:7px 6px 6px 22px;
	background:#FFFFFF url(../images/plus.gif) 11px 0.9em no-repeat;
	_background:#FFFFFF url(../images/plus.gif) 11px 0.85em no-repeat;
	cursor:pointer;
	_width:100%;
}

li.chapter.open{
	padding-bottom:12px;
}

li.chapter.open p {
	background:#f4f4f4 url(../images/minus.gif) 11px 0.9em no-repeat;	
	_background:#f4f4f4 url(../images/minus.gif) 11px 0.85em no-repeat;
}

li.chapter p.hover {
	background-color:#CDEDED;
	_background-color:#D5E6ED;
}

li.chapter ul.chapter_sections{
	padding:6px 18px 0 18px;
}

/*  List: ul.chapter_sections
---------------------------------------------------------- */

ul.chapter_sections{
	display:none;
}

li.open ul.chapter_sections{
	display:block;
}

ul.chapter_sections li{
	background:url(../images/dot_line_y.gif) repeat-x left bottom;
	padding-bottom:1px;
	_background:none;
	_padding-bottom:0px;
	_border-bottom:#e9e9e9 1px solid;
	
}

ul.chapter_sections li.last{
	background:none;
	_border-bottom:none;
}

ul.chapter_sections li a{
	display:block;
	padding: 5px 5px 5px 18px;
	background: url(../images/arrow.gif) no-repeat 6px 0.8em;
	_background:none;
	line-height: 1.33;
	text-decoration:none;
	_width:100%;
}

ul.chapter_sections li a:hover{
	background-color:#CDEDED;
	color: #05DC8;
}


/**********************************************************
  =block
---------------------------------------------------------- */

/*  List: ul.list
---------------------------------------------------------- */
ul.list { padding-bottom: 1em; }

ul.list li {
	margin-bottom: 7px;
	padding-left: 10px;
	background: url(../images/dot_list.gif) no-repeat 1px 0.7em;
}

/*  List: ul.link
---------------------------------------------------------- */
ul.link li,
ul.list li.link {
	margin-bottom: 5px;
	padding: 0 0 0 10px;
	background: url(../images/arrow.gif) no-repeat 0 0.5em;
	color: #808485;
	line-height: 1.33;
}
ul.link li a,
ul.list li.link a {
	text-decoration:none;
}
ul.link li a:hover,
ul.list li.link a:hover {
	text-decoration:underline;
}

/*  List: ul.border
---------------------------------------------------------- */
ul.border{
	margin: 10px 0 0 0;
	padding: 12px 0 0 0;
	background:url(../images/dot_line_y.gif) repeat-x left top;
}


/*  txt_styles
---------------------------------------------------------- */

.red {
	color:#CC0000;
}

.color_txt {
	color:#60AFD7;
}

.link_icon { margin: 0 3px;}



/**********************************************************
  =search_style
---------------------------------------------------------- */

#search_body{
	margin:6px 30px;
	padding:20px;
	background-color:#FFFFFF;
	display:none;
	border:#68A4C2 1px solid;
	clear:both;
}

#reportarea p{
	margin:10px 0;
}
#resultarea dl{
	margin:20px 0;
	border-top:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	padding:20px 0;
}

#resultarea dt{ font-size:110%;}
#resultarea dd{
	background:url(../images/dot_line_y.gif) repeat-x left bottom;
	padding-bottom:16px;
	margin-bottom:15px;
}

#searching,#loading{
	display:none;
	padding:20px;
	text-align:center;
}

strong.keyword { 
	font-weight: bold; 
}
p.example {
	text-indent: 1em;
	color: Navy;
	font-weight: bold;
	font-family: monospace; 
}

code {
	color: Navy;
	font-family: monospace; 
}
code.example {
	color: Navy;
	font-weight: bold;
	font-family: monospace; 
}
code.operator { 
	color: Navy;
	font-family: monospace;
	font-weight: bold; 
}
._search {
	font-size:100%;
	＿background-color: #f8dce0;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	border:#a9a9a9 1px;
	border-style: solid none solid none;
	background-color:#d3d3d3;
	color:#333333;
	line-height:1;
	background:#f4f4f4 url(../images/bg_vol.png) 0px 0px repeat-x;
}

#srch_txt{
	padding:6px;
	border:#C3C3C3 1px solid;
	cursor:text;
	text-align:1;
}

/*form*/
input.text {
	width: 200px;
	height: 16px;
	_height: 30px;
	padding: 2px 1px;
	border: 1px solid #808485;
	vertical-align: middle;
}
input.text.hover {
	background: #f0f0f0;
	cursor: text;
}
input.button {
	height: 30px;
	margin-left: 3px;
	padding:0 2em;
	line-height: 1.1;
	vertical-align: middle;
	border:#d0d0d0 1px solid;
	background:url(../images/bg_btn.png) repeat-x 0px 0px;
	cursor:pointer;
	letter-spacing:0.5em;	
}
input.button.hover{
	background-position:0px -100px;
}


/**********************************************************
  =clearfix_current
---------------------------------------------------------- */
*:after {
  display:block;
  clear:both;} /* この記述は固定です */

.clearfix,
#header,
ul {zoom:1;} /* clearfix IE6, 7 */
.clearfix:after,
#header:after,
ul:after {content:"";} /* clearfix */