@charset "utf-8";

div#about_explain {
    width: 765px;
    overflow: hidden;
}

div.ques_area {
    overflow: hidden;
    margin: 0 0 20px 0;
}

div.ques_box {
    overflow: hidden;
    margin: 0 0 10px 0;
}

span.ques_title {
    color: #FF0000;
}

span.ques_body {
    color: #0000FF;
}



div#trip_calendar {
    overflow: hidden;
    margin: 0 0 15px 0;
}

div.shops_list_area {
    width:765px;
    margin:0 0 20px 0;
}

p.shops_list_detail {
    margin: 0 0 10px 0;
}

div.shops_list_title {
    width:765px;
    background-color:#7a171c;
}

div.shops_list_title h3 {
    font-size: 15px;
    font-weight: bold;
    color:#FFFFFF;
    padding:5px 0 5px 10px;
}

div.shops_list_box {
    width:763px;
    overflow:hidden;
    border-left: solid 1px #7a171c;
    border-right: solid 1px #7a171c;
    border-bottom: solid 1px #7a171c;
}

/*** 店舗画像入力エリア ***/
div.shops_list_box_lt{
    width:200px;
    overflow:hidden;
    float:left;
    display:inline;
    padding: 5px 0 5px 15px;
    margin: 10px 0 0 0;
}    


/*** 店舗詳細入力エリア ***/
div.shops_list_box_rt {
    width:535px;
    overflow:hidden;
    float:right;
    display:inline;
    padding: 10px 10px 0 0;
}

/*** 店舗説明文 ***/
div.shops_list_box_rt p {
    margin: 5px 0 5px 0;
}

p.shops_list_url {
    margin: 5px 0 5px 0;
    text-align: right;
}

div.shops_list_box_rt th,
div.shops_list_box_rt td {
    border: solid 1px #b4b4b4;
}

div.shops_list_box_rt th {
    width:85px;
    background-color:#c8c8c8;	
    color:#323232;
    padding: 2px 0 2px 5px;
}

div.shops_list_box_rt td {
    width:180px;
    color:#323232;
    padding: 2px 0 2px 5px;
}

/*** 人気メニュー ***/
div.shops_list_rank {
    width: 743px;
    padding: 0 10px 0 10px;
    margin: 5px 0 10px 0;
}

div.shops_list_rank img {
    margin: 5px 0 5px 0;
}

div.shops_list_rank th,
div.shops_list_rank td {
    border: solid 1px #aa8420;
    font-size: 16px;
}

div.shops_list_rank th {
    width:37px;
    background-color:#aa8420;	
    color:#FFFFFF;
    padding: 3px 0 2px 5px;
}

div.shops_list_rank td {
    width:200px;
    color:#323232;
    padding: 3px 0 2px 5px;
}

div.event_list_box {
    width:735px;
    overflow: hidden;
    margin: 0 0 30px 0;
}


div.event_list_box th {
    width:130px;
    line-height:190%;
    border-bottom:1px dotted #cccccc;
}

div.event_list_box td {
    width:590px;
    line-height:190%;
    padding: 0 0 0 15px;
    border-bottom:1px dotted #cccccc;
}

p#trip_detail_link {
    width: 765px;
    margin: 0 0 10px 0;
}

div.trip_detail_box {
    width: 765px;
    overflow: hidden;
    margin: 0 0 50px 0;
}

div.trip_detail_box_lt {
    width: 450px;
    overflow: hidden;
    float: left;
    display: inline;
}

div.trip_detail_box_rt {
    width: 300px;
    overflow: hidden;
    float:right;
    display: inline;
}

div.ques_area {
    overflow: hidden;
    margin: 0 0 20px 0;
}

div.ques_box {
    overflow: hidden;
    margin: 0 0 10px 0;
}

.ipt_table {
    width: 978px;
    overflow: hidden;
    margin:0px;
    padding:0px;
    border-collapse:collapse;
    border-top: solid 1px #999999;
    border-left: solid 1px #999999;
    border-right: solid 1px #999999;
    border-spacing: 0px;
}

.ipt_table th,td {
    padding: 5px;
    font-size: 14px;	
}

.agent_name {
    width: 234px;
    text-align: left;
    border-bottom: solid 1px #999999;
    border-right: solid 1px #999999;
    background-color: #e3e8f5;
}

.agent_address {
    width: 346px;
    text-align: left;
    border-bottom: solid 1px #999999;
    border-right: solid 1px #999999;
}

.agent_tel {
    width: 138px;
    text-align: center;
    border-bottom: solid 1px #999999;
    border-right: solid 1px #999999;
}

.agent_period {
    width: 136px;
    text-align: center;
    border-bottom: solid 1px #999999;
    border-right: solid 1px #999999;
}

.agent_eat {
    width: 60px;
    text-align: center;
    border-bottom: solid 1px #999999;
    border-right: solid 1px #999999;
}

.agent_takeout {
    width: 61px;
    text-align: center;
    border-bottom: solid 1px #999999;
}

div#shop_access_map {
    width: 725px;
    overflow: hidden;
    margin: 0 0 20px 0;
    padding: 0 20px 0 20px;
}

div#shop_access_box {
    width: 765px;
    overflow: hidden;
}

/* サイトマップcss */

sitemap_box {
    width: 735px;
    overflow:hidden;  
}

h4.sitemap_box_title_lt{
    width:340px;
    float:left;
    display:inline;
    background-image:url(../img/contents/pc/sitemap_title.png);
    background-repeat: no-repeat;
    padding:0 0 0 10px;
    margin: 0 0 5px 0;
    color: #646464;
}

h4.sitemap_box_title_rt{
    width:340px;
    float:right;
    display:inline;
    background-image:url(../img/contents/pc/sitemap_title.png);
    background-repeat: no-repeat;
    padding:0 0 0 10px;
    margin: 0 0 5px 0;
    color: #646464;
}

div.sitemap_box_lt {
    width: 348px;
    float:left;
    display:inline;
    border: 1px solid #C8C8C8;
    margin: 0 0 25px 0;
}

div.sitemap_box_rt {
    width: 348px;
    float: right;
    display: inline;
    border: 1px solid #C8C8C8;
    margin: 0 0 25px 0;
}

ul.sitemap_box_view li,
li.sitemap_box_view {
    width: 300px;
    border-bottom: 1px dotted #C8C8C8;
    background-image: url(../img/contents/pc/sitemap_arrow.png);
    background-repeat: no-repeat;
    background-position: 3px 7px;
    padding: 3px 0 0 20px;
    margin: 0 0 8px 5px;
}

div#recruit_info_area {
    widht: 763px;
    overflow: hidden;
    margin: 15px 0 15px 0;
}

div#recruit_info_area table {
    width: 100%;
    border: 1px solid #b4b4b4;
    font-size: 15px;
}

div#recruit_info_area th {
    widht: 20%;
    background-color: #dedede;
    border-bottom: 1px solid #b4b4b4;
    padding: 5px 5px 5px 5px;
}

div#recruit_info_area td {
    width: 80%;
    border-bottom: 1px solid #b4b4b4;
    padding: 5px 5px 5px 5px;
}



div#offer_shop_info {
    width: 763px;
    margin: 10px 0 30px 0;
}



























.topNetshopLink {
    margin: 0 0 20px 0;
}

.topNetshopLink a {
    display: block;
    overflow: hidden;
    width: 746px;
    height: 0;
    background-image: url(../img/contents/pc/bnr_shop.png);
    background-repeat: no-repeat;
    margin: 0;
    padding: 140px 0 0 0;
}

.topNetshopLink a:hover {
    background-position: 0 -140px;
}







div#trip_box {
    width: 765px;
    overflow: hidden;
}

td.trip_list_date {
    padding: 0 15px 0 0;
}

td.trip_list_term {
    padding: 0 15px 0 0;
}

td.trip_list_tdfk {
    padding: 0 15px 0 0;
}

td.trip_list_event {

}





















p#shirokuma_detail {
    width: 765px;
    margin: 0 0 10px 0;
}

div#shirokuma_detail_box_1 {
    width: 765px;
    overflow: hidden;
    margin: 0 0 50px 0;
}

div#shirokuma_detail_1_lt {
    width: 400px;
    overflow: hidden;
    float: left;
    display: inline;
}

div#shirokuma_detail_1_rt {
    width: 350px;
    overflow: hidden;
    float: right;
    display: inline;
}

div.shirokuma_detail_text_1 {
    margin: 0 0 10px 0;
}


div#shirokuma_detail_box_2,
div#shirokuma_detail_box_3 {
    width: 765px;
    overflow: hidden;
    margin: 0 0 30px 0;
}

div#shirokuma_detail_image_2,
div#shirokuma_detail_image_3 {
    width: 310px;
    overflow: hidden;
    float: left;
    display: inline;
}

div#shirokuma_detail_text_2,
div#shirokuma_detail_text_3 {
    width: 440px;
    overflow: hidden;
    float: right;
    display: inline;
}


/*** [白熊お召し上がり可能店] ***/
div#shirokuma_detail_eating {
    width: 765px;
    overflow: hidden;
    margin: 0 0 40px 0;
}

div#shirokuma_detail_eating_honten {
    width: 370px;
    overflow: hidden;
    float: left;
    display: inline;
}

div#shirokuma_detail_eating_shiten {
    width: 370px;
    overflow: hidden;
    float: right;
    display: inline;
}


/*** [タイトルアイコン] ***/
.shirokuma_detail_title {   
    width: auto;
    font-weight: bold;
    font-size:14px;
    color: #7A171C;
    margin: 0 0 5px 0;
    padding: 3px 0 0 30px;
    background-image:url(../img/contents/pc/icon_kuma.png );
    background-repeat:no-repeat;
    background-position: left center;
}

/*** [項目 有効] ***/
.field_on {
    font-weight: bold;
}

/*** [項目 無効] ***/
.field_off {
   color: #DCDCDC;
}





/*-------白熊の歴史---------
*/
div#about_explain {
    width: 765px;
    margin: 0 0 20px 0;
}
div#history_of_shirokuma {
    width: 765px;
    overflow: hidden;
}

div#history_of_shirokuma_img {
    width: 200px;
    height: 250px;
    overflow: hidden;
    float: right;
    display: inline;
    padding: 10px 0 0 10px;
} 

div#history_of_shirokuma_img_box { 
    width: 765px;
    overflow: hidden;
    margin:20px 0 0 0;
}

div#history_of_shirokuma_img_2 {
    width: 300px;
    height: 250px;
    display: inline;
    float: left;
    margin: 0 30px 0 50px;
}

div#history_of_shirokuma_img_3 {
    width: 300px;
    height: 250px;
    display: inline;
    margin: 0 50px 0 35px;
    float: right;
}

div#recruit_info_area {
    widht: 763px;
    overflow: hidden;
    margin: 15px 0 15px 0;
}

div#recruit_info_area table {
    width: 100%;
    border: 1px solid #b4b4b4;
    font-size: 15px;
}

div#recruit_info_area th {
    widht: 20%;
    background-color: #dedede;
    border-bottom: 1px solid #b4b4b4;
    padding: 5px 5px 5px 5px;
}

div#recruit_info_area td {
    width: 80%;
    border-bottom: 1px solid #b4b4b4;
    padding: 5px 5px 5px 5px;
}

.fab_butto {
width: 980px;
text-align: right;
}











/*-------白熊の作り方---------
*/
div#how_to_make_shirokuma {
    width: 765px;
    margin: 0 0 20px 0;
    overflow: hidden;
}

div.how_to_make_box {
    width: 765px;
    overflow: hidden;
}

div.how_to_make_lt {
    width: 335px;
    overflow: hidden;
    float: left;
    display: inline;
    margin: 0 15px 0 0;
}

div.how_to_make_lt p {
    width: 335px;
    overflow: hidden;
    font-size: 15px;
}

h4.how_to_make_title {   
    width: 255px;
    height: 29px;
    background-image:url(../img/contents/pc/make_up_title.png );
    background-repeat:no-repeat;
    margin: 0 0 10px 0;
    padding: 36px 0 0 80px;
    font-size: 16px;
    font-weight: bold;
    color: #7A171C;
}

div.how_to_make_rt {
    width: 415px;
    overflow: hidden;
    float: right;
    display: inline;
    margin: 30px 0 0 0;
}

div.how_to_make_img_1 {
    width: 200px;
    height: 133px;
    float: left;
    display: inline;
    margin: 0 15px 0 0;
}

div.how_to_make_img_2 {
    width: 200px;
    height: 133px;
    float: right;
    display: inline;
}

div.how_to_make_img_3 {
    width: 415px;
    height: 275px;
}

div#recruit_info_area {
    widht: 763px;
    overflow: hidden;
    margin: 15px 0 15px 0;
}

div#recruit_info_area table {
    width: 100%;
    border: 1px solid #b4b4b4;
    font-size: 15px;
}

div#recruit_info_area th {
    widht: 20%;
    background-color: #dedede;
    border-bottom: 1px solid #b4b4b4;
    padding: 5px 5px 5px 5px;
}

div#recruit_info_area td {
    width: 80%;
    border-bottom: 1px solid #b4b4b4;
    padding: 5px 5px 5px 5px;
}







/*---------その他の情報---------
*/

div#shirokuma_info_box {
    width: 765px;
    overflow: hidden;
    margin: 0 0 15px 0;
}
 
div#shirokuma_info_img {
    width: 200px;
    overflow: hidden;
    float: right;
    padding: 0 0 0 10px;
}
  
div#shirokuma_info_box h4 {
    color: #eb6100;
}
 
 
p.shirokuma_info_text {
    margin: 0 0 10px 0;
    padding: 0 0 0 10px;
}

p.shirokuma_info_img_text {
    text-align: left;
}

div.shirokuma_info_tel {
    width: 390px;
    height: 25px;
    margin: 15px  0 30px 25px;
}