@charset "utf-8";

#naviArrange{
width:250px;
height:780px;
background:url(/images/arrange/back_menu.jpg) no-repeat 0 0;
float:left;
}
#naviArrangeIn{
padding:20px 0 0 60px;
color:#FFFFFF;
}
#naviArrangeIn h2{line-height:130%;}

#naviTitle01{
height:48px;
margin:0 0 10px 0;
background:url(/images/arrange/thumbnail_01off.jpg) no-repeat 0 0;
line-height:140%;
}
#naviTitle01 span{
padding:8px 0 0 48px;
display:block;
}
#naviTitle01 span a{color:#FFFF00;}

#naviTitle02{
height:48px;
margin:0 0 10px 0;
background:url(/images/arrange/thumbnail_02off.jpg) no-repeat 0 0;
line-height:140%;
}
#naviTitle02 span{
padding:8px 0 0 48px;
display:block;
}
#naviTitle02 span a{color:#FFFF00;}

#naviTitle03{
height:48px;
margin:0 0 10px 0;
background:url(/images/arrange/thumbnail_03off.jpg) no-repeat 0 0;
line-height:140%;
}
#naviTitle03 span{
padding:8px 0 0 48px;
display:block;
}
#naviTitle03 span a{color:#FFFF00;}

#naviTitle04{
height:48px;
margin:0 0 10px 0;
background:url(/images/arrange/thumbnail_04off.jpg) no-repeat 0 0;
line-height:140%;
}
#naviTitle04 span{
padding:8px 0 0 48px;
display:block;
}
#naviTitle04 span a{color:#FFFF00;}

#naviTitle05{
height:48px;
margin:0 0 10px 0;
background:url(/images/arrange/thumbnail_05off.jpg) no-repeat 0 0;
line-height:140%;
}
#naviTitle05 span{
padding:8px 0 0 48px;
display:block;
}
#naviTitle05 span a{color:#FFFF00;}

#naviTitle06{
height:48px;
margin:0 0 10px 0;
background:url(/images/arrange/thumbnail_06off.jpg) no-repeat 0 0;
line-height:140%;
}
#naviTitle06 span{
padding:8px 0 0 48px;
display:block;
}
#naviTitle06 span a{color:#FFFF00;}

#naviTitle07{
height:48px;
margin:0 0 10px 0;
background:url(/images/arrange/thumbnail_07off.jpg) no-repeat 0 0;
line-height:140%;
}
#naviTitle07 span{
padding:8px 0 0 48px;
display:block;
}
#naviTitle07 span a{color:#FFFF00;}

#naviTitle08{
height:48px;
margin:0 0 10px 0;
background:url(/images/arrange/thumbnail_08off.jpg) no-repeat 0 0;
line-height:140%;
}
#naviTitle08 span{
padding:8px 0 0 48px;
display:block;
}
#naviTitle08 span a{color:#FFFF00;}

#naviTitle09{
height:48px;
margin:0 0 10px 0;
background:url(/images/arrange/thumbnail_09off.jpg) no-repeat 0 0;
line-height:140%;
}
#naviTitle09 span{
padding:8px 0 0 48px;
display:block;
}
#naviTitle09 span a{color:#FFFF00;}

#naviTitle10{
height:48px;
margin:0 0 10px 0;
background:url(/images/arrange/thumbnail_10off.jpg) no-repeat 0 0;
line-height:140%;
}
#naviTitle10 span{
padding:8px 0 0 48px;
display:block;
}
#naviTitle10 span a{color:#FFFF00;}

#naviTitle11{
height:48px;
margin:0 0 10px 0;
background:url(/images/arrange/thumbnail_11off.jpg) no-repeat 0 0;
line-height:140%;
}
#naviTitle11 span{
padding:8px 0 0 48px;
display:block;
}
#naviTitle11 span a{color:#FFFF00;}

#naviTitle12{
height:48px;
margin:0 0 10px 0;
background:url(/images/arrange/thumbnail_12off.jpg) no-repeat 0 0;
line-height:140%;
}
#naviTitle12 span{
padding:4px 0 0 48px;
display:block;
}
#naviTitle12 span a{color:#FFFF00;}


#naviArrangeIn ul{margin:0 0 20px 0;}

#naviArrangeIn ul li a:link{color:#FFFFFF;text-decoration:none;}
#naviArrangeIn ul li a:visited{color:#FFFFFF;text-decoration:none;}
#naviArrangeIn ul li a:hover{color:#FFFF00;text-decoration:underline;}
#naviArrangeIn ul li a:active{color:#FFFFFF;text-decoration:none;}


/* Arrange Index
-------------------------------------------- */
#topArrange01{
width:600px;
background:url(/images/arrange/back.jpg) repeat-y 0 0;
padding:0 0 30px 0;
margin-bottom:20px;
float:left;
}
#topArrange02{
width:600px;
background:url(/images/arrange/back_top.jpg) no-repeat 0 0;
padding:30px 0 0 0;
}

.wrapperArrange01{
	margin:0 auto 15px auto;
	padding-left:20px;
	overflow:hidden;
	clear:both;
}
.wrapperArrange01:after{
content: "";
display: block;
clear:both;
height:1px;
overflow:hidden;
}
/*\*/
*html .wrapperArrange01{
height:1em;
overflow:visible;
}
/**/

.arrange01{
width:180px;
text-align:center;
float:left;
}
.arrange01 h3{
background:#20252B;
margin:5px 0 0 0;
padding:2px;
}

.arrange01 h3 a{
color:#FFFFFF;
} 
.arrange01 p{
height:80px;
text-align:left;
line-height:150%;
background:#FFFFCC;
padding:5px 8px 0 8px;
}
.arrange01 ul{
height:80px;
text-align:left;
background:#FFCC66;
padding:5px 8px;
}
.arrange01 ul li a:link{color:#0000FF;text-decoration:none;}
.arrange01 ul li a:visited{color:#0000FF;text-decoration:none;}
.arrange01 ul li a:hover{color:#FF3300;text-decoration:underline;}
.arrange01 ul li a:active{color:#0000FF;text-decoration:none;}


/* Arrange Detail
-------------------------------------------- */
#arrangeDetail{
width:600px;
background:url(/images/arrange/back_detail.jpg) no-repeat 0 0 #FFCC66;
padding:30px 0 0 0;
margin:0 0 20px 0;
float:left;
}

.wrapperArrange02{
width:360px;
margin:0 auto 20px auto;
overflow:hidden;
clear:both;
}
.wrapperArrange02:after{
content: "";
display: block;
clear:both;
height:1px;
overflow:hidden;
}
/*\*/
*html .wrapperArrange02{
height:1em;
overflow:visible;
}
/**/
.arrange02a{
float:left;
width:32px;
padding:190px 0 0 0;
}
.arrange02a ul li{
width:30px;
height:30px;
list-style:none;
}
.arrange02a ul li a{
text-decoration:none;
display:block;
width:30px;
height:30px;
background:url(/images/arrange/navi_01.gif) no-repeat 0 0;
}
.arrange02a ul li a span{display:none;}
.arrange02a ul li a:hover{background-position:0 -30px;}
.arrange02a ul li a:focus{outline:none;}

.arrange02b{
float:left;
width:280px;
margin:0 0 0 8px;
}
.arrange02b h3{
color:#FFFFFF;
text-align:center;
background:#20252B;
margin:0 0 7px 0;
padding:2px;
}
.arrange02c{
float:left;
width:30px;
margin:0 0 0 8px;
padding:190px 0 0 0;
}
.arrange02c ul li{
width:30px;
height:30px;
list-style:none;
}
.arrange02c ul li a{
text-decoration:none;
display:block;
width:30px;
height:30px;
background:url(/images/arrange/navi_02.gif) no-repeat 0 0;
}
.arrange02c ul li a span{display:none;}
.arrange02c ul li a:hover{background-position:0 -30px;}
.arrange02c ul li a:focus{outline:none;}

.wrapperArrange03{
width:574px;
margin:0 auto 5px auto;
overflow:hidden;
clear:both;
}
.wrapperArrange03:after{
content: "";
display: block;
clear:both;
height:1px;
overflow:hidden;
}
/*\*/
*html .wrapperArrange03{
height:1em;
overflow:visible;
}
/**/
.arrange03{
width:136px;
float:left;
}
.arrange03 img{margin:0 0 5px 0;}
.arrange03 p{
line-height:150%;
}

#detailIn{
width:574px;
margin:0 auto;
padding:0 0 5px 0;
text-align:center;
}
#detailIn p{
text-align:left;
padding:2px;
line-height:150%;
}
#detailIn ul{
background:#FFFFCC;
margin:5px 0 10px 0;
padding:0 5px;
}
#detailIn ul li a:link{color:#0000FF;text-decoration:none;}
#detailIn ul li a:visited{color:#0000FF;text-decoration:none;}
#detailIn ul li a:hover{color:#FF3300;text-decoration:underline;}
#detailIn ul li a:active{color:#0000FF;text-decoration:none;}

.ma10L{margin:0 0 0 10px;}

