@charset "utf-8";
/*
Theme Name: yamasa
/*


/*
===================================
リセット
===================================
*/

html,body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,strong {
    margin:0;
    padding:0;
    }
	
/*
===================================
共通・全体
===================================
*/

body {
    font-size:12px;
    color:#333;
    line-height:150%;
    text-align:center;
    margin:0 auto;
    font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"
    }

small {
    font-size:11px;
    }

img {
    border:0;
    display:block;
    }

img.titleOblique {
    padding:20px 0 10px 0;
    }

img.titleCircle {
    padding:10px 0;
    }

table {
    width:100%;
    border-collapse:collapse;
    margin-bottom:30px;
    border-spacing:0;
    }

th,td {
    border-bottom:1px dotted #999;
    padding:3px;
    margin:0;
    border-spacing:0;
    }

tr {
    border-spacing:0;
    }

th {
    color:#369;
    }

th img {
    display:inline;
    }

ul,ol {
    margin-left:25px;
    margin-bottom:25px;
    }
	
table ol, table ul {
    margin-bottom:0;
    }

.clear {
    clear:both;
    zoom:1;
    }

.clear hr {
    display:none;
    }


.boxBB {
    border-bottom:1px dotted #ccc;
    padding-bottom:10px;
    }

.boxBB-noOblique {
    border-bottom:1px dotted #ccc;
    padding-bottom:10px;
    padding-top:10px;
    }
	


a:link, a:visited {
    color:#666666;
    }

a:hover {
    color:#996600;
	}

h1 {  /*　ヘッダーの左上　*/
    font-size:12px;
    color:#000;
    font-weight:normal;
    margin:0;
    padding:0;
    float:left;
    padding-left:15px;
    line-height:22px;
    }

#headerTop h1 {
    position:absolute;
    left:0;
    top:0;
    }

h2 {  /*　記事のタイトルとその背景　*/
    clear:both;
    background:url(images/sub/post-title-back.jpg) no-repeat;
    font-size:18px;
    line-height:50px;
    height:50px;
    color:#666;
    font-weight:bold;
    padding-left:20px;
    margin-bottom:20px;
    }

h2 span {  /*　お知らせのタイトルのあとの日付　*/
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    }

h5 {  /*　○がつく茶色の見出し　*/
    font-size:14px;
    color:#996600;
    background:url(images/sub/h5-back.jpg) no-repeat left center;
    padding:10px 0 10px 21px;
    }

h6 {  /*　緑の見出し　*/
    clear:both;
    font-size:13px;
    color:#669900;
    margin:0;
    }

/*
===================================
IE6×透過PNG関連
===================================
*/

img,div { 
    behavior:url(iepngfix.htc);
    }




/*
===================================
コンテナとその中身
===================================
*/

/*　コンテナ　*/

#container {
    width:900px;
    margin:0 auto;
    text-align:left;
    }

/*　トップページヘッダー　*/

#headerTop {
    height:500px;
    /*background:url(images/top/header-back.jpg) no-repeat;*/
    position:relative;
    }
	
#header {
    }

ul#headerNavi {
    height:22px;
    list-style:none;
    width:500px;
    float:right;
    margin:0;
    }

    #headerTop ul#headerNavi {
        position:absolute;
        top:0;
        right:0;
        }




#headerNavi li {
    margin-top:3px;
    margin-right:10px;
    float:left;
    }
    

#headerLogo {
    clear:both;
    margin:0 10px;
    zoom:1;
    }

    #headerTop #headerLogo {
        position:absolute;
        left:0;
        top:22px;
        zoom:1;
        }

#header #headerLogo {
    margin-bottom:5px;
    zoom:1;
    }

/*　メニュー（メニューはヘッダーの中）　*/

ul#menu {
    display:block;
    margin:0 10px;
    height:60px;
    }

    #headerTop ul#menu {
        position:absolute;
        left:0;
        bottom:10px;
        }

#menu li {
    display:block;
    float:left;
    }

/*　メイン　*/

#main {
    padding:10px;
    }

.topBox {
    width:430px;
    }

#topLeft {
    float:left;
    }

#topRight {
    float:right;
    }

#topMap {
    float:none;
    width:880px;
    }

/*　クルーズメニュー（４つのボタン）　*/

.cruiseMenu,.infoMenu,.mobileImg {
    margin-bottom:10px;
    }

.cruiseLeft,.infoLeft {
    float:left;
    }

.cruiseRight,.infoRight {
    float:right;
    }

/*　トップページの新着情報など　*/

.newsDate {
    clear:both;
    width:75px;
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#FFFFFF;
    text-align:center;
    margin-bottom:10px;
    }

.latestNews {
    background:#669900;
    }

.travelNews {
    background:#09c;
    }

.customerNews {
    background:#f90;
    }


.newsTitle {
    width:340px;
    float:right;
    margin-bottom:10px;
    }

/*　トップページのご注意　*/

.attention {
    border-left:2px solid #999;
    margin:10px;
    padding-left:10px;
    }

/*　トップページのPDFへのリンクボタン　*/

.pdfMenuTop {
    display:block;
    float:left;
    margin:0 10px 10px 0;
    }

.pdfMenuTop-3 {
    display:block;
    float:right;
    margin:0;
    }

/*　トップページの地図　*/

#mapImg {
    float:left;
    border:1px solid #ccc;
    width:300px;
    }

#company {
    width:565px;
    float:right;
    }

.nameImg,.telfaxImg{
    padding-bottom:10px;
    }

.howToAccess {
    margin:0;
    }
	
.howToAccess span {
    margin:10px 0;
    display:block;
    font-weight:bold;
    font-size:120%;
    }

    
/*　フッター　*/

#footer {
    border-top:1px dotted #ccc;
    }
	

/*
===================================
サブページ
===================================
*/

/*　サイドバー　*/

#sidebar {
    width:210px;
    float:left;
    }

/*　コンテント（右側）　*/

#content {
    width:640px;
    float:right;
    padding-bottom:10px;
    }

#content p {
    margin-bottom:20px;
    }


#content #toTop {
    clear:both;
    text-align:right;
  /*position:relative;
    top:50px;*/
    margin:20px 0 0 0;
    padding:10px 0 0 0;
    border-top:1px dotted #ccc;
    }

#toTop img {
    display:inline;
    margin-left:20px;
    }

/*　コース一覧　*/

.coursePhoto-small {
    margin-bottom:5px;
    }

h3 {
    font-size:13px;
    color:#432;
    font-weight:normal;
    margin-bottom:10px;
    }

h3 img {
    margin:10px 0;
    }

p.go {
    text-align:right;
    padding:0 0 10px 0;
    }

p.go img {
    display:inline;
    }

.oneSpot {
    width:200px;
    margin:0 13px 13px 0;
    float:left;
    }

.oneSpot img {
    margin-bottom:5px;
    }

#content .oneSpot p {
    margin:0;
    }

h4 {
    font-size:13px;
    font-weight:bold;
    color:#996600;
    margin:0;
    }

/*　料金表・年表　*/

#content p.tableCaption {
    line-height:150%;
    font-weight:bold;
    color:#666;
    margin:0;
    padding:0;
    }

table.price {
    width:100%;
    text-align:center;
    border:1px solid #666;
    }

table.price th {
    width:20%;
    text-align:center;
    font-weight:bold;
    background:#ddd;
    color:#333;
    }

table.price th, table.price td {
    border:1px solid #666;
    }

table.price strong, table.course strong {
    font-size:14px;
    color:#f90;
    }


table.history {
    width:100%;
    text-align:left;
    border:none;
    }

table.history th {
    background:none;
  /*color:#996600;*/
    text-align:left;
    border:none;
    border-bottom:1px dotted #ccc;
    width:125px;
    vertical-align:top;
    }

table.history td {
    border:none;
    border-bottom:1px dotted #ccc;
    vertical-align:top;
    }

table.course th {
    width:100px;
    }

/*　画像（WordPressのclass名に合わせて）　*/

.alignleft {
    float:left;
    margin:0 15px 15px 0;
    }

/*　トップページの運航状況　*/

span.unkouToday {
    font-size:14px;
    font-weight:bold;
    color:#333; 
    float:left;
    }

span.unkouUpdate {
    color:#333;
    float:right;
    }

table.unkouJokyo,
table.unkouJokyo th,
table.unkouJokyo td
 {
    border:1px solid #999;
    }

table.unkouJokyo th {
    background:url(images/top/unkou-th-back.jpg) repeat-x bottom;
    color:#930;
    text-align:center;
    }

table.unkouJokyo td.unkouDeparture {
    text-align:center;
    font-weight:bold;
    width:110px;
    }

/*　サイトマップ　*/

ul.sitemap,
ul.sitemap ul,
ul.sitemap ul ul {
    list-style:none;
    }

ul.sitemap a {
    margin-left:5px;
    }

/*　お問い合わせフォーム　*/

span.hissu {
    font-weight:bold;
    color:#f30;
    }

table.contactForm th {
    text-align:right;
    white-space:nowrap;
    }

span.rei {
    font-size:11px;
    color:#777;
    margin-left:1em;
    }

.wpcf7-not-valid-tip-no-ajax,
.wpcf7-validation-errors {
    font-weight:bold;
    color:#f00;
    }

.wpcf7-mail-sent-ok {
    font-weight:bold;
    color:#6c0;
    }

/*　カウンター　*/

p.counter {
    margin:5px;
    text-align:left;
    }

p.counter img {
    display:inline;
    vertical-align:middle;
    }


/*　語り部紹介　*/

h4.kataribe {
    font-size:18px;
    border-left:4px solid #960;
    padding:3px 0 3px 8px;
    margin-bottom:10px;
    }

img.kataribePhoto {
    float:left;
    margin:0 15px 30px 0;
    }

div.katariBox {
    margin-bottom:20px;
    }