@charset "utf-8";
/*
-------------
operapark:format.css
-------------
*00:htmlset
*01:font-style
*02:mainlayout
*03:subnavi
*04:navi
*05:sidenavi
*06:footer
-------------
20100911
-------------


*/

/**************00:htmlset****************************************************************************************/
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { 
	margin:0;
	padding:0;
	}

a:link{color: #00F;text-decoration: underline;}
a:visited{color: #999;text-decoration: none;}
a:hover{color: #690;text-decoration:none;}


* { font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W4","Osaka","ＭＳ Ｐゴシック ", "verdana",sans-serif; }
img {border: none;}
ul,li {list-style-type: none;}
li{display:list-item;zoom:normal;} 


body{
	background-image:url(../images/bg_main.jpg);
	background-repeat:repeat-x;
	color:#666;
}


#clear{
	clear:both;
}


#clearbox{
	clear:both;
	height:50px;
}


/**************01:font-style****************************************************************************************/
.small{
	font-size:10px;
	color:#999;
}

.large{
	font-size:14px;
	font-weight:bold;
}

.red_bold{
	color:#900;
	font-weight:bold;
}

.red_bold_large{
	font-size:14px;
	color:#900;
	font-weight:bold;
}

.pink{
	color:#F99;
}

#contents p { line-height:150%;}
#contents p.btm15 { margin-bottom: 15px;}
#contents p.btm30 { margin-bottom: 30px;}
/**************02:mainlayout****************************************************************************************/
#header{
	width:960px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background-color:#FFF;
	border-top:5px solid #A5220E;
}

h1{
	margin:5px 0px 5px 20px;
	float:left;
}

#head_copy{
	width:340px;
	float:left;
	margin:30px 0px 0px 145px;
}

h2{
	margin:0px 0px 15px 0px ;
}

#wrapper{
	width:920px;
	margin:0px auto 0px auto;
	background-color:#FFF;
	padding:10px 20px 0px 20px;
}




#contents{
	width:700px;
	font-size:12px;
	line-height:130%;
	float:left;
}

#sidearea{
	width:200px;
	font-size:12px;
	line-height:130%;
	float:right;
}


h3{
	background-image:url(../images/bg_h3.gif);
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	padding:13px 0px 8px 35px;
	margin:0px 0px 10px 0px;
	height:22px;
}

h4{
	background-image:url(../images/bg_h4.gif);
	font-size:16px;
	font-weight:bold;
	padding:13px 0px 8px 20px;
	margin:0px 0px 10px 0px;
	height:22px;
}

h5{
	background-color:#F6E9E7;
	border-bottom:2px solid #A42611;
	padding:10px;
	margin:0px 0px 10px 0px;
	color:#A42611;
	font-weight:bold;
	font-size:14px;
}

	
/**************03:subnavi****************************************************************************************/
#subnavitop {
	width: 357px;
	margin:24px 30px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
}

#subnavitop ul {
	margin:0px 0px 0px 0px;
	padding:0px;
}

#subnavitop li {
	height:32px;
	background-image:url(../images/subnavi.jpg);
	display:block;
	margin:0px;
	padding:0px;
	float: left;
	list-style-type: none;
}

#subnavitop li a {
text-decoration:none;
font-size:9px;
height:32px;
display:block;
text-indent:-9999px;
background-image:url(../images/subnavi.jpg);
}
/**/
#subnavi {
	width: 357px;
	margin:68px 30px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
}

#subnavi ul {
	margin:0px 0px 0px 0px;
	padding:0px;
}

#subnavi li {
	height:32px;
	background-image:url(../images/subnavi.jpg);
	display:block;
	margin:0px;
	padding:0px;
	float: left;
	list-style-type: none;
}

#subnavi li a {
text-decoration:none;
font-size:9px;
height:32px;
display:block;
text-indent:-9999px;
background-image:url(../images/subnavi.jpg);
}
/* ************************************** */
#subnavitop #subnavi01 {
	width: 129px;
	background-position: 0px 0px;
}
#subnavitop #subnavi01 a:link, #subnavitop #subnavi01 a:visited {
	width: 129px;
	background-position: 0px 0px;
}
#subnavitop #subnavi01 a:hover {
	background-position: 0px -32px;
}
#subnavitop.navi01 #subnavi01 a {
	background-position: 0px -64px !important;
}
/* ************************************** */
#subnavitop #subnavi02 {
	width: 127px;
	background-position: -129px 0px;
}
#subnavitop #subnavi02 a:link, #subnavitop #subnavi02 a:visited {
	width: 127px;
	background-position: -129px 0px;
}
#subnavitop #subnavi02 a:hover {
	background-position: -129px -32px;
}
#subnavitop.navi02 #subnavi02 a {
	background-position: -129px -64px !important;
}
/* ************************************** */
#subnavitop #subnavi03 {
	width: 101px;
	background-position: -256px 0px;
}
#subnavitop #subnavi03 a:link, #subnavitop #subnavi03 a:visited {
	width: 101px;
	background-position: -256px 0px;
}
#subnavitop #subnavi03 a:hover {
	background-position: -256px -32px;
}
#subnavitop.navi03 #subnavi03 a {
	background-position: -256px -64px !important;
}
/* ************************************** */
/* ************************************** */
#subnavi #subnavi01 {
	width: 129px;
	background-position: 0px 0px;
}
#subnavi #subnavi01 a:link, #subnavi #subnavi01 a:visited {
	width: 129px;
	background-position: 0px 0px;
}
#subnavi #subnavi01 a:hover {
	background-position: 0px -32px;
}
#subnavi.navi01 #subnavi01 a {
	background-position: 0px -64px !important;
}
/* ************************************** */
#subnavi #subnavi02 {
	width: 127px;
	background-position: -129px 0px;
}
#subnavi #subnavi02 a:link, #subnavi #subnavi02 a:visited {
	width: 127px;
	background-position: -129px 0px;
}
#subnavi #subnavi02 a:hover {
	background-position: -129px -32px;
}
#subnavi.navi02 #subnavi02 a {
	background-position: -129px -64px !important;
}
/* ************************************** */
#subnavi #subnavi03 {
	width: 101px;
	background-position: -256px 0px;
}
#subnavi #subnavi03 a:link, #subnavi #subnavi03 a:visited {
	width: 101px;
	background-position: -256px 0px;
}
#subnavi #subnavi03 a:hover {
	background-position: -256px -32px;
}
#subnavi.navi03 #subnavi03 a {
	background-position: -256px -64px !important;
}
/* ************************************** */


/**************04:navi****************************************************************************************/
#navi {
	width: 960px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	height:50px;
	background-image:url(../images/bg_navi.gif);
}

#navi ul {
	margin:0px 20px 0px 20px;
	padding:0px;
}

#navi li {
	height:50px;
	background-image:url(../images/glovalnavi.jpg);
	display:block;
	margin:0px;
	padding:0px;
	float: left;
	list-style-type: none;
}

#navi li a {
text-decoration:none;
font-size:9px;
height:50px;
display:block;
text-indent:-9999px;
background-image:url(../images/glovalnavi.jpg);
}

/* メインコンテンツナビ************************************** */
#navi #navi01 {
	width: 71px;
	background-position: 0px 0px;
}
#navi #navi01 a:link, #navi #navi01 a:visited {
	width: 71px;
	background-position: 0px 0px;
}
#navi #navi01 a:hover {
	background-position: 0px -50px;
}
#navi.navi01 #navi01 a {
	background-position: 0px -100px !important;
}
/* ************************************** */
#navi #navi02 {
	width: 91px;
	background-position: -71px 0px;
}
#navi #navi02 a:link, #navi #navi02 a:visited {
	width: 91px;
	background-position: -71px 0px;
}
#navi #navi02 a:hover {
	background-position: -71px -50px;
}
#navi.navi02 #navi02 a {
	background-position: -71px -100px !important;
}
/* ************************************** */
#navi #navi03 {
	width: 104px;
	background-position: -162px 0px;
}
#navi #navi03 a:link, #navi #navi03 a:visited {
	width: 104px;
	background-position: -162px 0px;
}
#navi #navi03 a:hover {
	background-position: -162px -50px;
}
#navi.navi03 #navi03 a {
	background-position: -162px -100px !important;
}
/* ************************************** */
/* ************************************** */
#navi #navi08 {
	width: 111px;
	background-position: -166px 0px;
}
#navi #navi08 a:link, #navi #navi08 a:visited {
	width: 111px;
	background-position: -266px 0px;
}
#navi #navi08 a:hover {
	background-position: -266px -50px;
}
#navi.navi08 #navi08 a {
	background-position: -266px -100px !important;
}
/* ************************************** */
#navi #navi04 {
	width: 155px;
	background-position: -377px 0px;
}
#navi #navi04 a:link, #navi #navi04 a:visited {
	width: 155px;
	background-position: -377px 0px;
}
#navi #navi04 a:hover {
	background-position: -377px -50px;
}
#navi.navi04 #navi04 a {
	background-position: -377px -100px !important;
}
/* ************************************** */
#navi #navi05 {
	width: 140px;
	background-position: -532px 0px;
}
#navi #navi05 a:link, #navi #navi05 a:visited {
	width: 140px;
	background-position: -532px 0px;
}
#navi #navi05 a:hover {
	background-position: -532px -50px;
}
#navi.navi05 #navi05 a {
	background-position: -532px -100px !important;
}
/* ************************************** */
#navi #navi06 {
	width: 135px;
	background-position: -672px 0px;
}
#navi #navi06 a:link, #navi #navi06 a:visited {
	width: 135px;
	background-position: -672px 0px;
}
#navi #navi06 a:hover {
	background-position: -672px -50px;
}
#navi.navi06 #navi06 a {
	background-position: -672px -100px !important;
}
/* ************************************** */
#navi #navi07 {
	width: 113px;
	background-position: -807px 0px;
}
#navi #navi07 a:link, #navi #navi07 a:visited {
	width: 113px;
	background-position: -807px 0px;
}
#navi #navi07 a:hover {
	background-position: -807px -50px;
}
#navi.navi07 #navi07 a {
	background-position: -807px -100px !important;
}
/* ************************************** */



/**************05：sidenavi****************************************************************************************/
#sidenavi {
	width: 200px;
}


#sidenavi ul {

}

#sidenavi li {
	width:200px;
	display:block;
	margin:0px 0px 0px 0px ;
	padding:0px 0px 0px 0px ;
	list-style-type: none;
}

#sidenavi li a {
	text-decoration:none;
	font-size:9px;
	width:200px;
	display:block;
	text-indent:-9999px;
}


/* ************************************** */
#sidenavi #flr_navi01 a,#flr_navi02 a,#flr_navi03 a,#flr_navi04 a,#cate_navi01 a,#cate_navi03 a,#cate_navi04 a {
	height: 30px;
	margin:5px 0px 0px 0px ;
	background-position: 0px 0px;
}

#sidenavi #cate_navi02 a{
	height: 45px;
	margin:5px 0px 0px 0px ;
	background-position: 0px 0px;
}


#sidenavi #flr_navi a{
	margin:0px 0px 0px 0px ;
	height: 50px;
	background-position: 0px 0px;
}

#sidenavi #cate_navi a{
	margin:15px 0px 0px 0px ;
	height: 50px;
	background-position: 0px 0px;
}

#sidenavi #flr_navi a{background-image:url(../images/flr_navi.jpg);}
#sidenavi #flr_navi01 a{background-image:url(../images/flr_navi01.gif);}
#sidenavi #flr_navi02 a{background-image:url(../images/flr_navi02.gif);}
#sidenavi #flr_navi03 a{background-image:url(../images/flr_navi03.gif);}
#sidenavi #flr_navi04 a{background-image:url(../images/flr_navi04.gif);}

#sidenavi #cate_navi a{background-image:url(../images/cate_navi.jpg);}
#sidenavi #cate_navi01 a{background-image:url(../images/cate_navi01.gif);}
#sidenavi #cate_navi02 a{background-image:url(../images/cate_navi02.gif);}
#sidenavi #cate_navi03 a{background-image:url(../images/cate_navi03.gif);}
#sidenavi #cate_navi04 a{background-image:url(../images/cate_navi04.gif);}

#sidenavi #flr_navi a:hover,#sidenavi #flr_navi01 a:hover,#sidenavi #flr_navi02 a:hover,#sidenavi #flr_navi03 a:hover,#sidenavi #flr_navi04 a:hover,
#sidenavi #cate_navi a:hover,#sidenavi #cate_navi01 a:hover,#sidenavi #cate_navi02 a:hover,#sidenavi #cate_navi03 a:hover,#sidenavi #cate_navi04 a:hover{
	background-position: -200px 0px;
}


#sidenavi.navi01 #flr_navi a,#sidenavi.navi02 #flr_navi01 a,#sidenavi.navi03 #flr_navi02 a,#sidenavi.navi04 #flr_navi03 a,#sidenavi.navi05 #flr_navi04 a,
#sidenavi.navi06 #cate_navi a,#sidenavi.navi07 #cate_navi01 a,#sidenavi.navi08 #cate_navi02 a,#sidenavi.navi09 #cate_navi03 a,#sidenavi.navi10 #cate_navi04 a{
	background-position: -400px 0px !important;
}



/**************06:footer****************************************************************************************/
#footnavi02{
	margin:30px 0px 0px 0px;
	padding:5px;
	border-top:1px dashed #999;
}

#foot_btn01 a,#foot_btn02 a {
	float:right;
	display:block;
	text-indent:-9999px;
	width:136px;
	height:25px;
}

#foot_btn01 a{background-image:url(../images/foot_btn01.gif);}
#foot_btn02 a{background-image:url(../images/foot_btn02.gif);}

#foot_btn01 a:hover,#foot_btn02 a:hover{
	background-position: -0px -25px;
}

#footnavi{
	background-image:url(../images/bg_foot.gif);
	background-repeat: repeat-x;
	height:30px;
	font-size:12px;
	padding:15px 0px 10px 10px;
	margin:5px 0px 0px 0px;
}

#footnavi li{
	float:left;
	font-weight:bold;
	background-image: url(../images/arrow_footer.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding:0px 0px 0px 15px;
	margin:0px 20px 0px 0px;
}

#footnavi a:link{color: #FFF;text-decoration: none;}
#footnavi a:visited{color: #FFF;text-decoration: none;}
#footnavi a:hover{color: #FF0;text-decoration:underline;}

#footer{
		font-size:12px;
		line-height:160%;
		padding:10px;
		margin:0px 0px 20px 0px;
}