@charset "UTF-8";

@import url("css/info.css");
@import url("css/top.css");
@import url("css/sd.css");
@import url("css/toi.css");
@import url("css/jsmenu.css");
@import url("css/acc.css");
@import url("css/house.css");
@import url("css/co.css");
@import url("css/about.css");
@import url("css/cpm.css");
@import url("css/manage.css");
@import url("css/cons.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;
}
a {
	color:#000000;
	text-decoration:underline;
}
a:hover {
	color:#7e1f22;
	text-decoration:none;
}
/******************* header *************************************/
#header {
   position:relative;
   /* width:940px; */
   margin:0 auto;
   padding:0px 30px 0px 30px;
   /* background-image:url(img1/headerbc1.jpg); */
   background-position:center;
   background-repeat:no-repeat;
   height:110px;
}
#header
#header950 {
   position:relative;
   width:950px;
   margin:0 auto;
   padding:0px 0px 0px 0px;
}
#header h1 {
   /* background-color:#94121C; */
   font-size:11px;/* 11px相当 */
   font-style:normal;
   color:#000000;
   text-align:left;
   font-weight:300;
   position:relative;
   margin:0 auto;
   padding-left:0px;
   padding-bottom:10px;
}

#box450 { width:450px;height:100px;float:left; } 
#box500 { width:500px;height:100px;float:left; text-align:right;} 
#box000 { clear:both; }

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

#box500 ul {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

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


/***************** 中段背景 ******************************************/
#mdback {

   /* background-image:url(img1/bc1800.jpg);
   background-position:center top;
   background-repeat:no-repeat; */
}
/***************** cate ******************************************/
#cate {
	background:#666666 url(img/link000.jpg) 0 0 repeat-x;
	margin:0;
	padding:0;
	height:68px;
}
#cate950 {
   position:relative;
   width:950px;
   margin:0 auto;
   padding:0px 0px 0px 0px;
}
#cate950 ul {
   margin:0;
   padding-top:2px;
   padding-left:0px;
}

#cate950 li {
   float:left;
   font-size:82%;/* 13px相当 */
   color:#333;
   list-style-type:none;
}
/*********************** ff ***************************/
#ff1000 {
   background:#ffffff;
   position:relative;
   width:980px;
   margin:0 auto;
   padding:10px 0px 0px 30px;
   height:310px;
}
#ff180 {
   background:#ffffff;
   position:relative;
   width:970px;
   margin:0 auto;
   padding:10px 0px 0px 30px;
   height:180px;
}
#topgazou {
   background:#ffffff;
   position:relative;
   width:1000px;
   margin:0 auto;
   padding:0px 0px 0px 0px;
   height:280px;
}
#ff120 {
   background:#ffffff;
   position:relative;
   width:970px;
   margin:0 auto;
   padding:10px 0px 0px 30px;
   height:120px;
}
#ff60 {
   background:#ffffff;
   position:relative;
   width:980px;
   margin:0 auto;
   padding:10px 0px 0px 30px;
   height:60px;
}

/*********************** main ***************************/
#main950 {
   position:relative;
   width:950px;
   margin:0 auto;
   padding:10px 30px 0px 30px;
   background-color:#ffffff;
   font-size:12px; 
}
#main950 strong {
	font-size:14px;
	color:#333;
	font-weight:600;
	letter-spacing:3px;
	line-height:18px;
}

/*********************** top page bloc ***************************/

#left680 { width:680px;float:left; color:#333333; background-color:#ffffff; } 
#main240 { width:240px;float:left; text-align:left; padding-left:30px; background-color:#ffffff; } 
#main000 { clear:both; }

/*********************** top page bloc end ***************************/

#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;
}
#main680 .topbun2{
	font-size:12px;
	color:#333333;
	letter-spacing:2px;
	line-height:22px;
	padding: 10px 0px 10px 20px;
}
#main680 .topbun3{
	font-size:12px;
	color:#333333;
	letter-spacing:2px;
	line-height:18px;
	padding: 10px 20px 10px 10px;
}
#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;
}



/* ========FOOTMENU CUSTOMIZE======== */
/* 一時削除
div#footer {
   position:relative;
   width:940px;
   margin:0 auto;
   padding:0px 30px 20px 30px;
}
div#footer1 { width:470px;height:5px;float:left; }
div#footer2 { width:470px;height:5px;float:left; }
div#footer3 { clear:both; }

 */

#footer {
   clear:both;
   background:#666666 url(img/bc1.jpg) 0 0;
   /* background:#d9d6d4; */
}

#footermenu {
   clear:both;
   overflow:hidden;
   width:940px;
   margin:0 auto;
   padding:20px 10px 20px 20px;
   font-size:12px;
 
}
#footermenu ul {
   margin:0;
   padding:0;
}

#footermenu li {
   margin:0;
   padding:0;
   list-style:none;
   height:22px;
}

#footermenu li a {
   padding-left:15px;
   padding-right:10px;
   font-size:11px;
   background:url(img/footer_yaji15.png) 0 50% no-repeat;
}
#footermenu li a:hover {
   padding-left:15px;
   padding-right:10px;
   font-size:11px;
   color:#ff5400;
   background:url(img/footer_yaji15.png) 0 50% no-repeat;
}

.footermo1 {
	font-size:12px;
	color:#ffffff;
}
.footermo1 a {
	font-size:12px;
	color:#ffffff;
}
.footermo1 a:hover {
	font-size:12px;
	color:#ff5400;
}


/* ========FOOTER CUSTOMIZE======== */
address {
   background-color:#0b74cd; /* #5a5655; */
   padding:20x 0px 0px 40px;
   font-size:70%;/* 11px相当 */
   font-style:normal;
   color:#ffffff;
   text-align:center;
}
address strong {
   padding:20x 0px 0px 40px;
   font-size:14px;/* 11px相当 */
   font-style:normal;
   color:#ffffff;
   text-align:center;
}
/*
問い合わせ
-------------------------------------------------------------------*/
.toifm1 {
	font-size:12px;
	color:#000000;
	background-color:#ede5cb;
	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;
}
/*
文字
-------------------------------------------------------------------*/
.font1515 {
	font-size:12px;
	line-height:20px;
	color:#333333;
}

.adr1 {
	font-size:11px;
	color:#666666;
}

/*
パンくず
-------------------------------------------------------------------*/
.panc1 {
	font-size:11px;
	color:#333333;
	text-align:right;
}
/*
文字
------------------------------------------------------------------*/
.font12h30 {
	font-size:12px;
	line-height:30px;
	letter-spacing:2px;
}

