@charset "utf-8";


*{margin:0;padding:0;}




body{
font: 12px/1.6 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333333;
line-height:1.8;
background-image:url(../images/bk.jpg);
height: 638px;
background-repeat:repeat-x;
}

.body_c{
font: 12px/1.6 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333333;
line-height:2;
background-image:url(../images/bk_c.jpg);
height: 202px;
background-repeat:repeat-x;
}


a{color:#00AAC3;text-decoration:none;}
a:hover{color:#00AAC3;text-decoration: underline;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}
p{margin-bottom: 20px;}
.center{text-align:center;}
.right{text-align:right;}
li{list-style:none;}




/*******************************
全体幅
*******************************/
#wrap, #header, #container, .inner{
margin: 0 auto;
width: 990px;
}

#wrap{
margin-bottom:100px;
}


#pageWrap{
	margin: 0 auto;
	width:1130px;
	background-image:url(../images/main.jpg) ;
	background-repeat:no-repeat;
	}

#pageWrap_c{
	margin: 0 auto;
	width:1130px;
	background-image:url(../images/main_c.jpg) ;
	background-repeat:no-repeat;
	}


/*******************************
/* ヘッダー
*******************************/
#header{
position:relative;
height: 513px;
}

#header_c{
position:relative;
height: 127px;
}



#header h1,#header h2, #header h3, #header ul{
	position:absolute;
	top:0;
	color: #888888;
	font-size: 10px;
	font-weight:normal;
	line-height: 20px;
	width: 363px;
}


#header h1{width:980px;}

/* ロゴの位置 */
#header h2{top: 53px;}


/******************
/* ヘッダーナビゲーション
******************/
#header ul{
top: 30px;
right:0;
width: 320px;
height: 14px;
line-height:14px;
}

#header ul li{float:left;list-style:none;margin-left:30px;}

#header ul a{
display: block;
height: 14px;
}



/******************
/* ヘッダー　バナー
******************/
#header .banners{
	position:absolute;
	right:0px;
	top:55px;
}
#header_c .banners{
	position:absolute;
	right:0px;
	top:55px;
}



/************************************
/* メインナビゲーション
************************************/
ul#mainnav{
margin: 0 auto;
width: 990px;
height: 62px;
}

ul#mainnav li{float:left;list-style:none;margin-bottom:0;}

ul#mainnav a{
display: block;
height: 62px;
}


/*******************************
メイン画像
*******************************/
#mainImage{
	margin:10px 0;
}
ul#mainImage li{float:right;list-style:none;width:210px;margin-bottom:3px;}

/*******************************
コンテンツ位置
*******************************/
#container{
padding: 20px 0;
}

#main {
float: left;
width: 647px;
padding:30px 0;
}

#main_c {
float: left;
width: 647px;
padding:10px 0;
}


#sidebar {
float: right;
width: 317px;
padding:30px 0;
font-size:13px;
}



ul.top_pg_bnr_lst{
width:100%;
margin:0 0 50px;
}

ul.top_pg_bnr_lst li{
float:left;
position:relative;
width:222px;
margin:0 20px 50px 0;
}

ul.top_pg_bnr_lst li p{
float:left;
position:absolute;
top:215px;
left:8px
}

ul.top_pg_bnr_lst li.lst{
float:right;
width:222px;
margin:0 0 50px 0;
}


dl.top_bnr_unt{
position:relative;
margin:0 0 30px;
}

dl.top_bnr_unt dd{
position:absolute;
top:40px;
left:13px;
}

/*************************
/* ボックスの囲み
/* .boxContainer
/* 背景画像でボックスの高さを調整
/* 
/* 各ボックス
/* .box1 1番目の2つのbox
/* .box2 2番目の3つのbox（画像）
/* .box3 3番目の2つのbox
/* .box4 4,5番目の1つのbox
/* #sidebar .box1 サイドバーのbox
*************************/
.boxContainer{
width:700px;
margin:0 auto 20px;
}

.boxContainer1{
width:700px;
margin:0 auto 20px;
}

.boxContainer_c{
width:740px;
margin:0 auto 50px;
}


.box1,.box3, .box4{
float: left;
width: 300px;
margin: 68px 10px 0 17px;
height:106px;
}

.box1 img{
float: left;
margin:0 5px 0 0;
height:106px;
}


.box1 p{
float: left;
height:106px;
width:170px;
}


.box1 a{color:#669900;}
.box1 a:hover{color:#669900;}



.box3, .box4{
width:327px;
margin:0 21px 0 0;
padding: 10px;
border-top:1px solid #dadada;
}



.boxNews{
float: left;
width: 470px;
margin: 0 10px 60px 0;
}

.boxB{
float: right;
width: 210px;
margin: 0 0 60px 0;
}


#sidebar .box1{
width:240px;
padding: 10px 0;
}

.box3{
width:347px;
padding:0 0 10px;
}

.box4{
margin:0 0 20px 0;
padding:0;
width:715px;
border:1px solid #dadada;
background: #fff;
}

/* 最後のbox */
.last{margin-right:0;}
.lastR{margin-right:0;float:right;}

/* 画像を中央表示 */
.box1 .center{padding-bottom:10px;}

/* 画像を左に回りこみ */
.box4 img{
float:left;
margin: 0 10px 10px;
}

.box4 h4 img{float:none;margin:0 0 10px;}

.box4 p{padding: 0 10px 10px;}

.boxWrap{
	background-image:url(images/sdw345.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:345px;
	margin-bottom: -20px;
	float: left;
	}

/*----------------------------
/* お問い合わせバナー
----------------------------*/
.block {
margin:40px 0;
padding: 15px 15px 5px;
border: solid 2px #cccccc;
}

.block p {
font-size: 12px;
}


#date {
text-align: right;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 10px;
font-weight:bold;
color:#858585;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

.box_img_border{
   border: 1px solid #cccccc;
   padding: 1px;
  margin: 1px;
}


/*************
/* 見出し
*************/
.box3 h4{margin-bottom:10px;}

#container h5{
padding: 0 0 30px 20px;
margin-bottom:10px;
line-height:18px;
font-size: 16px;
font-weight:bold;
color:#00AAC3;
background:url(../images/h5_bar.jpg) no-repeat;
}

#container h2{
padding: 0 5px 0 20px;
margin-bottom:10px;
line-height:48px;
font-size: 20px;
color:#555555;
background:url(images/h2Bg.png) no-repeat 0 100%;
}

#container .box4 h3{
padding: 7px 5px;
}



/*************
/* リスト
*************/
#footerUpper ul li{
list-style: none;
margin-bottom: 8px;
padding: 0 5px 5px 12px;
background:url(images/bullet2.gif) no-repeat 0 5px;
border-bottom:1px dotted #999999;
}

#container .box3 ul{padding: 0 5px;}

#sidebar ul{margin-left:3px;}

/*************
サイド（左側）コンテンツ
*************/
#sidebar p{margin-bottom:20px;}
#sidebar ul{margin-bottom:10px;}

#sidebar a{color:#333333;text-decoration:none;}
#sidebar a:hover{color:#999999;text-decoration:none;}



.sideNews{
height:314px;
background-image:url(../images/side_news.jpg) ;
background-repeat:no-repeat;
}
	
.sideNews li{
margin:10px 10px 0 10px;
}









dl.side_txt_unt{
position:relative;
margin:0 0 20px;
}

dl.side_txt_unt dt{
	position:absolute;
	width:220px;
	top:168px;
	left:11px;
	font-size:12px;
	line-height:1.4;
}

dl.side_txt_unt dd{
position:absolute;
width:220px;
top:240px;
left:9px;
}








/*******************************
/* フッター
*******************************/


#footer{
clear:both;
width:100%;
height:130px;
margin:50px 0 0 0;
}
	


#footerUpper{
clear:both;
padding: 40px 0;
overflow: hidden;
background:#EDEDED;

}

#footerUpper .inner{
background:url(../images/footerBorder.gif) repeat-y;
}

#footerUpper .inner .box{
float: left;
width: 225px;
padding-left:3px;
margin:0 20px 10px 0;
line-height: 1.4;
}

#footerUpper .inner .last{
width: 230px;
margin-right:0;
}

#footerUpper ul li{
background:url(images/bullet.gif) no-repeat 0 3px;
}

#footerUpper a{color:#666666;}
#footerUpper a:hover{color:#000000;}

#footerLower{
clear:both;
padding: 10px;
text-align:left;
background:#35AACE;
}

address{
margin:0 auto;
width:980px;
font-style:normal;
font-size:13px;
}


/* --------------------------------------------------------------
!Base Fonts
-------------------------------------------------------------- */
.fwN { font-weight: normal;}
.fwB { font-weight: bold;}

.fwN { font-weight: normal;}
.fwB { font-weight: bold;}
.fzSS  { font-size:  78%;}
.fzS   { font-size:  85%;}
.fzM   { font-size: 100%;}
.fzL   { font-size: 115%;}
.fzLL  { font-size: 130%;}
.fzLLL { font-size: 300%;}

.fcRed { color: #cc0000;}
.fcBlu { color: #0099cc;}
.fcOlg { color: #FF7112;}
.fcGly { color: #999999;}
.fcPnk { color: #FF6699;}


sup   { font-size: 78%; vertical-align: top;}
sub   { font-size: 78%; vertical-align: baseline;}

/* --------------------------------------------------------------
!Inline Align 
-------------------------------------------------------------- */
.taL { text-align: left   !important;}
.taC { text-align: center !important;}
.taR { text-align: right  !important;}

.vaT { vertical-align: top    !important;}
.vaM { vertical-align: middle !important;}
.vaB { vertical-align: bottom !important;}

.blockC { margin-right: auto; margin-left: auto; text-align: left;}
* html .blockC { margin-right: 0; margin-left: 0;}
.blockR { margin-left: auto; text-align: left;}

* html .blockR { margin-left: 0;}

/* --------------------------------------------------------------
!Width 
-------------------------------------------------------------- */
.w700   { width: 700px;}
.w650   { width: 650px;}  
.w600   { width: 600px;}
.w550   { width: 550px;} 
.w500   { width: 500px;}
.w450   { width: 450px;}
.w400   { width: 400px;}
.w350   { width: 350px;}
.w300   { width: 300px;}
.w250   { width: 250px;}
.w200   { width: 200px;}
.w150   { width: 150px;}

.wHalf  { width: 48%;}
.wTri   { width: 33%;}
.wQuart { width: 24%;}
.wFull  { width: 99.9%;}
.wMax   { width: 100%;}

.w03per { width: 3%  !important;}
.w05per { width: 5%  !important;}
.w10per { width: 10% !important;}
.w13per { width: 13% !important;}
.w15per { width: 15% !important;}
.w20per { width: 20% !important;}
.w25per { width: 25% !important;}
.w30per { width: 30% !important;}
.w35per { width: 35% !important;}
.w40per { width: 40% !important;}
.w45per { width: 45% !important;}
.w50per { width: 50% !important;}


/* --------------------------------------------------------------
!Floats  
-------------------------------------------------------------- */
.flL    { display: inline; float: left;}
.flR    { display: inline; float: right;}
.flImgL { display: inline; float: left; margin-right: 20px;}
.flImgR { display: inline; float: right; margin-left: 20px;}
.ftBox  { overflow: hidden; *zoom: 1;}

/* --------------------------------------------------------------
!Tools  
-------------------------------------------------------------- */
.clear { clear: both;}
.block { display: block;}
.hide  { display: none;}
.bgN   { background: none !important;}
.tdU   { text-decoration: underline;}
.tdN   { text-decoration: none;}

/* --------------------------------------------------------------
!Margin  
-------------------------------------------------------------- */
.mt00 { margin-top: 0   !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mt55 { margin-top:55px !important;}
.mt60 { margin-top:60px !important;}
.mt65 { margin-top:65px !important;}
.mt70 { margin-top:70px !important;}

.mr00 { margin-right: 0   !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mr55 { margin-right:55px !important;}
.mr60 { margin-right:60px !important;}
.mr65 { margin-right:65px !important;}
.mr70 { margin-right:70px !important;}

.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb55 { margin-bottom:55px !important;}
.mb60 { margin-bottom:60px !important;}
.mb65 { margin-bottom:65px !important;}
.mb70 { margin-bottom:70px !important;}
.mb75 { margin-bottom:75px !important;}
.mb80 { margin-bottom:80px !important;}
.mb85 { margin-bottom:85px !important;}
.mb90 { margin-bottom:90px !important;}
.mb100 { margin-bottom:100px !important;}

.ml00 { margin-left: 0   !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}
.ml55 { margin-left:55px !important;}
.ml60 { margin-left:60px !important;}
.ml65 { margin-left:65px !important;}
.ml70 { margin-left:70px !important;}
.ml150 { margin-left:150px !important;}
.ml175 { margin-left:175px !important;}
.ml200 { margin-left:200px !important;}
.ml220 { margin-left:220px !important;}
/* --------------------------------------------------------------
!Padding    
-------------------------------------------------------------- */
.pt00 { padding-top: 0   !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}

.pr00 { padding-right: 0   !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}

.pb00 { padding-bottom: 0   !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}

.pl00 { padding-left: 0   !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}

/*******************************
/* TOP
*******************************/

#feed{
padding:0 0 32px;
line-height:200%;
font-size:14px;
}

#feed li{
color:#666666;
line-height:400%;
font-weight:bold;
letter-spacing:2px;
border-bottom:dotted 1px #666666;
}

#feed li a:link   {color:#0099CC;}
#feed li a:visited{color:#0099CC;}
#feed li a:hover  {color:#0099CC;}
#feed li a:active {color:#0066CC;}



/*******************************
/* サブページ
*******************************/
/* --------------------------------------------------------------
!Table
-------------------------------------------------------------- */
table {
width: 100%;
border: solid 1px #ddd;
border-collapse: collapse;
margin: 0 0 1em; 
border-spacing: 0;
}

th {
border: solid 1px #cccccc;
font-weight: normal;
background: #f4f4f4;
vertical-align: top;
padding: 18px 15px;
white-space: nowrap;
}

td {
border: solid 1px #cccccc;
background: #fff;
padding: 18px 15px;
}

table tr:first-child {
border: none;
}

input.submit {
	display: block;
	margin: 20px auto;
	padding: 10px 20px;
}
.red {
	color: #f00;
	font-weight: normal;
	white-space: nowrap;
}

/* --------------------------------------------------------------
!block
-------------------------------------------------------------- */
.blockB {
margin-top: 40px;
padding: 15px 15px 0;
border: solid 1px #D6D8CB;
background-color: #EFF0EB;
}

.blockB p{
font-size: 12px;
}

.block01 {
margin: 2em 0;
border: solid 4px #eddfbc;
}

.block01 li{
list-style: none;
float:left;
margin: 20px 50px 20px 20px;
}

.block01 li .last{
float:left;
margin: 20px 0 20px;
}


.block01 p {
margin: 20px;
}



#feed{
padding-top:80px;
font-size:10px;
}

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

#feed p a:link   {color:#0066CC;}
#feed p a:visited{color:#0066CC;}
#feed p a:hover  {color:#0000FF;}
#feed p a:active {color:#0066CC;}