@charset "utf-8";






/* ====================================================
	
	
	共通
	
	
====================================================*/

/* ----------------------------------------------------
	pre
---------------------------------------------------- */
p {
  margin:10px 0 0 0;
}





/* ----------------------------------------------------
	ヘディング
---------------------------------------------------- */
h2.pageCaption {
	margin:10px 0 30px 0;
}

h3.miniCaption {
	margin:20px 0;
}





/* ----------------------------------------------------
	プレーンテキスト
---------------------------------------------------- */
.planeText {
  padding:0 1em;
  line-height:170%;
}

.miniText {
	font-size:85%;
	line-height:120%;
}


/* ----------------------------------------------------
	Clearfix
---------------------------------------------------- */

.wrapper,.inWrapper,.mainFrame {
    zoom:1;/*for IE 5.5-7*/
}

.wrapper:after,.inWrapper:after,.mainFrame:after {/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    font-size:0.1em;
    line-height:0
}





/* ----------------------------------------------------
	大枠
---------------------------------------------------- */
body {
  background:#03347E url(../images/img_mainBg.jpg) top center repeat-y;
  text-align:center;
	color:#333;
}
  
  .wrapper {
    width:800px;
    margin:0 auto;
  }
  
  .header {
    position:relative;
    width:800px;
    height:340px;
    background:url(../images/img_mainVisual.jpg) 0 0 no-repeat;
  }
  
  .gnav {
    width:800px;
		height:61px;
		margin-top:10px;
		background:url(../images/gnav_bottomBg.png) left bottom no-repeat;
  }
  
  .inWrapper {
    width:766px;
		#width:800px;
		_width:796px;
		padding:0 17px;
		margin-bottom:30px;
		text-align:left;
  }
  
  *:first-child+html .inWrapper {
    width:766px;
  }
  
  .singleColumn {
    width:800px;
  }
    
    .header h1 {
	top:0px;
	left:0px;
	width: 460px;
	height: 340px;
	padding-left: 340px;
    }
  
  .sidebar {
    width:160px;
    float:left;
  }
  
  .mainFrame {
    width:580px;
    _width:570px;
    float:right;
    text-align:left;
  }





/* ----------------------------------------------------
	サイドバー
---------------------------------------------------- */
.gnav li {
	float:left;
	line-height:0;
	font-size:1;
}





/* ----------------------------------------------------
	サイドバー
---------------------------------------------------- */
.sidebar li {
  padding-bottom:10px;
  margin-bottom:10px;
  background:url(../images/border_dotted.png) left bottom repeat-x;
}





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

.footer {
  width:800px;
  height:100px;
  margin:0 auto;
  background:#0880FF url(../images/img_footerBg.jpg) left top no-repeat;
  position:relative;
}
  
  .footer ul {
    position:absolute;
    bottom:0px;
    right:20px;
  }
    
    .footer li {
      display:inline;
      color:#FFF;
    }
      
      .footer li a {
        color:#FFF;
        text-decoration:none;
      }