@charset "utf-8";
/** *****************************************************************
フォント・テキスト
最終更新日：2013.08.20
***************************************************************** **/


/**--------------------------------------------------------------------------------------------------------------------------
 ベース
--------------------------------------------------------------------------------------------------------------------------**/

body{
    font-family: 'Hiragino Kaku Gothic ProN', 'Meiryo','メイリオ', 'MS PGothic', Sans-serif;
    color:#333333;
    font-size:62.5%; /* 10px */
/*    line-height: 1.8;*/
    -webkit-text-size-adjust: 100%;
}


/*明朝（はんなり明朝 読み込み）*/
.min{	font-family:'游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;}
.min2{font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}

.minB{	font-family:'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;}
/*丸ゴシック*/
.maru{font-family:'Rounded Mplus 1c','ヒラギノ丸ゴ Pro W4','ヒラギノ丸ゴ Pro','Hiragino Maru Gothic Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','HG丸ｺﾞｼｯｸM-PRO','HGMaruGothicMPRO';}
/*小塚ゴシック*/
.kozuka {	font-family: '小塚ゴシック Pro L','Kozuka Gothic Pro Light',sans-serif;}
/*ヒラギノ角ゴ*/.hiragino {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;}
/*メイリオ*/
.meirio {	font-family: 'メイリオ','Meiryo',sans-serif;}

p, table, th, td,address,
ul, ol,
dd, dt, .p{/* 14px */
    font-size:1.4em;
    line-height: 1.8;
/*word-break: break-all;*/
}
/*リスト入れ子*/
ul li p,
ul li ul,
ul li ul li p,
ul li th,
ul li td,
th ul li,
td ul li,
th p,
td p,
td p td p{/* 14px */
    font-size:1.0em;
}

h1{font-size:2.4em;margin:0;padding:0;} /* 24px */
h2{font-size:2.2em;margin:0;padding:0;} /* 22px */
h3{font-size:2.0em;margin:0;padding:0;} /* 20px */
h4{font-size:1.8em;margin:0;padding:0;} /* 18px */
h5{font-size:1.6em;margin:0;padding:0;} /* 16px */
h6{font-size:1.4em;margin:0;padding:0;} /* 14px */

.txtNML {font-weight: normal;}
.strong, .bold, strong {font-weight: bold;}
.small, small {font-size:0.8em;	font-weight: normal;}
.h-small {font-size:60%;	font-weight: normal;}

sub,
sup {
    font-size: 0.8em;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {top: -0.5em;}
sub {bottom: -0.25em;}

address{font-style:normal;}

/* ボックス内折り返し */
h1, h2, h3, h4, h5, h6 {
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
}


.nowrap{    white-space: nowrap;}


/***************** フォント スタイル *****************/
.b, .bold, .strong { font-weight: bold; }
.ul { text-decoration: underline; }

.txtL { text-align: left !important; }
table.txtL td { text-align: left !important; }
.txtR { text-align: right !important; }
table.txtR td { text-align: right !important; }
.txtC { text-align: center !important; }
table.txtC td { text-align: center !important; }
.txtT { vertical-align:top !important; }
.txtM { vertical-align:middle !important; }
.txtB { vertical-align:bottom !important; }


/**----------------------------------------------------------------------
 カラー
----------------------------------------------------------------------**/
.red { color: #cb6767 !important;}
.red2 { color: #ff0000 !important;}
.white { color: #ffffff !important;}
.black { color: #000000 !important;}
.gray { color: #cccccc !important;}
.gray2 { color: #aaaaaa !important;}
.gray3 { color: #999999 !important;}
.gray4 { color: #666666 !important;}
.gray5 { color: #333333 !important;}
.orange { color: #f5c883 !important;}
.orange2 { color: #ff9900 !important;}
.blue { color: #2457a8 !important;}
.blue2 { color: #0033cc !important;}
.sky { color: #adefef !important;}
.sky2 { color: #00ffff !important;}
.yellow { color: #f5f599 !important;}
.yellow2 { color: #ffff00 !important;}
.pink { color: #fdc3da !important;}
.pink2 { color: #ff0066 !important;}
.green { color: #3ca23c !important;}
.green2 { color: #006600 !important;}
.navy { color: #1f6ab5 !important;}
.navy2 { color: #003366 !important;}
.purple { color: #522d89 !important;}
.purple2 { color: #6600ff !important;}

.COLtop{color: #dc928a !important;}
.COLspot{color: #90c993 !important;}
.COLcourse{color: #5d79b0 !important;}
.COLevent{color: #e1b4c4 !important;}
.COLview{color: #87cfba !important;}
.COLstay{color: #989898 !important;}
.COLsouvenir{color: #fea79d !important;}
.COLaccess{color: #c7c877 !important;}
.COLinformation{color: #a57e7a !important;}

/**----------------------------------------------------------------------
 サイズ
----------------------------------------------------------------------**/
.size-8, .size-08, .fs8, .fs08 { font-size: 8px; }
.size-10, .fs10 { font-size: 10px; }
.size-11, .fs11 { font-size: 11px; }
.size-12, .fs12 { font-size: 12px; }
.size-14, .fs14 { font-size: 14px; }
.size-16, .fs16 { font-size: 16px; }
.size-18, .fs18 { font-size: 18px; }
.size-20, .fs20 { font-size: 20px; }
.size-24, .fs24 { font-size: 24px; }
.size-36, .fs36 { font-size: 36px; }
.size-48, .fs48 { font-size: 48px; }
.size-60, .fs60 { font-size: 60px; }
.size-72, .fs72 { font-size: 72px; }
