html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* clearfix */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {
    clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.cf {
    *zoom: 1;
}

/* tokushima */
body#tokushima{
	background:url(../img/patn_001.jpg) repeat-x top left;
}

#tokushima .wrapper{
	width:990px;
	margin-left:auto;
	margin-right:auto;
}
#tokushima .header{
	position:relative;
	height:559px;
}
#tokushima .header h1{
	position:absolute;
	top:161px;
	left:13px;
}
#tokushima .header p.txt01{
	position:absolute;
	top:28px;
	left:33px;
}
#tokushima .header p.txt02{
	position:absolute;
	top:428px;
	left:33px;
}
#tokushima .header p.img01{
	position:absolute;
	top:21px;
	left:430px;
}
#tokushima .header ul{
	position:absolute;
	top:416px;
	left:495px;
}
#tokushima .header ul li{
	float:left;
	margin-right:11px
}
#tokushima .wrapper .con01{
	float:left;
	width:323px;
	background:url(../img/line_01.gif) right top repeat-y;
	margin-right:17px;
}
#tokushima .wrapper .con01 img{
	margin-bottom:20px;
}
#tokushima .wrapper .con02{
	float:left;
	width:323px;
	background:url(../img/line_01.gif) right top repeat-y;
	margin-right:17px;
}
#tokushima .wrapper .con02 img{
	margin-bottom:20px;
}
#tokushima .wrapper .con03{
	float:left;
	width:310px;
}
#tokushima .wrapper .con03 img{
	margin-bottom:20px;
}

/* tour */
body#tour{
	background:url(../img/patn_001.jpg) repeat-x top left;
}
#tour .wrapper{
}
#tour .header{
	position:relative;
	height:559px;
	width:990px;
	margin-left:auto;
	margin-right:auto;	
}
#tour .header h1{
	position:absolute;
	top:161px;
	left:13px;
}
#tour .header p.txt01{
	position:absolute;
	top:28px;
	left:33px;
}
#tour .header p.img01{
	position:absolute;
	top:21px;
	left:430px;
}
#tour .header ul{
	position:absolute;
	top:421px;	
	left:167px;
}
#tour .header ul li{
	float:left;
	margin-right:20px
}
#tour .gnav{
	height:65px;
}
#tour .gnav .mr13{
	margin-right:13px;
}
#tour .gbg01{
	background:url(../img/nav_bg_01.gif) repeat-x bottom;
}
#tour .gbg02{
	background:url(../img/nav_bg_02.gif) repeat-x bottom;
}
#tour .gbg03{
	background:url(../img/nav_bg_03.gif) repeat-x bottom;
}
#tour .gnav ul{
	height:65px;
	width:990px;
	margin:0 auto;
}
#tour .gnav ul li{
	float:left;
}

/* con01 */
#tour .con01{
	width:990px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
#tour .con01 .ttl{
	width:750px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	height:66px;
}
#tour .con01 .ttl h3{
	width:410px;
	margin-right:20px;
	float:left;
}
#tour .con01 .ttl p{
	width:308px;
	float:left;
	margin-top:6px;
}
#tour .con01 ul{
	clear:both;
	margin-top:30px;
	position:relative;
	width:990px;
	height:2300px;
}
#tour .con01 ul li.c01{
	position:absolute;
	top:0;
	left:0px;
}
#tour .con01 ul li.c02{
	position:absolute;
	top:316px;
	left:0px;
}
#tour .con01 ul li.c03{
	position:absolute;
	top:307px;
	left:223px;
}
#tour .con01 ul li.c04{
	position:absolute;
	top:308px;
	left:713px;
}
#tour .con01 ul li.c05{
	position:absolute;
	top:603px;
	left:245px;
}
#tour .con01 ul li.c06{
	position:absolute;
	top:951px;
	left:244px;
}
#tour .con01 ul li.c07{
	position:absolute;
	top:950px;
	left:504px;
}
#tour .con01 ul li.c08{
	position:absolute;
	top:1313px;
	left:0px;
}
#tour .con01 ul li.c09{
	position:absolute;
	top:1284px;
	left:234px;
}
#tour .con01 ul li.c10{
	position:absolute;
	top:1333px;
	left:730px;
}
#tour .con01 ul li.c11{
	position:absolute;
	top:1646px;
	left:477px;
}
#tour .con01 ul li.c12{
	position:absolute;
	top:1540px;
	left:228px;
}
#tour .con01 ul li.c13{
	position:absolute;
	top:1954px;
	left:491px;
}
#tour .con01 ul li.c14{
	position:absolute;
	top:2109px;
	left:305px;
}
#tour .con01 ul li.c15{
	position:absolute;
	top:2035px;
	left:0px;
}

/* con02 */
#tour .con02{
	width:990px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
#tour .con02 ul{
	clear:both;
	margin-top:30px;
	position:relative;
	width:990px;
	height:1048px;
}
#tour .con02 ul li.c01{
	position:absolute;
	top:19px;
	left:0px;
}
#tour .con02 ul li.c02{
	position:absolute;
	top:0px;
	left:228px;
}
#tour .con02 ul li.c03{
	position:absolute;
	top:18px;
	left:676px;
}
#tour .con02 ul li.c04{
	position:absolute;
	top:377px;
	left:430px;
}
#tour .con02 ul li.c05{
	position:absolute;
	top:483px;
	left:244px;
}
#tour .con02 ul li.c06{
	position:absolute;
	top:629px;
	left:498px;
}
#tour .con02 ul li.c07{
	position:absolute;
	top:544px;
	left:785px;
}
#tour .con02 ul li.c08{
	position:absolute;
	top:695px;
	left:6px;
}
#tour .con02 ul li.c09{
	position:absolute;
	top:785px;
	left:0px;
}

/* con03 */
#tour .con03{
	width:990px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
#tour .con03 ul{
	clear:both;
	margin-top:30px;
	position:relative;
	width:990px;
	height:1083px;
}
#tour .con03 ul li.c01{
	position:absolute;
	top:32px;
	left:0px;
}
#tour .con03 ul li.c02{
	position:absolute;
	top:13px;
	left:226px;
}
#tour .con03 ul li.c03{
	position:absolute;
	top:0px;
	left:633px;
}
#tour .con03 ul li.c04{
	position:absolute;
	top:433px;
	left:273px;
}
#tour .con03 ul li.c05{
	position:absolute;
	top:692px;
	left:296px;
}
#tour .con03 ul li.c06{
	position:absolute;
	top:570px;
	left:630px;
}
#tour .con03 ul li.c07{
	position:absolute;
	top:693px;
	left:6px;
}
#tour .con03 ul li.c08{
	position:absolute;
	top:794px;
	left:0px;
}
#tour .conbtm{
	width:990px;
	margin:50px auto 0 auto;
}
#tour .conbtm h3{
	margin-bottom:15px;
}
#tour .conbtm ul{
}
#tour .conbtm ul li{
	float:left;
}

/* footer */
#tokushima .footer{
	clear:both;
	padding:70px 0 20px 0;
	text-align:center;
}
#tokushima .footer .prtxt{
	font-size:14px;
	margin-top:20px;
	letter-spacing:0.1em;
}
#tour .footer{
	clear:both;
	padding:30px 0 30px 0;
	text-align:center;
}
#tour .footer .prtxt{
	font-size:14px;
	letter-spacing:0.1em;
}