@charset "utf-8";
/* CSS Document */

/* Reset */

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address, 
form, fieldset, legend, object, img{
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, pre, table, code, kbd, samp, acronym, input, textarea {
  font-size: 100%;
  font-weight:normal;
  margin: 0;
  padding: 0;
}

ul, ol, dl{
list-style-type:none;
margin:0;
padding:0;
}

dt, dd{
margin:0;
padding:0;
}

li{
margin:0;
padding:0;
}

a, ins {
  text-decoration: none;
}

address, em, cite, dfn, var {
  font-style: normal;
}

input, textarea {
  font-family: sans-serif;
  font-weight: normal;
}

img {
  vertical-align:bottom;
}

a img {
  border: none;
}
/* Reset */

/*共通*/

body{
text-align:center;
font-family:'ＭＳ Ｐゴシック',Osaka,'ヒラギノ角ゴ Pro W3',sans-serif;
color:#3f3f3f;
font-size:12px;
line-height:150%;
letter-spacing:0.1em;
margin-top:0;
background:#fff url(img/body-bg_01.gif) no-repeat center top;
}

/*--------------------------container--------------------------*/
#container{
width:780px;
margin:0 auto;
background:url(img/body-bg_05.gif) no-repeat right bottom;
padding-bottom:58px;
}

/*--------------------------container--------------------------*/

/*--------------------------header--------------------------*/

#container #header{
width:780px;
height:144px;
/*margin:54px 0 0 178px;*/
margin:54px 0 0;
text-align:left;
}

#container #header h1{
height:81px;
margin-left:178px;
}

#container #header h2{
margin:44px 0 0 467px;
width:180px;
}
/*--------------------------header--------------------------*/

/*--------------------------contents--------------------------*/

#container #read{
width:679px;
height:146px;
background:url(img/img-01.gif);
padding:0;
margin:38px auto 0;
}

#container #read span{
display:none;
}

#container h3{
width:627px;
text-align:left;
margin:10px auto 0;
}

#container #fullbanner{
width:468px;
background:url(img/img-03.gif) no-repeat center top;
padding-top:27px;
margin: 18px auto 0;
}

/*----------------mob----------------*/
#container #mob-header{
width:657px;
height:269px;
background:url(img/body-bg_03.gif) no-repeat;
margin:20px auto 0;
}

/* IE4～6 \*/
* html #container #mob-header{
width:697px;
}
/* */

#container #mob-header h2{
width:466px;
margin:5px auto 0;
}

#container #mob-header .text{
width:505px;
height:96px;
margin:64px auto 0;
background:url(img/body-bg_06.gif) no-repeat;
padding:20px 16px;
}

/* IE4～6 \*/
* html #container #mob-header .text{
width:545px;
}
/* */

#container #mob-header .text .left-block{
width:402px;
float:left;
text-align:left;
padding:0;
}

#container #mob-header .text .left-block span{
display:block;
font-weight:bold;
margin-left:15px;
}

#container #mob{
width:564px;
height:549px;
background:url(img/body-bg_04.gif) no-repeat right top;
padding:10px;
text-align:left;
margin:20px auto 0;
}

/* IE4～6 \*/
* html #container #mob{
width:584px;
height:569px;
}
/* */

#container #mob .text-block{
width:401px;
}

/* IE4～6 \*/
* html #container #mob .text-block{
width:407px;
}
/* */

#container #mob img{
vertical-align: bottom;
}

#container #mob .text-block_under{
width:401px;
border-top:2px solid #dddddd;
padding-top:15px;
margin-top:15px;
}

/* IE4～6 \*/
* html #container #mob .text-block_under{
width:407px;
}
/* */

#container #mob h4{
width:246px;
/*float:left;*/
margin:0;
padding:0;
}

#container #mob p{
/*float:left;*/
width:246px;
margin:0;
}

/*----------------mob----------------*/

/*----------------point----------------*/

#container .point{
width:623px;
margin:15px auto 0;
text-align:left;
}

#container .point-block{
width:623px;
height:144px;
margin:20px auto 0;
}
/*----------------point----------------*/

/*--------------------------contents--------------------------*/

/*--------------------------float--------------------------*/
.float-left{
float:left;
}
.float-right{
float:right;
}


.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


.clear{
clear:both;
}
/*--------------------------float--------------------------*/

/*----------------navi----------------*/

#navi .btn-block{
height:27px;
margin:0 13px 0 0;
text-align:right;
}

#navi .btn-block li{
display:inline;
border-left:5px solid #fff;
}


/* ul リセット */
#tabNavi, #panel ul { list-style:none; margin:0; padding:0; }
/* ナビゲーション部分 */
#tabNavi {
	background:url(images/header.gif) no-repeat;
	width:277px;
	height:24px;
	padding:35px 0 0 15px;
	font-weight: bold;
}
#tabNavi a {
	text-decoration:none; 
	color:#867863; 
	padding:0 2px;
}
#tabNavi li	{
	display: inline;
}
#tabNavi a:hover {
	text-decoration:none; 
	color:#4b412f
}
a.selected {
	text-decoration:underline !important; 
	color:#4b412f !important;
}
/* スクロールコンテンツ部分 */
#navi {
	background:url(img/body-bg_02.gif) no-repeat;
	width:624px;
	padding-top:10px;
	margin:8px auto 0;
	height:322px;
}
#mask {
	width:597px;
	overflow:hidden;
	margin:0 auto;
}
#panel div {
float:left;
padding-top:7px;
}

#panel div ul{
padding-left:258px;
}

#panel div ul li{
margin-top:10px;
}

#panel div ul li.btn{
float:left;
border-left:5px solid #fff;
width:113px;
}
/*#panel ul {
list-style:none;
margin:0 5px;
padding:0;
}
#panel a	{
	color:#557482;
}
#panel ul li {
	padding:5px;
	border-bottom:1px dotted #ccc;
}
#panel ul li.last {
	border-bottom:none;
}*/

#panel h4{
width:597px;
}

#panel #panel-1{
height:262px;
width:600px;
background: url(img/img_tuika-03.gif) no-repeat left bottom;
}

#panel #panel-2{
height:262px;
width:600px;
background: url(img/img_tuika-05.gif) no-repeat left bottom;
}

#panel #panel-3{
height:262px;
width:600px;
background: url(img/img_tuika-08.gif) no-repeat left bottom;
}