@charset "UTF-8";

@import url("common.css");

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　コンテンツページのスタイル
+
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* -------------------------------------------------------------------
 共通
------------------------------------------------------------------- */

/* コンテンツ背景 -------------------- */

/* gray */

.ct-gray {
	padding-bottom: 37px;
	background: #DEDFE0;
}

/* blue */

.ct-blue {
	padding-bottom: 37px;
	background: #E5ECF6;
}


/* コンテンツ枠 -------------------- */

/* 1カラム 右寄せ */

div.ct-box01 {
	width: 484px;
	margin-left: 170px;
}

/* 2カラム ボーダー上 */

div.ct-box02 {
	width: 654px;
	margin-top: 8px;
	padding-top: 10px;
	background: url(../img/line_dot_gray.gif) repeat-x left top;
}

div.ct-box02:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.ct-box02 { display:inline-block; }
/*\*/
* html div.ct-box02 { height:1%; }
div.ct-box02 { display:block; }
/**/

/* 2カラム ボーダー下 */

div.ct-box03 {
	width: 654px;
	margin-top: 10px;
	padding-bottom: 10px;
	background: url(../img/line_dot_gray.gif) repeat-x left bottom;
}

div.ct-box03:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.ct-box03 { display:inline-block; }
/*\*/
* html div.ct-box03 { height:1%; }
div.ct-box03 { display:block; }
/**/


/* ページイメージ -------------------- */

div#ct-right p.pageimage {
	border-bottom: 2px solid #FFFFFF;
}


/* 見出し・段落 -------------------- */

div#ct-right h1 {
	margin-bottom: 11px;
	padding: 23px 0 19px 170px;
	background: url(../img/line_dot_gray.gif) repeat-x left bottom;
}

div#ct-right h1.type02 {
	margin-bottom: 11px;
	padding: 23px 0 8px 170px;
	background: url(../img/line_dot_gray.gif) repeat-x left bottom;
}

div.ct-box02 h2,
div.ct-box03 h2 {
	float: left;
	display: inline;
	width: 162px;
	margin: 0 0 0 8px;
	color: #113388;
	font-weight: bold;
}

div.ct-box02 h2 span {
	font-weight: normal;
}

div.ct-box01 p {
	width: 477px;
}

div.ct-box02 p,
div.ct-box03 p {
	float: left;
	display: block;
	width: 476px;
}

div.ct-box02 p.right {
	display: inline;
	margin-left: 170px;
}

strong.blue {
	display: block;
	color: #113388;
}

span.detail {
	display: block;
	text-align: right;
}


/* 文字サイズ変更 -------------------- */

div#ct-right dl.txt-size {
	position: relative;
	width: 654px;
	height: 24px;
	margin-top: 30px;
	background: url(../img/bg_txt_size.gif) repeat-x 1px 0px;
}

div#ct-right dl.txt-size dt {
	position: absolute;
	top: 6px;
	left: 8px;
	font-size: 0px;
	line-height: 0px;
}

div#ct-right dl.txt-size dd {
	position: absolute;
	top: 3px;
	left: 63px;
	width: 50px;
	padding: 1px;
	background: #426BB3;
	font-size: 0px;
	line-height: 0px;
}

* html div#ct-right dl.txt-size dd {
	width: 52px;
}

div#ct-right dl.txt-size span {
	margin-right: 1px;
}


/* #exnavi -------------------- */

ul#exnavi {
	padding-top: 6px;
}


/* #snavi -------------------- */

ul#snavi {
	margin-bottom: 2px;
	padding-bottom: 13px;
	background: url(../img/line_dot_gray.gif) repeat-x left bottom;
}

ul#snavi li {
	margin-bottom: 2px;
}

ul#snavi li img {
	vertical-align: bottom;
}

ul#snavi li ul li,
ul#snavi li ul li ul li {
	margin-bottom: 0px;
}


/* -------------------------------------------------------------------
 Distribution
------------------------------------------------------------------- */

#menu-set {
	background-image:url(../../img/bg_menu.gif);
  background-repeat:no-repeat;
  position:absolute;
  left:440px;
  top:230px;
  width:491px;
  height:112px;
  z-index:11;
  margin:0;
  padding:0;
}

#menu-set .logo {
	position:relative;
  float:left;
  width:490px;
  margin:0;
  padding:0;
}

#menu-set .text {
	position:relative;
  float:left;
  width:265px;
  margin:0;
  padding:0;
}

#menu-set .btn-details {
	position:relative;
  float:left;
  width:84px;
  height:19px;
  margin:0;
  padding:0;
}

#menu-set .btn-details a{
	background-image:url(../../img/btn_details.gif);
  background-position: 0 0;
  background-repeat:no-repeat;
  width:84px;
  height:19px;
	margin:0;
	padding:0;
	float:left;
	font-size:5px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	list-style:none;
}

#menu-set .btn-details a:hover{
	background-image:url(../../img/btn_details.gif);
  background-position: 0 -19px;
	list-style:none;
}



#menu-set .btn01 {
	position:relative;
  float:left;
  width:246px;
  height:23px;
  margin:0;
  padding:0;
}

#menu-set .btn01 a{
	background-image:url(../../img/btn_01.gif);
  background-position: 0 -23px;
  background-repeat:no-repeat;
  width:246px;
  height:23px;
  margin:0;
  padding:0;
	margin:0;
	padding:0;
	float:left;
	font-size:5px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	list-style:none;
}

#menu-set .btn01 a:hover{
	background-image:url(../../img/btn_01.gif);
  background-position: 0 0px;
}


#menu-set .btn02 {
	position:relative;
  float:left;
  width:245px;
  height:23px;
  margin:0;
  padding:0;
}

#menu-set .btn02 a{
	background-image:url(../../img/btn_02.gif);
  background-position: 0 -23px;
  background-repeat:no-repeat;
  width:245px;
  height:23px;
  margin:0;
  padding:0;
	margin:0;
	padding:0;
	float:left;
	font-size:5px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	list-style:none;
}

#menu-set .btn02 a:hover{
	background-image:url(../../img/btn_02.gif);
  background-position: 0 0px;
}


/* flash alternative*/


#menu-set02 {
	background-image:url(../../img/bg_menu.gif);
  background-repeat:no-repeat;
  position:absolute;
  left:441px;
  top:280px;
  _top:160px;
  width:491px;
  height:112px;
  z-index:11;
  margin:0;
  padding:0;
}

#menu-set02 .logo {
	position:relative;
  float:left;
  width:490px;
  height:89px;
  margin:0;
  padding:0;
}

#menu-set02 .text {
	position:relative;
  float:left;
  width:265px;
  margin:0;
  padding:0;
}

#menu-set02 .btn-details {
	position:relative;
  float:left;
  width:84px;
  height:19px;
  margin:0;
  padding:0;
}

#menu-set02 .btn-details a{
	background-image:url(../../img/btn_details.gif);
  background-position: 0 0;
  background-repeat:no-repeat;
  width:84px;
  height:19px;
	margin:0;
	padding:0;
	float:left;
	font-size:5px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	list-style:none;
}

#menu-set02 .btn-details a:hover{
	background-image:url(../../img/btn_details.gif);
  background-position: 0 -19px;
	list-style:none;
}



#menu-set02 .btn01 {
	position:relative;
  float:left;
  width:246px;
  height:23px;
  margin:0;
  padding:0;
}

#menu-set02 .btn01 a{
	background-image:url(../../img/btn_01.gif);
  background-position: 0 -23px;
  background-repeat:no-repeat;
  width:246px;
  height:23px;
  margin:0;
  padding:0;
	margin:0;
	padding:0;
	float:left;
	font-size:5px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	list-style:none;
}

#menu-set02 .btn01 a:hover{
	background-image:url(../../img/btn_01.gif);
  background-position: 0 0px;
}


#menu-set02 .btn02 {
	position:relative;
  float:left;
  width:245px;
  height:23px;
  margin:0;
  padding:0;
}

#menu-set02 .btn02 a{
	background-image:url(../../img/btn_02.gif);
  background-position: 0 -23px;
  background-repeat:no-repeat;
  width:245px;
  height:23px;
  margin:0;
  padding:0;
	margin:0;
	padding:0;
	float:left;
	font-size:5px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	list-style:none;
}

#menu-set02 .btn02 a:hover{
	background-image:url(../../img/btn_02.gif);
  background-position: 0 0px;
}