@charset "utf-8";

/* 商品情報　[ products.css ]
=================================
1: 共通

2: 商品情報トップ　[ id="top" ]

3: 商品情報第2階層　[ id="second" ]

4: 商品情報詳細ページ　[ id="third" ]

5: わくわく英語　[ id="wakuwaku" ]

6: 教材の購入・販売について　[ id="attention" ]

=================================*/


/*1: 共通
=================================*/
#main-col h3 {
	margin: 20px 0 0;
	background: #ffeab2 url(../../products/img/bg_stit.gif) no-repeat 0 0;
}

#main-col h3 span {
	display: block;
	padding: 7px 10px;
	background: url(../../products/img/bg_stit_bottom.gif) no-repeat 0 100%;
	font-weight: bold;
}

#main-col div.h3-wrap {
	margin: 20px 0 0;
	background: #ffeab2 url(../../products/img/bg_stit.gif) no-repeat 0 0;
}

#main-col div.h3-wrap div.multicol {
	display: block;
	padding: 7px 10px;
	background: url(../../products/img/bg_stit_bottom.gif) no-repeat 0 100%;
}

#main-col div.h3-wrap div.multicol h3.leftcol {
	width: 320px;
	margin: 0;
	background: none;
	font-weight: bold;
}

#main-col div.h3-wrap div.multicol ul.rightcol {
	width: 190px;
	text-align: right;
	vertical-align: top;
}

#main-col div.h3-wrap div.multicol ul.rightcol li {
	display: inline;
}

#main-col h4 {
	margin: 25px 0 0;
}

/*タブ
---------------------------------*/
#main-col ul#tab {
	width: 530px;
	margin: 10px 0 0;
	border-bottom: 3px solid #ffbb00;

}

#main-col ul#tab li {
	float: left;
	height: 30px;
}

#main-col ul#tab li img {
	vertical-align: top;
}

/*サブナビゲーション
---------------------------------*/
#main-col ul#sub-nav {
	padding: 10px 10px 5px;
	background-color: #f0f0f0;
}

#main-col ul#sub-nav li {
	float: left;
	padding: 0 0 5px;
}

/*アイコン
---------------------------------*/
#main-col .icon-disc { background: url(../../products/img/icon_disc.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-01 { background: url(../../products/img/icon_01.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-02 { background: url(../../products/img/icon_02.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-03 { background: url(../../products/img/icon_03.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-04 { background: url(../../products/img/icon_04.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-05 { background: url(../../products/img/icon_05.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-06 { background: url(../../products/img/icon_06.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-07 { background: url(../../products/img/icon_07.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-08 { background: url(../../products/img/icon_08.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-09 { background: url(../../products/img/icon_09.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-10 { background: url(../../products/img/icon_10.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-11 { background: url(../../products/img/icon_11.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-12 { background: url(../../products/img/icon_12.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-13 { background: url(../../products/img/icon_13.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-14 { background: url(../../products/img/icon_14.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-15 { background: url(../../products/img/icon_15.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-16 { background: url(../../products/img/icon_16.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-17 { background: url(../../products/img/icon_17.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-18 { background: url(../../products/img/icon_18.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-19 { background: url(../../products/img/icon_19.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-20 { background: url(../../products/img/icon_20.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-21 { background: url(../../products/img/icon_21.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-22 { background: url(../../products/img/icon_22.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-23 { background: url(../../products/img/icon_23.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-24 { background: url(../../products/img/icon_24.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-25 { background: url(../../products/img/icon_25.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-26 { background: url(../../products/img/icon_26.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-27 { background: url(../../products/img/icon_27.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-28 { background: url(../../products/img/icon_28.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-29 { background: url(../../products/img/icon_29.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-cap { background: url(../../products/img/icon_kome.gif) no-repeat 0 5px; padding: 3px 0 2px 20px; }


/*2: 商品情報トップ　[ id="top" ]
=================================*/
#top h2 {
	margin: 10px 0 0;
}

#top ul.dataroom-nav {
	margin: 0 0 0 5px;
	padding: 10px 0 20px;
}

#top ul.dataroom-nav li {
	display: inline;
	margin: 0 0 0 3px;
	padding: 0 0 0 9px;
	background: url(../../img/arrow_orange_s.gif) no-repeat 0 50%;
}



/*3: 商品情報第2階層　[ id="second" ]
=================================*/
#second #main-col h1 {
	margin: 10px 0 0;
}

#second #main-col h1#lineup,
#second #main-col h1#search,
#second #main-col h1#kyoikusho,
#second #main-col h1#kyokasho {
	margin: 0;
}

#second #main-col h2 {
	margin: 15px 0 0;
}

#second div.multicol {
	margin: 15px 10px 0;
}

#second div.multicol div.leftcol {
	width: 130px;
}

#second div.multicol div.leftcol p img {
	padding: 10px;
	border: 1px solid #dddddd;
}

#second div.multicol div.rightcol {
	width: 370px;
}

#second div.multicol div.rightcol p {
	margin: 10px 0 0;
}

#second div.multicol div.rightcol p.product-name {
	margin: 0;
}

#second div.multicol div.rightcol p.product-name a {
	padding-right: 5px;
	font-size: 115%;
	font-weight: bold;
}

#second div.multicol div.rightcol ul {
	padding: 10px 0 0;
}

#second div.multicol div.rightcol ul li {
	float: left;
	height: 17px;
}

#second div.multicol div.rightcol ul li img {
	margin-right: 2px;
}

/*一覧から探す
---------------------------------*/
#second ul#lineup-nav {
	margin: 15px 5px 0 0;
}

#second ul#lineup-nav li {
	display: inline;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	background: url(../../img/arrow_yellow_s_down.gif) no-repeat 0 50%;
}

#second table.lineup-table {
	width: 510px;
	margin: 15px 10px 0;
	border-collapse: collapse;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}

#second table.lineup-table th {
	padding: 7px;
	background-color: #fff8e5;
	border-collapse: collapse;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

#second table.lineup-table th.col1 {
	width: 44%;
}

#second table.lineup-table th.col2 {
	width: 16%;
}

#second table.lineup-table th.col3 {
	width: 13%;
}

#second table.lineup-table th.col4 {
	width: 10%;
}

#second table.lineup-table th.col5 {
	width: 17%;
}

#second table.lineup-table td {
	padding: 7px;
	border-collapse: collapse;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	vertical-align: middle;
}

#second table.lineup-table td ul li {
	float: left;
	height: 17px;
}

#second table.lineup-table td ul li img {
	margin-right: 2px;
}

#second p.pagetop {
	padding: 10px 10px 5px;
	text-align: right;
}

/*検索する
---------------------------------*/
#second #main-col #search-box {
	padding: 10px 0 0;
	background-color: #f0f0f0;
	text-align: left;
}

#second #main-col #search-box table {
	margin: 0 10px 10px;
	background-color: #f0f0f0;
}

#second #main-col #search-box table th,
#second #main-col #search-box table td {
	padding: 0 10px 0 0;
	letter-spacing: -0.1em;
}

#second #main-col #search-box table th img {
	margin-top: 3px;
	vertical-align: top;
}

#second #main-col #search-box #btn-box {
	padding: 10px 0;
	background: url(../../products/img/search_dot.gif) repeat-x 0 0;
	text-align: center;
}

#second #main-col #search-box #btn-box ul {
	width: 243px;
	margin: 0 auto;
}

#second #main-col #search-box #btn-box ul li.leftcol {
	width: 142px;
}

#second #main-col #search-box #btn-box ul li.rightcol {
	width: 91px;
}

#second #main-col #search-box .keyword {
	width: 380px;
}

#second #main-col #result-box {
	margin: 20px 0 0;
	padding: 0 10px 5px;
	border-bottom: 1px solid #ffbb00;
}

#second #main-col #result-box p span {
	font-size: 115%;
}

#second #main-col #result-box ul {
	margin: -1.4em 0 0; 
 	text-align: right;
}

#second #main-col #result-box ul li {
	display: inline;
}

#second #main-col #result-box ul li img {
	margin: 0 2px;
	vertical-align: middle;
}

#second #main-col #result-box2 {
	margin: 20px 0 0;
	padding: 5px 10px 0;
	border-top: 1px solid #ffbb00;
}

#second #main-col #result-box2 ul {
	margin: 0; 
 	text-align: right;
}

#second #main-col #result-box2 ul li {
	display: inline;
}

#second #main-col #result-box2 ul li img {
	margin: 0 2px;
	vertical-align: middle;
}

#second #main-col p.notfound {
	margin: 30px 10px 0;
	font-weight: bold;
	text-align: center;	
}


/*4: 商品情報詳細ページ　[ id="third" ]
=================================*/
#third #main-col h1 {
	margin: 10px 0 0;
	background: #ffeab2 url(../../products/img/bg_stit.gif) no-repeat 0 0;
}

#third #main-col h1 span {
	display: block;
	padding: 7px 10px;
	background: url(../../products/img/bg_stit_bottom.gif) no-repeat 0 100%;
	font-weight: bold;
}

#third #main-col div.h1-wrap {
	margin: 10px 0 0;
	background: #ffeab2 url(../../products/img/bg_stit.gif) no-repeat 0 0;
}

#third #main-col div.h1-wrap div.multicol {
	display: block;
	padding: 7px 10px;
	background: url(../../products/img/bg_stit_bottom.gif) no-repeat 0 100%;
}

#third #main-col div.h1-wrap div.multicol h1.leftcol {
	width: 320px;
	margin: 0;
	background: none;
	font-weight: bold;
}

#third #main-col div.h1-wrap div.multicol ul.rightcol {
	width: 190px;
	text-align: right;
	vertical-align: top;
}

#third #main-col div.h1-wrap div.multicol ul.rightcol li {
	display: inline;
}

#third #main-col h2 {
	margin: 25px 0 0;
}

/* 商品概要
---------------------------------*/
#third #main-col div.multicol {
	width: 510px;
	margin: 15px 10px 0;
}

#third div.multicol div.leftcol {
	width: 160px;
}

#third div.multicol div.leftcol p img {
	padding: 10px;
	border: 1px solid #dddddd;
}

#third div.multicol div.leftcol #icon-box {
	margin: 10px 0 0;
}

#third div.multicol div.leftcol #icon-box ul {
	width: 160px;
	margin: 0 0 3px;
}

#third div.multicol div.leftcol #icon-box ul li {
	float: left;
	height: 17px;
}

#third div.multicol div.leftcol #icon-box ul li img {
	margin: 0 2px 0 0;
}

#third div.multicol div.rightcol {
	width: 335px;
}

#third div.multicol div.rightcol p {
	margin: 10px 0 0;
}

#third div.multicol div.rightcol p.margin2 {
	margin: 0 0 10px;
}

#third div.multicol div.rightcol p.author {
	margin: 0;
	font-size: 120%;
	font-weight: bold;
}

#third div.multicol div.rightcol p.author2 {
	margin: 0 0 10px;
	font-size: 110%;
	font-weight: bold;
}

#third div.multicol div.rightcol p.cap {
	margin: 10px 0 0 1em;
	font-size: 85%;
	text-indent: -1em;
}

#third div.multicol div.rightcol p.price {
	text-align: right;
	font-weight: bold;
}

#third div.multicol div.rightcol p.price span {
	font-weight:normal;
}

#third div.multicol div.rightcol #other-info {
	margin: 10px 0 0;
}

#third div.multicol div.rightcol #other-info dt {
	float: left;
	font-size: 90%;
	font-weight: bold;
}

#third div.multicol div.rightcol #other-info dd {
	font-size: 90%;
}

#third div.multicol div.rightcol #other-info div.multicol {
	width: 335px;
	margin: 0;
}

#third div.multicol div.rightcol #other-info div.multicol dl {
	float: left;
	width: 160px;
}

#third div.multicol div.rightcol ul.o-blank li { background: url(../../products/img/icon_disc.gif) no-repeat 15px 3px; padding: 3px 0 2px 30px;}

#third #main-col ul.dataroom-nav {
	margin: 0 5px;
	padding: 10px 0 0;
}

#third #main-col ul.dataroom-nav li {
	display: inline;
	margin: 0 0 0 5px;
	padding: 0 0 0 10px;
	background: url(../../img/arrow_orange_s.gif) no-repeat 0 50%;
}

#third #main-col div.english-box table {
	width: 510px;
	margin: 15px 10px 0;
}

#third #main-col div.english-box th {
	padding: 5px;
	border: 1px solid #ccc;
	background: #fff8e5;
	font-weight: bold;
	text-align: center;
}

#third #main-col div.english-box td {
	padding: 5px;
	border: 1px solid #ccc;
}


/* サンプル/バリエーション/関連商品
---------------------------------*/
#third div.row-wrap {
	margin: 15px 0 0 10px;
}

#third div.item-box {
	float: left;
	width: 130px;
}

#third div.item-box p.img {
	width: 120px;
	height: 120px;
	text-align: center;
	vertical-align: middle;
}

#third div.item-box p.img img {
	padding: 10px;
	border: 1px solid #dddddd;
}

#third div.item-box p.txt {
	margin: 10px 8px 0 0;
}

#third div.item-box p.jpg {
	padding: 0 0 0 18px;
	background: url(../../img/icon_jpg.gif) no-repeat 0 2px;
}

#third div.item-box p.pdf {
	padding: 0 0 0 18px;
	background: url(../../img/icon_pdf.gif) no-repeat 0 2px;
}

#third div.item-box p.word {
	padding: 0 0 0 18px;
	background: url(../../img/icon_word.gif) no-repeat 0 2px;
}

#third div.item-box p.excel {
	padding: 0 0 0 18px;
	background: url(../../img/icon_excel.gif) no-repeat 0 2px;
}

/* 商品情報詳細ページの詳細
---------------------------------*/
#third #main-col div.description-box h2 {
	margin: 20px 0 0;
}

#third div.description-box p {
	margin: 15px 10px 0;
}

#third div.description-box ul {
	margin: 10px 0 0;
}

#third div.description-box ul li {
	margin: 0 0 5px;
}

#third div.description-box ul li ul.mokuji_list{
	margin: 10px 0 10px 10px;
}

#third div.description-box ul li ul.mokuji_list li{
	margin: 0;
	padding-top: 3px;
	padding-bottom: 2px;
}

#third div.description-box ul li ul.mokuji_list li.mokuji_separate{
	margin: 0 0 20px;
}

#third div.description-box .multicol,
#third div.description-box .multicol2 {
	width: 510px;
	margin: 10px 10px 0;
}

#third div.description-box .multicol .leftcol {
	width: 100px;
	margin: 0;
	padding: 0 5px 0 0;
	float: left;
}

#third div.description-box .multicol .rightcol {
	width: 400px;
	margin: 0;
	padding: 0 0 0 5px;
	float: right;
}

#third div.description-box .multicol2 p.leftcol {
	width: 338px;
	margin: 0;
	padding: 0 5px 0 0;
	float: left;
}

#third div.description-box .multicol2 p.rightcol {
	width: 140px;
	margin: 0 0 0 5px;
	padding: 10px;
	border: 1px solid #dddddd;
	float: right;
}

#third div.description-box .multicol2 dl.leftcol {
	width: 330px;
	margin: 0;
	padding: 0 5px 0 0;
}

#third div.description-box .multicol2 dl.s013 {
	margin: 15px 0 0;
}

#third div.description-box .multicol2 ul.leftcol,
#third div.description-box .multicol2 div.leftcol {
	width: 330px;
	margin: 0;
	padding: 0 5px 0 0;
}

#third div.description-box .multicol2 dd.rightcol {
	width: 170px;
	margin: 0;
	padding: 0 0 0 5px;
}

#third div.description-box span.cap {
	display: block;
	margin: 5px 0 0;
	font-size: 85%;
}

#third #main-col div.description-box ul li.num1 {
	list-style: upper-roman inside;
	margin:15px 0 0 0;
}

#third #main-col div.description-box ul li.num2 {
	list-style: circle inside;
	margin:0;
	padding: 0;
}

#third div.description-box p.paragraph {
	text-indent: 1em;
}

#third div.description-box li.paragraph-q {
	text-indent: -23px;
	margin: 0px 5px 5px 43px;
}

#third div.description-box li.paragraph-p {
	margin: 0px 5px 5px 20px;
}

#third div.description-box li.paragraph-n {
	margin: 0px 5px 5px 15px;
}



#third div.description-box .keyword {
	width: 300px;
	margin: 0px 0px 0px 30px;
}

#third div.description-box .doc-margin {
	padding: 7px 10px;
}

#third div.description-box table.cyosyo-box {
	width: 420px;
	margin: 10px 0 0 50px;
}

#third div.description-box th.cyosyo-1 {
	width:65px;
	padding: 5px;
	font-weight: bold;
}

#third div.description-box td.cyosyo-2 {
	width:345px;
	padding: 5px;
}

#third div.description-box table.taidan-box {
	width: 435px;
	margin: 10px 0 0 50px;
}

#third div.description-box th.taidan-1 {
	width:80px;
	padding: 5px;
	font-weight: bold;
}

#third div.description-box td.taidan-2 {
	width:345px;
	padding: 5px;
}

#third div.description-box dl.sample-box {
	width: 162px;
}

#third div.description-box dt img {
	padding: 10px;
	border: 1px solid #dddddd;
}

#third div.description-box dd.pdf {
	margin: 10px 0 0 0;
	padding: 0 0 0 17px;
	background: url(../../products/kyoikusho/img/pdf.gif) no-repeat 0 2px;
}

#third div.description-box dd.jpg {
	margin: 10px 0 0 0;
	padding: 0 0 0 20px;
	background: url(../../products/kyoikusho/img/icon_jpg.gif) no-repeat 0 2px;
}

#third div.description-box dl.q-a {
	margin: 15px 10px 0;
}

#third div.description-box dl dt.q-a {
	width: 3em;
	margin: 5px 0 0;
	color: #e60011;
	font-weight: bold;
}

#third div.description-box dl dd.q-a {
	margin: -1.4em 0 0 3.5em;
}

/* 特殊ケース対応
---------------------------------*/
#third div.specialcol,#second div.specialcol {
	width: 333px;
	margin: 10px 0 0;
	border: 1px solid #ccc;
	background: #fff6dd;
}

#third div.specialcol p.title,#second div.specialcol p.title {
	float: left;
	padding:0 10px;
	width: 210px;
	font-weight: bold;
}

#third div.specialcol p.title img,#second div.specialcol p.title img {
	padding:0 5px 3px 0;
}


#third div.specialcol p.img,#second div.specialcol p.img {
	float: right;
	padding: 0 0 10px;
}

#third div.specialcol p.text,#second div.specialcol p.text {
	float: left;
	padding:0 10px;
	width: 210px;
}


/* みんなのうた
---------------------------------*/
#third #main-col p.lead_text{
	margin: 10px;
}

#third #main-col p.lead_text span{
	text-align: right;
	display: block;
}

#third div.minna_menu ul{
	margin: 30px 0 10px 20px;
	float: left;
	width: 245px;
}

#third div.minna_menu ul li{
	padding: 0 0 0 15px;
	background: url(../../img/arrow_orange_s.gif) no-repeat 0 50%;
}

#third div.description-box ul {
	margin: 15px 0 0 20px;
}

#third div#songs_lists ul#songs_index{
	margin: 15px 0 0;
	padding: 0 0 10px;
	background: url(../../products/toshokyozai/img/g009_list_bg_top_0.gif) no-repeat bottom left;
}

#third div#songs_lists ul#songs_index li{
	float: left;
}

#third div#songs_lists div#songs_list0,
#third div#songs_lists div#songs_list1,
#third div#songs_lists div#songs_list2,
#third div#songs_lists div#songs_list3,
#third div#songs_lists div#songs_list4{
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	width: 508px;
	padding: 0 0 10px;
}

#third div#songs_lists div#songs_list0{
	background: url(../../products/toshokyozai/img/g009_list_bg_bottom_0.gif) no-repeat bottom left;
}
#third div#songs_lists div#songs_list1{
	background: url(../../products/toshokyozai/img/g009_list_bg_bottom_1.gif) no-repeat bottom left;
}
#third div#songs_lists div#songs_list2{
	background: url(../../products/toshokyozai/img/g009_list_bg_bottom_2.gif) no-repeat bottom left;
}
#third div#songs_lists div#songs_list3{
	background: url(../../products/toshokyozai/img/g009_list_bg_bottom_3.gif) no-repeat bottom left;
}
#third div#songs_lists div#songs_list4{
	background: url(../../products/toshokyozai/img/g009_list_bg_bottom_4.gif) no-repeat bottom left;
}

#third div#songs_lists div#songs_list1,
#third div#songs_lists div#songs_list2,
#third div#songs_lists div#songs_list3,
#third div#songs_lists div#songs_list4{
	display: none;
}

#third div#songs_lists ul.songs_list{
	padding: 10px 0 10px 20px;
	width: 234px;
	float: left;
}

#third div#songs_lists div#songs_list0 ul.left_list{
	background: url(../../products/toshokyozai/img/g009_list_bg_left_0.gif) repeat-y top left;
}
#third div#songs_lists div#songs_list0 ul.right_list{
	background: url(../../products/toshokyozai/img/g009_list_bg_right_0.gif) repeat-y top right;
}
#third div#songs_lists div#songs_list1 ul.left_list{
	background: url(../../products/toshokyozai/img/g009_list_bg_left_1.gif) repeat-y top left;
}
#third div#songs_lists div#songs_list1 ul.right_list{
	background: url(../../products/toshokyozai/img/g009_list_bg_right_1.gif) repeat-y top right;
}
#third div#songs_lists div#songs_list2 ul.left_list{
	background: url(../../products/toshokyozai/img/g009_list_bg_left_2.gif) repeat-y top left;
}
#third div#songs_lists div#songs_list2 ul.right_list{
	background: url(../../products/toshokyozai/img/g009_list_bg_right_2.gif) repeat-y top right;
}
#third div#songs_lists div#songs_list3 ul{
	background: url(../../products/toshokyozai/img/g009_list_bg_middle_3.gif) repeat-y 0 0;
	width: 478px;
}
#third div#songs_lists div#songs_list4 ul{
	background: url(../../products/toshokyozai/img/g009_list_bg_middle_4.gif) repeat-y 0 0;
	width: 478px;
}

#third div#songs_lists div#songs_list0 ul.songs_list li{
	padding: 0 0 0 20px;
	background: url(../../img/arrow_red_s.gif) no-repeat 10px 50%;
}

#third div#songs_lists div#songs_list1 ul.songs_list li{
	padding: 0 0 0 20px;
	background: url(../../img/arrow_orange_s.gif) no-repeat 10px 50%;
}

#third div#songs_lists div#songs_list2 ul.songs_list li{
	padding: 0 0 0 20px;
	background: url(../../img/arrow_yellow_s.gif) no-repeat 10px 50%;
}

#third div#songs_lists div#songs_list3 ul.songs_list li{
	padding: 0 0 0 20px;
	background: url(../../img/arrow_green_s.gif) no-repeat 10px 50%;
}

#third div#songs_lists div#songs_list4 ul.songs_list li{
	padding: 0 0 0 20px;
	background: url(../../img/arrow_blue_s.gif) no-repeat 10px 50%;
}

#third div#songs_lists div#songs_list0 ul.songs_list li.wma,
#third div#songs_lists div#songs_list1 ul.songs_list li.wma,
#third div#songs_lists div#songs_list2 ul.songs_list li.wma,
#third div#songs_lists div#songs_list3 ul.songs_list li.wma,
#third div#songs_lists div#songs_list4 ul.songs_list li.wma{
	padding: 0 0 0 20px;
	background: url(../../products/toshokyozai/img/icon_wma.gif) no-repeat 5px center;
}

#third div#songs_lists ul.songs_list li img{
	padding: 0 0 2px 3px;
}

#third div#songs_lists div#songs_list0 p{
	background: url(../../products/toshokyozai/img/g009_list_bg_middle_0.gif) repeat-y 0 0;
	padding: 0 20px;
}
#third div#songs_lists div#songs_list1 p{
	background: url(../../products/toshokyozai/img/g009_list_bg_middle_1.gif) repeat-y 0 0;
	padding: 0 20px;
}
#third div#songs_lists div#songs_list2 p{
	background: url(../../products/toshokyozai/img/g009_list_bg_middle_2.gif) repeat-y 0 0;
	padding: 0 20px;
}
#third div#songs_lists div#songs_list3 p{
	background: url(../../products/toshokyozai/img/g009_list_bg_middle_3.gif) repeat-y 0 0;
	padding: 0 20px;
}
#third div#songs_lists div#songs_list4 p{
	background: url(../../products/toshokyozai/img/g009_list_bg_middle_4.gif) repeat-y 0 0;
	padding: 0 20px;
}

#third #main-col div.description-box table {
	width: 510px;
	margin: 15px 10px 10px;
}

#third #main-col div.description-box th {
	padding: 5px;
	border: 1px solid #ccc;
	background: #fff8e5;
	font-weight: bold;
	text-align: center;
}

#third #main-col div.description-box table.g009_guide th {
	width: 7em;
	background: #fff8e5;
	font-weight: normal;
}

#third #main-col div.description-box td {
	padding: 5px;
	border: 1px solid #ccc;
}

#third #main-col div.description-box div.attention {
	border: 1px solid #ccc;
	background: #fff8e5;
	margin:10px;
}

#third #main-col div.description-box div.attention dl.yamato{
	margin: 10px;
}

#third #main-col div.description-box div.attention dl.yamato dt{
	font-weight: bold;
	text-align: center;
}

#third #main-col div.description-box div.attention dl.yamato dd{
	font-weight: bold;
	text-align: center;
}

#third #main-col div.description-box p.g009_sstit{
	margin: 20px 10px -5px;
}

#third #main-col div.g009_faq {
	margin: 10px;
	border: 1px solid #ccc;
	padding: 10px;
}

#third #main-col div.g009_faq p{
	margin: 0 0 5px;
}

#third #main-col div.g009_faq dl{
	margin: 0 10px 0;
}

#third #main-col div.g009_faq dt{
	font-weight: bold;
}

#third #main-col div.g009_faq dd{
	margin: -1.4em 0 0 3.3em;
}

#third #main-col div.description-box p.btn_faq{
	margin: 5px 10px 10px;
	text-align: right;
}

#third #main-col div.multicol div.rightcol div.other-info {
	margin: 10px 0 0;
}

#third #main-col div.multicol div.rightcol div.other-info dt {
	float: left;
	font-size: 90%;
	font-weight: bold;
}

#third #main-col div.multicol div.rightcol div.other-info dd {
	font-size: 90%;
}

#third #main-col div.multicol div.rightcol div.other-info div.multicol {
	width: 335px;
	margin: 0;
}

#third #main-col div.multicol div.rightcol div.other-info div.multicol dl {
	float: left;
	width: 160px;
}



/* わくわく英語
---------------------------------*/
#wakuwaku #main-col h1 {
	margin: 10px 0 0;
	background: #ffeab2 url(../../products/img/bg_stit.gif) no-repeat 0 0;
}

#wakuwaku #main-col h1 span {
	display: block;
	padding: 7px 10px;
	background: url(../../products/img/bg_stit_bottom.gif) no-repeat 0 100%;
	font-weight: bold;
}

#wakuwaku #main-col div.h1-wrap {
	margin: 10px 0 0;
	background: #ffeab2 url(../../products/img/bg_stit.gif) no-repeat 0 0;
}

#wakuwaku #main-col div.english-box h2 {
	margin: 20px 0 0;
}

#wakuwaku #main-col p.type1 {
	margin: 15px 10px 0;
}

#wakuwaku #main-col div.english-box p.type2 {
	margin: 15px 10px 0;
	font-weight: bold;
}

#wakuwaku #main-col div.english-box p.type3 {
	margin: 15px 10px 0;
	color: #eeaa00;
	font-weight: bold;
}

#wakuwaku #main-col div.english-box p.pdf {
	padding: 10px 0 20px 27px;
	background: url(../../products/toshokyozai/img/pdf.gif) no-repeat 10px 10px;
}

#wakuwaku #main-col div.english-box p.note {
	padding: 15px 28px 0;
	background: url(../../products/toshokyozai/img/note.gif) no-repeat 10px 15px;
}

#wakuwaku #main-col div.english-box td.note {
	padding: 5px 25px 5px;
	background: url(../../products/toshokyozai/img/note.gif) no-repeat 8px 6px;
}

#wakuwaku #main-col div.english-box ul {
	margin: 10px 10px 0;
}

#wakuwaku #main-col div.english-box li {
	margin: 0 5px 0;
}

#wakuwaku #main-col div.english-box .multcol2 {
	width: 510px;
	margin: 15px 10px 0;
}

#wakuwaku #main-col div.english-box .multcol2 ul.leftcol {
	width: 340px;
	float: left;
	margin: 0px;
	padding: 0 5px 0 0;
}

#wakuwaku #main-col div.english-box .multcol2 p.img-1 {
	width: 140px;
	float: right;
	margin: 0px;
	padding: 22px 9px 22px 9px;
	border: 1px solid #dddddd;
}

#wakuwaku #main-col div.english-box p.img-2 {
	width: 380px;
	margin: 10px;
	padding: 11px 64px 15px;
	border: 1px solid #dddddd;
}

#wakuwaku #main-col div.english-box p.img-3 {
	width: 489px;
	margin: 10px;
	padding: 9px 9px 15px;
	border: 1px solid #dddddd;
}

#wakuwaku #main-col div.english-box p.img-4 {
	width: 489px;
	margin: 10px;
	padding: 13px 10px 15px 9px;
	border: 1px solid #dddddd;
}




#wakuwaku #main-col div.english-box table {
	width: 510px;
	margin: 15px 10px 0;
}

#wakuwaku #main-col div.english-box th {
	padding: 5px;
	border: 1px solid #ccc;
	background: #fff8e5;
	font-weight: bold;
	text-align: center;
}

#wakuwaku #main-col div.english-box td {
	padding: 5px;
	border: 1px solid #ccc;
}

#wakuwaku #main-col ul.dataroom-nav {
	margin: 0 5px;
	padding: 10px 0 0;
}

#wakuwaku #main-col ul.dataroom-nav li {
	display: inline;
	margin: 0 0 0 5px;
	padding: 0 0 0 10px;
	background: url(../../img/arrow_orange_s.gif) no-repeat 0 50%;
}

#wakuwaku #main-col div.english-box .num-indent1 {
	text-indent: -15px;
	padding: 5px 5px 5px 20px;
}

#wakuwaku #main-col div.english-box .num-indent2 {
	text-indent: -20px;
	padding: 5px 5px 5px 25px;
}

/*5: 教材の購入・販売について　[ id="attention" ]
=================================*/
#attention #main-col h1 {
	margin: 0 0 -5px;
}

#attention #main-col h2 {
	margin: 15px 0 0;
}

#attention #main-col p {
	margin: 10px 10px 0;
}

#attention #main-col ul {
	margin: 15px 10px 0;
}

#attention #main-col ul li ul {
	margin: 0;
}

#attention div.box-01 {
	width: 510px;
	margin: 20px 10px 0;
	padding: 1px 0 0;
	background: url(../../products/img/bg_round_top.gif) no-repeat 0 0;
}

#attention div.box-01 div.wrap {
	padding: 10px 10px 0;
	background: url(../../products/img/bg_round_bottom.gif) no-repeat 0 100%;
}

#attention div.box-01 dl dd {
	padding: 5px 0 10px;
}



/*連絡先
---------------------------------*/
#attention #contact-box {
	margin: 25px 0 0;
	padding: 0;
	background: url(../../products/img/bg_contact_bottom.gif) no-repeat 0 100%;
}
/*
#attention #contact-box {
	margin: 25px 0 0;
	padding: 0;
	background: url(../../products/img/bg_contact_bottom.gif) no-repeat 0 100%;
}

#attention #main-col #contact-box p {
	margin: 0;
	padding: 15px;
}

#attention #main-col #contact-box p.tit {
	margin: 0;
	padding: 0;
}*/


#attention #main-col #contact-box p {
	margin: 0;
}

#attention #main-col #contact-box div.multicol {
	width: 500px;
	margin: 0 15px;
	padding: 15px 0;
}

#attention #main-col #contact-box div.multicol p.leftcol {
	width: 391px;
}

#attention #main-col #contact-box div.multicol p.rightcol {
	width: 106px;
}