/*
 Tablan Theme: Green Cloth
 theme level: 1.0
 Last Updated: 2012-7-25
 Author: topicmaker
*/

/*
 * - base parts : BODY
 * - base parts : BUTTON
 * - base parts : TAB MENU
 * - base parts : LIST MENU
 * - base parts : HIGHLIGHTS ( List Menu )
 * - base parts : HEADER 
 * - base parts : FOOTER 
 * - base parts : INDEX PAGE 
 * - base parts : LIST PAGE
 * - base parts : CONTENTS PAGE
 * - Attribute
 */




body {
    background-color: rgb(255,255,255);
    color: #000;
}


/* ------------------------------------------------------------------------
  base parts -  BODY
------------------------------------------------------------------------ */
/* テーマ適応 */

/* アプリ全体 */
.theme_body {
    color: rgba(255,255,255,1);
    background-color: rgba(38,38,38,1);
}


/* カバーページ */
.theme_cover { }

/* トップページ */
.theme_toppage {}

/* メニューページ */
.theme_menu {}

/* インデックスページ */
.theme_index {}

/* コンテンツページ */
.theme_contents {
    color: rgba(51,51,51,1);
    background: rgba(255,255,255,1)
}


/* リンク */
a,
a.theme_a {
    color: rgb(86,140,194);
}



/* ------------------------------------------------------------------------
  base parts -  BUTTON
------------------------------------------------------------------------ */
.theme_button {
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    color: rgb(51,51,51);
/*IE9*/
    background:rgb(255,255,255);
    background-image: linear-gradient(top, rgb(255,255,255) 0%, rgb(235,235,235) 100%);
    background-image: -o-linear-gradient(top, rgb(255,255,255) 0%, rgb(235,235,235) 100%);
    background-image: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(235,235,235) 100%);
    background-image: -webkit-linear-gradient(top, rgb(255,255,255) 0%, rgb(235,235,235) 100%);
    background-image: -ms-linear-gradient(top, rgb(255,255,255) 0%, rgb(235,235,235) 100%);
    
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, rgb(255,255,255)),
        color-stop(1, rgb(235,235,235))
    );

    box-shadow:  0px 1px 0 rgba(0,0,0,0.1) ;
    border:  rgb(204,204,204) 1px solid;

}


.theme_button:before{}
.theme_button:after{}

.theme_button .theme_text {}
.theme_button .theme_text:before {}
.theme_button .theme_text:after {}


/* Feedback -------------------- */

.theme_button.touch  {
    background: rgb(229,229,229);
    background-image: linear-gradient(top, rgb(229,229,229) 0%, rgb(229,229,229) 100%);
    background-image: -o-linear-gradient(top, rgb(229,229,229) 0%, rgb(229,229,229) 100%);
    background-image: -moz-linear-gradient(top, rgb(229,229,229) 0%, rgb(229,229,229) 100%);
    background-image: -webkit-linear-gradient(top, rgb(229,229,229) 0%, rgb(229,229,229) 100%);
    background-image: -ms-linear-gradient(top,  rgb(229,229,229) 0%, rgb(229,229,229) 100%);
    
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, rgb(229,229,229)),
        color-stop(1, rgb(229,229,229))
    );

}

/* ------------------------------------------------------------------------
  base parts -  BUTTON N TYPE
------------------------------------------------------------------------ */
.theme_button.theme_type_n {
    text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
    color: rgb(255,255,255);
    background: rgba(71,71,71,1);
    background-image: linear-gradient(top, rgb(71,71,71) 0%, rgb(56,56,56) 100%);
    background-image: -o-linear-gradient(top, rgb(71,71,71) 0%, rgb(56,56,56) 100%);
    background-image: -moz-linear-gradient(top, rgb(71,71,71) 0%, rgb(56,56,56) 100%);
    background-image: -webkit-linear-gradient(top, rgb(71,71,71) 0%, rgb(56,56,56) 100%);
    background-image: -ms-linear-gradient(top, rgb(71,71,71) 0%, rgb(56,56,56) 100%);
    
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, rgb(71,71,71)),
        color-stop(1, rgb(56,56,56))
    );

    box-shadow:  0 1px 0 rgba(0,0,0,0.05),
        inset 0 1px 0 rgba(255,255,255,0.2);

    border:  rgb(31,31,31) 1px solid;

}



.theme_button.theme_type_n:before{}
.theme_button.theme_type_n:after{}

.theme_button.theme_type_n .theme_text {}
.theme_button.theme_type_n .theme_text:before {}
.theme_button.theme_type_n .theme_text:after {}

.theme_button.theme_type_n .theme_text .theme_icon {
    width: 7px;
    height: 100%;
    background: url("//singlepacker.com/theme/Green Cloth/css/theme_image/btn_start.png") 50% 50% no-repeat;
    background-size: 100% auto;
    vertical-align:top;

}



/* Feedback -------------------- */


.theme_button.theme_type_n.touch  {
    background:rgb(80,80,80);
    background-image: linear-gradient(top, rgb(80,80,80) 0%, rgb(80,80,80) 100%);
    background-image: -o-linear-gradient(top, rgb(80,80,80) 0%, rgb(80,80,80) 100%);
    background-image: -moz-linear-gradient(top, rgb(80,80,80) 0%, rgb(80,80,80) 100%);
    background-image: -webkit-linear-gradient(top, rgb(80,80,80) 0%, rgb(80,80,80) 100%);
    background-image: -ms-linear-gradient(top,  rgb(80,80,80) 0%, rgb(80,80,80) 100%);
    
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, rgb(80,80,80)),
        color-stop(1, rgb(80,80,80))
    );

}


	
/* ------------------------------------------------------------------------
  base parts -  TAB MENU
------------------------------------------------------------------------ */
.theme_tab {
	background-color: rgb(232,225,201);
    background-image: linear-gradient(top, rgba(117,169,88,0.4) 0%, rgba(117,169,88.1) 100%);
    background-image: -o-linear-gradient(top, rgba(117,169,88,0.4) 0%, rgba(117,169,88.1) 100%);
    background-image: -moz-linear-gradient(top, rgba(117,169,88,0.4) 0%, rgba(117,169,88.1) 100%);
    background-image: -webkit-linear-gradient(top, rgba(117,169,88,0.4) 0%, rgba(117,169,88.1) 100%);
    background-image: -ms-linear-gradient(top, rgba(117,169,88,0.4) 0%, rgba(117,169,88.1) 100%);
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, rgba(117,169,88,0.4)),
        color-stop(1, rgba(117,169,88,1))	
    );
    border-top: 1px solid rgba(255,255,255,0.2);
    border-bottom: 1px solid rgba(255,255,255,255,0.1);
}

.theme_tab_selector {
    text-shadow: 0 1px 0 rgba(255,255,255,0.3);
    
    color: rgb(88,121,70);
    border-left:  rgba(140,167,126,1) 1px solid;
    

}


.theme_tab_selector:nth-child(1) {
     border-left:  0px solid;
}



.theme_tab_selector .theme_marker { }

.theme_tab_selector.theme_selected,
.theme_tab_selector.touch {
    color: rgb(60,74,51);
    text-shadow: 0 1px 0 rgba(255,255,255,0.3);
    
}



/* ------------------------------------------------------------------------
  base parts -  LIST MENU
------------------------------------------------------------------------ */
/* Normal Mode -------------------- */
.theme_list_menu {   
    display: hidden;
}

/* Selector -------------------- */
.theme_list_menu_selector,
.theme_list_menu_selector_layer1,
.theme_list_menu_selector_layer2  {
    color: rgba(153,153,153,1);
    background-color: rgba(245,245,245,1);
    border-top: 1px solid rgb(255,255,255);
    border-bottom: 1px solid rgb(204,204,204);


}

.theme_list_menu_selector .theme_marker,
.theme_list_menu_selector_layer1 .theme_marker,
.theme_list_menu_selector_layer2  .theme_marker {}

.theme_list_menu_selector .theme_thumbnail ,
.theme_list_menu_selector_layer1   .theme_thumbnail,
.theme_list_menu_selector_layer2  .theme_thumbnail  {

}

.theme_list_menu_selector .theme_thumbnail .theme_img,
.theme_list_menu_selector_layer1   .theme_thumbnail .theme_img,
.theme_list_menu_selector_layer2  .theme_thumbnail .theme_img {

}

.theme_list_menu .theme_label1,
.theme_list_menu .theme_label2,
.theme_list_menu .theme_text { 
}

.theme_list_menu .theme_label1 { 
    color: rgb(51,51,51);
}

.theme_list_menu .theme_label2 { 
    color: rgb(102,102,102);
}

.theme_list_menu .theme_text { 
    color: rgb(128,128,128);
}


.theme_list_menu_selector .theme_label1,
.theme_list_menu_selector .theme_label1_top,
.theme_list_menu_selector_layer1 .theme_label1,
.theme_list_menu_selector_layer2 .theme_label1,
.theme_list_menu_selector_layer2 .theme_label1_top {

}

.theme_list_menu_selector .theme_label2,
.theme_list_menu_selector .theme_label2_top,
.theme_list_menu_selector_layer1 .theme_label2, 
.theme_list_menu_selector_layer2 .theme_label2,
.theme_list_menu_selector_layer2 .theme_label2_top {
}

.theme_list_menu_selector .theme_label1 .theme_marker,
.theme_list_menu_selector .theme_label2 .theme_marker,
.theme_list_menu_selector_child .theme_label1 .theme_marker,
.theme_list_menu_selector_child .theme_label2 .theme_marker,
.theme_list_menu_selector_toggle .theme_label1 .theme_marker,  
.theme_list_menu_selector_toggle .theme_label2 .theme_marker,  
.theme_list_menu_selector_caption .theme_label1 .theme_marker,
.theme_list_menu_selector_caption .theme_label2 .theme_marker { }

.theme_list_menu_selector .theme_arrow,
.theme_list_menu_selector_layer2  .theme_arrow {
    background: url("//singlepacker.com/theme/Green Cloth/css/theme_image/arrow01.png") 100% 50% no-repeat;
    background-size: 50%, 50%;
    width: 18px;
    height: 18px;
    display: block;
}

.theme_list_menu_selector_layer1  .theme_arrow {
    background: url("//singlepacker.com/theme/Green Cloth/css/theme_image/arrow02.png") 100% 50% no-repeat;
    background-size: 50%;
    height: 18px;
    width: 18px;
    display: block;
}


.theme_list_menu_selector .theme_option_label { }


/* 2段 */
.theme_dualcolumn .theme_list_menu_selector,
.theme_dualcolumn .theme_list_menu_selector_layer2{
    border-left: 1px solid rgb(255,255,255);
    border-right: 1px solid rgb(204,204,204); 
}


/* Selector (photo) -------------------- */
.theme_list_menu_selector.theme_photo_mode,
.theme_list_menu_selector_layer2.theme_photo_mode {
    color: rgba(255,255,255,1)
}




/* Selector (layer1) -------------------- */
.theme_list_menu_selector_layer1 {
    background-color: rgba(217,217,217,1);
    color: rgba(76,76,76,1);
    border-top: rgba(255,255,255,0.1) 1px solid;
    border-bottom: rgba(204,204,204,1) 1px solid;
}

.theme_list_menu_selector.theme_photo_mode .theme_label1 ,
.theme_list_menu_selector_layer2.theme_photo_mode  .theme_label1{
    color: rgba(204,204,204,1);
}


/* Selector (layer2) -------------------- */
.theme_list_menu_selector_layer2 {
    border-top: none;
}






/* Feedback -------------------- */

.theme_list_menu .theme_list_menu_selector.touch,
.theme_list_menu .theme_list_menu_selector_layer2.touch  {
    background:rgb(229,229,229);

} 


.theme_list_menu_selector.touch .theme_arrow,
.theme_list_menu_selector_layer1.touch .theme_arrow,
.theme_list_menu_selector_layer2.touch .theme_arrow {} 


/* フォトモードは背景を上書き */
.theme_list_menu_selector.theme_photo_mode,
.theme_list_menu_selector_layer2.theme_photo_mode,
.theme_list_menu_selector.theme_photo_mode.touch,
.theme_list_menu_selector_layer2.theme_photo_mode.touch  {
    background: none;
    border: none;
    box-shadow: none;
}
.theme_list_menu_selector.theme_photo_mode.touch,
.theme_list_menu_selector_layer2.theme_photo_mode.touch  {
    opacity: 0.7;
}



/* ------------------------------------------------------------------------
  base parts -  HIGHLIGHTS 
------------------------------------------------------------------------ */
.theme_highlight {
    background:  rgba(255,255,255,0.08);
/*    border-top: 1px rgb(255,255,255) solid;
    border-bottom: 1px rgb(204,204,204)  solid;*/
    
}
/* Normal Mode -------------------- */
.theme_highlight .theme_list_menu {  
     }

/* Selector -------------------- */
.theme_highlight .theme_list_menu_selector,
.theme_highlight .theme_list_menu_selector_layer1,
.theme_highlight .theme_list_menu_selector_layer2  {
 

}

.theme_highlight .theme_list_menu_selector .theme_marker,
.theme_highlight .theme_list_menu_selector_layer1 .theme_marker,
.theme_highlight .theme_list_menu_selector_layer2  .theme_marker {}

.theme_highlight .theme_list_menu_selector .theme_thumbnail ,
.theme_highlight .theme_list_menu_selector_layer1   .theme_thumbnail,
.theme_highlight .theme_list_menu_selector_layer2  .theme_thumbnail  {}

.theme_highlight .theme_list_menu_selector .theme_thumbnail .theme_img,
.theme_highlight .theme_list_menu_selector_layer1   .theme_thumbnail .theme_img,
.theme_highlight .theme_list_menu_selector_layer2  .theme_thumbnail .theme_img {}

.theme_highlight .theme_list_menu_selector .theme_label1,
.theme_highlight .theme_list_menu_selector .theme_label2,
.theme_highlight .theme_list_menu_selector .theme_text { }

.theme_highlight .theme_list_menu_selector .theme_label1,
.theme_highlight .theme_list_menu_selector_layer1 .theme_label1,
.theme_highlight .theme_list_menu_selector_layer2 .theme_label1{}

.theme_highlight .theme_list_menu_selector .theme_label2,
.theme_highlight .theme_list_menu_selector_layer1 .theme_label2, 
.theme_highlight .theme_list_menu_selector_layer2 .theme_label2 {
}

.theme_highlight .theme_list_menu_selector .theme_label1 .theme_marker,
.theme_highlight .theme_list_menu_selector .theme_label2 .theme_marker { }

.theme_highlight .theme_list_menu_selector .theme_arrow {}

.theme_highlight .theme_list_menu_selector .theme_option_label { }


/*  ハイライトマーカー (シンプル & リッチ) */ 
/*
.theme_highlight  .theme_list_menu_selector:after,
.theme_highlight  .theme_list_menu_selector_layer2:after {
    content: ' ';
    display:block;
    width: 13px;
    height:13px;
    position: absolute;
    top: 0px;
    right:0px;
    background: url("//singlepacker.com/theme/Green Cloth/css/theme_image/img_triangle_blue_001.png") no-repeat ;
    z-index: 100;
}

.theme_highlight  .theme_list_menu_selector.theme_photo_mode:after,
.theme_highlight  .theme_list_menu_selector_layer2.theme_photo_mode:after {
    content: ' ';
    display:block;
    width: 0px;
    height:0px;
    position: absolute;
    top: 0px;
    right:0px;
    background:none ;
    z-index: 100;
}
*/



/* Selector (layer1) -------------------- */
.theme_highlight .theme_list_menu_selector_layer1 {}

.theme_highlight .theme_list_menu_selector_layer1 .theme_label1,
.theme_highlight .theme_list_menu_selector_layer1 .theme_label2 {}

.theme_highlight .theme_list_menu_selector_layer1  .theme_arrow {}

/* Selector (layer2) -------------------- */
.theme_highlight .theme_list_menu_selector_layer2 {}

.theme_highlight .theme_list_menu_selector_layer2  .theme_arrow {}




/* ------------------------------------------------------------------------
  base parts -  INDEX (LIST SELECTOR)
------------------------------------------------------------------------ */

.theme_index .theme_list_menu_selector.theme_rich_mode .theme_title_unit_top,
.theme_index .theme_list_menu_selector_layer2.theme_rich_mode .theme_title_unit_top {
    border-bottom: 2px #00568F solid; 
}



/* ------------------------------------------------------------------------
  base parts -  GLOBAL HEADER & GLOBAL FOOTER
------------------------------------------------------------------------ */
/* サイトヘッダー*/
.theme_global_siteheader {
    background-color: rgba(156,198,125,1);
    color: rgba(255,255,255,1);
}



/* グローバルヘッダー*/
.theme_global_header {
    background:rgb(140,181,110);
    background-image:  linear-gradient(top, rgb(140,181,110) 0%, rgb(118,169,89) 100%);
    background-image:  -o-linear-gradient(top, rgb(140,181,110) 0%, rgb(118,169,89) 100%);
    background-image:  -moz-linear-gradient(top, rgb(140,181,110) 0%, rgb(118,169,89) 100%);
    background-image:  -webkit-linear-gradient(top, rgb(140,181,110) 0%, rgb(118,169,89) 100%);
    background-image:  -ms-linear-gradient(top, rgb(140,181,110) 0%, rgb(118,169,89) 100%);
	background-image:  -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, rgb(140,181,110)),
        color-stop(1, rgb(118,169,89))
    );
    color: rgba(255,255,255,1);
    border-top: 1px solid rgba(255,255,255,.15);
    border-bottom: 1px solid rgba(0,0,0,.1);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.12);
    
}

/* アプリヘッダー*/
.theme_global_header .theme_app_header {
    color: rgba(244,241,229,1);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.12);
}
/* コンテンツヘッダー*/
.theme_global_header .theme_contents_header {
}



/* 戻りボタン */
.theme_global_header .theme_button_back {
    background: url("//singlepacker.com/theme/Green Cloth/css/theme_image/btn_back.png") no-repeat 50% 50%  ;
    background-size:  15px 12px ;
    -webkit-background-size: 15px 12px ;
    -moz-background-size: 15px 12px ;
    -ms-background-size:  15px 12px ;
}



.theme_global_header .theme_button_back.touch {
    background: url("//singlepacker.com/theme/Green Cloth/css/theme_image/btn_back.png") no-repeat 50% 50% rgba(0,0,0,0.3) ;
    background-size:  15px 12px ;
    -webkit-background-size: 15px 12px ;
    -moz-background-size: 15px 12px ;
    -ms-background-size:  15px 12px ;
}

/* リロード・ボタン */

.theme_global_header .theme_button_reload,
.theme_rich_header .theme_button_reload {
    background: url("//singlepacker.com/theme/Green Cloth/css/theme_image/btn_reload.png") no-repeat 50% 50%  ;
    background-size:  19px 21px ;
    -webkit-background-size:  19px 21px ;
    -moz-background-size:  19px 21px ;
    -ms-background-size:  19px 21px ;
}
.theme_rich_header .theme_button_reload {
    background-size:  22px 24px ;
    -webkit-background-size:  22px 24px ;
    -moz-background-size:  22px 24px ;
    -ms-background-size:  22px 24px ;
}

.theme_global_header .theme_button_reload.touch,
.theme_rich_header .theme_button_reload.touch {
    background: url("//singlepacker.com/theme/Green Cloth/css/theme_image/btn_reload.png") no-repeat 50% 50% rgba(0,0,0,0.3) ;
    background-size:  19px 21px ;
    -webkit-background-size:  19px 21px ;
    -moz-background-size:  19px 21px ;
    -ms-background-size:  19px 21px ;
}
.theme_rich_header .theme_button_reload.touch {
    background-size:  22px 24px ;
    -webkit-background-size:  22px 24px ;
    -moz-background-size:  22px 24px ;
    -ms-background-size:  22px 24px ;
}





/* フッターメニュー */

.theme_footer_menu{
    background: rgb(140,181,110);

    background-image:  linear-gradient(top, rgb(140,181,110) 0%, rgb(118,169,89) 100%);
    background-image:  -o-linear-gradient(top, rgb(140,181,110) 0%, rgb(118,169,89) 100%);
    background-image:  -moz-linear-gradient(top, rgb(140,181,110) 0%, rgb(118,169,89) 100%);
    background-image:  -webkit-linear-gradient(top, rgb(140,181,110) 0%, rgb(118,169,89) 100%);
    background-image:  -ms-linear-gradient(top, rgb(140,181,110) 0%, rgb(118,169,89) 100%);
	background-image:  -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, rgb(140,181,110)),
        color-stop(1, rgb(118,169,89))
    );	
    border-top: 1px solid  rgba(255,255,255,0.3);
}



.theme_footer_menu .theme_button_info,
.theme_footer_menu .theme_button_home,
.theme_footer_menu .theme_button_reload,
.theme_footer_menu .theme_button_back,
.theme_footer_menu .theme_button_drawer {
    background:url("//singlepacker.com/theme/Green Cloth/css/theme_image/appfooter_information.png") no-repeat 50% 50%  rgba(51,51,51,0);
    background-size: 18px 20px;
    -moz-background-size: 18px 20px;
    -o-background-size: 18px 20px;
    -ms-background-size: 18px 20px;
    border-left: rgba(255,255,255,0.15) solid 1px;
    border-right: rgba(26,26,26,0.15) solid 1px;
    opacity: 1;
/*    box-shadow: inset -2px 0 0  rgba(255,255,255,0.1);*/
}
.theme_footer_menu .theme_button_home{
    background:url("//singlepacker.com/theme/Green Cloth/css/theme_image/appfooter_home.png") no-repeat 50% 50%  rgba(51,51,51,0);
    background-size: 19px 19px;
    -moz-background-size:  19px 19px;
    -o-background-size:  19px 19px;
    -ms-background-size:  19px 19px;
	opacity: 1;    
}
.theme_footer_menu .theme_button_reload {
    background:url("//singlepacker.com/theme/Green Cloth/css/theme_image/appfooter_reload.png") no-repeat 50% 50%  rgba(51,51,51,0);
    background-size: 16px 20px;
    -moz-background-size: 16px 20px;
    -o-background-size: 16px 20px;
    -ms-background-size: 16px 20px;
	opacity: 1;
}

.theme_footer_menu .theme_button_back {
    background:url("//singlepacker.com/theme/Green Cloth/css/theme_image/appfooter_back.png") no-repeat 50% 50% ;
    background-size: 13px 12px;
    -moz-background-size:  13px 12px;
    -o-background-size:  13px 12px;
    -ms-background-size:  13px 12px;
}


.theme_footer_menu  .theme_button_drawer {
    background: url("//singlepacker.com/theme/Green Cloth/css/theme_image/btn_list.png") no-repeat 50% 50%   rgba(51,51,51,0);
    background-size:   16px 14px ;
    -webkit-background-size:  16px 14px ;
    -moz-background-size:  16px 14px ;
    -o-background-size:   16px 14px ;
    -ms-background-size:  16px 14px ;
    border-left: rgba(255,255,255,0.1) solid 1px;
    border-right: rgba(26,26,26,1) solid 1px;
}



.theme_footer_menu div:nth-child(1){
/*    box-shadow: inset 1px 0 0  rgba(0,0,0,0.8);*/
    border-left:none;
}
.theme_footer_menu div:nth-last-child(1){
 /*   box-shadow: inset -1px 0 0  rgba(255,255,255,0.1);*/
    border-right: none;
}

/* Feedback & セレクテッド */
.theme_footer_menu .theme_button_info.touch,
.theme_footer_menu .theme_button_info.theme_selected,
.theme_footer_menu .theme_button_home.touch,
.theme_footer_menu .theme_button_home.theme_selected,
.theme_footer_menu .theme_button_reload.touch,
.theme_footer_menu .theme_button_reload.theme_selected,
.theme_footer_menu .theme_button_back.touch,
.theme_footer_menu .theme_button_back.theme_selected,
.theme_footer_menu .theme_button_drawer.touch,
.theme_footer_menu .theme_button_drawer.theme_selected {
    background-color: rgba(113,155,86,1);
}



/* グローバルフッター */

.theme_global_footer {

    color: rgb(255,255,255);
    background-color: rgba(0,0,0,0.3);

}








/* ------------------------------------------------------------------------
  base parts -  Breadclam
------------------------------------------------------------------------ */

.theme_breadcrumb {
    background: rgba(100,144,76,1);
    color: rgba(192,210,182,1);
}
.theme_breadcrumb a {}
.theme_breadcrumb a:before {}
.theme_breadcrumb a:after {}
.theme_breadcrumb a:first-of-type {}
.theme_breadcrumb a:last-of-type { }

/* ------------------------------------------------------------------------
  base parts -  HEAD CONTENTS
------------------------------------------------------------------------ */
.theme_head_contents{
    border-top: 1px solid rgba(51,51,51,0);
    border-bottom: 1px solid rgba(0,0,0,0.05);
    background-color: rgba(255,255,255,1);
    color: rgba(51,51,51,1);
    
}


/* ------------------------------------------------------------------------
  base parts -  FOOT CONTENTS
------------------------------------------------------------------------ */
.theme_foot_contents{
    border-top: 1px solid rgba(51,51,51,0);
    border-bottom: 1px solid rgba(0,0,0,0.05);
    background-color: rgba(255,255,255,1);
    color: rgba(51,51,51,1);
}


/* ------------------------------------------------------------------------
  base parts -  RICH HEADER
------------------------------------------------------------------------ */

.theme_rich_header{
    color: #fff;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.8),
    0px 0px 5px rgba(0,0,0,0.8);

}

.theme_rich_header .theme_label1 {}
.theme_rich_header .theme_label2 {}

.theme_rich_header .theme_text {}

.theme_rich_header .theme_update_time {
    color: rgb(179,179,179);
}

/* ------------------------------------------------------------------------
  base parts -  Menu_Index HEADER
------------------------------------------------------------------------ */
.theme_menu_index_header {
    color: rgb(101,98,87);
    text-shadow: 0px 2px 0px rgba(255,255,255,0.5);
    border-bottom: 1px solid rgb(26,26,26,0.1);
	background-image: url("//singlepacker.com/theme/Green Cloth/css/theme_image/bg_GreenCloth.png"););
}



/* ------------------------------------------------------------------------
  base parts -  ACTION HEADER
------------------------------------------------------------------------ */

.theme_head_action {
    color: rgb(101,98,87);
    text-shadow: 0px 2px 0px rgba(255,255,255,0.5);
    border-bottom: 1px solid rgb(26,26,26,0.1);
	background-image: url("//singlepacker.com/theme/Green Cloth/css/theme_image/bg_GreenCloth.png");
}

.theme_head_action .theme_img {
    
}

.theme_head_action .theme_label1 {
    color: rgb(106,94,49);
}

.theme_head_action .theme_label2 {
    
}
.theme_head_action .theme_text {
    
}

/* ------------------------------------------------------------------------
  base parts -  Page Number
------------------------------------------------------------------------ */

.theme_page_number{
    background: #FFF;
    color: #333;
}
.theme_page_number .theme_text:before {
    content:'';
    height:10px;
    width:0px;
    position:absolute;
    top: 0;
    left: 0;
    border-left: 1px solid #ccc;
}

/* ------------------------------------------------------------------------
  base parts -  GENERAL
------------------------------------------------------------------------ */

/* ----------------
  ブロック>汎用
------------------ */
.theme_box {}

/* ----------------
  ブロック>アサイド
------------------ */

.theme_aside {
    background-color:rgba(245,245,245,1);
   color: rgba(51,51,51,1);
    box-shadow: 4px 4px 0 #fff inset,
     -4px -4px 0 #fff inset;
    border: 1px solid rgba(217,217,217,1);
}


/* ----------------
  ブロック>トグルスイッチ
------------------ */


.theme_toggle_switch {}
   /*ボタン箇所*/
.theme_toggle_switch .theme_button {
    border-radius: 0px;
    background-image: none;
    background-color: rgb(255,255,255);
    
    
    color: rgb(51,51,51) ;
    border-right: none;
    border-left: none;
    box-shadow:  0px 1px 0px rgb(245,245,245) ;
}

.theme_toggle_switch .theme_button .theme_text {}
.theme_toggle_switch .theme_button .theme_marker {
    background: url("//singlepacker.com/theme/Green Cloth/css/theme_image/toggle_open.png") 50% 50%   no-repeat;
    background-size: 50%;

}


/* 通常状態＋touch */
.theme_toggle_switch.touch .theme_button {
    background-color: rgb(236,236,236);
}
.theme_toggle_switch.touch .theme_button .theme_text {}
.theme_toggle_switch.touch .theme_button .theme_marker {}


/* 反転状態 */
.theme_toggle_switch.theme_selected .theme_button {
    background-image: none;
    background-color: rgb(255,255,255);
    color: rgb(51,51,51) ;
}
.theme_toggle_switch.theme_selected .theme_button .theme_text  {}
.theme_toggle_switch.theme_selected .theme_button .theme_marker  {
    background-image: url("//singlepacker.com/theme/Green Cloth/css/theme_image/toggle_close.png");

}

/* 反転状態＋touch */
.theme_toggle_switch.theme_selected.touch .theme_button {
    background-color: rgb(236,236,236);

}
.theme_toggle_switch.theme_selected.touch .theme_button .theme_text {}
.theme_toggle_switch.theme_selected.touch .theme_button .theme_marker {
    
    
}

   /*表示・非表示エリア*/
.theme_toggle_switch .theme_toggle_area {
    background: rgb(245,245,245);
}

/* ----------------
  ブロック>カードセット
------------------ */
.theme_card_set{}

.theme_card1,
.theme_card2 {
    border-radius: 4px;
    color: #333;
    background-color: #EEEEEE;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    border: #fff 2px solid;
}


.theme_card1{
    background:rgb(235,235,235) ;
    background-image: linear-gradient(top, rgb(235,235,235) 0%, rgb(204,204,204) 100%);
    background-image: -o-linear-gradient(top, rgb(235,235,235) 0%, rgb(204,204,204) 100%);
    background-image: -moz-linear-gradient(top, rgb(235,235,235) 0%, rgb(204,204,204) 100%);
    background-image: -webkit-linear-gradient(top, rgb(235,235,235) 0%, rgb(204,204,204) 100%);
    background-image: -ms-linear-gradient(top, rgb(235,235,235) 0%, rgb(204,204,204) 100%);
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, rgb(235,235,235)),
        color-stop(1, rgb(204,204,204))
    );

}
.theme_card2{
    background:rgb(235,235,235) ;
    background-image: linear-gradient(top, rgb(235,235,235) 0%, rgb(255,255,255) 100%);
    background-image: -o-linear-gradient(top, rgb(235,235,235) 0%, rgb(255,255,255) 100%);
    background-image: -moz-linear-gradient(top, rgb(235,235,235) 0%, rgb(255,255,255) 100%);
    background-image: -webkit-linear-gradient(top, rgb(235,235,235) 0%, rgb(255,255,255) 100%);
    background-image: -ms-linear-gradient(top, rgb(235,235,235) 0%, rgb(255,255,255) 100%);
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, rgb(235,235,235)),
        color-stop(1, rgb(255,255,255))
    );
}


.theme_card1 .theme_label1,
.theme_card2 .theme_label1,
.theme_card1 .theme_label2,
.theme_card2 .theme_label2 {
    position: relative;
}






/* ----------------
  ブロック>本文見出し
------------------ */
.theme_h1,.theme_h2,.theme_h3,.theme_h4,.theme_h5 {
}

.theme_h1 {
    background-color: rgb(245,245,245);
    color: rgba(51,51,51,1);
    border-bottom: rgb(217,217,217) 1px solid;
}

.theme_h2 {
    border-bottom: rgb(217,217,217) 1px solid;
}

.theme_h3 { }

.theme_h4,.theme_h5 {}


/* ----------------
  ブロック>リード
------------------ */
.theme_lead{
    color: rgb(51,51,51);
    background: rgba(235,235,235,1);
    background-image: linear-gradient(top, rgb(235,235,235) 0%, rgb(245,245,245) 100%);
    background-image: -o-linear-gradient(top, rgb(235,235,235) 0%, rgb(245,245,245) 100%);
    background-image: -moz-linear-gradient(top, rgb(235,235,235) 0%, rgb(245,245,245) 100%);
    background-image: -webkit-linear-gradient(top, rgb(235,235,235) 0%, rgb(245,245,245) 100%);
    background-image: -ms-linear-gradient(top, rgb(235,235,235) 0%, rgb(245,245,245) 100%);
    
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, rgb(235,235,235)),
        color-stop(1, rgb(245,245,245))
    );

}

/* ブロック>引用 */
.theme_blockquote {

}


/* 順序なしリスト・順序リスト */
.theme_ul{
    list-style-type:disc;

}

.theme_ol{
    list-style-type: decimal;

}

/* 説明リスト */
.theme_dl {

}
.theme_dl dt,
.theme_dl dd {

}

/* ブロック>ソーシャルボタン・グループ */

.theme_social {
    background: rgba(0, 0, 0, .2);
}

/* ブロック>会話文 */

.theme_conversation {
    background: rgba(0,0,0,0.2);
}

/* テーブル */

.theme_table {
    border: rgb(204,204,204) solid 1px;
    border-collapse: collapse;
    color: rgb(51,51,51)
 }

.theme_table th {
    border: rgb(204,204,204) solid 1px;
    background: rgb(245,245,245) ;
    color: rgb(51,51,51) ;
}
.theme_table td {
    border: rgb(204,204,204) solid 1px;
     background: rgb(255,255,255) 
}

.theme_table tr:nth-child(odd) {}
.theme_table tr:nth-child(even) {}

/* 水平線 */
.theme_hr {
    border:none;
    border-bottom: rgb(229,229,229) 3px double ;
}

/* 破線 */
.theme_hr_dash {
    border:none;
    border-bottom: rgb(229,229,229) 1px dashed ;
}





/* ------------------------------------------------------------------------
  base parts -  COVER PAGE
------------------------------------------------------------------------ */
/* カバーページ>ボックス */
.theme_cover_box {
    display: inline-block; 

}

/* カバーページ>ボックス */
.theme_cover_box {

}

/* カバーページ>アサイド・ボックス */
.theme_cover_aside {

}

/* ------------------------------------------------------------------------
  base parts -  LIST PAGE
------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------
  base parts -  CONTENTS PAGE
------------------------------------------------------------------------ */



/*------ footerボタン 非表示------*/
#tablean_nav_service_menu_group,
.nav_service_menu_group  .button {
    display: none;/*非表示*/
}