@charset "utf-8";


img.photo {
	padding-right: 12px;
}

p.entry_text {
	margin-bottom: 7px;
}

p.photo_summary_left {
	margin-bottom: 7px;
	padding-left: 10px;
}

p.photo_summary {
	font-size: 70%;
	padding: 2px;
}

table.photo_table {
	padding: 10px;
	margin-right: 10px;
}

table.photo_table2 {
	padding: 5px;
	margin-right: 0px;
	width: 215px;
}

div.photo_box {
	width: 660px;
}

div#top_flash {
	width: 660px;
	border: 1px solid #DDDDDD;
	padding: 1px 1px 1px 0px;
	margin-bottom: 15px;
}

.tag_search_list h4.entry_title {
	clear: both;
	padding: 0.5em;
	color: #37A682;
	font-size: 100%;
	vertucal-align: middle;
	background: #F9F9F9;
	border-top: 1px solid #E9E9E9;
	border-left: 1px solid #E9E9E9;
	border-right: 1px solid #E9E9E9;
}

.tag_search_list h4.entry_title a {
	text-decoration:underline;
	font-size: 110%;
}

.tag_search_list h4.entry_title a:hover {
	text-decoration:none;
}


.tag_search_list p{
	margin-bottom: 2em;
	border-left: 1px solid #E9E9E9;
	border-right: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
	padding: 0.5em;
		background:#FFFFFF url(../images/border.gif) left top repeat-x;
}


div.cm_left {
	margin-top: 20px;
	width: 280px;
	float: left;
padding-right: 40px;
}

div.cm_right {
	margin-top: 20px;
	width: 280px;
	float: left;
	border-left: 1px solid #CCCCCC;
	padding-left: 35px;
}


h3.line{
clear: both;
margin-top: 0.5em;
margin-bottom: 0.5em;
padding: 1em 0 0 0;
background: #fff;
border-bottom: 1px solid #000000;
font-size: 130%;
}

p.sbm_text {
	font-size: 80%;
	color:#999999;
}

.questionInfo th {
    text-align: left;
    padding-left: 15px;
    padding-right: 8px;
    width: 165px;
    font-weight: normal;
    background: url(../images/dot_01.gif) no-repeat 100% 8px;
    white-space: nowrap;
    font-size: 80%;
}

#linkForm input {
    width: 400px;
    background-color:#EEEEEE;
	border: 1px solid #9999CC;
	font-size: 12px;
	color:#000000;
	height:18px;
	
/* Mac\*//*/
	height:25px;
/* */
	
}

table.questionInfo {
	margin-bottom: 20px;
}

div.people_left {
	float: left;
	width: 158px;
	background:#FF9911;
	padding: 10px;
}

div.people_right {
	float:left;
	width: 350px;
	margin-left:30px;
}

h4#cm_catchcopy {
	width: 650px;
	background:#FF9911;
	padding: 6px 6px 3px 6px;
	color:#ffffff;
	font-size: 110%;
}

div.profile_left {
	float: left;
	width: 400px;
	padding: 10px 10px 10px 0px;
	font-size: 90%;
}

div.profile_left1 {
	float: left;
	width: 320px;
	padding: 10px 10px 10px 0px;
	font-size: 90%;
}

div.profile_right {
	float: left;
	width: 310px;
	margin-left:0px;
	padding: 10px 10px 10px 0px;
	font-size: 90%;
}

div.profile_left img, div.profile_left1 img {
	float:left;
	padding-right:10px;
	padding-left:10px;
}

div.profile_right img {
	float:left;
	padding-right:10px;
}

p.classname {
	font-weight:bold;
}

p.name {
	font-weight:bold;
	color:#333333;
}

.comment {
	color:#666666;
}

.explanation {
	clear:both;
}

#cm_story {
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	width: 650px;
	padding: 5px;
}

div.introduction {
	width: 450px;
	background:#EEEEEE;
	color:#000000;
	padding: 10px;
	min-height: 85px;
}



div.introduction2 {
	width: 450px;
	background:#EEEEEE;
	color:#000000;
	padding: 10px;
	margin-top:10px;
	min-height: 75px;
}

div.explanation {
	padding: 6px;
	background:#FFFFFF;
	color:#000000;
}


p.catchcopy {
	padding: 3px;
	font-weight: bold;
	font-size: 120%;
	color:#FFFFFF;
}



#contents p.cap_cm_box {
	margin-top: 3px;
	padding: 1px;
	color: EEEEEE;
	line-height: 1.4;
	text-align: center;
}

#contents div.cm_box p.cap_cm_box a {
	color: EEEEEE;
	text-decoration: none;
	font-size: 80%;
	text-align: center;
}

#contents div.cm_box p.cap_cm_box a:hover {
	text-decoration: underline;
	color: EEEEEE;
}

#cm_flash {
	margin-bottom: 20px;
	height:460px;
	overflow: hidden;
}

#cm_flash_top {
	width: 680px;
	height:310px;
	overflow: hidden;
}

#top_flash {
	height: 374px;
	overflow: hidden;
}

#cm_list ul, #cm_list li, #cm_list a  {
	display: block;
	margin: 0;
	padding: 0;
}

#cm_list li {
	float: left;
	list-style: none;
	font-size: 90%;
	border: 1px solid #FFFFFF;
	width: 160px;
}

#cm_list li a {
	display:block;
	padding-top: 95px;
	width:161px;
	text-decoration: none;
	color:#eeeeee;
	padding-bottom: 10px;
	text-align:center;
}


#cm_list a:hover {
	color: #fff;
	background: #666666;
}

#cm_list li a span {
	width: 160px;
	padding: 3px;
}


#cm_list li#cm1  a {background:url(../../appealpoint/images/list/img_list_cm01.jpg) no-repeat top left #333333;}
#cm_list li#cm2  a {background:url(../../appealpoint/images/list/img_list_cm02.jpg) no-repeat top left #333333;}
#cm_list li#cm3  a {background:url(../../appealpoint/images/list/img_list_cm03.jpg) no-repeat top left #333333;}
#cm_list li#cm4  a {background:url(../../appealpoint/images/list/img_list_cm04.jpg) no-repeat top left #333333;}
#cm_list li#cm5  a {background:url(../../appealpoint/images/list/img_list_cm05.jpg) no-repeat top left #333333;}
#cm_list li#cm6  a {background:url(../../appealpoint/images/list/img_list_cm06.jpg) no-repeat top left #333333;}
#cm_list li#cm7  a {background:url(../../appealpoint/images/list/img_list_cm07.jpg) no-repeat top left #333333;}
#cm_list li#cm8  a {background:url(../../appealpoint/images/list/img_list_cm08.jpg) no-repeat top left #333333;}
#cm_list li#cm9  a {background:url(../../appealpoint/images/list/img_list_cm09.jpg) no-repeat top left #333333;}

#cm_list li#cm1  a:hover {background:url(../../appealpoint/images/list/img_list_cm11.jpg) no-repeat top left #666666;}
#cm_list li#cm2  a:hover {background:url(../../appealpoint/images/list/img_list_cm12.jpg) no-repeat top left #666666;}
#cm_list li#cm3  a:hover {background:url(../../appealpoint/images/list/img_list_cm13.jpg) no-repeat top left #666666;}
#cm_list li#cm4  a:hover {background:url(../../appealpoint/images/list/img_list_cm14.jpg) no-repeat top left #666666;}
#cm_list li#cm5  a:hover {background:url(../../appealpoint/images/list/img_list_cm15.jpg) no-repeat top left #666666;}
#cm_list li#cm6  a:hover {background:url(../../appealpoint/images/list/img_list_cm16.jpg) no-repeat top left #666666;}
#cm_list li#cm7  a:hover {background:url(../../appealpoint/images/list/img_list_cm17.jpg) no-repeat top left #666666;}
#cm_list li#cm8  a:hover {background:url(../../appealpoint/images/list/img_list_cm18.jpg) no-repeat top left #666666;}
#cm_list li#cm9  a:hover {background:url(../../appealpoint/images/list/img_list_cm19.jpg) no-repeat top left #666666;}


img.padright {
	padding-right: 10px;
}

img.marginright {
	margin-right: 15px;
}
.margintop {
	margin-top: 15px;
}

.web20 {
	float:right;
	margin-right:230px;
	margin-top:-20px;
	margin-bottom:-35px;
}

.web10 {
	float:right;
	margin-right:20px;
	margin-top:-30px;
	margin-bottom:-35px;
}

ul.entry_list {
	list-style-type:circle;
	padding: 7px 5px 5px 25px;
	border: 1px #DDDDDD solid;
	width:640px;
}

ul.entry_list li {
	padding: 7px 5px 5px 0px;
}

span.small {
	font-size: 60%;
}

.margintop5 {
	margin-top: 5px;
}

.paddingbottom5 {
	padding-bottom: 12px;
}

.url {
	padding: 3px 10px 3px 15px;
	border: 1px solid #DDDDDD;
	width: 400px
}

.ketaiURL {
	padding-left: 20px;
	font-size: 80%
}
.code {
	padding-left: 20px;
}

#rightNavi {
	font-size: 90%;
}

/* ICSここが独自メリット
------------------------------------------------------------ */
p.Ltext {
	color: #666666;
	font-weight: bold;
	font-size: 110%;
	padding-bottom: 20px;
}

.imgTable {
	padding: 5px 5px 5px 10px;
}


#OrangeNavi {
	display: block;
	line-height: 1.0;
	padding-top: 10px;
}

#OrangeNavi li {
	border: 2px solid #FF9911;
	width: 300px;
	margin-bottom: 2px;
	list-style: none;
	background: #FFFFFF;
	vertical-align: middle;
	padding: 0;
	overflow: hidden;
	font-weight: bold;
}

#OrangeNavi li.toplist {
	background: #FF9911;
	color: #000000;
	font-weight: bold;
	padding: 5px 0 3px 0;
	font-size: 120%;
}

#OrangeNavi li a {
	display: block;
	background:url(../images/img_orangeArrow.gif) no-repeat 5px center;
	text-decoration: none;
	padding: 5px 0 5px 20px;
	color: #222222;
}

#OrangeNavi li a:hover {
	display: block;
	background:url(../images/img_orangeArrow_o.gif) no-repeat 5px center #FF9911;
	text-decoration: none;
	color:#FFFFFF;
	padding: 5px 0 5px 20px;
}

#pinkText {
	font-weight: bold;
	font-size: 120%;
	color: #F24875;
	margin-top: 20px;
}

.glayBoxText {
	margin-top: 10px;
	margin-bottom: 20px;
	clear: both;
	border: 1px solid #CCCCCC;
	background: #FEFEFE;
	padding: 5px;
}

.TableA {
	border-collapse: collapse;
	border: 1px solid #666666;
	font-size: 100%;
}
.TableA td {
	padding: 6px;
	border: 1px solid #666666;
}

.TableA td.blue {
	background: #bfdfff;
	text-align: center;
}

.TableA td.red {
	background: #fbd5dd;
	text-align: center;
}

.TableA td.LightBlue {
	background: #f7fbff;
}

.TableA td.yellow {
	background: #ffffcc;
	text-align: right;
}

p.paddingR15 {
	width: 360px;
}

h4 {
font-size: 120%;
}

#linkArea {
	width: 100%;
	margin: 0px !important;
	padding: 30px 0px 15px 0px;
	font-weight: bold;
	font-size: 130%;
}

#linkArea div {
	padding: 0;
	font-size: 90%;
	width: 170px;
	margin-left: 260px;
}

#linkArea div a {
	border: 1px solid #666666;
	color: #000;
	background-color: #FF9911;
	display:block;
	text-decoration:none;
	padding:20px 8px;
	text-align: center;
}

#linkArea div a:hover {
	background-color: #fedc52;
	text-decoration:none;
}

#contents h4.midashi1 {
	border-bottom: 1px solid #666666;
	margin-bottom: 5px;
}

div.galleryImage a div {
	margin: 0.2em;
	border: 1px solid #CCCCCC;
	text-decoration: none;
	width: 160px;
	float: left;
	text-align: center;
	padding: 5px 0;
}

div.galleryImage a:hover div {
	margin: 0.2em;
	padding: 5px 0;
	border: 1px solid #FF9900;
}

.margintop35 {
	margin-top: 35px;
}

.margintop25 {
	margin-top: 25px;
}

h4.orangeH4 {
	margin-top: 1.5em;
	padding-left: 1.2em;
	background: url(../images/ico_orange.gif) no-repeat center left;
	font-size: 100%;
}

h4.cadBlackH4{
	margin-top: 1.5em;
	padding-left: 1.2em;
	background: url(../images/ico_black.gif) no-repeat center left;
	font-size: 100%;
}

/* CAD系
------------------------------------------------------------ */
.BoldTxt {
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", meiryo, "メイリオ", "ＭＳ Ｐゴシック" ,sans-serif;
}

.tabset_tabs .BoldTxt {
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", meiryo, "メイリオ", "ＭＳ Ｐゴシック" ,sans-serif;
	font-size: 90%;
}

#contents .nextLink {
	float:right;
	clear: both;
	padding: 1em 0;
}

.nextLink li {
	float: left;
	list-style: none;
	padding: 0 5 0 5;
}

#container #contents .nextLink a {
    font-size: 90%;
    display:block;
    float: left;
	list-style: none;
	text-align: center;
    text-decoration: underline;
    white-space: nowrap;
	color: #333333;
	height: 14px;
    line-height: 14px !important;
}

#container #contents .nextLink a:hover {
	text-decoration: none;
}

#container #contents .nextLink li.WorkLeft {
	padding-left: 15px;
	background: url(../images/i_navi01.gif) no-repeat left center;
	padding-right: 3px;
}

#container #contents .nextLink li.WorkRight {
	padding-right: 15px;
	background: url(../images/i_navi03.gif) no-repeat right center;
	padding-left: 3px;
}



.CadNavi {
	margin: 1em 0 4em 0;
}

.CadNavi li {
	float: left;
	list-style: none;
}

#contents .CadNavi li a {
	text-decoration: none;
	display: block;
	padding-left: 1.5em;
	padding-right: 0.4em;
	background:url(../images/ico_arrow_orange.gif) 0.5em center no-repeat;
	border: 1px solid #999999;
	color:#333333;
}

#contents .CadNavi li a:hover {
	border: 1px solid #FF9911;
	background:url(../images/ico_arrow_yellow.gif) 0.5em center no-repeat;
	color:#333333;
}

#contents .CadNavi li.focus a {
	border: 1px solid #FF9911;
	background:url(../images/ico_arrow_yellow.gif) 0.5em center no-repeat;
	font-weight: bold;
	color:#333333;
}

.Arrow {
margin: 30px 0 30px 270px;
}

h4.grayH4 {
	color:#555555;
}



table.cadTable01 {
	clear:both;
	width: 650px;
	border: 1px solid #666666;
	border-collapse: collapse;
	font-size: 100%;
	margin-top: 0.4em
}

table.cadTable01 caption {
	background: #FFFFAA;
	padding: 7px 7px;
	border: 1px solid #FFCC55;
}

.cadTable01 th {
	width: 100px;
	padding: 10px 10px;
	text-align: left;
	vertical-align: baseline;
	border-bottom: 1px dotted #999999;
	background: #EEEEFF;
}

.cadTable01 td {
	padding: 10px 10px 10px 5px;
	vertical-align: baseline;
	border: 1px dotted #999999;
}


table.cadTable02 {
	clear:both;
	width: 650px;
	border: 1px solid #666666;
	border-collapse: collapse;
	font-size: 100%;
	margin-top: 0.4em
}

table.cadTable02 caption {
	background: #FFEE99;
	padding: 7px 7px;
	border: 1px solid #FFCC55;
}

.cadTable02 th {
	width: 100px;
	padding: 10px 10px;
	text-align: left;
	vertical-align: baseline;
	border-bottom: 1px dotted #999999;
	background: #EEEEFF;
}

.cadTable02 td {
	padding: 10px 10px 10px 5px;
	vertical-align: baseline;
	border: 1px dotted #999999;
}

table.cadTable03 {
	clear:both;
	width: 650px;
	border: 1px solid #666666;
	border-collapse: collapse;
	font-size: 100%;
	margin-top: 0.4em
}

table.cadTable03 caption {
	background: #FFDD77;
	padding: 7px 7px;
	border: 1px solid #FFCC55;
}

.cadTable03 th {
	width: 100px;
	padding: 10px 10px;
	text-align: left;
	vertical-align: baseline;
	border-bottom: 1px dotted #999999;
	background: #EEEEFF;
}

.cadTable03 td {
	padding: 10px 10px 10px 5px;
	vertical-align: baseline;
	border: 1px dotted #999999;
}

table.cadOutlineTable {
	margin: 2em 0 2em 0;
	font-size: 100%;
}

table.cadOutlineTable, table.cadTable04 {
	font-size: 100%;
}

table.cadOutlineTable td.summary {
	padding-top:5px;
	font-size: 75%;
	color: #444444;
}

table.cadTable04 {
	font-size: 100%;
	padding: 0 2em 1em 1em
}

#contents table.cadTable04 td.summary {
	font-size: 75%;
	color: #444444;
	padding-top:5px;
}

.orangeDetail {
	margin-top: 2em;
	list-style: none;
}



#contents .orangeDetail li a {
	display:block;
	padding: 8px;
	color: #333333;
	text-decoration: none;
	width: 16em;
	border: 1px solid #FF9911;
	background: #FFFFDD;
	
}

html*.orangeDetail li {
	float: right;
}

html*.orangeDetail li a {
	height: 16px;
}

#contents .orangeDetail li a:hover {
	background: #FFEEAA;
}

.WorkBox {
	float: left;
	padding: 0.5em;
}


.WorkBox a div {
	border: 1px solid #DDDDDD;
	width: 195px;
	text-align: center;
	padding: 5px 0 3px 0;
}

.WorkBox a:hover div {
	border: 1px solid #FF9911;
	padding: 5px 0 3px 0;
}

table.scheduleTable {
	clear:both;
	width: 660px;
	border: 1px solid #666666;
	border-collapse: collapse;
	font-size: 100%;
	margin-top: 2em
}

.scheduleTable th {
	padding: 7px 10px;
	text-align: left;
	vertical-align: baseline;
	border-bottom: 1px dotted #999999;
	border-right: 1px dotted #999999;
	background: #EEEEFF;
	font-size: 85%;
}

.scheduleTable th.class01 {
	background: #FFFFAA;
	width: 13%;

}

.scheduleTable th.class02 {
	background: #FFEE99;

}

.scheduleTable th.class03 {
	background: #FFDD77;

}

.scheduleTable th.class04 {
	width: 18%;
}

.scheduleTable th.class05 {
	width: 10%;
}

.scheduleTable td {
	padding: 10px 0 10px 5px;
	vertical-align: baseline;
	border: 1px dotted #999999;
	font-size: 85%;
}

.dottedDiv {
	padding: 0 0.6em 1.0em 0.6em;
	border-bottom: 2px dotted #999999;
}


.dottedDiv2 {
	padding: 0 0.6em 1.0em 0.6em;
}

p.grayTxt {
	margin-top: 1em;
	color: #555555;
	margin-left: 1em;
}

.workListBox {
	border: 1px solid #999999;
	float: left;
	margin: 1em;
	padding: 0.3em;
margin-left: 35px;
}

.workListBox a img {
	border: 2px solid #FFFFFF;
}

.workListBox a:hover img {
	border: 2px solid #FF9911;
}

.workListBox p.workSummary {
	margin-left: 1em;
	padding-left :1.5em;
	background:url(../images/ico_gray.gif) left center no-repeat;
	font-size: 85%;
}

#pagecontent p {
	line-height: 1.5;
}

td.tdMiddle {
	vertical-align: middle;
	text-align:center;
}


.cadapplication {
	border: 1px solid #FFFFFF;
	margin-top: 20px;
	padding: 10px;
	line-height: 1.6;
}

.cadapplication .tel {
font-weight: bold;
font-size: 140%;
color: #CC0000;
}


p.mailIcon {
	padding-left: 30px;
	background: url(../images/img_mail.jpg) no-repeat left center;

}

p.mailIcon a {
	font-weight: bold;
	font-size: 110%;
}


#contents p {
	line-height: 1.6;
}

#contents p.annotation {
	margin-top: 1em;
}


#cadmovie_flash #msg {
	width: 480px;
    text-align: center;
    font-size: 90%;
    padding: 200px 30px;
    border: 1px solid #bbbbbb;
    background: #eeeeee;
}

*:first-child + html #pagecontent .tabset_tabs { font-size: 90%; }

/* coto
------------------------------------------------------------ */

table.cotoTable {
	width: 660px;
	border: 1px solid #AAAAAA;
	border-collapse: collapse;
	font-size: 100%;
	margin-bottom: 3em;
	font-family: "ヒラギノ角ゴ Pro W3", meiryo, "メイリオ", "ＭＳ Ｐゴシック" ,sans-serif;
}

table.cotoTable td{
	border: 1px solid #AAAAAA;
	background: #FFFFFF;
	padding: 1em;
	font-family: "ヒラギノ角ゴ Pro W3", meiryo, "メイリオ", "ＭＳ Ｐゴシック" ,sans-serif;
}

table.cotoTable td.cotoPink {
background: #FFCCCC;
width: 30%;
}

ul.listA {
    border-bottom: 1px dotted #666666;
    margin: 0 0 1em 20px;
    padding: 0 !important;
}

#contents .listA li {
    margin: 0;
    padding: 0 10px;
    background: url(../images/mark3.gif) no-repeat 0px .4em;
    list-style: none;
}

dl.days {
    padding-left: 18px;
}

dl.days dt {
    background: url(../images/mark3.gif) no-repeat 5px 40%;
    padding-left: 18px;
    float: left;
    width: 6em;
}


.meritBox {
    margin: 0 0 0 20px;
    background: url(../images/line_dotted_h.gif) repeat-y 290px 0px;
    border-bottom: 10px solid #ffffff;
}

.meritBox h3 {
    margin-left: 10px;
}

.meritBox p {
    margin: 10px 10px 0 0;
    color: #333333;
    min-height: 4.8em;
    padding: 0 0 10px 0;
}

.meritBox .nw,
.meritBox .sw {
    float: left;
    width: 280px;
}

.meritBox .ne,
.meritBox .se {
    margin-left: 304px;
}

.meritBox .nw,
.meritBox .ne {
    padding-bottom: 10px;
}

.meritBox .sw,
.meritBox .se {
    padding-top: 13px;
    background: url(../images/line_dotted_w.gif) repeat-x top left;
}

.meritBox .sw {
	clear: left;
}

/* news
------------------------------------------------------------ */


table.newstable td {
	vertical-align: top;
	font-size: 80%;
}

table.newstable td.summary {
	vertical-align: top;
	font-size: 70%;
	width:350px;
	padding-left:1em;
}

a.CloseWindow {
	background: #555555;
	border: 1px solid #000000;
	color:#FFFFFF;
	padding: 5px 2em;
	text-decoration: none;
	font-size: 90%;
	font-weight: bold;
}

a.CloseWindow:hover {
	background: #000000;
	border: 1px solid #DDDDDD;
	padding: 5px 2em;
}

/* faq
------------------------------------------------------------ */
div#faq {
	width: 660px;
}


/* coordinator
------------------------------------------------------------ */
ul.QList {
	list-style: none;
	margin-top: 1em;
	width: 660px;
}

ul.QList li {
	background: #FFFFFF;
	padding: 20px 5px 10px 5px;
	display: block;
	margin: 0;
}

ul.QList li.odd {
	padding: 20px 5px 10px 5px;
	background: #F7F7FF;
}

ul.QList li img {
	float: left;
	margin: -7px 1em 0 1em;
	display: block;
}

#contents ul.QList li a {
	color:#333333;
	text-decoration:underline;
}

#contents ul.QAList {
	list-style: none;
	margin-top: 1em;
	width: 660px;
}

#contents ul.QAList li a {
	padding: 1.5em 10px 1.5em 60px;
	display: block;
	text-decoration: underline;
	color:#444444;
}

#contents ul.QAList li a:hover {
	color:#000000;
}

#contents ul.QAList li  {
	border-top: 1px solid #EEEEEE;
}


#contents ul.QAList li a.q1 {
	background: url(../../entrance/faq/images/img_q01.gif) 10px no-repeat #F7F7FF;
}

#contents ul.QAList li a.q1:hover {
	background: url(../../entrance/faq/images/img_q01.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QAList li a.q2 {
	background: url(../../entrance/faq/images/img_q02.gif) 10px no-repeat #FFFFFF;
}

#contents ul.QAList li a.q2:hover {
	background: url(../../entrance/faq/images/img_q02.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QAList li a.q3 {
	background: url(../../entrance/faq/images/img_q03.gif) 10px no-repeat #F7F7FF;
}

#contents ul.QAList li a.q3:hover {
	background: url(../../entrance/faq/images/img_q03.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QAList li a.q4 {
	background: url(../../entrance/faq/images/img_q04.gif) 10px no-repeat #FFFFFF;
}

#contents ul.QAList li a.q4:hover {
	background: url(../../entrance/faq/images/img_q04.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QAList li a.q5 {
	background: url(../../entrance/faq/images/img_q05.gif) 10px no-repeat #F7F7FF;
}

#contents ul.QAList li a.q5:hover {
	background: url(../../entrance/faq/images/img_q05.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QAList li a.q6 {
	background: url(../../entrance/faq/images/img_q06.gif) 10px no-repeat #FFFFFF;
}

#contents ul.QAList li a.q6:hover {
	background: url(../../entrance/faq/images/img_q06.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QAList li a.q7 {
	background: url(../../entrance/faq/images/img_q07.gif) 10px no-repeat #F7F7FF;
}

#contents ul.QAList li a.q7:hover {
	background: url(../../entrance/faq/images/img_q07.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QAList li a.q8 {
	background: url(../../entrance/faq/images/img_q08.gif) 10px no-repeat #FFFFFF;
}

#contents ul.QAList li a.q8:hover {
	background: url(../../entrance/faq/images/img_q08.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QAList li a.q9 {
	background: url(../../entrance/faq/images/img_q09.gif) 10px no-repeat #F7F7FF;
}

#contents ul.QAList li a.q9:hover {
	background: url(../../entrance/faq/images/img_q09.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QAList li a.q10 {
	background: url(../../entrance/faq/images/img_q10.gif) 10px no-repeat #FFFFFF;
}

#contents ul.QAList li a.q10:hover {
	background: url(../../entrance/faq/images/img_q10.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QAList li a.q11 {
	background: url(../../entrance/faq/images/img_q11.gif) 10px no-repeat #F7F7FF;
}

#contents ul.QAList li a.q11:hover {
	background: url(../../entrance/faq/images/img_q11.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QAList li a.q12 {
	background: url(../../entrance/faq/images/img_q12.gif) 10px no-repeat #FFFFFF;
}

#contents ul.QAList li a.q12:hover {
	background: url(../../entrance/faq/images/img_q12.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QAList li a.q13 {
	background: url(../../entrance/faq/images/img_q13.gif) 10px no-repeat #F7F7FF;
}

#contents ul.QAList li a.q13:hover {
	background: url(../../entrance/faq/images/img_q13.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QAList li a.q14 {
	background: url(../../entrance/faq/images/img_q14.gif) 10px no-repeat #FFFFFF;
}

#contents ul.QAList li a.q14:hover {
	background: url(../../entrance/faq/images/img_q14.gif) 10px no-repeat #CCFFDD;
}





#contents ul.QCList {
	list-style: none;
	margin-top: 1em;
	width: 660px;
}

#contents ul.QCList li a {
	padding: 1.5em 10px 1.5em 60px;
	display: block;
	text-decoration: underline;
	color:#444444;
}

* html #contents ul.QCList li a {
	width: 660px;
}

#contents ul.QCList li a:hover {
	color:#000000;
}

#contents ul.QCList li  {
	border-top: 1px solid #EEEEEE;
}


#contents ul.QCList li a.q1 {
	background: url(../../entrance/interior_coordinator/images/img_q01.gif) 10px no-repeat #F7F7FF;
}

#contents ul.QCList li a.q1:hover {
	background: url(../../entrance/interior_coordinator/images/img_q01.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QCList li a.q2 {
	background: url(../../entrance/interior_coordinator/images/img_q02.gif) 10px no-repeat #FFFFFF;
}

#contents ul.QCList li a.q2:hover {
	background: url(../../entrance/interior_coordinator/images/img_q02.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QCList li a.q3 {
	background: url(../../entrance/interior_coordinator/images/img_q03.gif) 10px no-repeat #F7F7FF;
}

#contents ul.QCList li a.q3:hover {
	background: url(../../entrance/interior_coordinator/images/img_q03.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QCList li a.q4 {
	background: url(../../entrance/interior_coordinator/images/img_q04.gif) 10px no-repeat #FFFFFF;
}

#contents ul.QCList li a.q4:hover {
	background: url(../../entrance/interior_coordinator/images/img_q04.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QCList li a.q5 {
	background: url(../../entrance/interior_coordinator/images/img_q05.gif) 10px no-repeat #F7F7FF;
}

#contents ul.QCList li a.q5:hover {
	background: url(../../entrance/interior_coordinator/images/img_q05.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QCList li a.q6 {
	background: url(../../entrance/interior_coordinator/images/img_q06.gif) 10px no-repeat #FFFFFF;
}

#contents ul.QCList li a.q6:hover {
	background: url(../../entrance/interior_coordinator/images/img_q06.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QCList li a.q7 {
	background: url(../../entrance/interior_coordinator/images/img_q07.gif) 10px no-repeat #F7F7FF;
}

#contents ul.QCList li a.q7:hover {
	background: url(../../entrance/interior_coordinator/images/img_q07.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QCList li a.q8 {
	background: url(../../entrance/interior_coordinator/images/img_q08.gif) 10px no-repeat #FFFFFF;
}

#contents ul.QCList li a.q8:hover {
	background: url(../../entrance/interior_coordinator/images/img_q08.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QCList li a.q9 {
	background: url(../../entrance/interior_coordinator/images/img_q09.gif) 10px no-repeat #F7F7FF;
}

#contents ul.QCList li a.q9:hover {
	background: url(../../entrance/interior_coordinator/images/img_q09.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QCList li a.q10 {
	background: url(../../entrance/interior_coordinator/images/img_q10.gif) 10px no-repeat #FFFFFF;
}

#contents ul.QCList li a.q10:hover {
	background: url(../../entrance/interior_coordinator/images/img_q10.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QCList li a.q11 {
	background: url(../../entrance/interior_coordinator/images/img_q11.gif) 10px no-repeat #F7F7FF;
}

#contents ul.QCList li a.q11:hover {
	background: url(../../entrance/interior_coordinator/images/img_q11.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QCList li a.q12 {
	background: url(../../entrance/interior_coordinator/images/img_q12.gif) 10px no-repeat #FFFFFF;
}

#contents ul.QCList li a.q12:hover {
	background: url(../../entrance/interior_coordinator/images/img_q12.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QCList li a.q13 {
	background: url(../../entrance/interior_coordinator/images/img_q13.gif) 10px no-repeat #F7F7FF;
}

#contents ul.QCList li a.q13:hover {
	background: url(../../entrance/interior_coordinator/images/img_q13.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QCList li a.q14 {
	background: url(../../entrance/interior_coordinator/images/img_q14.gif) 10px no-repeat #FFFFFF;
}

#contents ul.QCList li a.q14:hover {
	background: url(../../entrance/interior_coordinator/images/img_q14.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QCList li a.q15 {
	background: url(../../entrance/interior_coordinator/images/img_q15.gif) 10px no-repeat #F7F7FF;
}

#contents ul.QCList li a.q15:hover {
	background: url(../../entrance/interior_coordinator/images/img_q15.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QCList li a.q16 {
	background: url(../../entrance/interior_coordinator/images/img_q16.gif) 10px no-repeat #FFFFFF;
}

#contents ul.QCList li a.q16:hover {
	background: url(../../entrance/interior_coordinator/images/img_q16.gif) 10px no-repeat #CCFFDD;
}

#contents ul.QCList li a.q17 {
	background: url(../../entrance/interior_coordinator/images/img_q17.gif) 10px no-repeat #F7F7FF;
}

#contents ul.QCList li a.q17:hover {
	background: url(../../entrance/interior_coordinator/images/img_q17.gif) 10px no-repeat #CCFFDD;
}




#contents ul.QList li a:hover {
	text-decoration: none;
}

p.coordinatorTxt {
	width: 660px;
	padding-bottom: 2em;
	border-bottom: 1px solid #CCCCCC;
}

.teacherBox {
	float: left;
	background: #F7F7FF;
	text-align: center;
	padding: 5px;
	width: 150px;
}

.teacherBox img {
	margin-top: 15px;
}

.teacherBox p {
	text-align: left;
	padding: 0.7em;
}

.teacherBox p.answerTeacher {
	padding: 0.2em 0.7em;
	margin: 0;
}

.teacherBox p.answerProf {
	font-size: 90%;
}


.answerBox {
	float: left;
	width: 460px;
	padding: 0 1em 0 2em; 
}

dt.job {
	font-weight: bold;
	border: 1px solid #CCCCCC;
	border-bottom: 0;
	background: #EEFFEE;
	padding: 0.5em;
	margin: 0;
}

dd.jobDetail {
	border: 1px solid #CCCCCC;
	padding: 0.8em;
	margin-bottom: 2em;
}

#contents .coordinatorH3 {
	font-size: 120%;
}

#contents h4.coordinatorH4 {
	background: #F7F7FF;
	margin-bottom: 1em;
	padding: 0.7em;
	width: 650px;
	font-size: 145%;
}

#contents h4.coordinatorH4_w {
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	margin-bottom: 1em;
	padding: 0.7em;
	width: 650px;
	font-size: 145%;
}


.coordinatorH4 img {
	float: left;
	margin-top: -5px;
}

.coordinatorH4_w img {
	float: left;
	margin-top: -5px;
}


.coordinatorH4Txt {
	float:right;
	width:585px;
}

#contents .NextPage {
	padding: 1em 0;
	clear: both;
	float:right;
	margin-right: 35px;
}

.NextPage li {
	float: left;
	list-style: none;
	padding: 0px 5px 0px 5px;
	width: 4px;
}

.NextPage li.LinkPage {
	width: 6em;
}

#contents .NextPage a {
	font-size: 70%;
	display:block;
	list-style: none;
	text-align: center;
	text-decoration: underline;
	white-space: nowrap;
	color: #333333;
	height: 14px;
	line-height: 14px !important;
}

#container #contents .NextPage a:hover {
	text-decoration: none;
}

#contents .NextPage li.QLeft {
	padding-left: 15px;
	background: url(../images/img_coordinator03.jpg) no-repeat left center;
	width: 4em;
}

#contents .NextPage li.QRight {
	padding-right: 15px;
	background: url(../images/img_coordinator04.jpg) no-repeat right center;
	width: 4em;
}

.cooTitle {
	float: right;
	width: 570px;
	color: #333;
}

/* Sapporo 
------------------------------------------------------------ */
.dayTable {
	font-size: 100%;
	vertical-align: top;
	padding: 1em;
	border-collapse: collapse;
	border-top: 1px dotted #AAA;

}

.dayTable td {
	vertical-align: top;
	padding: 0.9em;
	border-bottom: 1px dotted #AAA;
}
/* top 
------------------------------------------------------------ */

#newsphoto img {
	position: absolute;
	top:452px;
	left:15px;
	z-index: 10000;
}

#newsphoto a:hover img {
	cursor: pointer;
}

/* 070823 AO 
------------------------------------------------------------ */

table.aoTable {
	border-collapse: collapse;
	width: 660px;
	font-size: 100%;
	border: 1px solid #AAA;
	margin-bottom: 20px;
}

table.aoTable caption {
	border: 1px solid #999;
	padding: 0.6em;
	margin: 10px 0;
	background: #FFFFDC;
}

table.aoTable td {
	vertical-align: top;
	padding: 0.9em;
	border: 1px dotted #AAA;
	font-weight: normal;
}

#contents table.aoTable th.aoTableThA {
	width: 240px;
}

table.aoTable th {
	vertical-align: top;
	padding: 0.9em;
	border: 1px dotted #AAA;
	background: #EEEEFF;
}

table.aoTable th.adTableTh {
	width: 30px;
}




.sCopytext {
padding-bottom: 1em;
}

/* SecondOrangeNavi
------------------------------------------------------------ */

#SecondOrangeNavi {
	margin: 20px 0 0 0;
	padding: 0;
	display: block;
	line-height: 1.0;
}

#SecondOrangeNavi li {
	border: 2px solid #FF9911;
	width: 340px;
	margin-bottom: 2px;
	margin-left: 10px;
	list-style: none;
	background: #FFFFFF;
	vertical-align: bottom;
	padding: 0;
	overflow: hidden;
	font-weight: bold;
}


#SecondOrangeNavi li.toplist {
	background: #FF9911;
	color: #000000;
	font-weight: bold;
	padding: 5px 0 3px 0;
	font-size: 120%;
}

#SecondOrangeNavi li a {
	display: block;
	background:url(../images/img_orangeArrow.gif) no-repeat 5px center;
	text-decoration: none;
	padding: 5px 0 5px 20px;
	color: #222222;
}

#SecondOrangeNavi li a:hover {
	display: block;
	background:url(../images/img_orangeArrow_o.gif) no-repeat 5px center #FF9911;
	text-decoration: none;
	color:#FFFFFF;
	padding: 5px 0 5px 20px;
}

/* highschool
------------------------------------------------------------ */
#AObanner {
text-align:right;
position:absolute;
top: 405px;
left:700px;
}

#contentnavi li {
	list-style: none;
}

/* teacher
------------------------------------------------------------ */
.sbox a {
	display: block;
	border:1px dotted #F95;
	padding: 10px;
	text-decoration: underline;
	background:#FEEEEE;
}

.sbox a:hover {
	border:1px dashed #F95;
	padding: 10px;
	text-decoration: underline;
}

/* link
------------------------------------------------------------ */

/* Start link page
---------------------------------------------------------------------- */


.LinkList {
	margin: 0 0 1em 2em;
}

.LinkList a {
	text-decoration: none;
	background: #FFFFFF;
	width: 620px;
	display: block;
	border: 1px solid #DDDDDD;
	padding: 10px;
}

.LinkList a:hover {
	background: #FFFF99;
	border: 1px solid #DDCC99;
}

.LinkList a:hover img {
}

.LinkList a img {
	float: left;
	text-align: left;
	background: #FFFFFF;
	display: block;
	margin: 0;
	padding: 0;
}



.LinkList span.LinkTitle {
	font-weight: bold;
	text-decoration: none;
	float: left;
	width: 340px;
	margin: 0.5em 0 0 1.2em;
	padding:0;
	color:#FF6600;
}


/* CSS HACK
------------------------------------------------------------ */

table td p {
	line-height: 1.5;
}

table td {
	line-height: 1.5;
}
dt { font-weight: normal; }

#skip {
	position: absolute;
	text-indent: -9999px;
	font-size: xx-small;
}

.bold {
	font-weight: bold;
}

.margintop30 { margin-top: 30px;}
.margintop15 { margin-top: 15px;}
.paddingright5 { padding-right: 5px;}
.paddingleft25{ padding-left: 25px;}
.marginleft10{ margin-left: 10px;}
.marginbottom5 { margin-bottom: 5px;}
.margintop5 { margin-top: 5px;}
.paddingleft15 { padding-left: 15px;}
.marginleft15 { margin-left: 15px;}
.marginleft20 { margin-left: 20px;}
.marginleft30 { margin-left: 30px;}
.marginleft40 { margin-left: 40px;}
.marginleft60 { margin-left: 60px;}
.paddingright25 { padding-right: 25px;}
.marginbottom10 { margin-bottom: 10px;}
.marginbottom15 { margin-bottom: 15px;}
.marginbottom20 { margin-bottom: 20px;}
.marginbottom30 { margin-bottom: 30px;}
.marginbottom40 { margin-bottom: 40px;}
.marginright5 {margin-right: 5px;}
.marginright10 {margin-right: 10px;}
.marginright25 {margin-right: 25px;}
.margintop10 {margin-top: 10px;}
.paddingleft50 {padding-left: 50px;}
.paddingtop5 {padding-top: 5px;}
 
.nomargin { margin: 0 !important; }

.noborder { border: 0 !important; }

.alignleft { text-align: left; }

.aligncenter { text-align: center; }

.alignright { text-align: right; }

.floatright {
	clear: right;
	float: right;
}

.floatleft {
	clear: left;
	float: left;
}

.clearboth {
	clear: both;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

.clearfix {
	overflow: hidden;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
}

/* \*/
* html .clearfix {
    height: 1em;
    overflow: visible;
}
/**/

table.body {
	border: 1px solid #999;
	padding: 5px;
} 


table.body td {
	padding: 5px;
	border: 1px solid #999;
}

.TableB {
	border: 1px solid #999;
}

.TableB th {
	background: #eaeaea;
	padding: 7px;
	border: 1px dotted #999;
}

.TableB td {
	background: #fff;
	padding: 7px;
	border: 1px dotted #999;
}

.teacherProfileL {
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding: 10px;
	width: 150px;
}

.teacherProfileL {
	text-align: center;
	float:left;
	margin-bottom: 15px;
}

.teacherProfileL p {
	font-size: 80%;
	text-align: left;
	padding: 10px;
}

.teacherProfileR {
	float: right;
	width: 490px;
}

.teacherProfileR h6 {
	border-left: 4px solid #339900;
	padding: 4px;
	margin-bottom: 0.7em;
}

.teacherProfileR li.teacherName {
	font-weight: bold;
	list-style: none;
	padding: 0;
	background: none;
}

.dottedborder {
	margin: 20px 0;
	border-bottom: 1px dotted #999;
}

.TableC {
	border: 1px solid #666;
	width: 100%;
}

.TableC th {
	background: #66FF66;
	text-align: center;
	padding: 5px;
	border: 1px solid #666;
	width: 50%;
}

.TableC td {
	padding: 5px;
	border: 1px solid #999;
}

.TableC td dt {
	font-weight: bold;
	margin-right: 10px;
	float: left;
	padding-bottom: 2px;
}

.TableC td.week {
	color:#FFFFFF;
	background: #666;
}

.TableC td dd {
	padding-bottom: 2px;
}

.classH6 {
	border-left: 4px solid #339900;
	padding: 0 4px;
	margin-bottom: 4px;
}

.thirdDiv {
	width: 30%;
	float:left;
	font-size: 80%;
	margin-right: 5px;
}

.thirdDiv p.bold {
	text-align: center;
	margin-top: 1.5em;
	background:#66FF66;
	border: 1px solid #999;
	
}

.secondDiv {
	width: 43%;
	float:left;
	font-size: 80%;
	margin-right: 30px;
}

.secondDiv p.bold {
	text-align: center;
	margin-top: 1.5em;
	background:#66FF66;
	border: 1px solid #999;
	
}

.teacherList {
	clear: both;
	border-bottom: 1px dashed #CCC;
	font-size: 90%;
}

.teacherList li {
	padding: 5px;
	float: left;
	width: 220px;
	list-style: none;
	margin: 1em 0;
}

.teacherComment {
	clear: both;
	
}

.teacherList .bold {
	font-size: 120%;
}

.secondList a {
	padding-left: 30px;
	background: #EEE url(../images/ico_local.gif) no-repeat 20px center;
}

.dayH5 {
	padding-left: 20px;
	font-weight: bold;
	background: url(../images/ico_pink.gif) no-repeat left center;
	border-bottom: 1px dotted #999;
	margin-bottom: 10px;
	clear:both;
}

.pinkH5 {
	color:#FFFFFF;
	font-weight: bold;
	background: #FF6666;
	padding: 3px 0px 3px 10px;
}

.dayList p {
	padding: 5px;
}

.form_table {
	width: 870px;
	margin: 10px 0;
}

.form_table th,
.form_table td {
	border: 1px solid #FFFFFF;
	padding: 5px;
}

.form_table th {
	background: #636563;
	color: #FFFFFF;
	text-align: center;
}

.form_table td {
	background: #EFEBEF;
	color: #000000;
}

.form_table th .required {
	color: #33CCFF;
}

.form_table td .required {
	color: #FF0000;
}

.form_table .notice {
	color: #FF0000;
}

.form_btn {
	margin: 20px auto;
}

.form_btn td {
	text-align: center;
}

.form_btn input {
	padding: 10px;
}

.form_error {
	color: red;
	font-weight: bold;
}

.input_err {
	border: 1px solid red;
	background: #FFD2D2;
}

.radio_err {
	border: 1px solid red;
	background: #FFD2D2;
}

.list_err select {
	border: 1px solid red;
}

.form_thanks {
	text-align: center;
	font-size: 1.2em;
	line-height: 2.0;
	padding: 50px;
}