@charset "utf-8";

* {
  margin: 0;
  padding: 0;
}
html, body {
  height: 100%;
}

body {
  margin: 0 auto;
  color: #000;
  font-size: 13px;
  line-height: 1.3;
  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",Verdana;
  background: url(../images/common/bg.jpg) repeat-y top center #7867a4;
}

h1,h2,h3,h4 {
font-weight:normal;
margin:0;
padding:0;
}

a {
  color: #333;
  text-decoration: none;
}
a:hover { 
  color: #333;
  text-decoration: underline;
}
a:focus { outline: none; }

table {
  border: none;
  text-align: left;
}
td,th {
  text-align: left;
  vertical-align: top;
}
img { 
  border: none;
  vertical-align: bottom;
}

li {
list-style:none;
margin:0;
padding:0px;
}

dl {
margin:0;
padding:0px;
}

form {
margin:0;
padding:0;
}

#wrapper {
width:960px;
background:#000;
height:100%;
margin:0 auto;
}

#container {
   width:960px;
   margin:0 auto;
   background:#bbb3d1;
   border-top:solid 4px #000;
}

#col-1 {
 width:960px;
 margin:0 auto 20px auto;
 overflow:hidden; 
 }
 
#col-2 {
width:617px;
background: url(../images/tb_main_mid.jpg) repeat-y;
padding:0 0 0 26px;
float:left;
overflow:hidden; 
}

*:first-child+html #col-2 {
margin-bottom:20px;
}

#col-3 {
 width:298px;
 /*background: url(../images/common/tb_side_mid.jpg) repeat-y;*/
 float:right;
 margin:0 auto;
 padding:0px;
 overflow:hidden; 
 }
 
 *:first-child+html #col-3 {
margin-bottom:20px;
}

#col-4 {
 width:830px;
 padding:25px 26px 0;
 overflow:hidden; 
 }
 
 #logo {
 text-align:center;
 margin:14px 0;
 }


/*navigation
-----------------------------------------------------*/
#gnav {
overflow:hidden;
}

#gnav ul {

}

#gnav li {
float:left;
}


/*main
-----------------------------------------------------*/
#mainimg {
width:960px;
height:296px;
background:url(../images/topimg.jpg) no-repeat;
text-align:right;
}

#mainImg {
	position:relative;
	width:685px;
	height:296px;
	text-align:center;
	margin-left:275px;
}

#mainImg div {
	display:none;
	position:absolute;
	left:0;
	top:0;
}


/*side
-----------------------------------------------------*/
#tb_side_top {

}

#tb_side_mid {
width:240px;
margin:12px auto;
overflow:hidden;
}

#tb_side_btm {
background:url(../images/common/tb_side_btm.jpg) no-repeat;
height:13px;
}

.tx_left {
float:left;
font-size:11px;
line-height:1.5;
width:120px;
overflow:hidden;
}

.img_right {
float:right;
overflow:hidden;
}

#baner_area {
border-top:dotted 1px #999;
margin-top:14px;
padding-top:12px;
width:245px;
}

#baner_area ul {

}

#baner_area li {
margin:3px 0;
}



/*footer
-----------------------------------------------------*/
#footer {
padding:14px 0;
width:960px;
margin:110px auto 0 auto;
background:#e5e5db;
text-align:center;
font-size:12px;
}

#footer a {
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

#footer li {
padding:0 0 0 16px;
margin:0 10px;
display:inline;
background:url(../images/common/gimik01.jpg) no-repeat center left;
}

#copyright {
font-size:11px;
color:#FFF;
text-align:center;
background:#000;
padding:24px 0;
}


/* clearFix */
.clearFix:after {
  content: "."; 
  display: block; 
  height: 0;
  clear: both; 
  visibility: hidden;
}
*:first-child+html .clearFix { /* for windows IE7 only */
  display:inline-block;
  min-height:1%;
}
* html .clearFix { /* for windows IE6 only */
  height:1%;
}

/* parts 
-----------------------------------------------------*/
.fontSS { font-size: 10px !important; }
.fontS { font-size: 11px !important; }
.fontM { font-size: 12px !important; }
.fontL { font-size: 14px !important; }
.mTop5 { margin-top: 5px !important; }
.mTop10 { margin-top: 10px !important; }
.mTop15 { margin-top: 15px !important; }
.alignC { text-align: center !important; }
.alignR { text-align: right !important; }