@charset "utf-8";

/* reset
-------------------------------------------------*/

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


table{  
	border-collapse:collapse;
	border-spacing:0;  
}  

fieldset, img{  
	border:0;  
}  
  
img {
	vertical-align:top;
}

address, caption, cite, code, dfn, em, strong, th, var{  
	font-style:normal; 
	font-weight:normal;  
}  

ol, ul{  
	list-style:none;  
}  

caption, th{  
	text-align:left;  
}  

h1, h2, h3, h4, h5, h6{  
	font-size:100%;
	font-weight:normal;  
} 

body {
	color:#333333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:14px;
	text-align:center;
	background-color:#fafce2;
	position:relative;
}


/* aタグ
-------------------------------------------------*/

a {
	text-decoration:none;
	outline: none;
	color:#333333;
}

a:hover {
	text-decoration:underline;
}
/*
-------------------------------------------------*/

#header{
	margin:0 auto;
	text-align:left;
	width:978px;
	overflow:hidden;
	background:url(img/shadow-bg.gif) repeat-y;
}

#header h1 {
	font-size:12px !important;
	padding:10px 0 10px 30px;
}

#header p #logo {
	float:left;
	width:359px;
	height:65px;
	padding:5px 0px 0px 30px;
}

#header p #tell{
	float:right;
	width:279px;
	margin-top:15px;
	margin-right:30px;
	padding-bottom:11px;
}
#eyecatch{
	background:#0095f4;
}
#navwrapper{
	width:100%;
	height:50px;
	background:url(img/shadow-bg2.gif) repeat-y center;
	overflow:hidden;
}

#navwrapper #gnavul{
	margin:0 auto;
	height:50px;
	width:950px;
	border-bottom:#d9d9d9 1px solid;
}

#gnavul #gnav01,#gnavul #gnav01on {
	background: url(img/gnav01on.jpg) no-repeat;
	width:190px;
	height:50px;
}

#gnavul #gnav02,#gnavul #gnav02on {
	background: url(img/gnav02on.jpg) no-repeat;
	width:190px; height:50px;
}


#gnavul #gnav03,#gnavul #gnav03on {
	background: url(img/gnav03on.jpg) no-repeat;
	width:190px; height:50px;
}
#gnavul #gnav04,#gnavul #gnav04on {
	background: url(img/gnav04on.jpg) no-repeat;
	width:190px; height:50px;
}
#gnavul #gnav05,#gnavul #gnav05on {
	background: url(img/gnav05on.jpg) no-repeat;
	width:190px; height:50px;
}

#gnavul #gnav01 a{
	background: url(img/gnav01.jpg) no-repeat;
	width:190px; height:50px;
}
#gnavul #gnav02 a{
	background: url(img/gnav02.jpg) no-repeat;
	width:190px; height:50px;
}
#gnavul #gnav03 a{
	background: url(img/gnav03.jpg) no-repeat;
	width:190px; height:50px;
}
#gnavul #gnav04 a{
	background: url(img/gnav04.jpg) no-repeat;
	width:190px; height:50px;
}
#gnavul #gnav05 a{
	background: url(img/gnav05.jpg) no-repeat;
	width:190px; height:50px;
}

#gnavul li{
	float:left;
	width:190px;
	height:50px;
}
	
#gnavul li a{
	display:block;
	overflow:hidden;
	width: 100%;
	height: 100%;
	text-indent:-9999px;
}
	

#gnavul li a:hover{
	background: none !important;
}

#maincontents01{
	margin:0 auto;
	text-align:left;
	width:978px;
	overflow:hidden;
	padding-top:40px;
	padding-bottom:110px;
	background:url(img/shadow-bg.gif) repeat-y center;
	position:relative;
}

#maincontents01 #pankuzu{
	position: absolute;
	top: 15px;
	left: 30px;
}

#maincontents01 p{
	line-height:180%;
}

#maincontents01 #contentsleft{
	float: left;
	width: 676px;
	margin-left:28px;
	overflow:hidden;
}

#maincontents01 #contentsleft h2{
	margin-bottom:0px;
}

#maincontents01 #contentsleft .feature-img{
	float:left;
	width:135px;
	padding:0 20px 0 30px;
}


.clear{
	clear:both;
}


#maincontents01 #contentsleft .points{
	border-bottom:#CCC 2px dashed;
	padding: 18px 0;
}

#maincontents01 #contentsleft .points p{
	line-height:180%;
	padding-top: 10px;
	width:520px;
	float:right;
}


.ie7 #maincontents01 #contentsleft #topichead{
	margin-top:70px;
}

#maincontents01 #contentsleft #topichead{
	border-bottom:#CCC 2px dashed;
	margin-top:40px;
	padding-bottom:5px;
}

#maincontents01 #contentsleft dl{
	border-bottom:#CCC 2px dashed;
	line-height: 20px;
	margin: 10px 0 10px 0;
	overflow:hidden;padding-bottom:10px;
}
	
#maincontents01 #contentsleft dl dt{
	float:left;
	width:100px;
	padding-left:15px;	padding-bottom:20px;
}

#maincontents01 #contentsleft dl dd{
	float:left;
	width:555px;


}
	
	
#sidebar01{
	margin: 0 0 100px 726px;
	width:214px;
}

#sidebar01 .sidebox01{
	margin-bottom:20px;
}

#sidebar01 .sidebox01 ul a {
	padding: 3px;
	display:block;
}

#sidebar01 .sidebox01 ul li{
	padding: 0;
	margin: 0;
}

#sidebar01 .sidebox01 .sidetitle{
	padding-bottom:5px;
}



#sidebar01 .sidebox01 #timetable{
	color:white;
	text-align:center;
}
#sidebar01 .sidebox01 #timetable td{
	padding:4px 0 4px 0;
	text-align:center;
	border:1px solid white;
}

#sidebar01 .sidebox01 .banner01 a{
	background:url(img/side_bn_blog.jpg) no-repeat !important;
	height: 60px;
	width: 214px;
	text-indent: -9999px;
	margin-top: 10px;
	display: block;
}

#sidebar01 .sidebox01 .banner01 a:hover {	
	background-position: left bottom !important;
}

#sidebar01 .sidebox01 .banner02 a{
	background:url(img/side_bn_fb.jpg) no-repeat !important;
	height: 60px;
	width: 214px;
	text-indent: -9999px;
	margin-top: 10px;
	display: block;
	overflow:hidden;
}

#sidebar01 .sidebox01 .banner02 a:hover {	
	background-position: left bottom !important;
}

#sidebar01 .sidebox01 .banner03 a{
	background:url(img/side_bn_tw.jpg) no-repeat !important;
	height: 60px;
	width: 214px;
	text-indent: -9999px;
	margin-top: 10px;
	display: block;
	overflow:hidden;
}

#sidebar01 .sidebox01 .banner03 a:hover {	
	background-position: left bottom !important;
}

.tableinside{
	font-size:9px;
}


.blue{
	background:#188bff;
}
.lightblue{
	background:#5bacfe;
}

#sidebar01 .sidebox01 p{
	text-align:left;
}

	
#subnav{
	padding-top:10px;
	background:#0095f4;
	overflow:hidden;
}
#subnav ul {
	float:left;
	left:50%;
	position:relative;
}

#subnav li {
	float:left;
	left:-50%;
	position:relative;
	color:white;
}
#subnav li a{
	color:white;
}
#subnav ul #fnavi01 ,#fnavi02,#fnavi03,#fnavi04,#fnavi05{
	padding: 0 10px 0 10px;
	border-left: white 1px solid;
}  
#subnav ul #fnavi06{
	padding: 0 10px 0 10px;
    border-left: white 1px solid;
	border-right: white 1px solid;
}
#footer {
	background:#0095f4;
	padding:10px 0 30px 0;
}
	
#footer small{
	margin-top:10px;
    clear:both;
	display:block;
	color:white;
}
#pagetop{
	position:absolute;
	right:5%;
	bottom:0%;
}

.topichead{
	margin-top:30px;
}

#pankuzu li{
	display:inline;
	margin-right:20px;
}

.title{
	font-weight: bold;
	font-size:28px !important;
	color:#f6970f;
	background:url(img/icon.png) no-repeat left ;
	padding-left:54px;
	margin:10px 0 10px 0;
}
.susume-both{
	overflow:hidden;
}
.susume-lt, .susume-rt{
	width:332px;
}
.susume-lt{
	float:left;
}
.susume-rt{
	float:right;
}

/*ガイダンス*/
#guidetable tr td{
	padding:6px 0;
	border:#CCC 1px solid;
}
#guidetable tr .blue2 {
	background:#4591df;
	color: white;
	text-align:center;
} 
#guidetable tr .detail{
	padding-left:40px;
}

#guidetable{
	margin:10px 0 38px 0;
}

#maincontents01 #contentsleft .bluetitle h3{
	padding-bottom:6px;
	margin-top:25px;
}

#maincontents01 #contentsleft .bluetitle01 h3{
	border-bottom:#CCC 1px solid;
	padding-bottom:6px;
	margin-top:80px;
}

#maincontents01 #contentsleft .plo-coment01{
	margin: 0 0 50px 0;
}

#maincontents01 #contentsleft .plo-coment02{
	margin: 0 0 50px 0;
}

#maincontents01 #contentsleft .points h3{
	border:none;
}


#maincontents01 #contentsleft .kamoku h4{
	font-weight:bold;
	padding-left:20px;
	background:url(img/maru.gif) no-repeat left top;
	margin-top:20px;
}
#maincontents01 #contentsleft .kamoku p{
	margin-left:20px;
	margin-top:8px;
}
/*information*/
#maincontents01 #contentsleft .equipment{
	padding: 18px 0;
	overflow:hidden;
}

#maincontents01 #contentsleft .equipment-plo{
	float:right;
	width:400px;
}

#maincontents01 #contentsleft .equipment-plo p{
	margin:0 !important;
	padding:0 !important;
}

#maincontents01 #contentsleft .equipment01{
	background:url(img/info-border01.gif) no-repeat 13px bottom;
	padding: 30px 0;
	overflow:hidden;
}

#maincontents01 #contentsleft .equipment02{
	background:url(img/info-border01.gif) no-repeat 13px bottom;
	padding: 30px 0;
	overflow:hidden;
}

#maincontents01 #contentsleft .equipment03{
	padding: 30px 0;
	overflow:hidden;
}

#maincontents01 #contentsleft .equipment03 .menu-price {
	float: left;
	width: 400px;
	margin: 0 0 20px 20px !important;
	border: none !important;
}

#maincontents01 #contentsleft .equipment03 .menu-price dt {
	float: left;
	width: 130px !important;
}


#maincontents01 #contentsleft .equipment03 .menu-price dd {
	float: left;
	width: 250px !important;
}


#maincontents01 #contentsleft .equipment h3{
	font-weight:bold;
	padding-left:20px;
	background:url(img/leaf.gif) no-repeat 0% -70%;
	display:block;
	margin-left:270px;
	height:20px;
	margin-top:4px;
	font-size:14px;	
}


#maincontents01 #contentsleft .equipment-info{
	font-weight:bold;
	font-size: 24px !important ;
	color: #f6970f ;
	padding: 0;
	display:block;
	height:24px;
	margin:0 0 10px 28px;
}

#maincontents01 #contentsleft .equipment-info02{
	font-weight:bold;
	font-size: 24px !important ;
	color: #f6970f ;
	padding: 0;
	display:block;
	height:24px;
	margin:0 0 10px 210px;
}

#maincontents01 #contentsleft .equipment-info03{
	padding: 0;
	margin:0 0 10px 28px;
	line-height:180%;
}

#maincontents01 #contentsleft .equipment-fee{
	font-weight:bold;
	display:block;
	margin:0 0 10px 28px;
	font-size:14px;	
	line-height:180%;
}
#maincontents01 #contentsleft .equipment03 table td{
	line-height:170%;
}


#maincontents01 #contentsleft .equipment-fee01{
	font-weight:bold;
	font-size: 16px !important ;
	color: #f6970f ;
	padding: 0;
	display:block;
	height:24px;
	margin:0 0 10px 13px;
}



#maincontents01 #contentsleft .question{
	background:url(img/info-border01.gif) no-repeat 13px bottom;
	padding: 30px 0;
	overflow:hidden;
}

#maincontents01 #contentsleft .equipment p{
	line-height:180%;
	margin-left:255px;
}

#maincontents01 #contentsleft .equipment01 p{
	width:600px;
	line-height:180%;
	margin-left:28px;
}

#maincontents01 #contentsleft .equipment01 li{
	line-height:170%;
	margin:5px 0 16px 28px;
}

#maincontents01 #contentsleft .equipment02 p{
	line-height:180%;
	margin-left:210px;
}

#maincontents01 #contentsleft .question p{
	line-height:180%;
	margin-left:13px;
}

#maincontents01 #contentsleft .equipment-img{
	float:left;
	width:235px;
	padding-left:5px;

}

#maincontents01 #contentsleft .equipment-img02{
	float:left;
	width:154px;
	margin-left: 28px;

}

#maincontents01 #contentsleft .equipment-img03{
	float:left;
	width:235px;
	margin:15px 0 0 5px;

}

.menu-price {
	float: left;
	width: 400px;
	height: 40px;
	margin: 20px 0 0 20px !important;
	padding-left: 20px;
	border: none !important;
}

.menu-price dt {
	float: left;
	width: 200px !important;
}

.menu-price dd {
	float: left;
	width: 200px !important;
}
	
/*information*/
.career{
	margin-top:15px;
}

.flow{
	margin: 15px 0 15px 13px;
	width: 622px;
}

.flow img{
	margin: 15px 0 15px;
}

/*access*/
#maincontents01 #contentsleft .station p{
	line-height:170%;
}

#maincontents01 #contentsleft .station{
	margin-top:10px;
	overflow:hidden;
}

#maincontents01 #contentsleft .station img{
	float:left;
	width:240px;
	margin-right:20px;
}

#maincontents01 #contentsleft small a{
	float:right;
	padding-top:10px;
}

#maincontents01 #contentsleft #access-bar01 h3 img{
	margin:-5px 0 0 0;
}

.accesslist{
	margin: 10px 10px;
}

.accesslist td{
	padding: 7px 0 7px 10px;
	font-size: 13px;
}

.feeslist{
	margin: 10px 0;
}

.feeslist td{
	padding: 7px 0 7px 10px;
	font-size: 13px;
}

.feeslist01{
	margin: 10px 25px;
}

.feeslist01 td{
	padding: 7px 0 7px 10px;
	font-size: 13px;
}

.access-p{
	margin-left: 10px;
}

.access01-p{
	margin:15px 0 0 45px;
	font-weight:bold;
}

.map01{
	margin: 5px 0 0 42px;
}

.map01 a{
	margin:5px 530px 0 0;
	width: 100px;
	height: 15px;
	font-size: 12px;
}

#map {
	margin:10px 0 0 15px;
}

/*サイトマップ*/

#sitemaplist{
	margin-top:20px;
	font-size:16px;
}

#sitemaplist li{
	border-left: 2px #3366CC solid;
	margin:5px 0;
    padding-left:10px;
	margin:30px 0;
}

/*共通*/

.red{
	color:#e82626;
}

.bold{
	font-weight: bold;
}

.bold01{
	margin: 30px 0 10px 10px;
	font-weight: bold;
}

.bold02{
	font-weight: bold;
	font-size:18px;
}

.mg20{
	margin:0 0 0 20px;
}