@charset "utf-8";

/*-------------------------------------------------------------------
     大阪バーチャルフリープラン
--------------------------------------------------------------------- */

* { padding: 0; margin: 0; outline: 0; }

/*	Main definition
#################################################################### */
body { margin: 0; padding: 0;}
h1, h2, h3, h4, h5 { font-weight: normal; font-size: small; clear: both; text-indent: -9999px; margin-bottom:10px; overflow:hidden;}
ul, ol { list-style: none;}
table { border: none; width: 100%;}
img { border: none;}
a, a:active, a:visited, a:hover { text-decoration: underline; color: #1e1f29; border: 0;}
.clear { clear: both;line-height:0;display:block;}
.left {float:left;}
.right {float:right;}
.left01 {float:left;text-align:right;width:225px;}
.right01 {float:right;text-align:left;}
.bold { font-weight:bold;}

/* Body
#################################################################### */
body {
	font-size: 13px;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ　Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.6em;
	letter-spacing: 0.1em;
	text-align: left;
	margin: 0;
	padding: 0;
	color: #6c491d;
	background:#ff99a5;
}


/*	layout
############################################################################################################ */
div.page { width: 990px; margin: 0 auto; padding: 10px 0; background: #bfedfc;}
div.main { width: 924px; margin: 0 auto; padding: 18px; background: #fffef0; clear: both;}

/*	header
############################################################################################################ */
div.header { height: 60px; margin: 0; padding: 0; clear: both; background: url(../images/hdBg.gif) repeat-x;}
h1 { width: 960px; height: 273px; margin: 0 auto 8px auto; background: url(../images/topimg.jpg) no-repeat;}

/*	breadory
############################################################################################################ */
div.breadory { background: url(../images/circle.gif) no-repeat left; width: 10px; height: 20px; font-size:x-small;}
div.breadoryl { float:left;margin: 10px 15px;}
div.other { float:left;margin: 10px 0 0 670px;}
* html div.other { float:left; margin-left: 100px;}

ol.breadcrumbs { margin-left:10px;width: 540px; height: 20px;display:block;background: url(../images/circle02.gif) no-repeat right #fff;}
ol.breadcrumbs li { float: left;}
p.link { margin: 0 10px; width: 250px; height: 20px; background: url(../images/circle02.gif) no-repeat right #fff; display: block;}

/*	main
############################################################################################################ */

h2.ttl01 { height: 37px; background: url(../images/ttl01.gif) repeat-x;}
h2.ttl02 { height: 100px; background: url(../images/ttl02.gif) no-repeat bottom;}
h2.ttl03 { height: 200px; background: url(../images/start.jpg) no-repeat bottom;}
h3 { width: 100%; height: 45px; border-bottom:1px dotted #a36c25;margin-bottom:30px;}
h3.am1000 { background: url(../images/ttl03.gif) no-repeat;}
h3.am1030 { background: url(../images/ttl04.gif) no-repeat;}
h3.pm130 { background: url(../images/ttl05.gif) no-repeat;}
h3.pm300 { background: url(../images/ttl06.gif) no-repeat;}
h3.pm500 { background: url(../images/ttl07.gif) no-repeat;}

h4.subttl01 {background: url(../images/subttl01.gif) no-repeat;width:420px; height:80px;}
h4.subttl02 {background: url(../images/subttl02.gif) no-repeat;width:420px; height:80px;}
h4.subttl03 {background: url(../images/subttl03.gif) no-repeat;width:420px; height:80px;}
h4.subttl04 {background: url(../images/subttl04.gif) no-repeat;width:420px; height:80px;}
h4.subttl05 {background: url(../images/subttl05.gif) no-repeat;width:420px; height:80px;}

div.banner { width: 375px; float:right;padding-top:8px;}
div.banner p { margin: 11px auto; text-align:center;}
div.bg { background: url(../images/bannerBg.gif); }
div.preface, div.route {width:530px;float:left;}
div.preface p {padding:10px; color:#6c6e6e;}


div.route div { height:170px;background: url(../images/routeBg.gif) no-repeat; margin-bottom: 5px;}
div.route div ul { padding:10px 20px;}
div.route div ul li { padding:5px;}
div.route div ul li span { margin-left:50px;}

ul.photoLay01 {float:left;display:block;width:450px;}
div.textLay01 {float:right;width:450px;}

ul.photoLay02 {float:right;display:block;width:250px;}
div.textLay02 {float:left;width:650px;}

ul.photoLay03 {float:left;display:block;width:320px;}
div.textLay03 {float:right;width:550px;}

ul.photoLay04 {float:right;display:block;width:450px;}
div.textLay04 {float:left;width:450px;}

ul.photoLay05 {float:right;display:block;width:340px;}
div.textLay05 {float:left;width:450px;}

ul.photoLay06 {float:right;display:block;width:450px;}
div.textLay06 {float:left;width:450px;}

ul.photoLay01, ul.photoLay02, ul.photoLay03, ul.photoLay04, ul.photoLay05, ul.photoLay06, div.textLay01, div.textLay02, div.textLay03, div.textLay04, div.textLay05, div.textLay06 { margin-bottom:20px;}
ul.photoLay01 li, ul.photoLay02 li, ul.photoLay03 li, ul.photoLay04 li, ul.photoLay05 li, ul.photoLay06 li {display:block;margin:0;padding:0;text-align:center; /line-height:0;}
/*ul.photoLay01 li a{margin:0;padding:0;}*/
ul.photoLay01 li img{margin:0;padding:0;vertical-align:bottom;}
ul.photoLay01 li.miniP01{float:left;width:219px;text-align:right;}
ul.photoLay01 li.miniP02{float:left;width:220px;text-align:left;}

table.data { width:100%; margin-top:15px;clear:both;border: #e0e0e0 2px solid; background:#fff; color:#6c6e6e; border-collapse:collapse}
table.data tr {border-bottom: #d2d2d2 2px dotted;}
table.data th {font-weight:bold;}
table.data th, table.data td {padding:6px;/border-bottom: #d2d2d2 2px dotted;}
/*
table.data { border-collapse: collapse;border-spacing: 0;width:100%;margin-top: 15px;border: #e0e0e0 2px solid; background:#fff; color:#6c6e6e;display:block;}
table.data tr {border-bottom: #d2d2d2 2px dotted;padding:6px;}
table th { font-weight:bold;}
table.data th, table.data td {/border-bottom: #d2d2d2 2px dotted;padding:6px;}
table.data th.small { width:120px;border-top:1px solid #fff;}
*/
th.pay {color:#f98532; background: url(../images/payBg.gif) repeat-y right}
th.spot {color:#94bd32; background: url(../images/spotBg.gif) repeat-y right;}
th.inf {color:#e98275; background: url(../images/infBg.gif) repeat-y right;}
table a, table a:active, table a:visited, table a:hover {text-decoration:underline; color:#499ac9; border: 0;}

div.afterword { background: #bfedfc;padding-bottom:20px;color:#6c6e6e;}
div.afterword p { width: 850px; margin: 0 auto; padding: 15px; background:#fff;}
div.tool { clear:both;}
div.tool p.toolTtl { width:914px;border-bottom:1px dotted #ccc;displya:block;padding:5px;}
div.tool p {padding-bottom: 5px;}
div.tool div {float:left; width:425px; padding: 5px 0 5px 20px; margin: 15px 2px 30px 8px;color:#6c6e6e;font-size:smaller;line-height:1.4em;}
div.tool div a { display:block; text-align:right;}
div.tool div.divide {border-left:2px dotted #ccc;height:170px;}
div.tool a, div.tool a:active, div.tool a:visited, div.tool a:hover { text-decoration: underline; color:#499ac9; border: 0;}

div.pageTop { clear: both; padding: 10px 5px 10px 0; text-align: right;font-size:smaller;margin-bottom:15px;}

/*	footer
############################################################################################################ */
div.footer { clear: both; height: 48px; padding: 5px 0; border-top:1px solid #ccc; font-size: 11px; text-align: center;}
address { text-align: center; font-style: normal; font-size: 10px;}