@charset "utf-8";

/*****************************************************************/
/**アイコン***********************************/
.ico{
	vertical-align:middle;
	margin:-1px 4px 0 4px;
}

a.window {
	background:url(/cmn/img/ico/ico-window-o.gif) right 5px no-repeat;
	padding:0 14px 0 0;
	margin-right:3px;
}

a.pdf {
	background:url(/cmn/img/ico/ico-pdf.gif) right 3px no-repeat;
	padding:0 15px 0 0;
	margin-right:3px;
}
.arrow-p01,
ul.arrowlist-p01 li {
	background:url(/cmn/img/arrow-p01.gif) left 4px no-repeat;
	padding-left:20px;
}
.arrow-o01,
ul.arrowlist-o01 li {
	background:url(/cmn/img/arrow-o01.gif) left 4px no-repeat;
	padding-left:20px;
}
.arrow-o02,
ul.arrowlist-o02 li {
	background:url(/cmn/img/arrow-o02.gif) 5px 5px no-repeat !important;
	padding-left:20px;
}
.arrow-o03,
ul.arrowlist-o03 li {
	background:url(/cmn/img/arrow-o03.gif) 5px 5px no-repeat;
	padding-left:20px;
}
.arrow-o03o,
ul.arrowlist-o03o li {
	background:url(/cmn/img/arrow-o03.gif) 5px 5px no-repeat;
	padding-left:20px;
}
.arrow-b01,
ul.arrowlist-b01 li {
	background:url(/cmn/img/arrow-b01.gif) left 4px no-repeat;
	padding-left:20px;
}
.arrow-b02,
ul.arrowlist-b02 li {
	background:url(/cmn/img/arrow-b02.gif) 8px 5px no-repeat;
	padding-left:20px;
}
.arrow-b03,
ul.arrowlist-b03 li {
	background:url(/cmn/img/arrow-b03.gif) 8px 5px no-repeat;
	padding-left:20px;
}

.arrow-w01,
ul.arrowlist-w01 li {
	background:url(/cmn/img/arrow-w01.gif) left 4px no-repeat;
	padding-left:20px;
}
.arrow-w02,
ul.arrowlist-w02 li{
	background:url(/cmn/img/arrow-w02.gif) 5px 5px no-repeat;
	padding-left:20px;
}
.arrow-w03,
ul.arrowlist-w03 li {
	background:url(/cmn/img/arrow-w03.gif) 5px 5px no-repeat;
	padding-left:20px;
}
.arrow-anc {
	background:url(/cmn/img/arrow-btm-o.gif) left 3px no-repeat;
	padding-left:20px;
}

.pdf {
	background:url(/cmn/img/ico/ico-pdf.gif) left 3px no-repeat;
	padding-left:20px;
}

.window {
	background:url(/cmn/img/ico/ico-window-o.gif) left 4px no-repeat;
	padding-left:20px;
}
/**注釈***********************/

.exp{/**「*」のみ**/
	text-indent:-1em;
	padding-left:1em;
}


.exp-num{/**「*1：」**/
	text-indent:-2em;
	padding-left:2em;
}

.exp-etc{/**（注1）**/
	text-indent:-3em;
	padding-left:3em;
}

td.exp{
	text-indent:-1em !important;
	padding-left:1.3em !important;
}

/**テキスト回り込みなし**/
.nowrapBlock{
	overflow:hidden;
	zoom:1;/**IE6用**/
	}

/**リスト***********************/

ul.disc,
ul.txt,
ul.num,
ul.alpha{
	margin-left:1.5em;
	}

/*disc*/
ul.num li ul.disc li,
ul.txt li ul.disc li,
ul.alpha li ul.disc li,
ul.disc li{
	list-style:disc;
	margin-left:0;
	text-indent: 0;
	}
	

/*num*/
ul.disc li ul.num li,
ul.txt li ul.num li,
ul.alpha li ul.num li,	
ul.num li{
	list-style: decimal;
	margin-left: 1em;
	}

/*alpha*/	
ul.num li ul.alpha li,	
ul.disc li ul.alpha li,	
ul.txt li ul.alpha li,
ul.alpha li{
	list-style:lower-alpha;
	margin-left:1em;
}

/*txt*/
ul.num li ul.txt li,	
ul.disc li ul.txt li,	
ul.alpha li ul.txt li,
ul.txt li{
	list-style:none;
	margin-left: 0.5em;
	text-indent:-2em;
	}
	
.li0m li {
	margin-bottom:0 !important;
}

ul li:last-child {
	margin-bottom:0 !important;
}

/*pdfのリスト*/
ul.pdflist li {
	background:url(/cmn/img/ico/ico-pdf.gif) left 3px no-repeat;
	padding-left:20px;
	margin-bottom:0;
}

/*別ウインドウのリスト*/
ul.windowlist li {
	background:url(/cmn/img/ico/ico-window-o.gif) left 5px no-repeat;
	padding-left:20px;
	margin-bottom:0;
}

/*アンカーリンク*/
.anc {
	clear:both;
	background: url(/cmn/img/bg-dot01.gif) left top;
	padding:10px 15px 10px 15px;
	margin:2em 0;
}
.anc li{
	margin-bottom:0.2em !important;
	background:url(/cmn/img/arrow-btm-o.gif) left 3px no-repeat;
	padding-left:20px;
	font-size:90%;
	line-height:1.4em;
	letter-spacing:0;
}

/*2カラム*/
.list-column2Box li {
	float:left;
	width:320px;
	padding-right:10px;
	margin-bottom:0.3em !important;
}
.list-column2 li {
	float:left;
	width:335px;
	padding-right:10px;
	margin-bottom:0.3em !important;
}




/*3カラム*/
.list-column3Box li {
	float:left;
	width:203px;
	padding-right:10px;
	margin-bottom:0.5em !important;
}
.list-column3 li {
	float:left;
	width:335px;
	padding-right:10px;
	margin-bottom:0.3em !important;
}

.arrow-o01 a, ul.arrowlist-o01 li a, .arrow-o02 a, ul.arrowlist-o02 li a, .arrow-o03 a,
.arrow-b01 a, ul.arrowlist-b01 li a, .arrow-b02 a, ul.arrowlist-b02 li a, .arrow-b03 a, ul.arrowlist-b03 li a,
.arrow-p01 a, ul.arrowlist-p01 li a, 
.pdf a, ul.pdflist li a,
.window a, ul.windowlist li a,
.arrow-anc a, .anc li a {
	color:#000 !important;
}

.arrow-w01 a, ul.arrowlist-w01 li a, .arrow-w02 a, ul.arrowlist-w02 li a, .arrow-w03 a, ul.arrowlist-w03 li a {
	color:#FFF !important;
}

/*table-cell*/
ul.tbl-cell {
	display:table;
}

ul.tbl-cell li {
	display:table-cell;
	padding:5px;
}


/**table表******************************/
table {
	border:1px solid #797962;
	border-collapse:collapse;
	}
	
th{
	padding:3px 6px;
	border:1px solid #797962;
	background:#ebe3d9;
	font-weight:bold;
	vertical-align:top;
	text-align:center;
	}

td{
	padding:3px 6px;
	border:1px solid #797962;
	vertical-align:top;
	background:#FFF;
	}

.th2,
.th2 th{
	background-color:#ffefda !important; 
}
.th2-l,
.th2-l th{
	background-color:#ffefda !important;
	text-align:left !important; 
}

.th3,
.th3 th{
	background-color:#f6f1ea !important; 
}
.th3-l,
.th3-l th{
	background-color:#f6f1ea !important;
	text-align:left !important; 
}
table.th4 th{
	font-weight:bold !important;
	color:#5f5f2d !important;
	padding-right:1em;
}
td p:last-child {
	margin-bottom:0;
}	
/*th td中央寄せ表*/
table.td-c td {
	text-align:center;
}

/*th td右寄せ表*/
table.th-r th, table.td-r td {
	text-align:right;
}

/*th td左寄せ表*/
table.td-c td.td-l {
	text-align:left;
}

/*th td右寄せ表*/
table.th-r th, table.td-r td {
	text-align:right;
}

/*th td垂直真ん中寄せ*/
table.alignC th, table.alignC td {
	vertical-align:middle;
}


/**透明テーブル**/
table.tbl-invisible,
table.tbl-invisible th,
table.tbl-invisible td {
	font-weight:normal;
	background:none;
	border:none;
	text-align:left;
	}
	
table.tbl-invisible th {
	white-space:nowrap;
}

table.tbl-invisible th,
table.tbl-invisible td {
	padding:3px;
}

/*縦ライン点線*/
.dotlr th, .dotlr td {
	border-left:1px dotted #797962 !important;
	border-right:1px dotted #797962 !important;
	padding:3px 6px;
}
/*縦ライン右点線*/
th.dotr, td.dotr {
	border-right:1px dotted #797962 !important;
	padding:3px 6px;
}

/*縦ライン左点線*/
th.dotl, td.dotl {
	border-left:1px dotted #797962 !important;
	padding:3px 6px;
}


/*横ライン点線*/
.dottb th, .dottb td {
	border-top:1px dotted #797962 !important;
	border-bottom:1px dotted #797962 !important;
	padding:3px 6px;
}

/*横1ライン下点線*/
tr.dotb th, tr.dotb td {
	border-bottom:1px dotted #797962 !important;
	padding:3px 6px;
}
/*横1ライン上点線*/
tr.dott th, tr.dott td {
	border-top:1px dotted #797962 !important;
	padding:3px 6px;
}

/*横一部ライン下点線*/
th.dotb, td.dotb {
	border-bottom:1px dotted #797962 !important;
	padding:3px 6px;
}
/*横一部ライン上点線*/
th.dott, td.dott {
	border-top:1px dotted #797962 !important;
	padding:3px 6px;
}

/*料金表*/

.tbl-fee {
	width:100%;
}

.tbl-fee th, .tbl-fee td {
	vertical-align:middle;
}

.tbl-fee th p, .tbl-fee td p {
	margin-bottom:0.7em;
}



/*ニュース記事*/	
.tbl-dot {
	clear:both;
	border:none;
}
.tbl-dot th,
.tbl-dot td{
	font-weight:normal;
	background: url(/cmn/img/border-bla01.gif) left bottom repeat-x;
	border:none;
	text-align:left;
	padding:7px 5px 7px 0;
	line-height:1.4em;
	}

.tbl-dot th {
	white-space:nowrap;
	width:1%;
}

.ico-cam{
	display:block;
	background:url(/news/img/ico-campaign.gif) 3px 2px no-repeat;
	padding-left:75px;
}
.ico-eve{
	display:block;
	background:url(/news/img/ico-event.gif) 3px 2px no-repeat;
	padding-left:75px;
}
.ico-imp{
	display:block;
	background:url(/news/img/ico-important.gif) 3px 2px no-repeat;
	padding-left:75px;
}
.ico-info{
	display:block;
	background:url(/news/img/ico-info.gif) 3px 2px no-repeat;
	padding-left:75px;
}
.ico-sig{
	display:block;
	background:url(/news/img/ico-sightseeing.gif) 3px 2px no-repeat;
	padding-left:75px;
}

a.ico-cam, a.ico-eve, a.ico-imp, a.ico-info, a.ico-sig {
	color:#000 !important;
	text-decoration:none !important;
}

a.ico-cam:hover , a.ico-eve:hover , a.ico-imp:hover , a.ico-info:hover , a.ico-sig:hover {
	color:#000 !important;
	text-decoration:underline !important;
}

.tbl-dot span.new {
	display:none;
	background:#DD0003;
	color:#FFF;
	font-size:8px;
	letter-spacing:0;
	padding:0 4px;
	line-height:1.0;
	font-weight:bold;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

/*偶数行の背景に色を付ける*/
.tbl-alternate tr:nth-child(even) {
	background:#f6f4f1;
}

.tbl-alternate th, .tbl-alternate td {
	padding:7px 5px;
}

.tbl-time tr.border,
.tbl-time tr.border > th,
.tbl-time tr.border > td {
	padding: 0!important;
	height: 5px;
	line-height: 0;
	}
/**リンクカラー******************************/
/*青リンク*/
.a-blue a {
	color:#16619e;
	text-decoration:underline;
}

.a-blue a:hover {
	color:#16619e;
	text-decoration:none;
}

.a-blue a:visited {
	color:#16619e;
}

table.a-blue a {
	text-decoration:none;
}

table.a-blue a:hover {
	text-decoration:underline ;
}

/**リンクボタン******************************/
.linkbtn-r, .linkbtn-o, .linkbtn-yg, .linkbtn-lb, .linkbtn-p, .linkbtn-eg, .linkbtn-eg2, .linkbtn-dy, .linkbtn-matgold {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px; 
}

.linkbtn-r a, .linkbtn-o a, .linkbtn-yg a, .linkbtn-lb a, .linkbtn-p a, .linkbtn-eg a, .linkbtn-eg2 a, .linkbtn-dy a, .linkbtn-matgold a {
	display:block;
	padding:10px 5px;
	font-weight:bold;
	text-align:center;
	color:#FFF !important;
	text-decoration:none;
	font-size:115%;
	background:url(/cmn/img/bg-grade-w.png) left top repeat-x;
}

.linkbtn-r a:hover, .linkbtn-o a:hover, .linkbtn-yg a:hover, .linkbtn-lb a:hover, .linkbtn-p a:hover, .linkbtn-eg a:hover, .linkbtn-eg2 a:hover, .linkbtn-dy a:hover, .linkbtn-matgold a:hover {
	background:none;
}

.linkbtn-r a .ico, .linkbtn-o a .ico, .linkbtn-yg a .ico, .linkbtn-lb a .ico, .linkbtn-p a .ico, .linkbtn-eg .ico, .linkbtn-eg2 .ico, .linkbtn-dy .ico, .linkbtn-line .ico, .linkbtn-matgold a .ico {
	padding:0 5px;
}

/*赤*/
.linkbtn-r {
	background:url(/cmn/img/btn-bg-r.gif) left top !important;
}

/*オレンジ*/
.linkbtn-o {
	background:url(/cmn/img/btn-bg-o.gif) left top !important;
}

/*黄緑*/
.linkbtn-yg {
	background:url(/cmn/img/btn-bg-yg.gif) left top !important;
}

/*水色*/
.linkbtn-lb {
	background:url(/cmn/img/btn-bg-lb.gif) left top !important;
}

/*ピンク*/
.linkbtn-p {
	background:url(/cmn/img/btn-bg-p.gif) left top !important;
}

/*エメラルドグリーン*/
.linkbtn-eg {
	background:url(/cmn/img/btn-bg-eg.gif) left top !important;
}
/*青緑*/
.linkbtn-eg2 {
    background: #399d7c!important;
}
/*ダークイエロー*/
.linkbtn-dy {
	background:url(/cmn/img/btn-bg-dy.gif) left top !important;
}

/*マットゴールド*/
.linkbtn-matgold{
    background: #9b9b84;
}

.linkbtn-matgold.linkbtn-2line a {
	line-height:1.3;
	padding-top:5px;
	height:40px;
}

/*白・線あり*/
.linkbtn-line {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border:2px solid #baba9e;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 1px 0 #dbdbcc;
	-webkit-box-shadow: 0 1px 1px 0 #dbdbcc;
	box-shadow: 0 1px 1px 0 #dbdbcc;
}

.linkbtn-line:hover {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.linkbtn-line a {
	display:block;
	/*margin:2px;*/
	padding:8px 3px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	font-size:115%;
	background:url(/cmn/img/bg-grade-dy.png) left bottom repeat-x #FFF;
	border:1px solid #FFF;
}

.linkbtn-line a:hover {
	background:#FFF;
}


/**リンクボタン02*************/
/*オレンジ*/
ul.btn-o li a,
a.btn-o {
	background:url(/cmn/img/arrow-w04.gif) 10px 10px no-repeat #ef8d00;
	border-left:5px solid #ef6b00;
	color:#FFF;
	text-decoration:none;
	display:block;
	margin-right:20px;
	padding:5px 5px 5px 20px;
	font-weight:bold;
	-moz-box-shadow: 0 1px 1px 0 #d3e0e7;
	-webkit-box-shadow: 0 1px 1px 0 #d3e0e7;
	box-shadow: 0 1px 1px 0 #d3e0e7;
}

ul.btn-o li a:hover,
a.btn-o:hover {
	background:url(/cmn/img/arrow-w04.gif) 10px 10px no-repeat #fca62a;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/*水色*/
ul.btn-lb li a,
a.btn-lb {
	background:url(/cmn/img/arrow-w04.gif) 10px 10px no-repeat #5fc1ed;
	border-left:5px solid #22a6e3;
	color:#FFF;
	text-decoration:none;
	display:block;
	margin-right:20px;
	padding:5px 5px 5px 20px;
	font-weight:bold;
	-moz-box-shadow: 0 1px 1px 0 #d3e0e7;
	-webkit-box-shadow: 0 1px 1px 0 #d3e0e7;
	box-shadow: 0 1px 1px 0 #d3e0e7;
}

ul.btn-lb li a:hover,
a.btn-lb:hover {
	background:url(/cmn/img/arrow-w04.gif) 10px 10px no-repeat #7cd0f6;
	color:#FFF;
	text-decoration:none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/*黄緑*/
ul.btn-yg li a,
a.btn-yg {
	background:url(/cmn/img/arrow-w04.gif) 10px 10px no-repeat #95c308;
	border-left:5px solid #83ae00;
	color:#FFF;
	text-decoration:none;
	display:block;
	margin-right:20px;
	padding:5px 5px 5px 20px;
	font-weight:bold;
	-moz-box-shadow: 0 1px 1px 0 #d3e0e7;
	-webkit-box-shadow: 0 1px 1px 0 #d3e0e7;
	box-shadow: 0 1px 1px 0 #d3e0e7;
}

ul.btn-yg li a:hover,
a.btn-yg:hover {
	background:url(/cmn/img/arrow-w04.gif) 10px 10px no-repeat #a6ca38;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}



/**カラー設定******************************/

/**背景カラー***/
.bg-dot{
	background: url(/cmn/img/bg-dot01.gif) left top  !important;
}

.bg-dot02{
	background: url(/cmn/img/bg-dot02.gif) left top  !important;
}

.bg-skin01{
	background-color:#f4f1ed !important; 
}
.bg-skin02{
	background-color:#ebe3d9 !important; 
}
.bg-blue01 {
	background-color:#509cd9!important;
	color:#FFF;
}
.bg-blue02 {
	background-color:#a9cdea !important;
}
.bg-blue03 {
	background-color:#d7f3ff !important;
}
.bg-orange01{
	background-color:#f4a654 !important;
}
.bg-orange02{
	background-color:#fcc58c !important;
}
.bg-orange03{
	background-color:#ffefda !important; 
}
.bg-dot-b{
	background: url(/cmn/img/bg-dot-b.gif) left top  !important;
}
.bg-white{
	background-color:#FFF !important;
}
.bg-yellow{
	background-color:#fffbe2 !important;
}
.bg-pink {
	background-color:#f7e6e6 !important;
}
.bg-pink02 {
	background-color:#f38292 !important;
}

.bg-green {
	background-color:#e6f0ce !important;
}
.bg-red {
	background-color:#ef5400!important;
	color:#FFF;
}

.bg-none {
	background:none !important;
	}

/**テキストカラー****/	
.txt-red {
	color:#dc0000 !important;
	}
.txt-red02 {
	color:#dc0000 !important;
	font-weight:bold;
	font-size:120%;
	}
.txt-orange {
	color:#ef7a00 !important;
}
.txt-blue {
	color:#177bca !important;
	}
.txt-lightblue {
	color:#2ea5dc !important;
	}
.txt-white {
	color:#FFF !important;
}
.txt-pink {
	color:#f0677b !important;
}
.txt-yellowgreen {
	color:#89ab21 !important;
}
.txt-green {
	color:#3b8b00 !important;
}

.txt-darkyellow {
	color:#5f5f2d !important;
}
.txt-black {
	color:#000 !important;
}

.txt-beppu {
	color:#3895d7 !important;
}
.txt-oita {
	color:#fe9500 !important;
}
.txt-shibushi {
	color:#f43a12 !important;/*ff5e3b*/
}

/*囲い線カラー*/
.border-blue {
	border-color:#4b9cdd !important;
}

.border-pink {
	border-color:#f18897 !important;
}

.border-gray {
	border:1px solid #a6a691 !important;
}

/**テキスト設定（位置・太さ・サイズ等）******************************/
/*太さ*/
.txt-bold {
	font-weight:bold;
}

/*右寄せ・左寄せ・中央寄せ*/
.r-txt{
	text-align:right !important;
	}
	
.l-txt{
	text-align:left !important;
	}
	
.c-txt{
	text-align:center !important;
	}

/*テキストサイズ*/
small,
.txt-small{
	font-size:90%;
	letter-spacing:0;
	}
.txt-small02{
	font-size:80%;
	letter-spacing:0;
	}
.txt-small03{
	font-size:70%;
	letter-spacing:0;
	}
.txt-small04{
	font-size:60%;
	letter-spacing:0;
	}
.txt-big{
	font-size:110%;
	font-weight:bold;
	}

.txt-big02{
	font-size:120%;
	font-weight:bold;
	}
	
.txt-big03{
	font-size:140%;
	font-weight:bold;
	}

.txt-big04{
	font-size:160%;
	font-weight:bold;
	}

.txt-big05{
	font-size:180%;
	font-weight:bold;
	}
/*斜体*/
.txt-oblique{
	font-style:oblique;
	font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;/*メイリオには効かないため*/
	}

/*文字間0**/

.spacing0 {
	letter-spacing:0;
}

/*折り返し設定****/

/*折り返し禁止*/
.nowrap{
	white-space:nowrap;
	}
	
/*強制折り返し*/
.break{
	word-break: break-all;
	}
	
/**垂直配置****/	
.alignC {
	vertical-align:middle !important;
}

/**line******************************/
.line{
	border-bottom:1px solid #797962;
	padding:0 0 5px 0;
	margin-bottom:1em;
	}
	

.line-o{
	border-bottom:1px solid #ef7a00;
	padding:0 0 5px 0;
	margin-bottom:1em;
	}
	
.line-b{
	border-bottom:1px solid #3db3ea;
	padding:0 0 5px 0;
	margin-bottom:1em;
	}	
.line-double{
    border-bottom: 3px double #797962;
	padding:0 0 5px 0;
	margin-bottom:1em;
	}		
.line-dot{
	background:url(/cmn/img/border-bla01.gif) left bottom repeat-x;
	padding:0 0 7px 0;
	margin-bottom:1em;
	}

/**block要素の設定******************************/	

/*block要素中央配置****/
.center {
	margin:0 auto !important;
}

/**block要素*****/
.block {
	display:block !important;
}


/**BOX******************************/	

.box-white{
	clear:both;
	padding:12px 12px 12px 12px;
	margin-bottom:1em;
	border:3px double #797962;
}
.box-white-noborder{
	clear:both;
	background:#fff;
	padding:12px 12px 12px 12px;
	margin-bottom:1em;
	border:none;
}
.box-dot{
	clear:both;
	background: url(/cmn/img/bg-dot01.gif) left top;
	padding:15px 15px 15px 15px;
	margin-bottom:1em;	
}

.box-blue{
	clear:both;
	background:#509cd9;
	padding:15px 15px 15px 15px;
	margin-bottom:1em;
	color:#FFF;
}

.box-lightblue{
	clear:both;
	background:#d3efff;
	padding:15px 15px 15px 15px;
	margin-bottom:1em;
}

.box-yellow{
	clear:both;
	background:#fffbe2;
	padding:15px;
	margin-bottom:1em;
	
}

.box-dot-b{
	clear:both;
	background: url(/cmn/img/bg-dot-b.gif) left top;
	padding:15px 15px 15px 15px;
	margin-bottom:1em;	
}

.box-gray {
	background:#f4f1ed;
	padding:15px 15px 15px 15px;
	margin-bottom:1em;
}

.box-orange {
	background:#ffefda;
	padding:15px 15px 15px 15px;
	margin-bottom:1em;
}

.box-pink {
	clear:both;
	background:#ffecec;
	padding:15px 15px 15px 15px;
	margin-bottom:1em;
}

.box-green {
	clear:both;
	background:#e6f0ce;
	padding:15px 15px 15px 15px;
	margin-bottom:1em;
}
.r-block.w310 > ul.box-2photo{
margin-left: 10px;
}
.r-block.w310 > ul.box-2photo li{
display: inline-block;
vertical-align: top;
width: 145px;
}
.r-block.w310 > ul.box-2photo li span,
.r-block.w310 > ul.box-2photo li span {
    display: block;
    font-size: 80%;
    line-height: 1.2em;
    margin-top: 5px;
}
/*p.box-white, p.box-dot, p.box-blue, p.box-yellow, p.box-dot-b, p.box-gray, p.box-pink, p.box-green, p.box-orange {
	padding-bottom:1em;
}
*/
.box-white p:last-child, .box-white-noborder p:last-child, .box-dot p:last-child, .box-blue p:last-child, .box-lightblue p:last-child, .box-yellow p:last-child, .box-dot-b p:last-child, .box-gray p:last-child, .box-pink p:last-child, .box-green p:last-child, .box-orange p:last-child {
	margin-bottom:0;
}

.box-white ul.column2 li, .box-white-noborder ul.column2 li, .box-dot ul.column2 li, .box-blue ul.column2 li, .box-lightblue ul.column2 li, .box-yellow ul.column2 li, .box-dot-b ul.column2 li, .box-gray ul.column2 li, .box-pink ul.column2 li, .box-green ul.column2 li,  .box-orange ul.column2 li {
	width:340px;
}

.box-white ul.column3 li, .box-white-noborder ul.column3 li, .box-dot ul.column3 li, .box-blue ul.column3 li, .box-lightblue ul.column3 li, .box-yellow ul.column3 li, .box-dot-b ul.column3 li, .box-gray ul.column3 li, .box-pink ul.column3 li, .box-green ul.column3 li,  .box-orange ul.column3 li {
	width:225px;
}

.box-white ul.column4 li, .box-white-noborder ul.column4 li, .box-dot ul.column4 li, .box-blue ul.column4 li, .box-lightblue ul.column4 li, .box-yellow ul.column4 li, .box-dot-b ul.column4 li, .box-gray ul.column4 li, .box-pink ul.column4 li, .box-green ul.column4 li,  .box-orange ul.column4 li {
	width:166px;
}

.box-white ul.column5 li, .box-white-noborder ul.column5 li, .box-dot ul.column5 li, .box-blue ul.column5 li, .box-lightblue ul.column5 li, .box-yellow ul.column5 li, .box-dot-b ul.column5 li, .box-gray ul.column5 li, .box-pink ul.column5 li, .box-green ul.column5 li,  .box-orange ul.column5 li {
	width:130px;
}

/**カラム設定***********************/
.l-block{
	float:left;
	}

.r-block{
	float:right;
	}

.c-block {
	float:left;
	margin-left:12px;
	_margin-left:6px;
}	
	
.column2 .l-block,
.column2 .r-block {
	width:360px;
}

.column3 .l-block,
.column3 .r-block,
.column3 .c-block {
	width:235px;
}

/*高さが揃った2カラムのBOXを作成したい場合*/
.column2Box {
	background:url(/cmn/img/column2-bg.gif) left bottom no-repeat;
}

.column2Box .l-block,
.column2Box .r-block {
	border-top:1px solid #a6a691;
}

/*高さが揃った3カラムのBOXを作成したい場合*/
.column3Box {
	background:url(/cmn/img/column3-bg.gif) left bottom no-repeat;
}

.column3Box .l-block,
.column3Box .c-block,
.column3Box .r-block {
	border-top:1px solid #a6a691;
}

/*column3Boxを使用して定義リストを作成**/
.column3Box dl{
	margin-bottom:0;
}

.column3Box dt {
	background:#f4f1ed;
	padding:10px;
	margin:1px 2px;
	font-weight:bold;
}

.column3Box dt a {
	background:url(/cmn/img/arrow-o01.gif) left 4px no-repeat;
	padding-left:18px;
	display:block;
	text-decoration:none;
}
	
.column3Box dd {
	padding:5px 10px 10px 10px;
	margin:1px;
	/*font-size:90%;
	letter-spacing:0;*/
}
/*column3Boxの体裁だが1BOXのみ表示させたい時用**/
.column1Box {
	border:1px solid #a6a691;
	width:235px;
}
.column1Box dl{
	margin-bottom:0;
}

.column1Box dt {
	background:#f4f1ed;
	padding:10px;
	margin:1px 2px;
	font-weight:bold;
}

.column1Box dt a {
	background:url(/cmn/img/arrow-o01.gif) left 4px no-repeat;
	padding-left:18px;
	display:block;
	text-decoration:none;
}
	
.column1Box dd {
	padding:5px 10px 10px 10px;
	margin:1px;
}

/*column3Boxの体裁だが2BOXのみ表示させたい時用**/
.column3Box-new {
  display: flex;
  flex-wrap: wrap;
}
.column3Box-new .l-block, .column3Box-new .c-block, .column3Box-new .r-block {
  border-top: 1px solid #a6a691;
  border-right: 1px solid #a6a691;
  border-bottom: 1px solid #a6a691;
  border-left: 1px solid #a6a691;
  width: 233px;
}
.column3Box-new dl {
  margin-bottom: 0;
}
.column3Box-new dt {
  background: #f4f1ed;
  padding: 10px;
  margin: 1px 2px;
  font-weight: bold;
}
.column3Box-new dd {
  padding: 5px 10px 10px 10px;
  margin: 1px;
}
@media only screen and (max-width: 750px) {
  #article .column3Box-new .l-block, #article .column3Box-new .c-block, #article .column3Box-new .r-block {
    width: 100% !important;
    border: 1px solid #a6a691;
    float: none !important;
    margin: 0 0 20px 0 !important;
  }
}	

/**画像配置設定******************/
.l-photo{
	float:left;
	padding:0 12px 0.5em 0;
	}

.r-photo{
	float:right;
	padding:0 0 0.5em 12px;
	}
	
.l-photo span,
.r-photo span {
	display:block;
	font-size:80%;
	line-height:1.2em;
	margin-top:5px;
	/*color:#603900;
	color:#5d5042;
	width:300px;*/
}

.column2 .r-photo,
.column3 .r-photo,
.column4 .r-photo,
.column5 .r-photo {
	padding-left:0;
}

.cap{
	margin-top:5px;
	display:block;
	font-size:80%;
	line-height:1.2em;
	/*color:#5d5042;*/
}

ul.column2 li{
	float:left;
	margin-right:20px;
	_margin-right:10px;
	width:355px;
}

ul.column3 li{
	float:left;
	margin-right:12px;
	_margin-right:6px;
	width:235px;
}

ul.column4 li {
	float:left;
	margin-right:12px;
	_margin-right:6px;
	width:173px;
}
ul.column5 li {
	float:left;
	margin-right:12px;
	_margin-right:6px;
	width:136px;
}



/**幅設定******************************/

.w-1 {
	width:1% !important;
	white-space:nowrap;
}
.w-auto {
	width: auto !important;
}
.w-full {
	width:100% !important;
}
.w30 {
	width:30px !important;
}
.w100 {
	width:100px !important;
}
.w128 {
	width:128px !important;
}
.w140 {
	width:140px !important;
}
.w150 {
	width:150px !important;
}
.w200 {
	width:200px !important;
}
.w220 {
	width:220px !important;
}
.w240 {
	width:240px !important;
}
.w250 {
	width:250px !important;
}
.w280 {
	width:280px !important;
}
.w290 {
	width:290px !important;
}
.w300 {
	width: 300px !important;
}
.w310 {
	width: 310px !important;
}
.w340 {
	width: 340px !important;
}
.w355 {
	width: 355px !important;
}
.w365 {
	width: 365px !important;
}

.w390 {
	width: 390px !important;
}
.w400 {
	width: 400px !important;
}
.w410 {
	width: 410px !important;
}
.w430 {
	width: 430px !important;
}
.w450 {
	width: 450px !important;
}
.w460 {
	width: 460px !important;
}
.w490 {
	width: 460px !important;
}
.w500 {
	width: 500px !important;
}
.w550 {
	width: 550px !important;
}
.w600 {
	width: 600px !important;
}
.w650 {
	width: 650px !important;
}
.w700 {
	width: 700px !important;
}
.w730 {
	width: 730px !important;
}
/**画像リンク******************************/
a:hover img.bnr {
	opacity:0.6;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5 */
	-khtml-opacity: 0.6;              /* Safari 1.x */
	zoom:1;
}

/**マージン設定********************************/
/**上**/
.mar0t{
	margin-top:0 !important;
	}
.mar5t{
	margin-top:5px !important;
	}
.mar10t{
	margin-top:10px !important;
	}
.mar15t{
	margin-top:15px !important;
	}
.mar20t{
	margin-top:20px !important;
	}
.mar30t{
	margin-top:30px !important;
	}
.mar35t{
	margin-top:35px !important;
	}
.mar40t{
	margin-top:40px !important;
	}
.mar50t{
	margin-top:50px !important;
	}
.mar100t{
	margin-top:100px !important;
	}
.mar150t{
	margin-top:150px !important;
	}
.mar200t{
	margin-top:200px !important;
	}
.mar-1t{
	margin-top:-1px !important;
	}
.mar-20t{
	margin-top:-20px !important;
	}	


/**下**/
.mar0b{
	margin-bottom:0 !important;
	}
.mar5b{
	margin-bottom:5px !important;
	}
.mar10b{
	margin-bottom:10px !important;
	}
.mar15b{
	margin-bottom:15px !important;
	}
.mar20b{
	margin-bottom:20px !important;
	}
.mar30b{
	margin-bottom:30px !important;
	}
.mar50b{
	margin-bottom:50px !important;
	}	
.mar100b{
	margin-bottom:100px !important;
	}
.mar150b{
	margin-bottom:150px !important;
	}
.mar200b{
	margin-bottom:200px !important;
	}		

/**左**/
.mar0l{
	margin-left:0 !important;
	}
.mar5l{
	margin-left:5px !important;
	}
.mar10l{
	margin-left:10px !important;
	}
.mar15l{
	margin-left:15px !important;
	}
.mar20l{
	margin-left:20px !important;
	}
.mar30l{
	margin-left:30px !important;
	}
.mar50l{
	margin-left:50px !important;
	}
.mar100l{
	margin-left:100px !important;
	}
.mar150l{
	margin-left:150px !important;
	}
.mar200l{
	margin-left:150px !important;
	}
.mar63l {
	margin-left:63px !important;
}
/**右**/
.mar0r{
	margin-right:0 !important;
	}
.mar5r{
	margin-right:5px !important;
	}
.mar10r{
	margin-right:10px !important;
	}
.mar15r{
	margin-right:15px !important;
	}
.mar20r{
	margin-right:20px !important;
}
.mar30r{
	margin-right:30px !important;
}
.mar50r{
	margin-right:50px !important;
}
.mar100r{
	margin-right:100px !important;
}
.mar150r{
	margin-right:150px !important;
}
.mar200r{
	margin-right:200px !important;
}


/**上下左右**/
.mar0{
	margin:0 !important;
	}
.mar5{
	margin:5px !important;
	}
.mar10{
	margin:10px !important;
	}
.mar15{
	margin:15px !important;
	}
.mar20{
	margin:20px !important;
}
.mar30{
	margin:30px !important;
}
.mar50{
	margin:50px !important;
}
.mar100{
	margin:100px !important;
}


/**パディング設定********************************/

/**上**/
.pad0t{
	padding-top:0 !important;
	}
.pad5t{
	padding-top:5px !important;
	}
.pad10t{
	padding-top:10px !important;
	}
.pad15t{
	padding-top:15px !important;
	}
.pad20t{
	padding-top:20px !important;
	}
.pad30t{
	padding-top:30px !important;
	}	
.pad50t{
	padding-top:50px !important;
	}
.pad100t{
	padding-top:100px !important;
	}	
/**下**/
.pad0b{
	padding-bottom:0 !important;
	}
.pad5b{
	padding-bottom:5px !important;
	}
.pad10b{
	padding-bottom:10px !important;
	}
.pad15b{
	padding-bottom:15px !important;
	}
.pad20b{
	padding-bottom:20px !important;
	}
.pad30b{
	padding-bottom:30px !important;
	}
.pad50b{
	padding-bottom:50px !important;
	}
.pad100b{
	padding-bottom:100px !important;
	}		

/**左**/
.pad0l{
	padding-left:0 !important;
	}
.pad5l{
	padding-left:5px !important;
	}
.pad10l{
	padding-left:10px !important;
	}
.pad15l{
	padding-left:15px !important;
	}
.pad20l{
	padding-left:20px !important;
	}
.pad30l{
	padding-left:30px !important;
	}
.pad40l{
	padding-left:40px !important;
	}	
.pad50l{
	padding-left:50px !important;
	}
.pad100l{
	padding-left:100px !important;
	}		
/**右**/
.pad0r{
	padding-right:0 !important;
	}
.pad5r{
	padding-right:5px !important;
	}
.pad10r{
	padding-right:10px !important;
	}
.pad15r{
	padding-right:15px !important;
	}
.pad20r{
	padding-right:20px !important;
	}
.pad30r{
	padding-right:30px !important;
	}	
.pad50r{
	padding-right:50px !important;
	}	
.pad100r{
	padding-right:100px !important;
	}		
/**上下左右**/
.pad0{
	padding:0 !important;
	}
.pad5{
	padding:5px !important;
	}
.pad10{
	padding:10px !important;
	}
.pad15{
	padding:15px !important;
	}
.pad20{
	padding:20px !important;
	}
.pad30{
	padding:30px !important;
	}	
.pad50{
	padding:50px !important;
	}	
.pad100{
	padding:100px !important;
	}

/**clear設定***********************************/

.list-column2,
.list-column2Box,
.list-column3Box,
.column2,
.column3,
.column4,
.column5,
.box-white,
.box-white-noborder,
.box-dot,
.box-blue,
.box-lightblue,
.box-yellow,
.box-dot-b,
.box-gray,
.box-pink,
.box-green,
.box-orange {	
	min-height: 1%;
	}
	
.list-column2:after,
.list-column2Box:after,
.list-column3Box:after,
.column2:after,
.column3:after,
.column4:after,
.column5:after,
.box-white:after,
.box-white-noborder:after,
.box-dot:after,
.box-blue:after,
.box-lightblue:after,
.box-yellow:after,
.box-dot-b:after,
.box-gray:after,
.box-pink:after,
.box-green:after,
.box-orange:after {
	content: ".";
 	display: block;
 	height: 0;
 	clear: both;
 	visibility: hidden;
	}

/*\*/
* html .list-column2,
* html .list-column2Box,
* html .list-column3Box,
* html .column2,
* html .column3,
* html .column4,
* html .column5,
* html .box-white,
* html .box-white-noborder,
* html .box-dot,
* html .box-blue,
* html .box-lightblue,
* html .box-yellow,
* html .box-dot-b,
* html .box-gray,
* html .box-pink,
* html .box-green,
* html .box-orange { 
	height: 1%;
	}

.list-column2,
.list-column2Box,
.list-column3Box,
.column2,
.column3,
.column4,
.column5,
.box-white,
.box-white-noborder,
.box-dot,
.box-blue,
.box-lightblue,
.box-yellow,
.box-dot-b,
.box-gray,
.box-pink,
.box-green,
.box-orange { 
	display: block;
	}/**/
	
.link-zoom a {
    display: inline-block;
    vertical-align: top;
    padding: 0 25px 0 11px;
    background: #595959 url(/cmn/img/ico/ico-zoom.png) no-repeat 100% 50%;
    background-size: 20px 11px;
    font: bold 12px/24px Arial, Helvetica, sans-serif;
    color: #fff!important;
    border-radius: 12px;
}
/**上下中央***********************************/
.flexHcWc{display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}
.flexHcWc-bnr{display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}

@media screen and (max-width: 750px) {
	.flexHcWc-bnr{display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;flex-direction: column;}

}

/**FS***********************************/
