@charset "utf-8";
/* CSS Document */

/* スマホレイアウト : 480 px ～ 最小値。 */


/*--コンテンツ部分内容--*/
/*main*/
#main{
	background-color:#FFCC33;
}
/*パンくずリスト*/
#pan{
	padding:10px 0px 10px 0px;
}
#pan a{
	color:#000000;
	margin:0px 10px 0px 10px;
}


/* コンテンツmenu */
#com_menu{
	width:439px;
	height:30px;
	margin:0 auto;
}

/* コンテンツtitle */
.com_title{
	display:block;
	clear:both;
	margin:10px 0px 10px 0px;
}
.com_read4{
	width:480px;
	height:30px;
	background:#FF9900;
}
.com_read4 p{
	font-size:182%;
	color:#FFFFFF;
	font-family:'HGP創英角ｺﾞｼｯｸUB';
	margin-left:32px;
	clear:both;
	
}
/* 画像 */
.topics_image{
}
.topics_image img{
	height:220px;
	width:440px;
	margin:0px 0px 0px 20px;
}
/* 更新情報一覧（iframe） */
body{
	background-color:#FF9900;
}
.newsBox{
	margin:10px 0px 0px 0px;
}
.newsBox dd{
}
.newsBox dd a{
	color:#FFFFFF;
	margin:0px 0px 0px 35px;
}
.newsBox dd a:hover{
	color:#CCCCCC;
}
/* コラム一覧（iframe） */
#feed{
	margin:10px 0px 0px 0px;
}
#feed h3{
	background-image:url(../img/top_list_icon1.jpg);
	background-repeat:no-repeat;
}
#feed h3 a{
	color:#FFFFFF;
	margin:0px 0px 0px 35px;
}
#feed h3 a:hover{
	color:#CCCCCC;
}
#feed p{
	border-bottom:#000000 dotted 1px;
	padding:0px 0px 0px 35px;
	margin:0px 0px 10px 0px;
}

/*-------------------------------------------------------------------------
								topics_top
-------------------------------------------------------------------------*/
.top {
	font-family: "ヒラギノ角ゴ　Pro　W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", Arial, sans-serif;
	overflow: inherit;
	font-size: 12px;
	text-align: left;
	background: url(../img/common_img_back.jpg);
	}

div.newsBox {
 scrollbar-3dlight-color: #999966;
 scrollbar-face-color: #999966;
 scrollbar-arrow-color: #FFFFFF;
 scrollbar-darkshadow-color: #999966;
 scrollbar-highlight-color: #FFFFFF;
 scrollbar-shadow-color: #999966;
 scrollbar-track-color: #CCCC99;
 overflow: auto;
 height: 100px;
 }

div.newsBox dl.news {
 width: 440px;
 height: auto;
 border-bottom: #000000 1px dotted;
 margin-bottom: 8px;
 clear: both;
  _zoom: 1;
	overflow: hidden;
 }

div.newsBox dl.news dt {
 width: 77px;
 height: 20px;
 padding-left: 35px;
 background: url(../img/top_list_icon1.jpg) no-repeat left;
 font-weight: bold;
	font-family: "ヒラギノ角ゴ　Pro　W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック";
 line-height: 1.4;
 text-align: left;
 font-family: Arial, sans-serif;
 float: left;
 }

div.newsBox dl.news dd {
 width: 435px;
 height: 17px;
 overflow: visible;
 line-height: 1.4;
 font-size: 12px;
 float: left;
 }

div.newsBox dl.news a {
 line-height: 1.4;
 font-size: 12px;
 }


/* 更新情報一覧（iframe） */
.topics_box1{
	width:440px;
	height:220px;
	margin:0px 0px 10px 20px;
}
.topics_box1 img{
	width:440px;
	height:220px;
}
.topics_box2{
	width:440px;
	height:120px;
	margin:0px 0px 10px 20px;
}
.topics_box3{
	width:420px;
	margin:0px 0px 10px 20px;
	padding:10px 10px 10px 10px;
	background-color:#0099CC;
}
.topics_box3 p{
	font-family:'HGP創英角ｺﾞｼｯｸUB';
	font-size:123.1%;
	color:#FFFFFF;
}
.topics_read1 p{
	font-family:'HGP創英角ｺﾞｼｯｸUB';
	font-size:182%;
	color:#FFFFFF;
}
.topics_box4{
	width:440px;
	height:120px;
	margin:0px 0px 0px 20px;
	padding:0px 0px 20px 0px;

}
.topics_boxL{
	width:179px;
	height:179px;
	background:#FF9900;
	float:left;
	display: block;
	visibility: visible;
}
.topics_boxL img{
	margin:6px 18px 4px 18px;
}



.topics_btn1{
	width:215px;
	height:120px;
	display: block;
	visibility: visible;
	float:left;
}
.topics_btn1 a:hover img{
	filter:alpha(opacity70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	-webkit-opacity: 0.70;
	opacity:0.70;
}
.topics_btn2{
	width:215px;
	height:120px;
	float:right;
	display: block;
	visibility: visible;
}
.topics_btn2 a:hover img{
	filter:alpha(opacity70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	-webkit-opacity: 0.70;
	opacity:0.70;
}
/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {

/* コンテンツtitle */
#com_title{
	display:block;
	clear:both;
	margin:10px 0px 10px 0px;
}
.com_read4{
	width:440px;
	height:30px;
	background:#FF9900;
}
.com_read4 p{
	font-size:182%;
	color:#FFFFFF;
	font-family:'HGP創英角ｺﾞｼｯｸUB';
	margin-left:32px;
	clear:both;
	
}
/*各ページ高さ設定*/
	#sub{
	height:974px;
	}
	
/*main*/
#main{
	background-color:#FFFFFF;
}

/* 採用情報 */
.topics_box1{
	width:440px;
	height:220px;
	margin:0px 0px 10px 0px;
}
.topics_box2{
	width:440px;
	height:120px;
	margin:0px 0px 10px 0px;
}
.topics_box3{
	width:420px;
	margin:0px 0px 10px 0px;
	padding:10px 10px 10px 10px;
	background-color:#0099CC;
}
.topics_box4{
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
}
	
}
/* デスクトップレイアウト最大表示時 : 1290 px ～最大。 */

@media only screen and (min-width: 1290px) {
/* コンテンツtitle */
#com_title{
	display:block;
	clear:both;
	margin:10px 0px 10px 0px;
}
.com_read4{
	width:600px;
	height:30px;
	background:#FF9900;
}
.com_read4 p{
	font-size:182%;
	color:#FFFFFF;
	font-family:'HGP創英角ｺﾞｼｯｸUB';
	margin-left:32px;
	clear:both;
	
}
/*各ページ高さ設定*/
	#sub{
	height:1074px;
	}
	
/*main*/
#main{
	background-color:#FFFFFF;
}
/* 採用情報 */
.topics_box1{
	width:600px;
	height:300px;
	margin:0px 0px 10px 0px;
}
.topics_box1 img{
	width:600px;
	height:300px;
}
.topics_box2{
	width:440px;
	height:120px;
	margin:0px 0px 10px 80px;
}
.topics_box3{
	width:420px;
	margin:0px 0px 10px 80px;
	padding:10px 10px 10px 10px;
	background-color:#0099CC;
}
.topics_box3 p{
	font-family:'HGP創英角ｺﾞｼｯｸUB';
	font-size:123.1%;
	color:#FFFFFF;
}
.topics_read1 p{
	font-family:'HGP創英角ｺﾞｼｯｸUB';
	font-size:182%;
	color:#FFFFFF;
}
.topics_box4{
	width:440px;
	height:120px;
	margin:0px 0px 0px 80px;
	padding:0px 0px 20px 0px;

}
}