@charset "utf-8";

/*----------------------------
1.ブータンとは？　　お祭り紹介
2.観光地マップ
3.会社コンセプト
4.利用ガイド
-----------------------------*/




/*------------------------------------------------------------
1.	ブータンとは？　　お祭り紹介
------------------------------------------------------------*/
dt,dd,p{
font-size:1.3em;
}
#conts p,
#conts h4,
.important{
margin-left:43px;
/*margin:0 43px;*/
}
#conts .guideswrap p,
#conts .guideswrap h4
{
margin-left:0;
}
.festival_photo{
margin:0 auto;
}
dl.culture{
border-top:1px solid;
border-left:1px solid;
border-right:1px solid;
}
.culture dt{
background-color: #F5D9D6;
width:200px;
font-weight: bold;
float:left;
text-align:center;
border-bottom:1px solid;
}
.culture dd{
width:450px;
float:left;
border-bottom:1px solid;
border-left:1px solid;
background-color: #FFFFFF;
}
h4{
font-size:16px;
}
table,th,td{
font-size:14px;
border:1px solid #000000;
border-spacing: 0;
border-collapse: collapse;
text-align:center;
}
table{
width:650px;
margin:20px auto;
font-size:12px;
background-color:#FFFFFF;
}
table caption{
font-weight:bold;
}
td{
text-align:center;
}
.bg_row{
width:20px;
background-color:#D9C400;
}
.bg_col{
height:20px;
background-color:#990000;
}
.bg_col td,.bg_col th{
color:#FFFFFF;
border-color:#000000;
background-color:#990000;
}
.festival_photo img{
margin:20px auto;
}
.cos_list{
width: 300px;
height: 230px;
font-size:14px;
font-weight:bold;
line-height: 250%;
padding: 34px 0 0 34px;
float: left;
}
.cos_p1{
width:350px;
border:1px solid #888888;
float: left;
}
.cos_p2,.cos_p3{
width:300px;
border:1px solid #888888;
float: left;
margin:15px;
}
/*------------------------------------------------------------
2.	観光地マップ
------------------------------------------------------------*/
#conts h2 {
margin: 0 0 17px;
}
#conts h3 {
/*padding-top: 19px;*/
}

#conts .imageBox {
margin-bottom: 0;
}

#conts .mapSection {
margin: 0 0 16px 8px;
padding: 0 0 9px 0;
width: 666px;
position: relative;
/*background: url(../img/map/map_bg.png) no-repeat left bottom;*/
}

#conts .mapSection .explain {
margin: -20px 27px 0 0;
text-align: right;
font-size: 1.2em;
position: relative;
}

#conts .mapSection .mapLink {
padding-top: 6px;
font-size: 1.4em;
text-align: center;
position: absolute;
top: 148px;
left: 169px;
z-index: 9;
background: url(../img/map/maptext_top.png) no-repeat left top;
}

#conts .mapSection .mapLink span {
padding: 0 0 19px;
display: block;
width: 151px;
word-wrap: break-word;
background: url(../img/map/maptext_bg.png) no-repeat left bottom;
}

#conts .section01 {
padding: 0 15px 10px;
}

#conts .section01 p {
margin: 0 1px 6px;
font-size: 1.3em;
line-height: 1.2;
}

#conts .section01 .photoList {
margin: 0 -15px 5px 0;
width: 615px;
overflow: hidden;
}

#conts .section01 .photoList li {
padding: 15px 15px 0 0;
float: left;
text-align:center;
}

#conts .section01 .taRight {
margin-bottom: 0;
padding-right: 5px;
}

/*------------------------------------------------------------
3.	会社コンセプト
------------------------------------------------------------*/
.corporateWrap{
padding: 15px;
border: 2px solid #003366;
}
#btn01on ul{
width:330px;
height:65px;
}
#btn01on li{
float:left;
}
.head{
background-image: url(../img/company/tab_head.png);
background-repeat: no-repeat;
width: 120px;
height: 45px;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
text-align: center;
padding-top: 20px;
}
.head2{
width:100px;
}
.head2 a{
display:block;
background-image: url(../img/company/tab_head2.png);
background-repeat: no-repeat;
width: 100px;
height: 27px;
font-size: 14px;
font-weight: bold;
text-align: center;
margin: 25px auto 0;
padding-top: 14px;
text-decoration: none;
}
/*.head2 a:hover{
display:block;
background-image: url(../img/company/tab_head2_hover.png);
}*/
.t_side{
background-color:#006666;
width:20px;
height:35px;
border-right:none;
}
#corporateArea h3{
margin:0 0 9px;
}
#corporateArea dt{
background-image: url(../img/common/navi_a_bg.png);
background-repeat: no-repeat;
background-position: 20px;
padding:15px 0 0 45px;
height: 21px;
font-size: 18px;
font-weight: bold
}
#corporateArea .first{
background-image: url(../img/common/icon_sub.png);
background-repeat: no-repeat;
background-position: 36px;
padding:15px 55px;
height: 21px;
font-size: 14px;
font-weight: bold
}
#corporateArea dd{
padding-left: 55px;
}


/*------------------------------------------------------------
4.	利用ガイド
------------------------------------------------------------*/
#btn01on .tab,#btn02on .tab,#btn03on .tab,#btn04on .tab,#btn05on .tab{
width:684px;
height:65px;
}
#btn01on li,#btn02on li,#btn03on li,#btn04on li,#btn05on li{
float:left;
margin-right:1px;
}
.head{
background-image: url(../img/company/tab_head.png);
background-repeat: no-repeat;
width: 120px;
height: 45px;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
text-align: center;
padding: 10px 0;
}
.head a{
text-decoration: none;
font-size: 14px;
color:#FFFFFF;
}
.head2 a{
display:block;
background-image: url(../img/company/tab_head2.png);
background-repeat: no-repeat;
width: 100px;
height: 27px;
font-size: 10px;
font-weight: bold;
text-align: center;
margin: 25px auto 0;
padding: 8px 0 6px;
text-decoration: none;
}

.guideswrap{
border:solid 1px;
padding:25px 45px;
background-color:#FFFFFF;
}
.guideswrap p,.guideswrap dt,.guideswrap dd,.guideswrap li{
font-size:12px;
}
#conts .guideswrap h3,#conts .guideswrap h4{
margin:10px 0;
}
.guideswrap p,.guideswrap li{
width:580px;
}
.guideswrap table,.guideswrap li table{
border-left: 1px solid #545454;
border-top: 1px solid #545454;
margin: 5px auto;
width: 610px;
}
.guideswrap table th.th_h{
background-color: #FFFFFF;
color:#000000;
}
.guideswrap table th {
background-color: #990000;
border-bottom: 1px solid #545454;
border-right: 1px solid #545454;
color: #FFFFFF;
padding: 3px 10px;
vertical-align: middle;
}
.guideswrap table td {
border-bottom: 1px solid #545454;
border-right: 1px solid #545454;
padding: 3px 10px;
vertical-align: middle;
}
.guideswrap h4{
font-size:16px;
margin: 10px 0;
}
.guideswrap h5{
font-size:14px;
}
.guideswrap h6{
font-size:13px;
}