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


#container_menu {
		overflow:hidden;
		margin-left:20px;
		}

#container_menu li {
	float:left;
	list-style:none;
	padding-right:3px;
}




/*----------------------１週間の楽しみ方menu----------------------*/

.sprite-menu01a{ 
              background: url(img/menu_list.png) no-repeat;
              background-position: 0 5px; width: 100px; height: 45px;} 
			  
a:hover .sprite-menu01a {
	 background: url(img/menu_list.png) no-repeat;
			  background-position: 0 -50px; width: 100px; height: 45px;}
			  
.sprite-menu01b{
              background: url(img/menu_list.png) no-repeat;
			  background-position: 0 -50px; width: 100px; height: 45px;} 

.sprite-menu02a{
              background: url(img/menu_list.png) no-repeat; 
			  background-position: -105px 5px; width: 100px; height: 45px;} 
			  
a:hover .sprite-menu02a {
			  background: url(img/menu_list.png) no-repeat; 
			  background-position: -105px -50px; width: 100px; height: 45px;}
  
.sprite-menu02b{
              background: url(img/menu_list.png) no-repeat; 
			  background-position: -105px -50px; width: 100px; height: 45px;} 
			  
.sprite-menu03a{
              background: url(img/menu_list.png) no-repeat; 
			  background-position: -210px 5px; width: 100px; height: 45px; cursor: auto;} 
			  
a:hover .sprite-menu03a {
			  background: url(img/menu_list.png) no-repeat; 
			  background-position: -210px -50px; width: 100px; height: 45px; }	
			  
.sprite-menu03b{
              background: url(img/menu_list.png) no-repeat; 
			  background-position: -210px -50px; width: 100px; height: 45px;} 
			  
			  
.sprite-menu04a{
              background: url(img/menu_list.png) no-repeat;
			  background-position: -315px 5px; width: 100px; height: 45px;} 
			  
a:hover .sprite-menu04a {
			  background: url(img/menu_list.png) no-repeat;
			  background-position: -315px -50px; width: 100px; height: 45px;}	
			  
.sprite-menu04b{
              background: url(img/menu_list.png) no-repeat;
			  background-position: -315px -50px; width: 100px; height: 45px;} 
			  
			  
.sprite-menu05a{
              background: url(img/menu_list.png) no-repeat; 
			  background-position: -420px 5px; width: 100px; height: 45px;} 
			  
a:hover .sprite-menu05a {
			  background: url(img/menu_list.png) no-repeat; 
			  background-position: -420px -50px; width: 100px; height: 45px;}	
			  
.sprite-menu05b{
              background: url(img/menu_list.png) no-repeat; 
			  background-position: -420px -50px; width: 100px; height: 45px;} 
			  
			  
.sprite-menu06a{
              background: url(img/menu_list.png) no-repeat; 
			  background-position: -524px 5px; width: 100px; height: 45px;} 
			  
a:hover .sprite-menu06a {
			  background: url(img/menu_list.png) no-repeat; 
			  background-position: -524px -50px; width: 100px; height: 45px;}	
			  
.sprite-menu06b{
              background: url(img/menu_list.png) no-repeat; 
			  background-position: -524px -50px; width: 100px; height: 45px;} 
			  
			  
	  
.menu_s {
	width:606px;
	background-color:#f9d950;
    padding: 15px 6px;
	font-size:90%;
	margin-bottom:30px;
	margin-left:20px;
	color:#000;
	font-weight:bold;
	}			  

.menu_s a {
	color:#000;
	border-right: 1px #000 solid;
	padding:3px 8px;}

.menu_s a:hover {
	color:#09C;}

.menu_left {
	border-left: 1px #000 solid;
	margin-left:8px;}
.menu_right { border-right: none !important;}

/*----------------------馬三郎遣い方一覧----------------------*/


.step {
	background-image:url(img/step.png);
	background-repeat:no-repeat;
	width:592px;
	height:178px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	}	
	
.step ul {
	margin-left:auto;
	margin-right:auto;
	width:510px;
}

.step li {
	float:left;
	list-style:none;
	width:120px;
	font-weight:bolder;
	margin-top:25px;
	margin-left:5px;
	}
	
.step_list01 {
	background: url(img/step2.png) no-repeat; 
	background-position: 0 0; width: 120px; height: 130px;
	}

.step_list02 {
	background: url(img/step2.png) no-repeat; 
	background-position: -120px 0; width: 120px; height: 130px;
	}

.step_list03 {
	background: url(img/step2.png) no-repeat; 
	background-position: -240px 0; width: 120px; height: 130px;
	}
	
.step_list04 {
	background: url(img/step2.png) no-repeat; 
	background-position: -360px 0; width: 120px; height: 130px;
	}
	
.step_list05{
	background: url(img/step2.png) no-repeat; 
	background-position: -480px 0; width: 120px; height: 130px;
	}
	
a:hover .step_list01 {
	background: url(img/step2.png) no-repeat; 
	background-position: 0 -130px; width: 120px; height: 130px;
	}

a:hover .step_list02 {
	background: url(img/step2.png) no-repeat; 
	background-position: -120px -130px; width: 120px; height: 130px;
	}

a:hover .step_list03 {
	background: url(img/step2.png) no-repeat; 
	background-position: -240px -130px; width: 120px; height: 130px;
	}
	
a:hover .step_list04 {
	background: url(img/step2.png) no-repeat; 
	background-position: -360px -130px; width: 120px; height: 130px;
	}
	
a:hover .step_list05{
	background: url(img/step2.png) no-repeat; 
	background-position: -480px -130px; width: 120px; height: 130px;
	}		
	

.umasppr_title {
	width:610px;
	border-left:8px #0080FF solid;
	border-bottom:1px #0080FF solid;
	font-weight:bolder;
	padding:5px 5px 5px 10px;
	font-size:120%;
	margin:15px 0 15px 15px;
	clear:both;
	color:#09F;
	
	}


.umasppr_box {
	padding-left:25px;
	line-height:1.3em;
	width:615px;
	clear:both;
	overflow:hidden;}

.umasppr_box p {
	margin-left:10px;}

.umasppr_box h3 {
	margin-left:10px;}

.uma_title2 {
	margin:15px 0 15px 10px;}


.uma_title4 {
	border-left:#57A2CE 8px solid;
	border-bottom:#57A2CE 2px solid;
	padding:5px 0 5px 5px;
	font-weight:bold;
	font-size:110%;
	width:570px;
	margin-left:30px;
	clear:both;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
	letter-spacing:0.1em;
	}
	
.uma_title5 {
	border-left:#57A2CE 8px solid;
	border-bottom:#57A2CE 2px solid;
	padding:5px 0 5px 5px;
	font-weight:bold;
	font-size:110%;
	width:570px;
	clear:both;
	}	

ul.uma_no {
	list-style-type: decimal;}
	
	
	
/*----------------------/// FAQ ///----------------------*/

.uma_faq {
	overflow:hidden;
	padding:10px 10px 10px 0;
	width:600px;
	margin-left:auto;
	margin-right:auto;
	}

.uma_blue {
	width:auto;
	background-image:url(img/q.png);
	background-repeat:no-repeat;
	background-position:5px 5px;
	background-color:#cee6f4;
	font-weight:bold;
	clear:both;
	padding:10px 5px 10px 50px;
	-webkit-border-radius: 5px;	/* Safari、Google Chrome */
	-moz-border-radius: 5px;	/* Firefox */
	clear:both;
	}
	
.uma_red {
	float:left;
	padding-left:20px;
	padding-top:10px;
	}

.uma_kaitou {
	width:530px;
	padding:0px 10px 0px 50px;
	margin-top:15px !important;
}

.uma_title3 {
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
	background-image:url(img/back.png);
	background-repeat:no-repeat;
	width:600px;
	height:40px;
	line-height: 42px;
	font-weight:bold;
	padding-left:30px;
	margin:0 0 10px 15px;
	font-size:120%;
	color:#000;
	border-radius: 8px;}


.umasppr_box .uma_photo {
	float:left;
	margin:15px 15px 40px 15px;
	border:#333 1px solid;}

.umasppr_box hr {
	clear:both;}

.uma_toptext {
	margin-bottom:20px;
	font-weight:bold;
	padding-right:20px;
	clear:both;
	}


/*----------------------/// 用語集 ///----------------------*/

.uma_sppr_list {
	margin-left:35px;
	overflow:hidden;}

.uma_sppr_list li h3 {
	background-image:url(img/iconC14.gif);
	background-repeat:no-repeat;
	padding-left:25px;
	margin:5px;
	}

.uma_sppr_list li {
	width:600px;
	font-weight:bold;
	margin:0 20px 20px 0;
	border-left:#9EDBFC 8px solid;
	line-height:1.3em;
	border-bottom:#2893BB 1px dashed;
	}

.uma_sppr_list li p {
	font-weight:normal;
	margin:5px;}



/*----------------------/// 関連リンク ///----------------------*/

ul.umapr_link {
	width:550px;
	margin-left:auto;
	margin-right:auto;}


.umapr_link li {
	width:40%;
	height:40px;
	background:url(img/right.png) left no-repeat;
	padding-left:25px;
	float:left;
	line-height:40px;
	}

.container_menu02 {
		overflow:hidden;
		margin-left:20px;
		margin-bottom:20px;
		}

/*----------------------/// 20151125追加 ///----------------------*/

.main_title {
    width: 630px;
    margin: 0 15px;
	}

.umasppr_box h1 {
	margin: 20px 10px;
    font-size: 160%;
	line-height: 1.2em; 
	}




/*----------------------/// 201612追加 ///----------------------*/



	
.download {
    width:500px;
    border: 1px #99cc00 solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin:15px auto;
}

.download th {
    padding: 5px;
    border: #99cc00 solid;
    border-width: 0 0 1px 1px;
    background: #ccff66;
    font-weight: bold;
    line-height: 120%;
    text-align: center;                                                                                                                                   
}
.download td {
    padding: 5px;
	background:white;
    border: 1px #99cc00 solid;
    border-width: 0 0 1px 1px;
    text-align:center;
	font-size:15px;
	line-height:1.3;
}


.dl_text{
	font-weight: bold;
    line-height: 1.3em;
    text-decoration: underline !important;
    font-size: 105%;
    letter-spacing: 1.1px;
	display: block;
    margin: 9px;
}
.dl_text:hover{
	text-decoration:none !important;
}
.download .orange{
	color:#ff8023 !important;
}
.download .green{
	color: #09af00!important;
	background:#FFF !important;
}