@charset "utf-8";

/****************************************
		パンクズのカラー
*****************************************/
.topicpath ul li a:link{
	color:#0a50a1;
	text-decoration:none;
}

.topicpath ul li a:visited{
	color:#0a50a1;
	text-decoration:none;
}

.topicpath ul li a:hover{
	color:#FF8000;
	text-decoration:underline;
}
		
/****************************************
		リセット
*****************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3,

h4, h5, h6, p, blockquote, pre, a, abbr, acronym,

address, big, cite, code, del, dfn, em, font, img, ins,

kbd, q, s, samp, small, strike, strong, sub, sup, tt,

var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,

table, caption, tbody, tfoot, thead{

margin:0;

padding:0;

border:0;

outline:0;

font-weight:inherit;

font-style:inherit;



font-family:inherit;

vertical-align:baseline;

}

.index-top a{
	text-decoration:none;
	color:#484B4C;
}


li{

	list-style:none;

	margin:0;

	padding:0;

	zoom:1;

}

li img{

	font-size:0;

	vertical-align:bottom;

}





a img{

	border:none;

}



.clearfloat { 

	clear:both;

	height:0;

	font-size: 1px;

	line-height: 0px;

}



	* html .clearfix {

		zoom: 1;

	}



	*+html .clearfix {

		zoom: 1;

	}



.clearfix:after {

	height: 0;

	visibility: hidden;

	content: ".";

	display: block;

	clear: both;

}



/****************************************
		全体
*****************************************/

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



/****************************************
		見出し
*****************************************/


#contents-full h3 {
	margin-bottom: 50px;
}
#contents-full .clearfix .box {
	height: 296px;
	width: 299px;
	float: left;
}

#contents-full h4 {
	margin-bottom: 14px;
}

#contents-full .contsWrapper.clearfix .inner h5 {
	font-size: 26px;
	padding-left:10px;
	margin-bottom:30px;
}

#contents-full .contsWrapper.clearfix .inner.office h5 {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #2D6199;
	color:#064586;
}

#contents-full .contsWrapper.clearfix .inner.hotel h5 {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #672692;
	color:#7743A5;
}
#contents-full .contsWrapper.clearfix .inner.school h5 {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #1F8F22;
	color:#1F8F22;

}




/****************************************
		オフィス編
*****************************************/


#container #contents-area #contents-full .clearfix .officeBg01 {
	background: url(../image/index_img-office_bg01.jpg) no-repeat;
}
#container #contents-area #contents-full .clearfix .officeBg02 {
	background: url(../image/index_img-office_bg02.jpg) no-repeat;
	margin:0 17px;
}
#container #contents-area #contents-full .clearfix .officeBg03 {
	background: url(../image/index_img-office_bg03.jpg) no-repeat;
}



/****************************************
		ホテル編
*****************************************/



#container #contents-area #contents-full .clearfix .hotelBg01 {
	background: url(../image/index_img-hotel_bg01.jpg) no-repeat;
}
#container #contents-area #contents-full .clearfix .hotelBg02 {
	background: url(../image/index_img-hotel_bg02.jpg) no-repeat;
	margin:0 17px;
}
#container #contents-area #contents-full .clearfix .hotelBg03 {
	background: url(../image/index_img-hotel_bg03.jpg) no-repeat;
}



/****************************************
		学校編
*****************************************/

#container #contents-area #contents-full .clearfix .schoolBg01 {
	background: url(../image/index_img-school_bg01.jpg) no-repeat;
}
#container #contents-area #contents-full .clearfix .schoolBg02 {
	background: url(../image/index_img-school_bg02.jpg) no-repeat;
	margin:0 17px;
}
#container #contents-area #contents-full .clearfix .schoolBg03 {
	background: url(../image/index_img-school_bg03.jpg) no-repeat;
}
#contents-full .contsWrapper {
	margin-bottom: 60px;
}
#contents-full .contsWrapper.clearfix .inner {
	padding: 10px;
}







/****************************************
		アイコンまわり
*****************************************/



#contents-full .contsWrapper.clearfix .inner.office .qBox {
	background:url(../image/icon_q.gif) no-repeat 10px;
	height:49px;
	padding-left: 50px;
}
#contents-full .contsWrapper.clearfix .inner.office .aBox {
	background:url(../image/icon_answer_office.gif) no-repeat;
	height:80px;
	padding-left: 50px;
	padding-top:8px;
}
#contents-full .contsWrapper.clearfix .inner.office .arrow {
	display: block;
	height: 27px;
	width: 43px;
	margin:0 auto;
}




#contents-full .contsWrapper.clearfix .inner.hotel .qBox {
	background:url(../image/icon_q.gif) no-repeat 10px;
	height:49px;
	padding-left: 50px;
}
#contents-full .contsWrapper.clearfix .inner.hotel .aBox {
	background:url(../image/icon_answer_hotel.gif) no-repeat;
	height:80px;
	padding-left: 50px;
	padding-top:8px;
}
#contents-full .contsWrapper.clearfix .inner.hotel .arrow {
	display: block;
	height: 27px;
	width: 43px;
	margin:0 auto;
}



#contents-full .contsWrapper.clearfix .inner.school .qBox {
	background:url(../image/icon_q.gif) no-repeat 10px;
	height:49px;
	padding-left: 50px;
}
#contents-full .contsWrapper.clearfix .inner.school .aBox {
	background:url(../image/icon_answer_school.gif) no-repeat;
	height:80px;
	padding-left: 50px;
	padding-top:8px;
}
#contents-full .contsWrapper.clearfix .inner.school .arrow {
	display: block;
	height: 27px;
	width: 43px;
	margin:0 auto;
}#contents-full .contsWrapper.clearfix .box {
	display: block;
}