@charset "UTF-8";

/*
Theme Name: hozugawa.jp
Theme URI: 
Description: 保津川下り
Author: 
*/

/*----------------------------------------------------------
header
----------------------------------------------------------*/
div#header{
	width:980px;
	height:auto;
	margin:5px auto;
	text-align:left;
	}

div#header h1{
	float:left;
	margin:5px 0;
	}
	
div#header .switch{
	padding:32px 0 0 0;
	float:right;
	}

div#headerTop{
	width:100%;
	height:595px;
	clear:both;
	}
	
div#headerTop #topTitle{
	width:980px;
	margin:auto;
	text-align:right;
	}
	
div#headerTop .topTitleEn img{
	margin:320px 0 0 0;
	}

div#headerImg{
	width:100%;
	height:290px;
	text-indent:-9999px;
	clear:both;
	}

div#headerEco{
	width:100%;
	height:290px;
	text-indent:-9999px;
	background:url(images/header/eco/bg_header01.jpg) center no-repeat;
	clear:both;
	}

div#headerHistory{
	width:100%;
	height:290px;
	text-indent:-9999px;
	background:url(images/header/history/bg_header01.jpg) center no-repeat;
	clear:both;
	}

div#headerInfo{
	width:100%;
	height:290px;
	text-indent:-9999px;
	background:url(images/header/info/bg_header01.jpg) center no-repeat;
	clear:both;
	}

div#headerSendo{
	width:100%;
	height:290px;
	text-indent:-9999px;
	background:url(images/header/sendo/bg_header01.jpg) center no-repeat;
	clear:both;
	}

div#headerPage{
	width:100%;
	height:290px;
	text-indent:-9999px;
	clear:both;
	}

/*----------------------------------------------------------
navi
----------------------------------------------------------*/
div#nav{
	background:url(images/bg_topnavbg.gif)  repeat-x;
	width:100%;
	height:51px;
	}

div#nav #topNavBtn{
	background:url(images/bg_topnav.gif) right bottom no-repeat;
	width:980px;
	height:51px;
	margin:auto;
	}

div#nav #topNavBtn li{
	margin:0 15px 0 0;
	display:block;
	float:left;
	}

div#nav .switch{
	padding:18px 15px 0 0;
	float:right;
	vertical-align:bottom;
	}
	
div#nav .switchBlog{
	background:url(images/bg_switch_b.gif) no-repeat;
	width:163px;
	height:29px;
	padding:13px 15px 0 0;
	text-align:right;
	float:right;
	}

div#nav .switchContent{
	background:url(images/bg_switch.gif) no-repeat;
	width:165px;
	height:27px;
	padding:15px 15px 0 0;
	text-align:right;
	float:right;
	}
	
div#nav .switchLangTop{
	padding:5px 15px 0 0;
	float:left;
	}

div#nav .switchLang{
	padding:5px 0 0 10px;
	float:left;
	}

div#nav .switchLang img{
	margin:0 2px 0 0;
	}

div#nav #navBtn{
	width:980px;
	height:auto;
	margin:auto;
	}

div#nav #navBtn ul{
	}

div#nav #navBtn li{
	margin:0 15px 0 0;
	display:block;
	float:left;
	}
	
/*----------------------------------------------------------
topicpath
----------------------------------------------------------*/
div#topicpath{
	width:100%;
	height:27px;
	padding:65px 0 0 0;
	}
	
div#topicpath a{
	font-weight:bold;
	}
	
div#topicpath ul{
	width:980px;
	height:auto;
	margin:auto;
	}

div#topicpath li{
	display:block;
	float:left;
	}

div#topicpath .arrow{
	padding:0 4px 0 4px;
	}

/*----------------------------------------------------------
main
----------------------------------------------------------*/
div#topContentBg{
	width:100%;
	}

div#topContentWrap{
	width:980px;
	height:auto;
	padding:65px 0 0 0;
	margin:auto;
	}

div#contentWrap{
	width:980px;
	height:auto;
	margin:auto;
	}

/*----------------------------------------------------------
top sideNav
----------------------------------------------------------*/
div#topSideNav{
	width:360px;
	height:auto;
	padding:0px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	float:left;
	}
	
div#topSideNav .topInfo{
	background:url(images/bg_topinfo.jpg) top no-repeat;
	width:350px;
	height:auto;
	padding:20px 0 0 0;
	}

div#topSideNav .topTwitter{
	background:url(images/bg_toptwitter.jpg) top no-repeat;
	width:350px;
	height:auto;
	padding:20px 0 0 0;
	margin:13px 0 0 0;
	}
	
div#topSideNav .topSendo{
	background:url(images/bg_topsendo.jpg) top no-repeat;
	width:360px;
	height:auto;
	padding:33px 0 0 0;
	}

div#topSideNav ul{
	padding:10px 10px 0 15px;
	}

div#topSideNav li{
	padding:5px 0 0 3px;
	border-bottom:dotted 1px #999999;
	}

div#topSideNav .topLibraryBottom{
	font-size:0px;
	background: url(images/bg_toplib_b.jpg) bottom no-repeat;
	width:350px;
	height:8px;
	}


/*----------------------------------------------------------
sideNav
----------------------------------------------------------*/
div#sideNav{
	width:225px;
	height:auto;
	padding:0px;
	float:left;
	}
	
div#sideNav li{
	padding:0 0 5px 0;
	}

div#sideNav .library{
	background:url(images/bg_library.jpg) top no-repeat;
	width:217px;
	height:auto;
	padding:30px 0 0 8px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	}
	
div#sideNav .library ul{
	padding:15px 10px 0 0;
	}

div#sideNav .library li{
	padding:10px 0 10px 12px;
	background:url(images/img_arrow02.gif) left no-repeat;
	border-bottom:dotted 1px #999999;
	}

div#sideNav .libraryBottom{
	font-size:0px;
	background:url(images/bg_library_b.jpg) bottom no-repeat;
	width:225px;
	height:9px;
	margin:0 0 5px 0;
	}


/*----------------------------------------------------------
top contents
----------------------------------------------------------*/
div#topContents{
	width:620px;
	height:auto;
	float:left;
	}

div#topContents #topReservation{
	background:url(images/bg_topreservation.jpg) bottom no-repeat;
	width:620px;
	height:195px;
	}

div#topContents #topReservation img{
	position:relative;left:-5px;
	}
	
div#topContents #topReservationNote{
	padding:10px 30px 0 200px;	
	}

div#topContents #topReservationNote img{
	margin:5px 0 0 80px;
	display:block;
	}

div#topContents #topBn{
	padding:10px 0 0 0;
	}

div#topContents #topBn img{
	padding:8px 0 0 0;
	}

/*----------------------------------------------------------
contents
----------------------------------------------------------*/
div#contents{
	width:525px;
	padding:0px 15px;
	height: auto;
	float:left;
	}
	
div#contents h2{
	margin:0 0 8px 0;
	}

div#contents .post{
	background:#FFFFFF url(images/img_postline.gif) top repeat-x;
	width:485px;
	height:auto;
	padding:5px 20px 20px 20px;
	margin:0 0 15px 0;
	text-align:left;
	}

.eco div#contents .post{
	background:#FFFFFF url(images/img_postline_eco.gif) top repeat-x;
	width:485px;
	height:auto;
	padding:5px 20px 20px 20px;
	margin:0 0 15px 0;
	text-align:left;
	}

div#contents .post h3{
	font-size:1.1em;
	font-weight:bold;
	margin:25px 0 15px 0;
	}

div#contents .post .date{
	text-align:right;
	margin:0 0 30px 0;
	}

div#contents .post .postContent{
	}
	
div#contents .post img{
	margin:5px;
	}
	
div#contents #pageNav{
	text-align:center;
	}

/*----------------------------------------------------------
sideWidget
----------------------------------------------------------*/
div#sideWidget{
	width:200px;
	height:auto;
	float:left;
	}

/*----------------------------------------------------------
footNote
----------------------------------------------------------*/
div#footNote{
	width:980px;
	height:auto;
	clear:both;
	text-align:right;
	}
	
div#footNote ul{
	margin:30px 0 15px 0;
	}

div#footNote li{
	padding:0 10px;
	background:url(images/img_arrow03.gif) left no-repeat;
	font-size:10px;
	float:right; 
	}
	
div#footNote .tel{
	font-size:0.9em;
	font-weight:bold;
	}

/*----------------------------------------------------------
footer
----------------------------------------------------------*/
div#footer{
	width:100%;
	height:90px;
	clear:both;
	}

/*----------------------------------------------------------
Page
----------------------------------------------------------*/
div#pageContents{
	width:725px;
	padding:0px 15px;
	height: auto;
	float:left;
	}
	
div#pageContents h2{
	margin:0 0 8px 0;
	}

div#pageContents .post{
	background:#FFFFFF url(images/img_postline.gif) top repeat-x;
	width:100%px;
	height:auto;
	padding:30px 20px 20px 20px;
	margin:0 0 15px 0;
	text-align:left;
	}

div#pageContents .post h3{
	font-size:1.1em;
	font-weight:bold;
	margin:0 0 5px 0;
	}

div#pageContents .post h4{
	font-weight:bold;
	margin:10px 0 0 0;
	}
	
div#pageContents .post ol{
	margin:0 0 15px 0;
	}

div#pageContents .post img{
	margin:0 0 0 5px;
	}

div#pageContents .post .imgLeft{
	margin:0 10px 0 5px;
	display:block;
	}

div#pageContents iframe {
	margin:10px 0 3px 0;
	}

div#pageContents small {
	padding:0 0 20px 0;
	text-align:right;
	display:block;
	}

/*------------------------------
Indent Chinese
------------------------------*/
div#pageContents .aboutCn p{
	text-indent:2em;
	}

div#pageContents .historyCn p{
	text-indent:2em;
	}
	
div#pageContents .courseCn p{
	text-indent:2em;
	}
	
div#pageContents .indentCn{
	text-indent:2em;
}

/*------------------------------
Chinese Box
------------------------------*/
div#pageContents .boxCn{
	overflow: hidden;
	zoom: 1;
	padding: 0 0 10px;
}
	
	

/*------------------------------
History
------------------------------*/
div#pageContents .history h3{
	margin:10px 0 0 0;
	clear:both
	}

/*------------------------------
Tickets
------------------------------*/
div#pageContents .post .feeList{
	width:600px;
	border-collapse:collapse;
	border:#CCCCCC solid 1px;
	margin:0 0 15px 0;
	}
	
div#pageContents .post .feeList td{
	border:#CCCCCC solid 1px;
	padding:5px;
	white-space:nowrap;
	}

div#pageContents .post .feeList .leftTd{
	width:100px;
	}

/*------------------------------
Access
------------------------------*/
div#pageContents .post .access h3{
	padding:0 0 0 23px;
	}

div#pageContents .post .access .train{
	background:url(images/pages/ico_train.gif) no-repeat left;
	border-bottom:#ab0000 2px solid;
	}

div#pageContents .post .access .car{
	background:url(images/pages/ico_car.gif) no-repeat left;
	border-bottom:#ab0000 2px solid;
	}

div#pageContents .post .access .walk{
	background:url(images/pages/ico_walk.gif) no-repeat left;
	border-bottom:#ab0000 2px solid;
	}
	
div#pageContents .post .gMap{
	text-align:right;
	padding:0 30px 0 0;
	}

div#pageContents .post .gMap img{
	padding:0 0 5px 0;
	}

/*------------------------------
Company
------------------------------*/
div#pageContents .post .companyList{
	width:500px;
	border-collapse:collapse;
	border:#666666 solid 1px;
	margin:0 0 15px 0;
	}
	
div#pageContents .post .companyList td{
	border:#666666 solid 1px;
	padding:8px;
	}

/*------------------------------
Contact
------------------------------*/
div#pageContents .post .contact{
	padding:5px;
	margin:0 0 15px 0;
	}

div#pageContents .post .contact ul{
	margin:10px 0 0 0;
	}

div#pageContents .post .contact li{
	padding:0 80px 0 5px;
	display:block;
	float:left;
	}

div#pageContents .post .number{
	font-size:120%;
	}

/*------------------------------
Link
------------------------------*/
div#pageContents .post .link li{
	padding:0 0 10px 5px;
	}

div#pageContents .post .link p{
	padding:10px 0 0 15px;
	}
	
div#pageContents .post .link .linkBn{
	padding:0 0 10px 5px ;
	}

/*------------------------------
Sitemap
------------------------------*/
div#pageContents .post .sitemap li{
	padding:0 0 10px 5px;
	}

div#pageContents .post .sitemap ul{
	padding:10px 0 0 0;
	}
		
div#pageContents .post .sitemap li li{
	background:url(images/img_arrow04.gif) left no-repeat;
	padding:0 0 3px 15px;
	margin:0 0 10px 10px;
	}

/*------------------------------
保津川写真センター
------------------------------*/
div#picCenter .picTel{
	font-size:1em;
	font-weight:bold;
	float:right;
	display:block;
	}