@charset "UTF-8";





#seminarPage div#mainContentsArea{

width: 100% !important;

}



#seminarPage div#mainContentsArea h1{

margin: 0 !important;

padding: 0 !important;

}


#seminarPage div#mainContentsArea h1 img{

margin: 0 !important;

padding: 0 !important;

max-width: 100%;

height: auto;

}



#seminarPage div#mainContentsArea div#seminarinfo li{

margin-bottom: 15px;

padding-bottom: 15px;

background-image: url(../img/common/lineDottedGray.gif);

background-position: bottom;

background-repeat: no-repeat;

}



#seminarPage div#mainContentsArea div#seminarinfo li p.banner{

float: left;

margin-right: 20px;

}



#seminarPage div#mainContentsArea div#seminarinfo li p.text{

float: right;

width: 500px;

}



#seminarPage div#mainContentsArea div#seminarTop{

margin: 30px 0 50px 0;

background-image: url(../img/bgSeminarTop.gif);

background-position: bottom;

background-repeat: no-repeat;

}



#seminarPage div#mainContentsArea div#seminarTop ul li{

float: left;

width: 217px;

margin-right: 10px;

}



#seminarPage div#mainContentsArea div#seminarTop ul li.last{

margin-right: 0;

}



#seminarPage div#mainContentsArea div#seminarTop ul li h2{

margin: 0;

}



#seminarPage div#mainContentsArea div#seminarTop ul li div.clearfix{

margin-top: 10px;

}



#seminarPage div#mainContentsArea div#seminarTop ul li p{

display: inline;

float: left;

width: 95px;

margin: 0 10px 0 0;

}



#seminarPage div#mainContentsArea div#seminarTop ul li p.image{

display: inline;

float: left;

width: 89px;

margin: 0 10px 0 10px;

}



#seminarPage div#mainContentsArea div#seminarTop ul li p.button{

clear: both;

width: 217px;

margin: 0 !important;

padding: 15px 0 15px 0;

text-align: center !important;

}



#seminarPage div#mainContentsArea p.contactInfo{

width: 900px;

text-align: center;

}



#seminarPage div#mainContentsArea p.contactInfo img{

width: 100%;

}



#seminarPage div#mainContentsArea div.contentsBox{

margin: 30px 0 0 0;

}



#seminarPage div#mainContentsArea div.contentsBox h2{

margin: 0 0 15px 0;

}



#seminarPage div#mainContentsArea div.contentsBox h3{

margin: 15px 0 15px 0;

}



#seminarPage div#mainContentsArea div.contentsBox h2 img{

max-width: 100%; 

height: auto;

}



#seminarPage div#mainContentsArea div.contentsBox ul.photo li{

float: left;

margin-right: 0;

}



#seminarPage div#mainContentsArea div.contentsBox ul.photo li img{

max-width: 100%; 

height:auto;

}



#seminarPage div#mainContentsArea div.contentsBox div.outline{

padding: 15px;

background-color: #f5f1dc;

}



#seminarPage div#mainContentsArea div.contentsBox table#outlineTable{

width: 100%;

margin: 20px 0 0 0;

border-collapse: collapse;

text-align: center;

}



#seminarPage div#mainContentsArea div.contentsBox table#outlineTable th{

padding: 5px 10px 5px 10px;

border: 1px solid #999;

color: #444;

background-color: #f9ca91;

text-align: left;

}



#seminarPage div#mainContentsArea div.contentsBox table#outlineTable td{

padding: 5px 10px 5px 10px;

border: 1px solid #999;

text-align: left;

}



#seminarPage div#mainContentsArea div.contentsBox table.contentsTable{

width: 100%;

margin: 0 0 15px 0;

border-collapse: collapse;

font-size: 1.0em;

}



#seminarPage div#mainContentsArea div.contentsBox table.contentsTable th{

width: 100px;

padding: 5px 10px 5px 10px;

border: 1px solid #f89d33;

background-color: #f9ca91;

text-align: left;

font-size: 1.0em;

}



#seminarPage div#mainContentsArea div.contentsBox table.contentsTable td{

padding: 10px;

border: 1px solid #ccc;

}



#seminarPage div#mainContentsArea div.contentsBox table.contentsTable td h3{

margin-bottom: 10px;

color: #444;

font-size: 1.0em;

}



#seminarPage div#mainContentsArea div.contentsBox div.profile{

width: 900px;

margin-bottom: 15px;

padding-bottom: 15px;

background-image: url(../../img/common/lineDottedGray.gif);

background-position: bottom left;

background-repeat: repeat-x;

}



#seminarPage div#mainContentsArea div.contentsBox div.profile p.photo{

float: left;

margin-right: 20px;

}



#seminarPage div#mainContentsArea div.contentsBox div.profile p.prof{

float: left;

}



#seminarPage div#mainContentsArea div.contentsBox div.profile h3{

font-size: 1.0em;

}



#seminarPage div#mainContentsArea p.toPageTop{

width: 900px;

margin-top: 20px;

padding-top: 10px;

background-image: url(../../img/common/lineDottedGray.gif);

background-position: top left;

background-repeat: repeat-x;

text-align: right;

}



#seminarPage div#mainContentsArea p.pattern2{

width: 900px;

margin-top: 10px;

padding-top: 10px;

background-image: url(../../img/common/lineDottedGray.gif);

background-position: top left;

background-repeat: repeat-x;

text-align: right;

}



#seminarPage div#mainContentsArea p.pattern3{

width: 900px;

margin-top: -5px;

padding-top: 0;

background-image: none;

text-align: right;

}



#seminarPage div#mainContentsArea p.button{

margin: 0;

text-align: center;

}





/*  申込フォーム



-------------------------------------------*/



#seminarPage div#mainContentsArea table.select{

width: 900px;

margin-bottom: 15px;

font-size: 1.0em;

border-collapse: collapse;

}



#seminarPage div#mainContentsArea table.select tr th{

padding: 10px;

border: 1px solid #f89d33;

text-align: left;

}



#seminarPage div#mainContentsArea table.select tr th h3{

font-size: 1.0em;

margin: 0 0 10px 0;

}



#seminarPage div#mainContentsArea table.select tr th p{

margin: 0;

font-weight: normal;

}



#seminarPage div#mainContentsArea table.select tr td{

padding: 10px;

border: 1px solid #f89d33;

background-color: #faf0da;

font-size: 0.86em;

}



#seminarPage div#mainContentsArea table.select tr td label{

margin-right: 30px;

}



#seminarPage div#mainContentsArea div#contact{

width: 900px;

background-color: #faf0da;

}



#seminarPage div#mainContentsArea div#contact table{

width: 880px;

margin: 10px;

}



#seminarPage div#mainContentsArea div#contact table tr th{

width: 200px;

padding: 10px;

background-color: #f9ca91;

text-align: left;

vertical-align: top;

white-space: nowrap;

}



#seminarPage div#mainContentsArea div#contact table tr th span.must{

color: #f00;

font-weight: normal;

}



#seminarPage div#mainContentsArea div#contact table tr td{

width: 680px;

padding: 10px;

background-image: url(../../img/common/lineDottedGray.gif);

background-position: bottom;

background-repeat: repeat-x;

}



#seminarPage div#mainContentsArea div#contact table tr td ul{

margin-bottom: 10px;

font-size: 1.0em;

}



#seminarPage div#mainContentsArea div#contact table tr td p{

margin: 0 0 10px 0;

padding: 0;

text-align: left;

font-size: 1.0em;

}



#seminarPage div#mainContentsArea div#contact table tr td h4{

margin: 5px 0 5px 0;

font-size: 1.0em;

}



#seminarPage div#mainContentsArea div#contact table tr td p input{

margin: 0;

}



#seminarPage div#mainContentsArea div#contact table tr td ul li input{

vertical-align: middle;

}



#seminarPage div#mainContentsArea div#contact table tr td ul.radio{

margin-bottom: 0;

}



#seminarPage div#mainContentsArea div#contact table tr td ul.radio li{

display: inline;

margin: 0 10px 5px 0;

}



#seminarPage div#mainContentsArea div#contact p#questionIntro{

margin: -10px 0 0 10px;

padding-left: 10px;

font-weight: bold;

border-left: 5px solid #f89d33;

}



#seminarPage div#mainContentsArea div#contact table#question{

border: 1px solid #ccc;

}



#seminarPage div#mainContentsArea div#contact table#question tr td{

width: 880px;

padding: 10px 10px 20px 10px;

}



#seminarPage div#mainContentsArea p#ssl{

margin: 20px 0 20px 0;

text-align: right;

}



#seminarPage div#mainContentsArea div#privacy{

margin: 10px;

padding: 10px;

border: 1px solid #ccc;

background-color: #fff;

}



#seminarPage div#mainContentsArea div#privacy h3{

margin: 0 0 5px 0;

padding: 0;

font-size: 0.9em;

}



#seminarPage div#mainContentsArea div#privacy p{

margin: 0;

text-align: left;

font-size: 0.7em;

line-height: 1.4em;

}



#seminarPage div#mainContentsArea div#contact p.buttonSend{

padding: 10px 0 30px 0;

text-align: center;

}





/*  展示場の案内



-------------------------------------------*/



#seminarPage div#mainContentsArea div#exhib{

width: 900px;

margin-bottom: 30px;

}



#seminarPage div#mainContentsArea div#exhib div#text{

float: left;

width: 470px;

margin-right: 30px;

}



#seminarPage div#mainContentsArea div#exhib p#exhibMap{

float: left;

}



#seminarPage div#mainContentsArea div#exhib dl{

}



#seminarPage div#mainContentsArea div#exhib dl dt{

width: 6em;

}



#seminarPage div#mainContentsArea div#exhib dl dd{

margin: -1.5em 0 1em 6em;

}



#seminarPage div#mainContentsArea p#note{

color: #f00;

font-size: 0.9em;

font-weight: bold;

}





/*  セミナー情報　表紙



-------------------------------------------*/



#seminarPage div#mainContentsArea div.index{

margin-bottom: 30px;

padding-bottom: 30px;

background-image: url(../../img/common/lineDottedGray.gif);

background-position: bottom;

background-repeat: repeat-x;

}



#seminarPage div#mainContentsArea div#past{

margin: 0 0 20px 0;

padding: 20px;

background-color: #ffc;

}



#seminarPage div#mainContentsArea div#past h2{

margin-bottom: 10px;

}







/* iPhone6 Plusのポートレート表示に対応 */

@media screen and (max-width:420px){ /* ?420px */



#seminarPage div#mainContentsArea{

width: 100% !important;

}



#seminarPage div#mainContentsArea div#seminarinfo li{

width: 96%;

margin: 0 2%;

margin-bottom: 15px;

padding-bottom: 15px;

background-image: url(../img/common/lineDottedGray.gif);

background-position: bottom;

background-repeat: no-repeat;

}



#seminarPage div#mainContentsArea div#seminarinfo li p.banner{

float: none;

margin-right: 0;

}



#seminarPage div#mainContentsArea div#seminarinfo li p.banner img{

width: 100%;

}



#seminarPage div#mainContentsArea div#seminarinfo li p.text{

float: none;

width: 100%;

}



#seminarPage div#mainContentsArea div#seminarTop{

margin: 30px 0 50px 0;

background-image: none;

}



#seminarPage div#mainContentsArea div#seminarTop ul li{

float: none;

margin: 0 auto;

}



#seminarPage div#mainContentsArea div#seminarTop ul li h2{

margin: 0;

}



#seminarPage div#mainContentsArea div#seminarTop ul li div.clearfix{

margin-top: 10px;

}



#seminarPage div#mainContentsArea p#contactInfo{

width: 96%;

margin: 0 2%;

text-align: center;

}



#seminarPage div#mainContentsArea p#contactInfo img{

width: 100%;

}



#seminarPage div#mainContentsArea div#past li{

	margin: 0 0 10px 0;

	list-style-type: disc;

}