@charset "UTF-8";

@import url("footer.css");
@import url("staff.css");

/* ---------------------
 * FONTSIZE MODEL * 
 * ---------------------
 *  63% ->	10pxに相当
 *  70% ->	11pxに相当
 *  75% ->	12pxに相当
 *  82% ->	13pxに相当
 *  88% ->	14pxに相当
 *  94% ->	15pxに相当
 * 100% ->	16pxに相当
 * 107% ->	17pxに相当
 * 113% ->	18pxに相当
 * 119% ->	19pxに相当
 * 125% ->	20pxに相当
 * --------------------- */


/* ========BASIC======== */
* {
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
   color:#333;
}

body {
   margin:0;
   padding:0;
   letter-spacing:1px;
   background:#ffffff url("img/headerbc1.jpg") 0 0 repeat-x;
}

img {
	border:0;
}
/******************* header *************************************/
#header {
   position:relative;
   /* width:940px; */
   margin:0 auto;
   padding:0px 30px 0px 30px;
   background:#747AA7 url(img/headerbc1.jpg) 0 0 repeat-x;
   height:140px;
}
#header940 {
   position:relative;
   width:940px;
   margin:0 auto;
   padding:0px 0px 0px 0px;
}
#box300 { width:300px;height:130px;float:left; } 
#box640 { width:640px;height:130px;float:left; text-align:right;} 
#box000 { clear:both; }

#box640 h1 { font-size:11px; color:#ffffff; font-weight:300; line-height:12px; }

#box640 li {
   padding-top:25px;
   float:right;
   font-size:14px;/* 13px相当 */
   color:#ffffff;
   list-style-type:none;
}
#box640 a { color:#ffffff; text-decoration:none; }
#box640 a:hover { color:#e4e4e4; text-decoration:underline }

/***************** cate ******************************************/
#cate {
	background:#747AA7; /* url(img/headerbc1.jpg) 0 0 repeat-x; */
	margin:0;
	padding:0;
	height:45px;
}
#cate940 {
   position:relative;
   width:940px;
   margin:0 auto;
   padding:0px 0px 0px 0px;
}
#cate940 ul {
   margin:0;
   padding:0;
}

#cate940 li {
   float:left;
   font-size:82%;/* 13px相当 */
   color:#333;
   list-style-type:none;
}
/*********************** ff ***************************/
#ff1000 {
   background:#ffffff;
   position:relative;
   width:970px;
   margin:0 auto;
   padding:10px 0px 0px 30px;
}
#topgazou {
   background:#ffffff;
   position:relative;
   width:970px;
   margin:0 auto;
   padding:10px 0px 0px 30px;
   height:144px;
}

/*********************** main ***************************/
#main940 {
   position:relative;
   width:940px;
   margin:0 auto;
   padding:10px 30px 0px 30px;
   background-color:#ffffff;
   font-size:12px; 
}
#main940 strong {
	font-size:14px;
	color:#333;
	font-weight:600;
	letter-spacing:3px;
	line-height:18px;
}
#left260 { width:220px;float:left; color:#333333; line-height:20px; } 
#main680 { width:680px;float:left; text-align:left; padding-left:40px; } 
#main000 { clear:both; }

#tebwaku1{
	border-color:#747AA7;
	border-style:solid;
	border-width:1px 1px 1px 1px;
}
#main680 .topbun1{
	font-size:12px;
	color:#333333;
	letter-spacing:2px;
	line-height:18px;
	padding: 10px 0px 0px 20px;
	background-color:#FFFEEE;
}
#main680 .topbun2{
	font-size:12px;
	color:#333333;
	letter-spacing:2px;
	line-height:22px;
	padding: 10px 0px 10px 20px;
	background-color:#FFFEEE;
}
#main680 .topbun3{
	font-size:12px;
	color:#333333;
	letter-spacing:2px;
	line-height:18px;
	padding: 10px 20px 10px 10px;
	background-color:#FFFEEE;
}

.topbun1 span{
	font-size:10px;
	color:#747aa7;
	letter-spacing:1px;
	font-weight:600;
	
}
.topbun1 span div{
	font-size:19px;
	color:#747aa7;
	letter-spacing:1px;
	font-weight:600;
	padding:5px 0px 5px 0px;
}
.topbun2 span div{
	font-size:19px;
	color:#747aa7;
	letter-spacing:1px;
	font-weight:600;
	padding:5px 0px 5px 0px;
}



#comp dl.list309 dt {
  clear: left;
  float: left;
  margin: 0 0 0.5em;
  width: 80px;
  border-left: solid 8px #CCC;
  padding-left: 5px;
  color: #000;
}

#comp dl.list309 dd {
  margin-bottom: 30px;
  margin-left: 10px;
}


/*********************** main サブページ***************************/
#main300 { width:300px;float:left; color:#fff; height:680px; } 
#main640 { width:600px;float:left; text-align:right; padding-left:40px;} 
#main000 { clear:both; }

#main300 h1 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	letter-spacing:0px;
	line-height:0px;
	font-weight:300px;
	font-size:12px;
	}

#main300 p {
	color:#fff;
	font-size:12px;
	letter-spacing:2px;
	line-height:16px;
}
#main300sub1 {
	color:#fff;
	font-size:12px;
	letter-spacing:2px;
	line-height:16px;
	padding: 10px 10px 10px 10px;
	border-color:#e4e4e4;
	border-style:solid;
	border-width:1px;
}


#aa {
	position:absolute;
	top:20px;
}
#bb {
	position:absolute;
	bottom:0px;
}




/**************** top画像ロールオーバー ****************/
.phrollover ul,li{ padding:0;margin:0; }
.phrollover {
	height:480px;
	width:910px;
	margin:0px 0;
	background:url(img/oita_yufuin.gif) no-repeat;
}
.phrollover p {
	float:left;
	margin:0;
	position:relative;
}
.phrollover .rollover_view {
	position:absolute;
	top:0;
	padding-left:190px;
}
.phrollover ul {
	float:left;
	width:180px;
	list-style:none;
	position:absolute;
}
.phrollover li {
	height:95px;
}
.phrollover a img {
	border:0;
}



/*
問い合わせ
-------------------------------------------------------------------*/
.toifm1 {
	font-size:12px;
	color:#ffffff;
	background-color:#747AA7;
	border-color:#ffffff;
	border-style:solid;
	border-width:3px 3px 3px 3px;
	padding:5px 5px 5px 5px;
}
.toifm2 {
	font-size:12px;
	color:#333333;
	background-color:#ffffff;
	border-color:#ffffff;
	border-style:solid;
	border-width:3px 3px 3px 3px;
	padding:5px 5px 5px 5px;
}
/*
infomation
-------------------------------------------------------------------*/
TD.infom1 {
	background:url(img/yaji20.gif) no-repeat;
   padding:7px 0px 5px 20px;
   font-size:12px;/* 11px相当 */
   font-style:normal;
   color:#333333;
   text-align:left;
   vertical-align:top;
}
TD.infom2 {
   padding:7px 0px 5px 0px;
   font-size:12px;/* 11px相当 */
   font-style:normal;
   color:#333333;
   text-align:left;
   vertical-align:top;
}
/*
contents
-------------------------------------------------------------------*/
TD.conmm1 {
   padding:5px 5px 5px 5px;
   font-size:12px;/* 11px相当 */
   font-style:normal;
   color:#333333;
   text-align:left;
   vertical-align:top;
   line-height:20px;
}

/*
top
--------------------------------------------------------------------*/
.box_in {
	background-color: #FFFFFF;
	border: 1px solid #D9D9D9;
	margin-bottom: 5px;
	padding: 10px;
}

.box_in span {
	color:#f39800;
}
.img_left {
	float: right;
	background-color: #FFFFFF;
	padding: 2px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	border: 1px solid #EDECE9;
}

div.md1str {
	font-size:18px;
	color:#6273a5;
	line-height:20px;
	font-weight:600;
}


.font12m22 {
	font-size:12px;
	line-height:22px;
}
.font12m22 span {
	font-size:12px;
	line-height:22px;
	color:#727FAE;
}

#font12m22y {
	font-size:12px;
	line-height:22px;
}
#font12m22y .bru1 {
	font-size:12px;
	line-height:22px;
	color:#727FAE;
}
#font12m22y .bru1 strong {
	font-size:14px;
	line-height:22px;
	color:#727FAE;
	font-weight:600;
}

#font12m22y .ya1 {
	font-size:12px;
	line-height:22px;
	color:#F39800;
}