@charset "Shift_JIS";

/* ---------------------------------------------------- */

* {
	margin:0;padding:0;
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;

}

a:link,a:visited {
	color:#0000ff;
	text-decoration:none;
}
a:hover,a:active {
	color:#ff8033;
	text-decoration:none;
}

a:active  { color:red  ;text-decoration:none;}

a { text-decoration:none;}

img {
	border: 0;
}


/* ---------------------------------------------------- */
body {
    margin:0px; 
    color:#000000;
    background: transparent url(../images/bg1.gif) repeat 0px 0px;

    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
    font-size: 14px;
    line-height: 1.3;
    font-weight: normal;

}

* {padding:0; margin:0; list-style:none; }

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#FF9900; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:0px}
ul.menu ul {position:absolute; top:26px; left:0; background:#ffff80; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:2px solid #FFCC00; border-top:none; width:148px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#FFF2BF}
ul.menu ul li a:hover {background-color:#FFE98E}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {border:2px solid #FFCC00; padding:5px 7px 7px; font-weight:bold; background:url(../images/header.gif); width:134px; color:#FF9900}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(../images/header_over.gif)}
ul.menu .sub {background:#FFF2BF url(../images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:2px solid #FFCC00; margin-top:-1px;}

ul.menu .menuhover {background-color:#FFCC00}

h1{
    font-size: 10px;
    color: #FFFFFF;
	margin: 3px 5px;
	padding: 0px;
}
h2 {
    font-size: 13px;
	font-weight:normal;
	font-style:normal;
	margin:0;
	padding:0;

}

h3,h4,h5,h6,p,address {
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	margin:0;
	padding:0;
}
strong {
	font-weight:bold;
}
address {
	text-align:center;
	color:#333333;
	font-size:10px;
}

td { 
text-align: left; 
}


.title{
     text-align:center;
     width : 70 ;
     font-size :  ;  /*文字の大きさを指示する時に数値を記述*/
     color : #000000 ;
     line-height :  ;  /*行の高さを指示する時に数値を記述*/
     padding-left : 5px ;
     margin : 2px 0px 2px 10px ;  /*上下に余白を作る場合１番目（上）３番目（下）の０ｐｘに数値を記述*/
     background : #ffffff ;
     border : solid 1px #ffffff ;
     border-left : solid 5px #ff8000 ;
     border-right : solid 5px #ff8000 ;
}

.title02{
     text-align:center;
     width : 150 ;
     font-size :  ;  /*文字の大きさを指示する時に数値を記述*/
     color : #000000 ;
     line-height :  ;  /*行の高さを指示する時に数値を記述*/
     padding-left : 5px ;
     margin : 2px 0px 2px 10px ;  /*上下に余白を作る場合１番目（上）３番目（下）の０ｐｘに数値を記述*/
     background : #ffffff ;
     border : solid 1px #ffffff ;
     border-left : solid 5px #ff8000 ;
     border-right : solid 5px #ff8000 ;
}


}
.radio{
z-index:0;
width : 240px ; /*横幅を変更するときはこの値を変更してください*/
margin:20px 0px 10px 0px ;
line-height:15px;
text-align:center;
border:double 3px #00cccc;
}
.radio_1{
z-index:1;
width : 80% ;
padding:3px 10px;
position:relative;
top:-12px;
text-align:center;
background:#ffffff;
border:solid 1px #00cccc;
}
.radio_2{
z-index:2;
overflow: auto;
width : 350 ;
height: 130px; /*高さを変更するときはこの値を変更してください*/
padding: 5px;
margin: 0px ;
text-align:left;
scrollbar-base-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-arrow-color:#f2f2f2;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#f2f2f2;
scrollbar-shadow-color:#f2f2f2;
scrollbar-darkshadow-color:#ffffff;
}


.waku{
z-index : 0 ;
width : 95% ;
margin : 20px 0px 10px 10px ;
padding-top : 15px ;
border-left : solid 2px #68fd92 ;
}
.waku_a{
z-index : 2 ;
width : 95% ;
padding : 0px 5px ;
margin : 3px 15px 0px 3px ;
background : #f9f9f9 ;
text-align : left ;
}
.waku h2{
z-index : 1 ;
width : 95% ;
position : relative ;
left : -15px ;
padding : 3px 0px 3px 10px ;
margin : 0px ;
text-align : left ;
background-image : url("../images/203b.gif") ;
background-repeat : repeat-x ;
background-position : 0% ;
}

.waku2{
z-index : 0 ;
width : 95% ;
margin : 20px 0px 10px 10px ;
padding-top : 15px ;
border-left : solid 2px #EE82EE;
}
.waku2_a{
z-index : 2 ;
width : 95% ;
padding : 0px 5px ;
margin : 3px 15px 0px 3px ;
background : #f9f9f9 ;
text-align : left ;
}
.waku2 h2{
z-index : 1 ;
width : 95% ;
position : relative ;
left : -15px ;
padding : 3px 0px 3px 10px ;
margin : 0px ;
text-align : left ;
background-image : url("../images/203c.gif") ;
background-repeat : repeat-x ;
background-position : 0% ;
}

.waku3{
z-index : 0 ;
width : 95% ;
margin : 20px 0px 10px 10px ;
padding-top : 15px ;
border-left : solid 2px #FF8C00;
}
.waku3_a{
z-index : 2 ;
width : 95% ;
padding : 0px 5px ;
margin : 3px 15px 0px 3px ;
background : #f9f9f9 ;
text-align : left ;
}
.waku3 h2{
z-index : 1 ;
width : 95% ;
position : relative ;
left : -15px ;
padding : 3px 0px 3px 10px ;
margin : 0px ;
text-align : left ;
background-image : url("../images/203d.gif") ;
background-repeat : repeat-x ;
background-position : 0% ;
}

.waku4{
z-index : 0 ;
width : 95% ;
margin : 20px 0px 10px 10px ;
padding-top : 15px ;
border-left : solid 2px #ffb6c1;
}
.waku4_a{
z-index : 2 ;
width : 95% ;
padding : 0px 5px ;
margin : 3px 15px 0px 3px ;
background : #f9f9f9 ;
text-align : left ;
}
.waku4 h2{
z-index : 1 ;
width : 95% ;
position : relative ;
left : -15px ;
padding : 3px 0px 3px 10px ;
margin : 0px ;
text-align : left ;
background-image : url("../images/203e.gif") ;
background-repeat : repeat-x ;
background-position : 0% ;
}

.wakuwaku{
z-index : 0 ;
width : 90% ;
margin : 20px 0px 10px 10px ;
padding-top : 15px ;
border-left:solid 2px #cccccc;
}
.wakuwaku_a{
z-index : 2 ;
width : 90% ;
padding : 0px 5px ;
margin : 3px 15px 0px 3px ;
background : #f9f9f9 ;
text-align : left ;
}
.wakuwaku h2{
z-index : 1 ;
width : 90% ;
position : relative ;
left : -15px ;
padding : 3px 0px 3px 10px ;
margin : 0px ;
text-align : left ;
background-image : url("../images/203a.gif") ;
background-repeat : repeat-x ;
background-position : 0% ;
}



.title{
     width : 450 ;
     font-size :  ;  /*文字の大きさを指示する時に数値を記述*/
     line-height :  ;  /*行の高さを指示する時に数値を記述*/
     padding-left : 5px ;
     margin : 0px 0px 0px 0px ;  /*上下に余白を作る場合１番目（上）３番目（下）の０ｐｘに数値を記述*/
     background : #ffffcc ;
     border : solid 1px #ffff66 ;
     border-left : solid 10px #ffff66 ;
     text-align : left ;
}

.help{
     width : 150 ;
     font-size :  ;  /*文字の大きさを指示する時に数値を記述*/
     line-height :  ;  /*行の高さを指示する時に数値を記述*/
     padding-left : 5px ;
     margin : 0px 0px 0px 0px ;  /*上下に余白を作る場合１番目（上）３番目（下）の０ｐｘに数値を記述*/
     background : #f9f9f9 ;
     border : solid 1px #cccccc ;
     border-left : solid 10px #cccccc ;
}

.link{
     width : 150 ;
     font-size :  ;  /*文字の大きさを指示する時に数値を記述*/
     line-height :  ;  /*行の高さを指示する時に数値を記述*/
     padding-left : 5px ;
     margin : 0px 0px 0px 0px ;  /*上下に余白を作る場合１番目（上）３番目（下）の０ｐｘに数値を記述*/
     background : #f9f9f9 ;
     border : solid 1px #00ff88 ;
     border-left : solid 10px #00ff88 ;
}

.corner{
     width : 150 ;
     font-size :  ;  /*文字の大きさを指示する時に数値を記述*/
     line-height :  ;  /*行の高さを指示する時に数値を記述*/
     padding-left : 5px ;
     margin : 0px 0px 0px 0px ;  /*上下に余白を作る場合１番目（上）３番目（下）の０ｐｘに数値を記述*/
     background : #ffffcc ;
     border : solid 1px #ffff99 ;
     border-left : solid 10px #ffff99 ;
}
.person{
     width : 100% ;
     font-size :  ;  /*文字の大きさを指示する時に数値を記述*/
     line-height :  ;  /*行の高さを指示する時に数値を記述*/
     padding-left : 5px ;
     margin : 0px 0px 0px 0px ;  /*上下に余白を作る場合１番目（上）３番目（下）の０ｐｘに数値を記述*/
     background : #dfffff ;
     border : solid 1px #c2e4fe ;
     border-left : solid 10px #c2e4fe ;
}







#wrapper{
width: 500px;
margin: 0 auto;
}
.box{
background: #fff;
}
.boxholder{
clear: both;
padding: 5px;
background: #8DC70A;
}
.tab{
float: left;
height: 32px;
width: 102px;
margin: 0 1px 0 0;
text-align: center;
background: #8DC70A url(../images/greentab.jpg) no-repeat;
}
.tabtxt{
margin: 0;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 9px 0 0 0;
}

.menu02 {
        line-height:30px;
        margin:1px;
        text-align:center;
        width:160px;
        font-size:14px;
        background-color:#98fb98;
        }
        .menu02 a {
        background-color:#ffffff;
        border-left-width:5px;
        border-left-style:solid;
        border-left-color:#00008B;
	filter:Alpha(opacity=63);-moz-opacity:0.50; opacity:0.50;
	font-weight:bold;
        text-decoration:none;
        color:#000000;
        display:block;
        width:100%;
        }
        .menu02 a:hover {
        border-left-width:5px;
        border-left-style:solid;
        border-left-color:#a2691E;
        color:#B22222;
        background-color:#adff2f;
        text-decoration:none;
        width:100%;
        display:block;
        font-weight:bold;
        }
        .menu02 a:visited {
        width:100%;
        display:block;
        }

/****************************************

 Back to top button 

*****************************************/

#back-top {
	position: fixed;
	bottom: 20px;
	overflow: hidden;
	float: left;
	margin-left: 860px;
	z-index: 1000;
}
#back-top a {
	width: 150px;
	height: 150px;
	display: block;
	font-size: 12px;
	text-decoration: none;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	font-family: 'Delius', sans-serif;
	line-height: 25px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
	position: relative;
	margin-bottom: 7px;
}
#back-top a:hover {
	color: #ee6611;
}

#back-top span {
	width: 25px;
	height: 25px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	background: #ff9900;
	text-align: center;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	font-size: 120%;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.2);
	box-shadow: 0 1px 0 rgba(0,0,0,.2);
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	color: #fff;
}
#back-top a:hover span {
	background-color: #ee6611;
	color: #fff;
}


