@charset "utf-8";

/* =============================================================
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
============================================================= */
html, body {height: 100%; }
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body { line-height:1;

}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
/* IE6/7/8/9とFF3で定められていない 'block' 表示を修正します. */

nav ul { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
audio,canvas,video {
	display: inline-block;/* IE6/7/8/9とFF3で定められていない 'inline-block' 表示を修正します。 */
	*display: inline;
	*zoom: 1;
}
audio:not([controls]) {
	display: none;/* 最新のブラウザーが規制なしで 'audio' を示すのを防ぎます。 */
	height: 0;/* iOS5装置で過剰な高さを取り除きます。 */
}
[hidden] {
	display: none;/* IE7/8/9、FF3、S4に存在しない 'hidden' 属性を定義化。※IE6未対応 */
}


a { text-decoration: none;}
a:link    { color: #D42A32; }
a:visited { color: #D42A32;}
a:hover   { color: #f8f8f8;}
a:active  { color: #f8f8f8;}



/* 汎用クラス
 ---------------------------------------------------------------------- */
.margin1 {margin-bottom: 1em;}
.red {color: #d00;}


ul li {list-style:none; font-size: 14px; }
table,tr,td {margin: 0; padding: 0;border: 0;}
table {border-collapse: collapse;}
p {letter-spacing: 0.05em;}
small {font-size: 0.8em;}

/* メイン画像
 ---------------------------------------------------------------------- */
.mainpict {
	width: 1055px;
	height: 370px;
	background: url(images/mainpict-vietnam.png) #fff no-repeat center bottom;
	z-index: 100000;
}

/* コンテンツ部分の構造
 ---------------------------------------------------------------------- */
#container {
	position: relative;
	background: url(../../wp-youkiza/wp-content/themes/youkiza/library/images/bg.gif) #fff repeat-x scroll center top ;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

p {
	font-size: 14px;
	line-height: 21px;}

#contents {
	margin-top: 0px;
/* 	padding-top: 110px; */
	background-color: #fff;
}
#contents #main {
	height: auto;
	padding-top: 35px;
}


#contents #main p.maintext {
text-align: center;
color: #000099;
font-size: 19px;
font-weight: bold;
/* line-height: 1.6; */
line-height: 2.4;
letter-spacing: 0;
}
#contents #main p.maintext span {
	font-size: 25px;
	font-weight: bold;
}
#contents #main div.info {
	margin: 40px 0;
	padding: 20px;
	border: dashed 1px #6fb8ff;
	background-color: #daedff;
	text-align: center;
}
#contents #main div.info dl {
	display: inline-block;
	margin: 0 auto;
}
#contents #main div.info dl dt {
		clear: both;
	float: left;
	color: #007fff;
	padding-top: 12px;
	padding-right: 20px;
	font-size: 14px;
}
#contents #main div.info dl dd {
	white-space: nowrap;
	text-align: left;
	font-size: 23px;
	line-height: 1.6;
	letter-spacing: 0.05em;
}
#contents #main div.info dl dd small {
	font-size: 14px;
}

#contents #main .toblog {
	text-align: center;
	margin-bottom: 30px;
}
#Wrap #contents #main .toblog a:hover img {
	opacity: 0.8;
}

/* 2015.11.28更新分
	============================================= */

#contents #main p.maintext2 {
	margin-bottom: 13px;
	color: #000;
	line-height: 2;
}
#contents #main .section {
	padding-bottom: 20px;
	margin: 20px 0 40px;
	clear: both;
}
#contents #main .dateplace {
	margin-bottom: 20px;
	font-size: 1.3em;
	text-align: center;
}
#contents #main .dateplace p {font-size: 1em;}
#contents #main .dateplace p strong {font-size: 1.5em;}
#contents #main .dateplace h3 { font-size: 1.5em;}
#contents #main .section {
	-webkit-box-shadow: 0 10px 16px -16px rgba(0, 0, 0, 0.3);
	-moz-box-shadow   : 0 10px 16px -16px rgba(0, 0, 0, 0.3);
	box-shadow        : 0 10px 16px -16px rgba(0, 0, 0, 0.3);
	}
#contents #main .info2 {
	margin: 20px auto 40px;
	padding: 20px 10px 0;
	width: 65%;
	text-align: center;
	border: dashed 1px #333;
}
#contents #main .info2 p { font-size: 1.1em;margin-bottom: 5px;}

#contents #main .info2 p span.button-flat-primary {background-color: #007FFF;}
#contents #main .info2 p span.button-flat-primary:link {background-color: #007FFF; }
#contents #main .info2 p span.button-flat-primary:visited {background-color: #007FFF;}
/*#contents #main .info2 p a:hover {}
#contents #main .info2 p a:active {}*/
#contents #main .info2 p a.arrow:link { color: #007FFF; background: none;}


#contents #main .info2 p strong { font-size: 1.5em;}
#contents #main .info2 p.small {font-size: 0.9em;letter-spacing: 0;color: #900;margin-bottom: 10px;}

.toblog2 {text-align: right;}
.toblog2 a img { width: 200px; height: auto;
	-webkit-border-radius: 3px; /* Safari, Chrome用 */
	-moz-border-radius   : 3px; /* Firefox用 */
	border-radius        : 3px; /* CSS3 */

}


#contents #main .section h2 {
	font-size: 1.2em;
	margin: 20px 0;
	padding: 3px 10px;
	color: #fff;
	background: url(images/h2-bg.png) #007FFF no-repeat left top;
}
#contents #main .section h3 {
	padding: 0px 20px;
	font-size: 1.3em;
}
#contents #main .section h3 strong { font-size: 1.2em;}
#contents #main .section strong {
	font-size: 1.5em;
}
#contents #main .section dl {
	margin: 5px 20px 20px;
}
#contents #main .section dl dt {
	padding-right: 10px;
	float: left;
	clear: both;
	line-height: 2;
}
#contents #main .section dl dd {
	padding-left: 140px;
}

/* 日時 */
#contents #main .section .timetable { margin: 10px 20px 10px; font-size: 1.1em; }
#contents #main .section .timetable,
#contents #main .section .timetable th,
#contents #main .section .timetable td {
	border: 1px solid #000;
	text-align: center;
	padding: 5px 7px;
	line-height: 1;
}
#contents #main .section .timetable td.deep { color:#000 ;}
#contents #main .section .timetable td.light,
#contents #main .section span.light { color:#007FFF ;}
#contents #main .section p.detail {
	margin-left: 20px;
	line-height: 1.2;
}
/* チケット */
#contents #main .section.ticket h3 {
	display: inline-block;
	padding: 2px 5px;
	margin: 0 10px ;
	color: #fff;
	font-size: 0.9em;
	background-color: #000;
}
#contents #main .section.ticket dl.price {margin: 5px 20px 10px;}
#contents #main .section.ticket .release,
#contents #main .section.ticket .reserve {
	margin-left: 20px;
	text-align: left;
}
#contents #main .section.ticket .release p {
	font-size: 1em;
	margin-bottom: 10px;
	letter-spacing: 0;
}
#contents #main .section.ticket .reserve p {
	margin-bottom: 10px;
	font-size: 1.1em;
	letter-spacing: 0;
}
#contents #main .section.ticket .online {
	margin-left: 20px;
}
#contents #main .section.ticket .online .button-flat {

}
.button-flat {
    background: #eee none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    text-shadow: none;
    transition-duration: 0.3s;
    transition-property: background;
}
#contents #main .section.ticket .online .button-flat.green,
#contents #main .section.symposium .online .button-flat.green { color: #fff;}
/*
#contents #main .section.ticket .online a.button-flat.green,
#contents #main .section.symposium .online a.button-flat.green {background-color: #60976a;}
*/

#contents #main .section.ticket .online .button-flat.green:link,
#contents #main .section.symposium .online .button-flat.green:link  { background-color: #60976a;}
#contents #main .section.ticket .online .button-flat.green:hover,
#contents #main .section.symposium .online .button-flat.green:hover  { background-color: #52A560;}
#contents #main .section.ticket .online .button-flat.green:active,
#contents #main .section.symposium .online .button-flat.green:active { background-color: #31BC48;}

#contents #main .section.ticket dl dt {
	padding-right: 10px;
	float: left;
	clear: both;
	line-height: 2;
}
#contents #main .section.ticket p.small {
	clear: both;
	margin-left: 20px;
}

/* 人形たち */
.pictdoll li {
	float: left;
	margin: 10px 5px 20px;
}
.pictdoll li h3 {
	text-align: center;
}


/* シンポジウム */
#contents #main .section.symposium h3 {font-size: 1.4em;margin-bottom: 10px; margin-left: 0px;}
#contents #main .section.symposium dl {margin: 10px 20px;}
#contents #main .section.symposium dt { line-height: 1.4;}
#contents #main .section.symposium dd { padding-left: 50px;line-height: 1.4;}

/* クレジット */
#contents #main .section.credit {
/* 	width: 80%; */
	margin: 0 auto;
	-webkit-box-shadow: none;
	-moz-box-shadow   : none;
	box-shadow        : none;
	}
#contents #main .section.credit dl { font-size: 0.8em;margin-bottom: 40px;}
#contents #main .section.credit dt { line-height: 1.3; }
#contents #main .section.credit dd { padding-left: 3em;}


/* 2015.12.7更新分
	============================================= */
.flyer {margin:10px 0 40px; }
.flyer p {color:#e73656;text-align: center; }
.flyer ul { width: 200px; margin: 10px auto 5px; }
.flyer ul li { float: left;width: 100px;text-align: center;}
.flyer ul li a {display: block;width: 85px;}
.flyer ul li a:link    { color:#007E95; }
.flyer ul li a:visited { color:#007E95; }
.flyer ul li a:hover   { color:#e73656; }
.flyer ul li a:active  { color:#e73656; }

.flyer ul li a:link img { border: 1px solid #eee;}
.flyer ul li a:visited img { border: 1px solid #eee;}
.flyer ul li a:hover img { border: 1px solid #d00;}
.flyer ul li a:active img { border: 1px solid #f00;}
.flyer ul li img { margin: 0 auto;}
.flyer p a:link { color: #007FFF;}
.flyer p a:visited { color: #007FFF;}
.flyer p a:hover { color: #a00;}
.flyer p a:active { color: #f00;}

/* メイン部分の構造
 ---------------------------------------------------------------------- */

#contents #main .center #body {
	padding: 45px 40px 20px;
}

/* タイトル周り
 ---------------------------------------------------------------------- */

#body .header {
	margin-bottom: 30px;
	color: #fff;
	text-align: center;
}
#body .header h3 {
	font-weight: bold;


}
#body .header h2 {
	margin-bottom: 25px;
	font-size: 1.8em;
}
#body .header p { 	font-weight: bold;letter-spacing: 0.1em;}



/* .footer
 ---------------------------------------------------------------------- */

#footer {
	background-color: #000;
   border-top: 1px solid #fff;
    clear: both;
/*     margin-bottom: 35px; */
    padding-top: 10px;

}
#footer img {
    float: left;
    margin-right: 20px;
}
#footer p {
    color: #fff;
    font-size: 12px;
    padding-top: 14px;
}
#footer p a, #fotter p a:hover {
    color: #ddd;
}

/* 本番ページ (メインカラー：ブルー#007E95、赤：#e73656)#00B7CE
========================================================= */

.vietnam #container #Wrap #contents {margin: 20px 0;}
#container #mainCol { float: right; width: 800px;}
#container #sideCol { float: left ; width: 240px;}

#container #mainCol p,
#container #mainCol h3,
#container #mainCol h4 { color:#007E95; }
#container #mainCol h2 {
	margin: 20px 0 15px;
	color:#e73656;
	font-size: 18px;
	border-bottom:1px solid #e73656;
}
#contents #mainCol .section a:link   { color: #e73656;}
#contents #mainCol .section a:visited{ color: #e73656;}
#contents #mainCol .section a:hover  { color: #e73656; text-decoration: underline;}
#contents #mainCol .section a:active { color: #f00; text-decoration: underline;}

#contents #mainCol .section h3 strong { font-size: 1.6em;letter-spacing: 0.1em;}
#contents #mainCol .section strong {
	font-size: 1.5em;
}
#container #mainCol hr {
	border-bottom:1px solid #007E95;
}



/* サイドメニュー */
#container #sideCol .menu { overflow: hidden;}
#container #sideCol .menu li a {
	display: block;
	width: 240px;
	height: 50px;
	margin-bottom: 9px;
	overflow: hidden;
	background: url(images/btn_menu.png) left top;
}
#container #sideCol .menu li a span {
	display: none;
	text-indent: 500px;
	height: 1px;
	width: 1px;
}
#container #sideCol .menu li.top a     { background-position: 0    0px;}
#container #sideCol .menu li.info a    { background-position: 0  -50px;}
#container #sideCol .menu li.ticket a  { background-position: 0 -100px;}
#container #sideCol .menu li.staff a   { background-position: 0 -150px;}
#container #sideCol .menu li.dolls a   { background-position: 0 -200px;}
#container #sideCol .menu li.sympo a   { background-position: 0 -250px;}
#container #sideCol .menu li.vietnam a { background-position: 0 -300px;}
#container #sideCol .menu li.blog a    { background-position: 0 -350px;}
#container #sideCol .menu li.online a  { background-position: 0 -400px;}

#container #sideCol .menu li.top a:hover     { background-position: -250px    0px;}
#container #sideCol .menu li.info a:hover    { background-position: -250px  -50px;}
#container #sideCol .menu li.ticket a:hover  { background-position: -250px -100px;}
#container #sideCol .menu li.staff a:hover   { background-position: -250px -150px;}
#container #sideCol .menu li.dolls a:hover   { background-position: -250px -200px;}
#container #sideCol .menu li.sympo a:hover   { background-position: -250px -250px;}
#container #sideCol .menu li.vietnam a:hover { background-position: -250px -300px;}
#container #sideCol .menu li.blog a:hover    { background-position: -250px -350px;}
#container #sideCol .menu li.online a:hover  { background-position: -250px -400px;}

#container #sideCol .menu li.top a:active     { background-position: 251px    0px;}
#container #sideCol .menu li.info a:active    { background-position: 251px  -49px;}
#container #sideCol .menu li.ticket a:active  { background-position: 251px  -99px;}
#container #sideCol .menu li.staff a:active   { background-position: 251px -149px;}
#container #sideCol .menu li.dolls a:active   { background-position: 251px -199px;}
#container #sideCol .menu li.sympo a:active   { background-position: 251px -249px;}
#container #sideCol .menu li.vietnam a:active { background-position: 251px -299px;}
#container #sideCol .menu li.blog a:active    { background-position: 251px -349px;}
#container #sideCol .menu li.online a:active  { background-position: 251px -399px;}

#container #sideCol .menu li.top.current a     { background-position: 250px    0px;}
#container #sideCol .menu li.info.current a    { background-position: 250px  -50px;}
#container #sideCol .menu li.ticket.current a  { background-position: 250px -100px;}
#container #sideCol .menu li.staff.current a   { background-position: 250px -150px;}
#container #sideCol .menu li.dolls.current a   { background-position: 250px -200px;}
#container #sideCol .menu li.sympo.current a   { background-position: 250px -250px;}
#container #sideCol .menu li.vietnam.current a { background-position: 250px -300px;}
#container #sideCol .menu li.blog.current a    { background-position: 250px -350px;}
#container #sideCol .menu li.online.current a  { background-position: 250px -400px;}

/* totop */
.totop {
	margin-top: 40px;
	text-align: right;
}

/* .footer2
 ---------------------------------------------------------------------- */
#footer2 {
	background-color: #fff;
   border-top: 4px solid #000;
    clear: both;
    padding-top: 10px;
}
#footer2 p {
    color: #000;
    font-size: 12px;
    padding-top: 12px;
}
#footer2 p a:link    { color: #000;}
#footer2 p a:visited { color: #000;}
#footer2 p a:hover   { text-decoration: underline;}
#footer2 p a:active  { color: #33A6C3;}


/* .公演紹介(メインカラー：ブルー#007E95、赤：#e73656)#007E95
 ---------------------------------------------------------------------- */
body #contents #mainCol .headpict {
	margin-bottom: 20px;
	line-height: .7;
}
body #contents #mainCol .section {
	margin-bottom: 40px;
}
body #contents #mainCol .section.headline h3 {
	font-size: 24px;
	line-height: 40px;
	margin-bottom: 20px;
}
body #contents #mainCol .section.headline p {
	font-size: 18px;
/* 	font-weight: bold; */
	line-height: 1.6em;
}
/* 海外 */
body #contents #mainCol .section.oversea dt {
	float: left;
	clear: none;
	color: #007E95;
	font-size: 14px;
	line-height: 20px;
}
body #contents #mainCol .section.oversea dd {
	padding-left: 8.5em;
	color: #007E95;
	font-size: 14px;
	line-height: 20px;
	vertical-align: text-top;
}
body #contents #mainCol .section.oversea dd span{
	display: inline-block;
	vertical-align: top;
	margin-left: 2em;
}
/* クレジット */
body #contents #mainCol .section .credit dt {
	float: left;
	clear: none;
	color: #e73656;
	font-size: 13px;
	line-height: 20px;
}
body #contents #mainCol .section .credit dd {
	padding-left: 9em;
	color: #007E95;
	font-size: 13px;
	line-height: 20px;
	vertical-align: text-top;
}
body #contents #mainCol .section .credit dd span{
	display: inline-block;
	vertical-align: top;
	margin-left: 2em;
}
/* .日時、チケット、会場(メインカラー：ブルー#007E95、赤：#e73656)#007E95
 ---------------------------------------------------------------------- */
#contents #mainCol .section .inner {margin: 0 1em;}
#contents #mainCol .section .timetable { margin: 20px 0; font-size: 1.1em; }
#contents #mainCol .section .timetable,
#contents #mainCol .section .timetable th,
#contents #mainCol .section .timetable td {
	border: 1px solid #007E95;
	text-align: center;
	padding: 3px 7px;
	line-height: 1;
	color: #007E95;
}
#contents #mainCol .section .timetable td {
	width: 65px;
}
#contents #mainCol .section .timetable th small {
	padding-left: 3px;
}
#contents #mainCol .section .timetable td.deep { color:#007E95 ;}
#contents #mainCol .section .timetable td.light,
#contents #mainCol .section span.light { color:#007FFF ;}
#contents #mainCol .section p.detail {

}
/* チケット */
#contents #mainCol .section dl.price,
#contents #mainCol .section dl.release {
	margin: 5px 0;
	color: #007E95 ;
}
#contents #mainCol .section dl.price dt,
#contents #mainCol .section dl.release dt {
	padding-right: 10px;
	float: left;
	clear: both;
	line-height: 2;
	letter-spacing: 0.1em;
}
#contents #mainCol .section dl.price dd { padding-left: 100px;}
#contents #mainCol .section dl.price dd strong { margin-right: 3px;letter-spacing: 0.1em;}
#contents #mainCol .section dl.price dd small { margin-left: 5px; }

#contents #mainCol .section dl.release {margin-top: 20px;}
#contents #mainCol .section dl.release dt { letter-spacing: 0;}
#contents #mainCol .section dl.release dd { padding-left: 140px;}
#contents #mainCol .section dl.release dd strong {letter-spacing: 0.1em;}

/* 取り扱い */
#contents #mainCol .section dl.shop {margin-top: 20px;	color: #007E95 ;}
#contents #mainCol .section dl.shop dt {
	padding-right: 10px;
	float: left;
	clear: both;
	letter-spacing: 0;
}
#contents #mainCol .section dl.shop.main dt {font-size: 20px;}
#contents #mainCol .section dl.shop dd { padding-left: 140px;margin-bottom: 10px;}
#contents #mainCol .section dl.shop dd strong {letter-spacing: 0.1em;}
#contents #mainCol .section dl.shop dd .online {margin-top: 5px;}
/*
#contents #mainCol .section dl dd .online a.blue:link    { color: #fff; background-color: #007E95;}
#contents #mainCol .section dl dd .online a.blue:visited { color: #fff; background-color: #007E95;}
*/


#contents #mainCol .section dl.shop dd .online a.blue {
	padding: 0px 50px;
	color: #007E95;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	background-color:#F9D907 ;
}
#contents #mainCol .section dl.shop dd .online a.blue:hover {	color: #E73556;	background-color:#FCED19 ;text-decoration: none;}
#contents #mainCol .section dl.shop dd .online a.blue:active{ color: #E73556; background-color: #FCED19;text-decoration: none;}

/* .スタッフ、キャスト(メインカラー：ブルー#007E95、赤：#e73656)#007E95
 ---------------------------------------------------------------------- */
#contents #mainCol .section dl.staff { float: left ;}
#contents #mainCol .section dl.cast  { float: right; padding-right: 90px;}
#contents #mainCol .section dl.staff dt,
#contents #mainCol .section dl.cast dt{
	padding-right: 10px;
	float: left;
	clear: both;
	color: #e73656;
	font-size: 13px;
	letter-spacing: 0.1em;
	margin-top: .5em;
	line-height: 1.1;
}

#contents #mainCol .section dl.staff dd,
#contents #mainCol .section dl.cast dd {
	margin-bottom: 5px;
	padding-left: 120px;
	color:#007E95;
	font-size: 16px;
	line-height: 1.7;
	letter-spacing: 0;
}
#contents #mainCol .section dl.cast dd {padding-left: 60px;}
#contents #mainCol .section dl.staff dd strong { margin-right: 3px;letter-spacing: 0.1em;}
#contents #mainCol .section dl.staff dd small { margin-left: 5px; }
#contents #mainCol .section .pictcast {float: left; margin-right: 20px;}
.staff #contents #mainCol .section .text {width: 600px;}

/* .シンポジウム(メインカラー：ブルー#007E95、赤：#e73656)#007E95
 ---------------------------------------------------------------------- */

#contents #mainCol .section dl.sympo  {}
#contents #mainCol .section dl.sympo dt{
	padding-right: 10px;
	float: left;
	clear: both;
	color: #e73656;
	font-size: 13px;
	letter-spacing: 0.1em;

	line-height: 1.8;
}

#contents #mainCol .section dl.sympo dd {
	margin-bottom: 5px;
	padding-left: 90px;
	color:#007E95;
	font-size: 16px;
	line-height: 1.8;
}
#contents #mainCol .section dl.sympo dd p {
	font-size: 16px;
}
#contents #mainCol .section dl.sympo dd .attention {
	display: block;
	line-height: 1.2;
	margin-top: -1.3em;
	margin-left: 380px;
}
#contents #mainCol .section dl.sympo dd .metro {

}
#contents #mainCol .section dl.sympo dd .metro dt {
	clear: none;
	margin: 0;
	color: #007E95;
	font-size: 16px;
	line-height: 1.6;
}
#contents #mainCol .section dl.sympo dd .metro dd {
	padding-left: 70px;
	line-height: 1.6;
}
#contents #mainCol .section dl.sympo dd .map { float: right;}
#contents #mainCol .section dl.sympo dd .map a:link img {border: 1px solid #007E95;}
#contents #mainCol .section dl.sympo dd .map a:hover img {border: 1px solid #e73656;}

#contents #mainCol .section dl.sympo dd .online a.blue {
	padding: 0px 50px;
	color: #007E95;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	background-color:#F9D907 ;
}
#contents #mainCol .section dl.sympo dd .online a.blue:hover {	color: #E73556;	background-color:#FCED19 ;}


/* .結城座オンラインチケット(メインカラー：ブルー#007E95、赤：#e73656)
 ---------------------------------------------------------------------- */

/* 申し込み */
.online #contents #mainCol .section.application a.btnform {display: inline-block; margin-bottom: 15px;line-height: 0.8;}
.online #contents #mainCol .section.application a.btnform:hover img {opacity: 0.8;}
.online #contents #mainCol .section.application a.btnform:active {background-color: #000;}
.online #contents #mainCol .section.application ul li h3 {color:#e73656;font-size: 15px;margin: 10px 0 5px; }
.online #contents #mainCol .section.application ul li p {line-height: 1.7;padding-left: 1em;}
.online #contents #mainCol .section.application ul li dl {padding-left: 1em;}
.online #contents #mainCol .section.application ul li dl dt {
	float: left;
	clear: both;
	padding-right: 1em;
	color:#007E95;
	line-height: 1.7;
}
.online #contents #mainCol .section.application ul li dl dd {
	color:#007E95;
	padding-left: 80px;
	line-height: 1.7;
}



/* ご注意 */
.online #contents #mainCol .section.attention {}
.online #contents #mainCol .section.attention dl dt {color:#e73656;line-height: 1.7;font-size: 15px;}
.online #contents #mainCol .section.attention dl dd {color:#007E95;line-height: 1.5;margin-bottom: 20px;padding-left: 1.2em;font-size: 14px;}
.online #contents #mainCol .section.attention dl dd .member {
	display: inline-block;
	margin: 10px 0;
	padding: 15px 15px 10px;
	border: 1px solid #007E95;
}
.online #contents #mainCol .section.attention dl dd .member h4 {}
.online #contents #mainCol .section.attention dl dd .member p {margin: 0;}


/* 汎用クラス
========================================================= */
.martop1 {margin-top: 1em;}
.martop2 {margin-top: 2em;}
.marbot1 {margin-bottom: 1em;}
.marbot2 {margin-bottom: 2em;}


/* フロートを設定した子要素を持つ親要素の高さを復活するための設定
========================================================= */
.clearfix:after {
content:"";
display: block;
height: 0;
clear: both;
visibility: hidden;


}
.clearfix {
display: inline-table;
min-height:1%;
}
/*Mac IE に適用させないための設定*/
*html .clearfix {/*セレクタの前に「*htm」1がつくとIE6以前のみに適用される*/
height: 1%;
}
.clearfix {
display:block;
}