@charset "utf-8";


@import url(jqtransform.css);
@import url(reset.css);
@import url(common.css);
@import url(page_common.css);
/*
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
*/

/* ================================================

	出雲

=================================================*/
#contentsArea { background:url(../_img/common/contents_bg.jpg) center 0 no-repeat; overflow:hidden;}
#contentsAreaInner { width:950px; margin:0 auto; background:url(../_img/common/contents_bg2.jpg) 0 0 no-repeat;}

/* titleArea */
#titleArea { padding-top: 10px; position: relative; width: 950px; height: 220px; }
#titleAreaA { width:276px; position:absolute; top:15px; left:20px; overflow:hidden;}
#titleAreaA ul { margin-left:3px; width:283px;}
#titleAreaA ul li { float:left; margin:0 10px 10px 0;}
#titleAreaB { width:306px; height:176px; position:absolute; top:35px; left:305px; border:1px solid #ccc; background-color:#fff; padding:1px;}
#titleAreaB dl { width:296px; height:126px; overflow:auto; padding:5px;}
#titleAreaB dl dt a { color:#000; text-decoration:underline;}
#titleAreaB dl dt a:hover { text-decoration:none;}
#titleAreaB dl dd { border-bottom:1px dotted #ccc; padding-bottom:5px; margin-bottom:5px;}


/* contents -------------*/
#contentsBox { margin-top:-20px; position:relative;}

.section { background:url(../_img/common/sec_bg.jpg) 0 0 repeat-y; width:760px; margin-bottom:10px; clear:left;}
.sectionBtm { background:url(../_img/common/sec_btm.jpg) 0 bottom no-repeat; width:760px;}
.mainTxt { width:752px; margin:0 2px 10px; background-color:#FEFED6; padding:3px 2px; font-size:10px;}

.section0 { width:380px; float:left;}

.section_map { margin-left: 10px; margin-bottom: 10px; width: 370px; height: 200px; float: left; }

.section1 { background:url(../_img/izumo/sec_bg1.jpg) 0 0 repeat-y; width:380px; margin-bottom:10px; margin-right:10px; float:left;}
.sectionBtm1 { background:url(../_img/izumo/sec_btm1.jpg) 0 bottom no-repeat; width:380px;}
.mainTxt1 { width:372px; margin:0 2px 10px; background-color:#FEFED6; padding:3px 2px; font-size:10px;}

.section2 { margin-left: 25px; margin-bottom: 10px; width: 700px; background: url(../_img/izumo/comment_center.jpg) 0 0 repeat-y; }
.sectionBtm2 { background:url(../_img/izumo/comment_bottom.jpg) 0 bottom no-repeat; width:700px;}

.section2_comment { padding-left: 15px; padding-right: 15px; padding-bottom: 15px; }
.section2_comment_bold { font-weight: bold; }

.tourList1 { width:380px; margin-left:10px; overflow:hidden;}
.tourList1 li { width:364px; padding-bottom:10px; margin-right:10px; float:left;}

.tourList { width:750px; margin-left:10px; overflow:hidden;}
.tourList li { width:364px; padding-bottom:10px; margin-right:10px; float:left;}
.tourImg { display:block; width:110px; float:left; margin-right:5px;}
.tourImg1 { display:block; width:140px; float:right; margin-right:5px;}
.tourTxt { display:block; width:249px; float:left; padding-top:5px;}
.tourD { display:block; color:#999; width:70px; height:16px; float:left; font-size:10px;}
.tourIco2 { display:block;}
.tourP { color:#F00; font-weight:bold; font-size:11px;}
.tourBtn { display:block; width:100%;}
.toutBtn img { vertical-align:middle;}

#sec1_h2{width:380px;}

#sec1 .tourList li { border-top:2px;}
#sec2 .tourList li { border-top:2px solid #FF9901;}
#sec3 .tourList li { border-top:2px solid #68B739;}
#sec4 .tourList li { border-top:2px solid #993D8F;}
#sec1 .tourList li a { color:#45A4F8;}
#sec2 .tourList li a { color:#FF9901;}
#sec3 .tourList li a { color:#008000;}
#sec4 .tourList li a { color:#993D8F;}

#sec2 .tourList li h2 { font-weight: bold; padding-left: 5px; border-bottom: 2px solid #FF9901; }
#sec2 .tourList li h2 img { text-align: left; vertical-align: middle; padding-right: 3px; padding-bottom: 2px; }


.indexBnr { text-align:center; padding-top:10px;}




/* clearfix
---------------------------------------------------------------------------------------------*/
#titleAreaA ul:after,
.sectionBtm:after
 { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#titleAreaA ul,
.sectionBtm
 { display: inline-table; min-height: 1%; }
/* Hides from IE-mac \*/
* html #titleAreaA ul,
* html .sectionBtm
 { height: 1%; }
#titleAreaA ul,
.sectionBtm
 { display: block; }
/* End hide from IE-mac */