@charset 'UTF-8';

body {
background : #ffffff url("../img/head_bg.gif") top left repeat-x ;
margin : 0 ; padding: 0 ;
font-size : 12px ;
font-family : "‚l‚r ‚oƒSƒVƒbƒN", arial narrow, sans-serif ;
color : #333333 ;
line-height : 140% ;
}

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

a:link { color : #0066ff ; text-decoration : underline ; }
a:visited { color : #0066ff ; text-decoration : underline ; }
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 { margin : 0 0 8px 0 ; padding : 0 ; }

ol,ul { margin : 0 0 10px 0 ; padding : 0 ; }
ol li { margin : 0 ; padding : 0 ; }
ul li { margin : 0 ; 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 ; }
form input { vertical-align: middle ; }
form .fbox { border: 1px solid #99cc66 ; font-size: 12px ; padding : 1px ; }

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 ;
}




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

#allinbox {
width: 970px ;
margin: 0 auto ; padding: 0 ;
}

#mainhead {
width: 970px ; height: 90px ;
margin: 0 ; padding: 0 ;
}
#mainhead h1 {
float: left ;
width: 370px ;
margin: 0 ; padding: 0 ;
}
#mainhead p {
float: left ;
width: 380px ;
margin: 0 ; padding: 23px 0 0 0 ;
font-size: 10px ; line-height: 12px ; color: #666666 ;
}
#mainhead ul {
float: right ;
width: 200px ;
margin: 0 ; padding: 30px 0 0 0 ;
text-align: right ;
}
#mainhead ul li {
float: left ;
margin: 0 ; padding: 0 ;
list-style: none ;
}

#mainmenu {
width: 970px ; height: 285px ;
margin: 0 0 20px 0 ; padding: 0 ;
}

#main_nonavi {
width: 970px ;
margin: 0 0 0 0 ; padding: 0 ;
}

#mainmenu h2 {
float: left ;
width: 720px ;
margin: 0 ; padding: 0 ;
}
#mainmenu dl {
float: right ;
width: 250px ;
margin: 0 ; padding: 0 ;
}
#mainmenu dt,#mainmenu dd,#mainmenu ul { margin: 0 ; padding: 0 ; }
#mainmenu li { margin: 0 ; padding: 0 ; list-style: none ; }

#leftbox {
float: left ;
width: 710px ;
margin: 0 ; padding: 0 0 10px 0 ;
}
#leftbox #left_leftbox { width: 350px ; float: left ; margin: 0 ; padding: 0 ; }
#leftbox #left_rightbox { width: 350px ; float: right ; margin: 0 ; padding: 0 ; }

#rightbox {
float: right ;
width: 250px ;
margin: 0 ; padding: 0 0 10px 0 ;
}
#rightbox h3 { margin: 0 0 10px 0 ; }

#rightbanner { margin: 0 0 10px 0 ; }
.banner ul { margin: 0 ; padding: 0 ; list-style: none ;}
.banner li { margin: 0 0 10px 0 ; padding: 0 ; list-style: none ;}

#seo {
background: #f0f0f0 ;
margin: 0 0 20px 0 ; padding: 8px 10px ;
font-size: 10px ; line-height: 140% ;
border: 1px solid #e3e3e3 ; color: #666666 ;
}

#alllink {
width: 970px ;
margin: 0 ; padding: 20px 0 ;
border-top: 1px dotted #cccccc ;
font-size: 10px ; line-height: 150% ;
text-align: center ; color: #666666 ;
}
#alllink a:link { color : #666666 ; text-decoration : underline ; }
#alllink a:visited { color : #009900 ; text-decoration : underline ; }
#alllink a:hover { color : #ffcc00 ; text-decoration : none ; }

#fotter {
width: 100% ;
background : #79a100 url("../img/fotter_bg.gif") top left repeat-x ;
margin: 0 ; padding: 0 ;
clear:both;
}
#fotter #copy {
width: 970px ;
margin: 0 auto ; padding: 10px 0 0 0 ;
font-size: 10px ; color: #ffffff ; line-height: 100% ;
}
#fotter #copy p{
	text-align: center;
	padding-top:5px;
}
#fotter #copy address {
/*float: right ;*/
clear:both;
text-align:center;
margin: 0 ; padding: 20px 0 20px 0 ;
font-style: normal ;
}
#fotter #copy a:link { color : #ffffff ; text-decoration : none ; }
#fotter #copy a:visited { color : #ffffff ; text-decoration : none ; }
#fotter #copy a:hover { color : #ffff00 ; text-decoration : underline ; }

#plink { font-size: 10px ; color: #666666 ; }
#plink a:link { color : #000000 ; text-decoration : underline ; }
#plink a:visited { color : #000000 ; text-decoration : underline ; }
#plink a:hover { color : #cccccc ; text-decoration : none ; }

/*  goroup all link  */


.gplink{
	clear:both;
	padding-top:30px;
	margin-left:0;
	font-size:11px;
}

.gplink .paragraph{
	width:170px;
	padding:2px 10px 0 0;
	float:left;
}

#footer #footerin .gplink .paragraph h3{
	font-size:11px;
	margin-bottom:5px;
	color:#FFF;

}

#footer #footerin .gplink .paragraph h4{
	font-size:12px;
	margin-bottom:10px;
	color:#FFF;
	line-height: 1.2;
}

.gplink .paragraph h4{
	font-size:12px;
	margin-bottom:10px;

}

#footer #footerin .gplink .paragraph a{
	color:#FFF;
}

#footer #footerin .gplink .paragraph a:hover{
	color:#F60;
}
	
	

.gplink ul{
	margin-bottom:20px;
	margin-top:10px;
	list-style:none;
}

.gplink li{
	margin:0 0 8px 0;
	padding:0 0 0 5px;
	border-left:solid 2px #f1e199;
	line-height:1.0;
}



/*box ---------------------------------------------------------*/

#plan {
width: 680px ;
background: #f0f0f0 ;
margin: 0 0 10px 0 ; padding: 0 14px 14px 14px ;
border-left: 1px solid #e3e3e3 ;
border-right: 1px solid #e3e3e3 ;
border-bottom: 1px solid #e3e3e3 ;
}
#plan .box { width: 215px ; margin: 0 ; padding: 0 ; }
#plan .plandata {
width: 215px ;
margin: 0 ; padding: 0 ;
}
#plan .plandata dt {
background: #ffffff url("../img/plan_name.gif") left bottom repeat-x ;
margin: 0 ; padding: 4px 9px ;
border-left: 1px solid #cccccc ;
border-right: 1px solid #cccccc ;
border-bottom: 1px solid #cccccc ;
color: #ff9900 ; line-height: 120% ;
width: 190px;
}
#plan .plandata dt a:link { color: #ff9900 ; text-decoration : none ; }
#plan .plandata dt a:visited { color: #ff9900 ; text-decoration : none ; }
#plan .plandata dt a:hover { color: #ff3300 ; text-decoration : none ; }
#plan .plandata dd { margin: 0 ; padding: 8px ; }

#yunessun {
width: 330px ; height: 150px ;
background: #f0f0f0 ;
margin: 0 0 9px 0 ; padding: 0 9px ;
border-left: 1px solid #e3e3e3 ;
border-right: 1px solid #e3e3e3 ;
border-bottom: 1px solid #e3e3e3 ;
}

#morinoyu {
width: 330px ; height: 150px ;
background: #f0f0f0 ;
margin: 0 ; padding: 0 9px ;
border-left: 1px solid #e3e3e3 ;
border-right: 1px solid #e3e3e3 ;
border-bottom: 1px solid #e3e3e3 ;
}

#hotel {
width: 330px ; height: 365px ;
background: #f0f0f0 ;
margin: 0 ; padding: 0 9px ;
border-left: 1px solid #e3e3e3 ;
border-right: 1px solid #e3e3e3 ;
border-bottom: 1px solid #e3e3e3 ;
}
#hotel .box { width: 330px ; margin: 0 0 20px 0 ; padding: 0 ; }
#hotel .box .boxleft { float: left ; width: 110px ; margin: 0 ; padding: 0 ; }
#hotel .box .boxright { float: right ; width: 210px ; margin: 0 ; padding: 0 ; }

#hotel .hoteldata {
width: 210px ;
margin: 0 ; padding: 0 ;
}
#hotel .hoteldata dt { margin: 0 0 8px 0 ; padding: 0 ; }
#hotel .hoteldata dd { margin: 0 0 8px 0 ; padding: 0 ; }

.rp16 { margin-right: 16px !important ; }

.rp18 { margin-right: 18px !important ; }
.point {
background: url("../img/p.gif") 0px 2px no-repeat ;
margin: 0 ; padding: 0 0 0 10px ;
}




/*side ---------------------------------------------------------*/

.sidemenu { margin: 0 ; padding: 0 10px ; }
.sidemenu li {
margin: 0 ; padding: 0 0 10px 0 ;
list-style: none ;
}
.sidemenu .nonp { padding: 0 !important ; }

#menu_mobile {
background : #da3677 ;
width: 230px ;
margin : 0 10px ; 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: 220px ; height: 48px ;
margin : 0 ; padding : 20px 0px 5px 10px ;
color: #ffffff ;
}
#menu_mobile .send input {
margin : 0 ; padding : 0 ;
}
#menu_mobile .send .sbox {
width: 152px ; height: 12px ;
border: 1px solid #cccccc;
margin : 0 5px 5px 0 ; padding : 2px 3px ;
font-size: 12px ; color: #333333 ;
vertical-align: middle ;
}
#menu_mobile .send .sbox2 {
width: 160px ;
border: 1px solid #cccccc;
margin : 0 5px 0 0 ;
font-size: 12px ; color: #333333 ;
vertical-align: top ;
}




/*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% ; }

.wp290 { width: 290px ; }
.wp310 { width: 310px ; }
.wp330 { width: 330px ; }
.wp340 { width: 340px ; }
.wp640 { width: 640px ; }

.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: #006600 !important ; }
.txt3 { color: #666666 !important ; }
.txt4 { color: #0066ff !important ; }
.txt5 { color: #009999 !important ; }
.txt6 { color: #ff0066 !important ; }
.txt7 { color: #0000cc !important ; }
.txt8 { color: #336600 !important ; }


/*追記 ---------------------------------------------------------*/
.text_center {
	text-align: center;
}
.sec01 p,
.sec02 p,
.sec03 p {
	font-size: 14px;
	line-height: 1.6;
}

.mb20 {
	margin-bottom: 20px;
}
.sec01 {
	overflow: hidden;
}
.sec01 h3 {
	margin: 35px auto;
	text-align: center;
}
.sec01 .l-cont{
	width: 340px;
	float: left;
	display: inline;
	margin-bottom: 40px;
}
.sec01 .l-cont h4{
	font-size: 1.5em;
	margin-bottom: 10px;
}
.sec01 .r-cont{
	width: 340px;
	float: right;
	display: inline;
	margin-bottom: 40px;
}
.sec01 .r-cont h4{
	font-size: 1.5em;
	margin-bottom: 10px;
}
.sec02 {
	overflow: hidden;
	margin-bottom: 40px;
}
.sec02 .bg-cont{
	position: relative;
}
.sec02 .l-cont{
	width: 310px;
	position: absolute;
	top: 54%;
    left: 4%;
}
.sec02 .l-cont h4{
	font-size: 1.5em;
	margin-bottom: 16px;
}

.sec02 .r-cont{
	width: 310px;
	position: absolute;
	top: 74%;
    left: 52%;
}
.sec02 .r-cont h4{
	font-size: 1.5em;
	margin-bottom: 16px;
}

.sec03 h3 {
	margin: 0 auto 35px;
	text-align: center;
}

.sec03 .sec03-cont {
	overflow: hidden;
	margin-bottom: 30px;
}
.sec03 .sec03-cont .imgs{
	width:220px;
	float: left;
	display: inline;
}
.sec03 .sec03-cont .txtarea {
	width: 475px;
	float: right;
	display: inline;
}
.sec03 .sec03-cont .txtarea h4{
	font-size: 1.5em;
	margin-bottom: 16px;
}


.sec01_2 {
	overflow: hidden;
}
.sec01_2 h3 {
	margin: 35px auto;
	text-align: center;
}
.sec01_2 .ov-h {
	overflow: hidden;
}
.sec01_2 .l-cont{
	width: 340px;
	float: left;
	display: inline;
	margin-bottom: 40px;
}
.sec01_2 .l-cont h4{
	font-size: 1.5em;
	margin-bottom: 10px;
}
.sec01_2 .r-cont{
	width: 340px;
	float: right;
	display: inline;
	margin-bottom: 40px;
}
.sec01_2 .r-cont h4{
	font-size: 1.5em;
	margin-bottom: 10px;
}

.btn_check {
	margin-bottom: 40px;
}

.f-18 {
	font-size: 18px;
	line-height: 1.4;
}
.f-15 {
	font-size: 15px;
	line-height: 1.4;
}
.sec04 {
	overflow: hidden;
	margin-bottom: 60px;
	border: 1px solid #dedede;
	padding: 20px 29px 20px 20px;
}
.sec04 .l-cont{
	width: 340px;
	float: left;
}

.sec04 .r-cont{
	width: 300px;
	float: right;
}

.sec04 p{
	-webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.ho {
	opacity: 1;
}

.ho:hover {
	opacity: .6;
}