@charset "Shift_JIS";

@media print {
	body { zoom: 95% ; }
}

html {
overflow-y: scroll ;
}

body {
filter:expression('');
width: 100% ;
background : #ffffff url(../img/mainbg.gif) repeat-x fixed ;
margin : 0 auto ; padding: 0 ;
font-size : 12px ;
font-family : "‚l‚r ‚oƒSƒVƒbƒN", arial narrow, sans-serif ;
color : #333333 ;
line-height : 160% ;
}

h1,h2,h3,h4,h5,h6 { margin: 0 ; padding: 0 ; }

a:link { color : #0033cc ; text-decoration : none ; }
a:visited { color : #000099 ; text-decoration : none ; }
a:hover { color : #ffcc00 ; text-decoration : none ; }
a:focus{ outline: none ; }

img {
margin: 0 ; padding: 0 ;
border : none ; vertical-align: bottom ;
}

sub, sup { vertical-align: baseline ; }
sup { position: relative ; top: -2px ; }
sub { position: relative ; top: 2px ; }

p {
	padding : 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

ol,ul { margin : 0 0 10px 0 ; padding : 0 ; }
ol li { margin : 0 0 0 2em ; padding : 0 ; }
ul li { margin : 0 0 0 1.4em ; padding : 0 ; }
li { text-align: justify ; text-justify: inter-ideograph ; }

td {
line-height : 150% ; font-size : 12px ;
}
th {
line-height : 150% ;
font-size : 12px ; font-weight: normal ;
}

em { font-weight : bold ; font-style : normal ; }
strong {  font-weight : bold ; }
small { font-weight : normal ; line-height : 140% ; }

ruby { line-height : 100% ; }

dl { margin : 0 0 10px 0 ; padding : 0 ; }
dt {
margin : 0 ; padding : 0 ;
font-weight : bold ;
}
dd { margin : 0 ; padding : 0 ; }

form { margin : 0 ; padding: 0 ; }

hr {
clear: both ; background: #000000 ; color: #000000 ;
border-top: 0px none #000000 ;
border-right: 0px none #000000 ;
border-left: 0px none #000000 ;
border-bottom: 1px solid #cccccc ;
}

ul.nav{
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0;
	overflow: hidden;
	vertical-align: text-bottom;
}
ul.nav li {
	list-style: none;
}
ul.nav li{
	float: left;
	margin: 0;
	padding: 0;
}


/*header ---------------------------------------------------------*/

#headerbody {
background : #ffffff url(../img/menu/menu-h_bg.gif) bottom left repeat-x ;
width: 100% ; height: 120px ;
margin : 0 0 10px 0 ; padding : 0 ;
font-size: 12px ; color: #666666 ;
}
#headerbody #headerin {
width: 970px ;
margin : 0 auto ; padding : 0 ;
}

#headerbody #headerin h1 {
float: left ;
width: 260px ; height: 83px ;
margin : 0 ; padding : 0 ;
}

#headerbody #headerin .hbox {
float: right ;
width: 710px ; height: 83px ;
margin : 0 ; padding : 0 ;
}

#headerbody #headerin .hbox .comment {
float: left ;
width: 245px ; height: 60px ;
background : #ffffff url(../img/menu/comment_bg.gif) bottom left repeat-x ;
margin : 0 ; padding : 20px 5px 0 75px ;
line-height: 165% ; color: #666666 ;
}

#headerbody #headerin .hbox .smenu {
float: right ;
width: 350px ; height: 70px ;
margin : 0 ; padding : 10px 15px 0 0 ;
font-size: 10px ; color: #666666 ;
}
#headerbody #headerin .hbox .smenu ul {
width: 350px ; height: 33px ;
margin : 0 ; padding : 0 ;
}
#headerbody #headerin .hbox .smenu ul li {
float: left ;
margin : 0 ; padding : 0 ;
list-style: none ;
}

#headerbody #headerin .hbox .pic {
width: 350px ; height: 30px ;
margin : 0 ; padding : 0 ;
}
#headerbody #headerin .hbox .pic h2 {
float: left ;
width: 230px ;
margin : 0 ; padding : 0 ;
font-size: 10px ; font-weight: normal ;
line-height: 120% ; color: #666666 ;
}
#headerbody #headerin .hbox .pic p {
float: right ;
width: 120px ;
margin : 0 ; padding : 0 ;
text-align: right ;
}

#headerbody #headerin #mainmenu {
width: 970px ; height: 37px ;
margin : 0 auto ; padding : 0 ;
}
#headerbody #headerin #mainmenu li {
float: left ;
margin : 0 ; padding : 0 ;
list-style: none ;
}




/*fotter ---------------------------------------------------------*/

#fotterbody {
background : #21A6D8 ;
width: 100% ;
margin : 0 ; padding : 10px 0 ;
font-size: 10px ;
line-height: 10px ; color: #ffffff ;
}

#fotterbody a:link { color : #ffffff ; text-decoration : none ; }
#fotterbody a:visited { color : #ffffff ; text-decoration : none ; }
#fotterbody a:hover { color : #ffff66 ; text-decoration : underline ; }
#fotterbody a:focus{ outline: none ; }

#fotterbody #fotterin {
width: 970px ;
margin : 0 auto ; padding : 0 ;
vertical-align:middle;
}

#fotterbody #fotterin .other {
float: left ;
margin : 0 8px 0 0 ; padding : 18px 0 0 0 ;
text-align: left ;
}
#fotterbody #fotterin .tel {
float: left ;
margin : 0 ; padding : 0 ;
text-align: left ;
}
#fotterbody #fotterin address {
float: right ;
margin : 0 ; padding : 18px 0 0 0 ;
text-align: right ;
font-style: normal ;
}




/*all ---------------------------------------------------------*/

#allinbox {
width: 945px ; 
background : #ffffff url(../img/allbg.gif) left top no-repeat ;
margin : 0 auto ; padding : 10px 15px 0 10px ;
}

#leftbox {
float: left ;
width: 195px ;
margin : 0 ; padding : 0 ;
}
#leftbox h2 { margin : 0 0 10px 0 ; padding : 0 ; }
#leftbox h3 { margin : 0 ; padding : 0 ; }
#leftbox p { margin : 0 0 10px 0 ; padding : 0 ; }
#leftbox ul { margin : 0 0 10px 0 ; padding : 0 ; }
#leftbox li {
margin : 0 ; padding : 0 ;
list-style: none ; text-align: center ;
line-height: 100% ;
}

#leftbox .inlist { margin : 0 ; padding : 0 ; }
#leftbox .inlist li {
width: 195px ; height: 28px ;
background : #ffffff url(../img/l_mbg.gif) left top no-repeat ;
margin : 0 ; padding : 0 ;
list-style: none ; text-align: left ;
}
#leftbox .inlist li a {
display: block ;
width: 170px ; height: 19px ;
margin : 0 ; padding : 9px 0 0 25px ;
}
#leftbox .inlist li a:link { color : #0066ff ; text-decoration : none ; }
#leftbox .inlist li a:visited { color : #0066ff ; text-decoration : none ; }
#leftbox .inlist li a:hover { color : #ff9900 ; text-decoration : none ; }

#rightbox {
float: right ;
width: 735px ;
margin : 0 ; padding : 0 ;
}

.readbox { width: 715px ; margin : 0 ; padding : 0 10px ; }
.readbox_in { width: 715px ; margin : 0 ; padding : 0 ; }
.readbox_in2 { width: 700px ; margin : 0 ; padding : 0 0 0 15px ; }

#menu_mobile {
background : #da3677 ;
width: 195px ;
margin : 0 0 10px 0 ; padding : 0 ;
}
#menu_mobile h3 { margin : 0 ; padding : 0 ; }
#menu_mobile p { margin : 0 ; padding : 0 ; }
#menu_mobile .send {
background : #da3677 url(../img/r_mobile_03.gif) left top no-repeat ;
width: 185px ; height: 47px ;
margin : 0 ; padding : 20px 0px 5px 10px ;
color: #ffffff ;
}
#menu_mobile .send input {
margin : 0 ; padding : 0 ;
}
#menu_mobile .send .sbox {
width: 112px ; height: 12px ;
border: 1px solid #cccccc;
margin : 0 5px 3px 0 ; padding : 2px 3px ;
font-size: 12px ; color: #333333 ;
vertical-align: middle ;
}
#menu_mobile .send .sbox2 {
width: 120px ;
border: 1px solid #cccccc;
margin : 0 5px 0 0 ;
font-size: 12px ; color: #333333 ;
vertical-align: top ;
}




#slidemenu{
position: fixed ;
_position: absolute;
z-index: 1000 ;
top: auto ; left: auto ; bottom: 0 ; right: 0 ;
_bottom:expression(this.style.filter = '', '0');
_right: expression(this.style.filter = '', '0');

width: 200px ; height: 100px ;
}




.subbox1 {
width: 715px ;
background : #ffffff url(../img/subbox_bg.gif) left top repeat-y ;
margin : 0 10px ; padding : 0 ;
z-index: 5 ;
}
.subbox2 {
width: 655px ;
background : url(../img/subbox_bottom.gif) left bottom no-repeat ;
margin : 0 ; padding : 0 30px 30px 30px ;
z-index: 10 ;
}
.subreadbox { width: 655px ; z-index: 20 ; }
.subreadbox em { color: #cc0066 ; }
.subreadbox p { margin : 0 ; padding : 0 ; }
.subreadbox dt { margin : 0 0 5px 0 ; }
.subreadbox dd { margin : 0 0 5px 0 ; padding : 0 5px ; font-size: 10px ; line-height: 140% ; }

.plink { margin : 0 0 10px 0 ; padding : 0 ; }
.plink a:link { color : #0066cc ; text-decoration : underline ; }
.plink a:visited { color : #0066cc ; text-decoration : underline ; }
.plink a:hover { color : #ffcc66 ; text-decoration : none ; }

.nlink {
margin : 40px 0 0 0 ; padding : 0 10px 10px 10px ;
font-size: 10px ;
text-align: right ; line-height: 100% ;
}
.nlink a:link { color : #0066ff ; text-decoration : underline ; }
.nlink a:visited { color : #0066ff ; text-decoration : underline ; }
.nlink a:hover { color : #ffcc66 ; text-decoration : none ; }

.titlehead {
width: 713px ; height: 26px ;
background : #ffffff url(../img/titlehead.gif) left top no-repeat ;
margin : 0 0 10px 0 ; padding : 9px 0 0 22px ;
font-size: 16px ; font-weight: bold ;
line-height: 100% ; color: #666666 ;
}
.subhead {
background: #ffffd5 ;
border: 1px solid #d9d2af ;
margin: 0 0 10px 0 ; padding: 5px 8px ;
line-height: 100% ;
}
.subhead2 {
background: #eeeeee ;
border: 1px solid #cccccc ;
margin: 0 0 10px 0 ; padding: 5px 8px ;
line-height: 100% ; color: #000000 ;
}


.nonlist li { margin: 0 ; padding: 0 ; list-style: none ; }

.point {
position: relative ;
border: 1px solid #e49e94 ;
}
.point em { color: #cc0066 ; }
.point h5 {
position: absolute ;
width: 50px ; height: 30px ;
top: -20px ; left: -10px ;
z-index: 100 ;
}

.link {
display: block ;
background : url(../img/p.gif) 0px 2px no-repeat ;
margin: 5px 0 0 0 ; padding: 0 0 0 1em ;
line-height: 120% !important ;
}

.box1 { border: 1px solid #cccccc ; }

.sdd dd { padding: 5px 5px 0 5px ; }
.sdd em { color: #cc0066 ; }




/*other ---------------------------------------------------------*/

.cb { clear: both ; }

.fl { float: left ; margin: 0 ; padding: 0 ; }
.fr { float: right ; margin: 0 ; padding: 0 ; }

.tl { text-align: left !important ; }
.tr { text-align: right !important ; }
.tc { text-align: center !important ; }

.vt { vertical-align: top ; }
.vm { vertical-align: middle ; }
.vb { vertical-align: bottom ; }

.pd0 { padding : 0 ; }
.pd5 { padding : 5px ; }
.pd10 { padding : 10px ; }

.f10 { font-size: 10px ; }
.f12 { font-size: 12px ; }
.f14 { font-size: 14px ; }

.l120 { line-height: 120% ; }
.l140 { line-height: 140% ; }
.l160 { line-height: 160% ; }
.l180 { line-height: 180% ; }
.l200 { line-height: 200% ; }

.w5 { width: 5% ; }
.w10 { width: 10% ; }
.w15 { width: 15% ; }
.w20 { width: 20% ; }
.w25 { width: 25% ; }
.w30 { width: 30% ; }
.w35 { width: 35% ; }
.w40 { width: 40% ; }
.w45 { width: 45% ; }
.w50 { width: 50% ; }
.w55 { width: 55% ; }
.w60 { width: 60% ; }
.w65 { width: 65% ; }
.w70 { width: 70% ; }
.w75 { width: 75% ; }
.w80 { width: 80% ; }
.w85 { width: 85% ; }
.w90 { width: 90% ; }
.w95 { width: 95% ; }
.w100 { width: 100% ; }

.wp5 { width: 5px ; }
.wp10 { width: 10px ; }
.wp15 { width: 15px ; }
.wp20 { width: 20px ; }
.wp30 { width: 30px ; }
.wp40 { width: 40px ; }
.wp50 { width: 50px ; }
.wp60 { width: 60px ; }
.wp70 { width: 70px ; }
.wp80 { width: 80px ; }
.wp100 { width: 100px ; }
.wp110 { width: 110px ; }
.wp120 { width: 120px ; }
.wp130 { width: 130px ; }
.wp140 { width: 140px ; }
.wp150 { width: 150px ; }
.wp155 { width: 155px ; }
.wp160 { width: 160px ; }
.wp165 { width: 165px ; }
.wp170 { width: 170px ; }
.wp180 { width: 180px ; }
.wp185 { width: 185px ; }
.wp190 { width: 190px ; }
.wp195 { width: 195px ; }
.wp200 { width: 200px ; }
.wp205 { width: 205px ; }
.wp210 { width: 210px ; }
.wp220 { width: 220px ; }
.wp225 { width: 225px ; }
.wp230 { width: 230px ; }
.wp235 { width: 235px ; }
.wp240 { width: 240px ; }
.wp250 { width: 250px ; }
.wp260 { width: 260px ; }
.wp270 { width: 270px ; }
.wp280 { width: 280px ; }
.wp285 { width: 285px ; }
.wp290 { width: 290px ; }
.wp300 { width: 300px ; }
.wp305 { width: 305px ; }
.wp310 { width: 310px ; }
.wp315 { width: 315px ; }
.wp320 { width: 320px ; }
.wp325 { width: 325px ; }
.wp330 { width: 330px ; }
.wp340 { width: 340px ; }
.wp345 { width: 345px ; }
.wp350 { width: 350px ; }
.wp360 { width: 360px ; }
.wp365 { width: 365px ; }
.wp370 { width: 370px ; }
.wp380 { width: 380px ; }
.wp390 { width: 390px ; }
.wp400 { width: 400px ; }
.wp410 { width: 410px ; }
.wp420 { width: 420px ; }
.wp450 { width: 450px ; }
.wp460 { width: 460px ; }
.wp470 { width: 470px ; }
.wp500 { width: 500px ; }
.wp520 { width: 520px ; }
.wp555 { width: 555px ; }

.tp0 { margin-top: 0px !important ; }
.tp5 { margin-top: 5px !important ; }
.tp10 { margin-top: 10px !important ; }
.tp15 { margin-top: 15px !important ; }
.tp20 { margin-top: 20px !important ; }
.tp30 { margin-top: 30px !important ; }
.tp40 { margin-top: 40px !important ; }
.tp50 { margin-top: 50px !important ; }
.bp0 { margin-bottom: 0px !important ; }
.bp5 { margin-bottom: 5px !important ; }
.bp10 { margin-bottom: 10px !important ; }
.bp15 { margin-bottom: 15px !important ; }
.bp20 { margin-bottom: 20px !important ; }
.bp30 { margin-bottom: 30px !important ; }
.bp40 { margin-bottom: 40px !important ; }
.bp50 { margin-bottom: 50px !important ; }
.lp0 { margin-left: 0px !important ; }
.lp5 { margin-left: 5px !important ; }
.lp10 { margin-left: 10px !important ; }
.lp15 { margin-left: 15px !important ; }
.lp20 { margin-left: 20px !important ; }
.lp30 { margin-left: 30px !important ; }
.lp40 { margin-left: 40px !important ; }
.lp50 { margin-left: 50px !important ; }
.rp0 { margin-right: 0px !important ; }
.rp5 { margin-right: 5px !important ; }
.rp10 { margin-right: 10px !important ; }
.rp12 { margin-right: 12px !important ; }
.rp15 { margin-right: 15px !important ; }
.rp20 { margin-right: 20px !important ; }
.rp30 { margin-right: 30px !important ; }
.rp40 { margin-right: 40px !important ; }
.rp50 { margin-right: 50px !important ; }

.txt1 { color: #cc0000 !important ; }
.txt2 { color: #0000cc !important ; }
.txt3 { color: #666666 !important ; }
.txt4 { color: #0066ff !important ; }
.txt5 { color: #009999 !important ; }
.txt6 { color: #ff0066 !important ; }
.txt7 { color: #cc0066 !important ; }
.txt8 { color: #0033cc !important ; }