@charset "utf-8";
html{
	width:100%;
	/*overflow:hidden;*/
	margin: 0;
	padding: 0;
}
body {
    line-height:1;
    margin:0;
	/*overflow:hidden;*/
	font-size:14px;
	width:100%;
	padding:0;
}

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

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

ul {
	list-style:none;
	padding:0;
}
li {
	padding:0;
}

input, select {
    vertical-align:middle;
}

a {
    display: block;
}

a {
    -webkit-tap-highlight-color:transparent;
}
/* clearfix（任意で） */
*:after { display:block; clear:both; }
/* はみ出し対策 */
body {/* width:100%; overflow:hidden;*/ }

img{
	border:0;
}
#container{
	position:relative;
}
#view{
	position:absolute;
	width:100%;
}

#header {
	border-top: 5px solid #FF0000;
}
h1{
	width:242px;
	height:70px;
	padding-left:78px;
	padding-top:20px;
	font-size:10px;
	line-height:1.2em;
	font-weight:normal;
	margin:0 auto;
	background:url(images/header.gif) no-repeat top left;
}
h2{
	width: 80%;
	margin: 10px auto;
	padding: 5px;
	font-size:18px;
	text-align:center;
	border: 1px #CCCCCC solid;
	color: #666666;
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
	/*-webkit-box-shadow: 0 2px 2px #CCC;*/
}

.text{
	width:85%;
	margin:0 auto 5px auto;
	font-size:110%;
}

.linkbtn {
	width: 80%;
	margin: 10px auto;
	padding: 10px;
	display:block;
	font-size:18px;
	text-align:center;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff9495), to(#d10007));	
	border: 1px #940005 solid;
	color: #FFF;
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 2px 2px #CCC;
	/*text-shadow: 1px 2px 3px #C45C00;*/
	text-decoration:none;
}
.linkbtn span{
	font-size:12px;
}


.fontblack{
	color: #000;
	padding: 20px 10px;
}
.fontblack span{
	font-size:12px;
}

.gray{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #ababab));
	border: 1px #ababab solid;
	color: #111;
	width: 80%;
	margin: 10px auto;
	padding: 20px 10px;
	display:block;
	font-size:18px;
	text-align:center;
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 2px 2px #CCC;
	text-decoration:none;
}
.gray span,
.gray2 span,
.red span,
.red2 span,
.gray3 span{
	font-size:12px;
}
.gray2{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ababab), color-stop(1.00, #e9e9e9));
	border: 1px #ababab solid;
	color: #111;
	width: 80%;
	margin: 10px auto;
	padding: 20px 10px;
	display:block;
	font-size:18px;
	text-align:center;
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 2px 2px #CCC;
	text-decoration:none;
}
.gray3{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #cecece));
	border: 1px #00008B solid;
	color: #111;
	width: 80%;
	margin: 10px auto;
	padding: 20px 10px;
	display:block;
	font-size:18px;
	text-align:center;
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 2px 2px #CCC;
	text-decoration:none;
}

.red{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ea4945), color-stop(1.00, #9f0000));
	border: 1px #940005 solid;
	color: #111;
	width: 80%;
	margin: 10px auto;
	padding: 20px 10px;
	display:block;
	font-size:18px;
	text-align:center;
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 2px 2px #CCC;
	text-decoration:none;
}
.red2{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.26, #ff1a00), color-stop(1.00, #ffd1d1));
	border: 1px #940005 solid;
	color: #111;
	width: 80%;
	margin: 10px auto;
	padding: 20px 10px;
	display:block;
	font-size:18px;
	text-align:center;
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 2px 2px #CCC;
	text-decoration:none;
}



#footer{
	font-size:12px;
	width:100%;
	border-top: 2px solid #FF0000;
	margin-top:7px;
}
#footer .wrap{
	padding:8px 8px 35px 8px;
}
#footer .wrap a{
	display:inline;
}
#footer .wrap table{
	padding-top:7px;
}
#footer .wrap table td{
	padding:0 7px 7px 0;
	font-size:12px;
}
#footer .wrap #top{
	text-align:right;
	width:100%;
	margin-bottom:10px;
}
#footer .wrap #top a{
	float:right;
	display:block;
	text-decoration:none;
	width: 60px;
	margin: 10px;
	padding: 5px;
	font-size:16px;
	text-align:center;
	border: 1px #CCCCCC solid;
	color: #666666;
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 2px 2px #CCC;
}
#footer .wrap #top a:hover{
	color:#FF0000;
}

/********************
	メインページ
*********************/
#mainmenu a{
	width: 85%;
	margin: 10px auto;
	padding: 10px 5px;
	display:block;
	font-size:18px;
	text-align:center;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E0E0E0));	
	border: 1px #CCCCCC solid;
	color: #FF0000;
	font-weight:bold;
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 2px 2px #CCC;
	/*text-shadow: 1px 2px 3px #C45C00;*/
	text-decoration:none;
	line-height:1.5em;
}
#wheelchair{
	/*background:url(images/wheelchair.gif) no-repeat left bottom;*/
	width: 85%;
	margin: 10px auto;
	padding: 10px 0px 20px 0px;
	line-height:1.4em;
}
#wheelchair strong{
	color:#3399FF;
	font-weight:16px;
}

/********************
	車種案内
*********************/
#carmodel{
	width:100%;
}
#carmodel table{
	width:95%;
	margin:10px auto;
}
#carmodel table th{
	background-color:#93BFFF;
	color:#000000;
	padding:3px 0;
}
#carmodel table td{
	line-height:1.4em;
	font-size:13px;
	vertical-align:top;
}
/********************
	お迎えの案内
*********************/
#meet{
	width:100%;
}
#meet table{
	width:95%;
	margin:10px auto 15px auto;
}
#meet table td,
#meet table th{
	padding:5px;
}
#meet table th{
	background-color:#93BFFF;
	font-size:16px;
}
#meet table td a{
	display:block;
	margin:5px auto;
	width:260px;
}

/********************
	モデルコースの案内
*********************/
#modelcourse{
	width:85%;
	margin:10px auto;
}

#modelcourse h5{
	color:#333333;
	padding:10px;
	font-size:20px;
	margin-top:15px;
	line-height:1.2em;

/*	border-radius: 5px;		/* CSS3草案 */
/*	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
/*	-moz-border-radius: 5px;	/* Firefox用 */
	border: 3px solid #ff7400;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fee4c8), color-stop(0.98, #ff7400));
	background: -webkit-linear-gradient(top, #fee4c8 0%, #ff7400 98%);
	background: -moz-linear-gradient(top, #fee4c8 0%, #ff7400 98%);
	background: -o-linear-gradient(top, #fee4c8 0%, #ff7400 98%);
	background: -ms-linear-gradient(top, #fee4c8 0%, #ff7400 98%);
	background: linear-gradient(to bottom, #fee4c8 0%, #ff7400 98%);
}
#modelcourse h5.white{/*パターン１*/
	color:#FFFFFF;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FEAB63), color-stop(0.98, #ff7400));
	background: -webkit-linear-gradient(top, #FEAB63 0%, #ff7400 98%);
	background: -moz-linear-gradient(top, #FEAB63 0%, #ff7400 98%);
	background: -o-linear-gradient(top, #FEAB63 0%, #ff7400 98%);
	background: -ms-linear-gradient(top, #FEAB63 0%, #ff7400 98%);
	background: linear-gradient(to bottom, #FEAB63 0%, #ff7400 98%);
}

#modelcourse h5.red{/*パターン２*/
	color:#FFFFFF;
	border: 3px solid #cd0000;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ff7200), color-stop(0.98, #cd0000));
	background: -webkit-linear-gradient(top, #ff7200 0%, #cd0000 98%);
	background: -moz-linear-gradient(top, #ff7200 0%, #cd0000 98%);
	background: -o-linear-gradient(top, #ff7200 0%, #cd0000 98%);
	background: -ms-linear-gradient(top, #ff7200 0%, #cd0000 98%);
	background: linear-gradient(to bottom, #ff7200 0%, #cd0000 98%);
}
#modelcourse h5.green{/*パターン３*/
	color:#FFFFFF;
	border: 3px solid #177431;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #63e45d), color-stop(0.98, #177431));
	background: -webkit-linear-gradient(#63e45d, #177431);
	background: -moz-linear-gradient(#63e45d, #177431);
	background: -o-linear-gradient(#63e45d, #177431);
	background: -ms-linear-gradient(#63e45d, #177431);
	background: linear-gradient(#63e45d, #177431);
}
#modelcourse h5.blue{/*パターン４*/
	color:#FFFFFF;
	border: 3px solid #0f2296;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #326cff), color-stop(0.98, #0f2296));
	background: -webkit-linear-gradient(#326cff, #0f2296);
	background: -moz-linear-gradient(#326cff, #0f2296);
	background: -o-linear-gradient(#326cff, #0f2296);
	background: -ms-linear-gradient(#326cff, #0f2296);
	background: linear-gradient(#326cff, #0f2296);
}


#modelcourse h5 div{
	font-size:14px;
	font-weight:normal;
}
#modelcourse h5 span{
	font-size:16px;
	font-weight:normal;
}
#modelcourse ul{
	margin:0 auto 10px auto;
	background-color:#ff7400;
	padding:0 3px 3px 3px;

	-webkit-border-bottom-right-radius: 5px;  
    -webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;  
    -moz-border-radius-bottomleft: 5px;
}

#modelcourse ul.red{/*パターン２*/
	background-color:#cd0000;
}
#modelcourse ul.green{/*パターン３*/
	background-color:#177431;
}
#modelcourse ul.blue{/*パターン４*/
	background-color:#0f2296;
}

#modelcourse ul li{
	background-color:#FFFFCC;
	padding:8px;
	line-height:1.2em;

	-webkit-border-bottom-right-radius: 5px;  
    -webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;  
    -moz-border-radius-bottomleft: 5px;
}

#modelcourse ul li .photo{
	margin:5px auto;
	text-align:center;
	font-size:1px;
}
#modelcourse ul li p{
	padding:5px 0;
}
#modelcourse ul li p strong{
	color:#660000;
}
#modelcourse ul li p strong.shasou,
#modelcourse .comment{
	color:#003399;
}
#modelcourse ul li span.point{
	font-size:12px;
}