@charset "utf-8";
/* CSS Document */


div.requestarea {
	margin-top: 30px;
	padding: 12px 17px;
	background: #f2f6f9;
}
div.requestarea div.left {
	float: left;
	width: 300px;
}
div.requestarea div.left h3 {
	margin: 10px 0 5px 0;
}
div.requestarea div.right {
	float: right;
	width: 200px;
}
div.requestarea div.right li.btn_catalog {
	margin-bottom: 5px;
}



/* top */
* html .iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}

#top td {
	vertical-align: top;
}
#top div#side a.active {
	background-color: #d0e6f8;
}
#top p.center {
	text-align: center;
}

#top div.bg_gray {
	background:url(../img/top01.gif) no-repeat #FFFFFF ;
	width:557px;
	padding:0 12px 0 11px;
	clear:both;
}

#top div.bg_gray div.left {
	width:360px;
	float:left;
}

#top div.bg_gray div.left div.box {
	background:url(../img/top02.png) repeat-y;
	padding:10px 0 12px 17px;
	margin:0 0 8px 0;
}


#top div.bg_gray div.left div.box img {
	vertical-align:bottom;
}

* html #top div.bg_gray div.left div.box img {
	behavior: expression(IEPNGFIX.fix(this));
}

#top div.bg_gray div.left div.box dl.mes {
	background:url(../img/top_message_img.jpg) no-repeat 4px 33px;
	height:100px;
	}
#top div.bg_gray div.left div.box dl.mes dd {
	margin:0 0 3px 74px;
}


#top div.bg_gray div.left div.box dl.gaiyo {
	background:url(../img/top_gaiyo_img.jpg) no-repeat 4px 33px;
	
	}
#top div.bg_gray div.left div.box dl.gaiyo dd {
	margin:0 0 3px 74px;
}

#top div.bg_gray div.left div.box dl {
	line-height:1.0;
}
#top div.bg_gray div.left div.box dl dt {
	margin:0 0 13px 0;
}

#top div.bg_gray div.left div.box dl dt.mascot {
	margin:0;
}

#top div.bg_gray div.right{
	width:185px;
	float:right;
}



/* mes_j */

#mes_j div#title {
	margin-left: 20px;
	padding-bottom: 1px;
	border-bottom: 1px solid #d5d5d5;
	width: 540px;
}
#mes_j div#title div.left {
	float: left;
	width: 120px;
}
#mes_j div#title div.right {
	float: right;
	/*width: 399px;*/
	width:200px;
}
#mes_j div#title div.right li {
	float: left;
	width: auto;
}
#mes_j div#title div.right li a {
	display: block;
}
#mes_j div.section {
	margin: 20px 40px;
}
#mes_j div.section div.left {
	margin-right: 15px;
	margin-bottom: 30px;
	float: left;
	width: 117px;
}
#mes_j div.section div.right {
	float: right;
	width: 366px;
}

#mes_j div.section div.right o{
	text-indent:1em;
}
#mes_j div.section h3 {
	margin: 5px 0;
}
#mes_j div.section p {
	margin-bottom: 10px;
	text-indent:1em;
}



/* mes_z */

#mes_z div#title {
	margin-left: 20px;
	padding-bottom: 1px;
	border-bottom: 1px solid #d5d5d5;
	width: 540px;
}
#mes_z div#title div.left {
	float: left;
	width: 120px;
}
#mes_z div#title div.right {
	float: right;
	/*width: 399px;*/
	width:200px;
}
#mes_z div#title div.right li {
	float: left;
	width: auto;
}
#mes_z div#title div.right li a {
	display: block;
}
#mes_z div.section {
	margin: 20px 40px;
}
#mes_z div.section div.left {
	float: left;
	width: 366px;
}
#mes_z div.section div.right {
	float: right;
	width: 117px;
}

#mes_z div.section img.right {
	float:right;
	margin:0 0 20px 20px;
	}
#mes_z div.section h3 {
	margin: 5px 0;
}
#mes_z div.section p {
	margin-bottom: 10px;
	text-indent:1em;
}



/* mes_k */

#mes_k div#title {
	margin-left: 20px;
	padding-bottom: 1px;
	border-bottom: 1px solid #d5d5d5;
	width: 540px;
}
#mes_k div#title div.left {
	float: left;
	width: 120px;
}
#mes_k div#title div.right {
	float: right;
	width: 399px;
}
#mes_k div#title div.right li {
	float: left;
	width: auto;
}
#mes_k div#title div.right li a {
	display: block;
}
#mes_k div.section {
	margin: 20px 40px;
}
#mes_k div.section div.left {
	margin-right: 15px;
	margin-bottom: 30px;
	float: left;
	width: 117px;
}
#mes_k div.section div.right {
	float: right;
	width: 366px;
}
#mes_k div.section h3 {
	margin: 5px 0;
}
#mes_k div.section p {
	margin-bottom: 10px;
}



/* mes_i */

#mes_i div#title {
	margin-left: 20px;
	padding-bottom: 1px;
	border-bottom: 1px solid #d5d5d5;
	width: 540px;
}
#mes_i div#title div.left {
	float: left;
	width: 120px;
}
#mes_i div#title div.right {
	float: right;
	width: 399px;
}
#mes_i div#title div.right li {
	float: left;
	width: auto;
}
#mes_i div#title div.right li a {
	display: block;
}
#mes_i div.section {
	margin: 20px 40px;
}
#mes_i div.section div.left {
	float: left;
	width: 366px;
}
#mes_i div.section div.right {
	float: right;
	width: 117px;
}
#mes_i div.section h3 {
	margin: 5px 0;
}
#mes_i div.section p {
	margin-bottom: 10px;
}




/* gakubu */

#gakubu div#title {
	margin-left: 20px;
	padding-bottom: 1px;
	border-bottom: 1px solid #d5d5d5;
	width: 540px;
}
#gakubu div#title div.left {
	float: left;
	width: 200px;
}
#gakubu div#title div.right {
	float: right;
	width: 285px;
}
#gakubu div#title div.right li {
	float: left;
	width: 95px;
}
#gakubu div#title div.right li a {
	display: block;
}

#gakubu h3 {
	margin-bottom: 10px;
	padding: 3px 5px;
	background: #eee;
}
#gakubu h3 a {
	padding-left: 15px;
	background: url(../../img/listmark_02.gif) no-repeat;
}
#gakubu div.section {
	margin: 20px;
}
#gakubu div.section div.left {
	float: left;
	width: 266px;
}
#gakubu div.section div.right {
	float: right;
	width: 266px;
}
#gakubu div.section div.unit {
	margin-bottom: 5px;
}
#gakubu div.section div.unit div.left {
	float: left;
	width: 81px;
}
#gakubu div.section div.unit div.right {
	float: right;
	width: 170px;
}
#gakubu div.section div.unit div.right p,
#gakubu div.section div.unit div.right dt a {
	font-weight: bold;
}
#gakubu div.section div.unit div.right dd {
	font-size: 10px;
}
#gakubu div#guide {
	margin-top: 10px;
	padding-top: 10px;
	background: url(../../img/dotline_01.gif) repeat-x;
}
#gakubu div#guide p {
	margin-bottom: 3px;
	font-weight: normal;
}
#gakubu div#guide a {
	padding-left: 15px;
	background: url(../../img/listmark_02.gif) no-repeat;
}
#gakubu div.requestarea h3 {
	background: none;
}



/* soshiki */

#soshiki div#title {
	margin-left: 20px;
	padding-bottom: 1px;
	border-bottom: 1px solid #d5d5d5;
	width: 540px;
}
#soshiki div#title div.left {
	float: left;
	width: 200px;
}
#soshiki div#title div.right {
	float: right;
	width: 285px;
}
#soshiki div#title div.right li {
	float: left;
	width: 95px;
}
#soshiki div#title div.right li a {
	display: block;
}

#soshiki p#chart {
	margin: 20px;
}



/* gaiyo */

#gaiyo div#title {
	margin-left: 20px;
	padding-bottom: 1px;
	border-bottom: 1px solid #d5d5d5;
	width: 540px;
}
#gaiyo div#title div.left {
	float: left;
	width: 200px;
}
#gaiyo div#title div.right {
	float: right;
	width: 285px;
}
#gaiyo div#title div.right li {
	float: left;
	width: 95px;
}
#gaiyo div#title div.right li a {
	display: block;
}
#gaiyo div.section p {
	margin: 20px 40px 0 40px;
}
#gaiyo div.section table {
	margin: 20px;
}
#gaiyo div.section tr.blue {
	background: #e3eaf6;
}
#gaiyo div.section th,
#gaiyo div.section td {
	padding: 2px 0;
	vertical-align: top;
}
#gaiyo div.section th {
	padding-left: 20px;
	padding-right: 10px;
	font-weight: bold;
	white-space: nowrap;
}
#gaiyo div.section td {
	padding-right: 20px;
}



/* mascot */

#mascot div#title {
	margin-left: 20px;
	padding-bottom: 1px;
	border-bottom: 1px solid #d5d5d5;
	width: 540px;
}
#mascot div#title div.left {
	float: left;
	width: 200px;
}
#mascot div#title div.right {
	float: right;
	width: 285px;
}
#mascot div#title div.right li {
	float: left;
	width: 95px;
}
#mascot div#title div.right li a {
	display: block;
}

#mascot p.image {
	padding: 15px 0 5px 0;
	height: 192px;
}

#mascot div.section {
	margin: 20px;
}
#mascot div.section h2 {
	padding: 2px;
	background: #1b5d90;
	color: #fff;
	text-align: center;
}
#mascot div.section p {
	text-align: center;
	font-weight: bold;
}

#mascot div.twocol div.left {
	float: left;
	width: 358px;
}
#mascot div.twocol div.right {
	float: right;
	width: 176px;
}
#mascot div.twocol div.left div.left {
	float: left;
	width: 178px;
}
#mascot div.twocol div.left div.right {
	float: right;
	width: 178px;
}

#mascot div.threecol div.left {
	margin-right: 6px;
	float: left;
	width: 176px;
}
#mascot div.threecol div.center {
	margin-right: 6px;
	float: left;
	width: 176px;
}
#mascot div.threecol div.right {
	float: left;
	width: 176px;
}
#mascot div.threecol div.center p.image {
	padding-top: 65px;
	height: 142px;
}
#mascot div.threecol div.right p.image {
	padding-top: 55px;
	height: 152px;
}



/* jikotenken */

#jikotenken div.section {
	margin: 20px;
}
#jikotenken div.section ul {
	margin-bottom: 10px;
	padding-bottom: 7px;
	background: url(../img/dotline.gif) no-repeat left bottom;
}
#jikotenken div.section li {
	padding-left: 26px;
	background: url(../../img/listmark_pdf.gif) no-repeat;
	height: 17px;
}
html>body #jikotenken div.section li {
	min-height: 17px;
	height: auto;
}
#jikotenken div.section li.left {
	float: left;
	width: 240px;
}
#jikotenken div.section li.right {
	float: right;
	width: 240px;
}

#jikotenken div.reader p {
	margin-bottom: 5px;
	text-align: right;
	font-size: 10px;
}

#jikotenken div.box {
	padding: 20px 65px;
	border: 1px solid #ddd;
}
#jikotenken div.box div.left {
	float: left;
	width: 175px;
}
#jikotenken div.box div.right {
	float: right;
	width: 230px;
}

/*song*/
div.song {
	width:540px;
	padding:0 0 0 0;
	margin:0 0 10px 0;
	clear:both;
	border:1px solid #CCCCCC;
}

div.song div.wma {
	float:left;
	width:300px;
	padding:10px;
}

div.song div.jasrac{
	float:right;
	width:190px;
	padding:10px;
	border-left:1px solid #CCCCCC;
}


div.song div.jasrac p{
	font-size:x-small;
	}
div.plugin {
	clear:both;
	background:#f4f4f4;
	padding:10px;
}
div.plugin img {
	float:left;
}

div.plugin p {
	font-size:x-small;
	display:block;
	margin:0 0 0 100px;
}

div.plugin p span {
	display:block;
	padding:5px 0 0 15px;
	background:url(../../img/listmark_02.gif) no-repeat left 5px;
}

div.plugin p span a{
	font-size:x-small;
}