@charset "utf-8";
/*
information
file name  :  article.css
style info :  下層ページのスタイル
*/

/*common*/
.left{width:650px; float:left}
.contact {margin: 40px 0}
.left a:link{color:#F75279; text-decoration:underline}
.left a:visited, .left a:hover{text-decoration:none; color:#F75279}
.left img{vertical-align:top}
hr{clear:both; border-bottom:0; border-top:1px dotted #CCC; border-right:0; border-left:0; margin:30px 0; min-height:0px; height:1px}
.marBottom10{margin:0 0 10px !important}
.marBottom20{margin:0 0 20px !important}

/*layout*/
.floatL{float:left}
.floatR{float:right}
img.floatL{margin:0 15px 15px 0}
img.floatR{margin:0 0 15px 15px}

/*txt*/
.txtPink{color:#F75279}
.txtBlue{color:#06C}
.txtGrn{color:#00AC3F}
.txts{font-size:0.8em}
.txtL{font-size:1.2em}
.txtXl{font-size:1.5em}
.left p, .left h2, .left h3, .left h4, .left h5{text-align:left}
.left h2, .left h3, .left h4, .left h5{margin:0 0 10px}

/*articleHead*/
.articleHead{width:650px; font-size:2.4em; text-align:left; color:#F75279; padding:51px 0; margin:0 0 20px; background:url(/img/common/articleHead01.jpg) right top no-repeat}
.articleHead.course{background:url(/img/common/articleHead02.jpg) right top no-repeat}
.articleHead.lisence{background:url(/img/common/articleHead03.jpg) right top no-repeat}
.articleHead.entrance{background:url(/img/common/articleHead04.jpg) right top no-repeat}
.articleHead.link{background:url(/img/common/articleHead05.jpg) right top no-repeat}
.articleHead.privacy{background:url(/img/common/articleHead06.jpg) right top no-repeat}
.articleHead.old-log{background:url(/img/common/articleHead07.jpg) right top no-repeat}
.articleHead.principal{background:url(/img/common/articleHead08.jpg) right top no-repeat}
.articleHead.seito{background:url(/img/common/articleHead09.jpg) right top no-repeat}
.articleHead.e-Loan{background:url(/img/common/articleHead010.jpg) right top no-repeat}
.articleHead.sumai{background:url(/img/common/articleHead011.jpg) right top no-repeat}
.articleHead.sitemap{background:url(/img/common/articleHead012.jpg) right top no-repeat}
.articleHead.flow{background:url(/img/common/articleHead013.jpg) right top no-repeat}
.articleHead.jma{background:url(/img/common/articleHead014.jpg) right top no-repeat}
.articleHead.access{background:url(/img/common/articleHead015.jpg) right top no-repeat}
.articleHead.yukatamatsuri{background:url(/img/common/articleHead016.jpg) right top no-repeat}
.articleHead.yuutai{background:url(/img/common/articleHead017.jpg) right top no-repeat}
.articleHead.ndk{background:url(/img/common/articleHead018.jpg) right top no-repeat}
.articleHead.selfhair{background:url(/img/common/articleHead019.jpg) right top no-repeat}
.articleHead.cosme-li{background:url(/img/common/articleHead020.jpg) right top no-repeat}
.articleHead.hair{background:url(/img/common/articleHead021.jpg) right top no-repeat}
.articleHead.cleaning{background:url(/img/common/articleHead027.jpg) right top no-repeat}
.articleHead.29th{background:url(/img/common/articleHead028.jpg) right top no-repeat}
.articleHead.school-info{background:url(/img/common/articleHead029.jpg) right top no-repeat}
.articleHead span{font-size:.6em; padding:0 0 0 10px}
.read{margin:0 0 20px; font-size:1.3em}

/*heading*/
.subhead{color:#FFF; font-weight:bold; background:#F75279; display:inline-block; *display: inline; *zoom: 1; padding:5px; margin:0 0 15px}
.subheadBl{color:#FFF; font-weight:bold; background:#0080ff; display:inline-block; *display: inline; *zoom: 1; padding:5px; margin:0 0 15px}
.subheadGr{color:#FFF; font-weight:bold; background:#999; display:inline-block; *display: inline; *zoom: 1; padding:5px; margin:0 0 15px}
.subheadL{border:solid 1px #F75479; background:url(/img/common/bgBorPink.gif) right top; font-size:1.3em; color:#F75279; margin:0 0 25px !important}
.subheadLb{border:solid 1px #4af29a; background:url(/img/common/bgBorBlue.gif) right top; font-size:1.3em; color:#F75279; margin:0 0 25px !important}
.subheadL span{display:block; background:url(/img/common/spriteIcon.png) 20px -1006px no-repeat; padding:20px 15px 20px 50px}

/*list*/
ul.list{text-align:left}
ul.list li{padding:0 0 0 10px; margin:0 0 5px; background:url(/img/common/spriteIcon.png) 0 -507px no-repeat}

/*other*/
.icon01{padding:5px 0 5px 27px; background:url(/img/common/spriteIllust.png) 0 -848px no-repeat}
button, a.btn, a.btn:visited, a.button, a.button:visited, input[type="submit"], input[type="reset"], input[type="button"]{position:relative; top:0; left:0; color:#666; vertical-align:middle; margin:0; padding:10px 15px; line-height:100%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cursor:pointer; text-decoration:none !important; width:auto; overflow:visible; font-weight:normal; font-size:14px; text-shadow:0 1px 0 #FFF; color:#666; text-decoration:none; vertical-align:middle; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:inline-block; zoom:1; border:1px solid #CCC; background:#FCFCFC; background:-moz-linear-gradient(top,rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#FCFCFC),color-stop(100%,#E0E0E0)); background:-webkit-linear-gradient(top,#FCFCFC 0%,#E0E0E0 100%); background:-o-linear-gradient(top,rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc',endColorstr='#e0e0e0',GradientType=0 ); background:linear-gradient(top,rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%)}
button:hover, a.btn:hover, a.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover{border:1px solid #BBB; color:#666; text-decoration:none !important; background:#FCFCFC; background:-moz-linear-gradient(top,rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#FCFCFC),color-stop(100%,#EDEDED)); background:-webkit-linear-gradient(top,#FCFCFC 0%,#EDEDED 100%); background:-o-linear-gradient(top,rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc',endColorstr='#ededed',GradientType=0 ); background:linear-gradient(top,rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%)}

/*img*/
img.border, .caption{border:solid 6px #FFF; -webkit-box-shadow:0px 0px 3px #ccc; -moz-box-shadow:0px 0px 3px #ccc; box-shadow:0px 0px 3px #ccc; margin:0 15px 25px 0}
.caption{display:inline-block}
.caption span{display:block; text-align:center; margin:5px 5px 0}
ul.imgGallery{width:650px; overflow:hidden}
ul.imgGallery li{width:155px; float:left; margin:0 10px 10px 0}
ul.imgGallery li.last{margin:0; float:right}

/*topicPath*/
#breadcrumbWrap{margin:0 0 25px; padding:10px 0; background:url(/img/common/bgDotPink.gif) left top repeat}
#breadcrumbWrap p{overflow:hidden; margin:0 auto; width:950px; text-align:right}

/*table*/
table{width:100%; margin:0 auto 25px; border:1px #CCC solid; border-collapse:collapse; border-spacing:0; clear:both}
table th{padding:10px; width:30%; border:#CCC solid; border-width:0 0 1px 1px; font-weight:bold; line-height:120%; text-align:center}
table td{padding:10px; border:1px #CCC solid; border-width:0 0 1px 1px; position:relative}
table.pink th{background:#FFECF0}
table.gray th{background:#F5F5F5}
table.thLeft td{text-align:left}
table.thCenter td{text-align:center}

/*map*/
#accessMap{width:300px; height:300px; float:left; margin:0 15px 25px 0}

/*course*/
.courseList{background:url(/img/common/bgDotPink.gif) left top repeat; padding:15px 0 1px; margin:0 0 20px; text-align:left}
.left .courseList a:link{font-weight:bold}
.courseList dl{background:#FFF; margin:0 15px 15px; overflow:hidden; text-align:center; zoom:1}
.courseList dl dt{padding:15px; width:150px; float:left; clear:both}
.courseList dl span{border:solid 1px #999; display:block; padding:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
.courseList dl span.day{background:url(/img/common/spriteIllust.png) 3px 5px no-repeat; margin:0 0 10px}
.courseList dl span.night{background:url(/img/common/spriteIllust.png) 5px -259px no-repeat; margin:0 0 10px}
.courseList dl dd{padding:10px 10px 15px 150px; border-bottom:solid 1px #FFECF0; text-align:left}
.courseList dl dd.last{border-bottom:none}
.courseUnit table.pink th{width:25%; font-size:1.2em}
.campaign{width:75px; height:75px; background:url(/img/common/spriteIllust.png) 0 -528px no-repeat; position:absolute; right:-10px; top:-10px; text-align:center; line-height:1.2em}
.campaign span{display:block; margin:36px 0 0}

/*img*/
.imgSizeS {width:150px;}
.imgSizeM {width:200px;}
.imgSizeL {width:250px;}

/*lisenceList*/
.lisenceList{background:url(/img/common/bgDotGreen.gif) left top repeat; padding:15px 0 1px; margin:0 0 20px; text-align:left}
.left .lisenceList a:link{font-weight:bold}
.lisenceList dl{background:#FFF; margin:0 15px 15px; overflow:hidden; text-align:center; zoom:1}
.lisenceList dl dt{width:240px; float:left; clear:both}
.lisenceList dl span{border:solid 1px #999; display:block; padding:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
.lisenceList dl dd{padding:10px 10px 15px 250px; border-bottom:solid 1px #FFECF0; text-align:left}
.lisenceList dl dd.last{border-bottom:none}
.lisenceList dl dt img{width:190px; margin:10px 0 0;}