/*
Theme Name: U-Design
Theme URI: http://themeforest.net/item/udesign-responsive-wordpress-theme/253220?ref=AndonDesign
Description: A slick, powerful and clean theme U-Design provides an intuitive set of options to help you setup your WordPress site quickly and effectively. Flexibility is key and it has been optimized for SEO and speed. It is also responsive & mobile ready should you choose that option. The U-Design theme features include: unlimited colors, widgetized home page, over 600 fonts to choose from, WooCommerce Integration, it is also translation and multilingual ready, step by step documentation, exclusive U-Design support forum and a helpful community. Always up-to-date security and many new features are constantly added as the theme evolves.
Author: Andon
Author URI: http://themeforest.net/user/AndonDesign/portfolio?ref=AndonDesign
Version: 2.7.4
License: Located in 'licensing' folder
License URI: Located in 'licensing' folder
*/

/*
    Do not remove any of the commented text above as it is used by the theme for proper function!

    All the themes' CSS files are located under the 'styles/' sub-folder...

    If you would like to use this file to add any custom CSS, you'll need to enable it first  
    from the theme's "General Options" section.
    Please note: After enabling the use of this file, you will not see any change here, 
    feel free to add your custom CSS below.
    On the other hand, if you need access to the theme's main style sheet, you will 
    need FTP client to access it, is it located in: "styles/style1/css/style.css"
*/


/* Mar 26th, 2015    added by GOBIES */
div.gbs-clear {
	margin-bottom: 20px;
}


/* Apr 12th, 2015    added by GOBIES */

/* トップページ下部の背景を白色に変更する */
.container_24 .grid_24 {
    background: none repeat scroll 0 0 #ffffff;
}

/* 第二階層以下ページの背景を白色に変更する */
#main-content .main-content-padding {
    background: none repeat scroll 0 0 #ffffff;
}

/* 画面外側をグラーデーションの水色に変更する */
#home-page-content, #page-content, .no_title_section #page-content {
    background: url("/wp-content/themes/u-design/img/bg_outside.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-size: auto 100%;
}

/* グローバルメニューの背景を変更する */
#main-menu {
    background: url("/wp-content/themes/u-design/img/bg_menu.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-size: auto 100%;
}

/* トップページ上部Sliderの外側背景を変更する */
#c3-header {
    background: none repeat scroll 0 0 #6ACEE3;
/*    background: none repeat scroll 0 0 #9ACEE3; */
}

/* サイドバー部分の背景を白色に変更する */
#sidebarSubnav {
    background: none repeat scroll 0 0 #ffffff;
}

/* スローガンの位置を変更  */
#slogan {
    /* 水平方向を調整 */
    /* 垂直方向はuDesgin管理画面で指定している */
    left: 650px;
}

/* ページタイトル文字の大きさを変更 */
#page-title h1 {
    font-size: 2em !important;
}

/* H2タグ装飾：グラデーションを使った見出し */
h2 {
/* #page-content h2 { */
    background: #fff;
    border-top:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    border-left:3px solid #FFF600;
/*    border-left:3px solid #F7931D;  */
/*    border-left:3px solid #FCCF00; */
/*    border-left:3px solid #ff0000; */
    padding: 5px 0 5px 10px;
    background: -moz-linear-gradient(top, #fff 0%, #eee 50%, #ddd 51%, #fff 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(50%,#eee), color-stop(51%,#ddd), color-stop(100%,#fff)); /* webkit */
    -pie-background:linear-gradient(top, #fff 0%, #eee 50%, #ddd 51%, #fff 100%); /* ie */
    behavior: url(/wp-content/themes/u-design/img/PIE.htc);  /* ie */
}


/* 「総経理ブログ」ページの成形用 */
.archive h2 {
    background: initial !important;
    border-top:initial !important;
    border-right:initial !important;
    border-bottom:initial !important;
    border-left:initial !important;
    padding: initial !important;
    background: initial !important;
    -pie-background:initial !important;
    behavior: url(/wp-content/themes/u-design/img/PIE.htc);  /* ie */
    font-size: 1.3em;
}
.archive h2 a {
    color: #0088CC !important;
}
.archive h2 a:hover {
    color: #333333 !important; 
}
.archive .top-of-page a{
    visibility: hidden !important;
}
.archive .custom-frame-padding {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
}
.archive .entry {
    padding-bottom: 0px;
}
.archive .categories-link-divider , .archive .postmetadata-categories-link {
    visibility: hidden !important;
}



 





/* H3タグ装飾：斜線を使った見出し */
h3 {
/* #page-content h3 { */
    background: url(/wp-content/themes/u-design/img/line.gif) repeat-x bottom left;
/*    padding-top: 10px; */
    padding-bottom: 10px;
    margin-top: 30px;
    margin-bottom: 10px;
    color: #74BB40;
/*    color: #F7931D; */
/*    color: #73BB40; */
/*    color: #ff6600; */
/*    color: #303488; */
}

/* 二重線を使った見出し */
.title-double-lines {
  color: #000000 ;
  background: #ffffff;
  font-size: 16pt ;
  line-height: 1;
  margin:10px 0px;
  padding: 10px 5px 10px 5px;
    box-shadow:1px 3px 7px 0px #666666 ;
    border-top:4px solid #00adee;
    border-bottom:3px solid #00adee;
    border-radius: 0px ;
}


/* テーブルの装飾 */
.gbs_table {
width: 100%;
border-collapse: collapse;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.gbs_table th{
width:10%;
padding: 6px; text-align: left;
vertical-align: top;
color: #666666;
background: url(bg.jpg) repeat-x top left #eee;
border-bottom: 1px dotted #999;
border-left: 1px solid #ccc;
}
.gbs_table td{
width: 25%;
padding: 6px;
border-bottom: 1px dotted #999;
border-left: 1px solid #ccc;
}


/* for List Category Posts */
#lcp_instance_0 img {
/*  width: 75px; */
/*  height: 75px; */
  align: left;
}
#lcp_instance_0 li {
  list-style-type: none;
  margin-left: 0px; 
}


/* for layout of images */
.mycenter {
  text-align: center;
}


/*
Newpost Catch StyleSheet

With the version up of the plug-in, so will be overwritten "style.css" file each time,
I think how to directly edit the "style.css" file and how would you or declined.
If you wish to apply a CSS style on its own,
In the "/wp-content/themes/theme directory/css/" as you please create a "newpost-catch.css".
Please the name of the file to create and "newpost-catch.css". The other is the file name, does not apply.
*/

ul#npcatch{
	list-style-type:none;
} 

#npcatch li{
        overflow:hidden;
        clear:both;
        margin:0px 0px 0px;
}

#npcatch img{
        float:left;
        padding:5px 10px;
}

#npcatch .title{
/*        width:135px; */
/*        float:left; */
        padding:5px 5px 5px 0px;
}

#npcatch li:hover{
}

#npcatch li:hover .title{
}

#npcatch li:hover .title a{
}

#npcatch li:hover .date{
}


/* added by GOBIES Inc.    Dec 22nd, 2015 */
/* 現行china.gobies.comのCSSファイルに記述されている設定内容を基に記述 */
/* 二列の表（第二列目の左枠線に陰を表示） */
table.gbs-2columns {
    margin-bottom: 30px;
    margin-top: 20px;
    width: 100%;
}
table.gbs-2columns th, table.gbs-2columns td {
    vertical-align: middle;
}
table.gbs-2columns th {
    padding: 10px;
    border-top : 1px solid #BFBFBF;
    border-bottom : 1px solid #BFBFBF;
    border-left : 1px solid #BFBFBF;
    border-right : none;
    background-color: #F2F2F2;
}
table.gbs-2columns td {
    padding: 10px 10px 10px 20px;
    border-top : 1px solid #BFBFBF;
    border-bottom : 1px solid #BFBFBF;
    border-left : none;
    border-right : 1px solid #BFBFBF;
    background : url("./img/gbs_shadow.jpg") repeat-y scroll 0 0 transparent;
}


/* added by GOBIES Inc.    Dec 22nd, 2015 */
/* 現行china.gobies.comのCSSファイルに記述されている設定内容を基に記述 */
/* 「ウェブでのお問い合わせ」フォーム内にて、記入必須事項を示す＊マークを赤色にする */
span.required {
    color: #ff0000;
    font-weight: bold;
}


/* added by GOBIES Inc.    Dec 22nd, 2015 */
/* 現行china.gobies.comのCSSファイルに記述されている設定内容を基に記述 */
/* 「ウェブでのお問い合わせ」フォーム内にて、オレンジ色のボタンを表示 */
.orange-button {
    text-align: center;
}
.orange-button a, .orange-button input {
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
    border: 1px solid #DA7C0C;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    /* color: #FEF4E9; */
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    /* font-weight: bold; */
    outline: medium none;
    padding: 0.3em 1.5em;
    /* padding: 0.5em 2em 0.55em; */
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.orange-button a:hover, .orange-button input:hover {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
    text-decoration: none;
}


/* added by GOBIES Inc.    Dec 22nd, 2015 */
/* メールマガジン登録ページの上部に表示する画像を指定 */
#title-newsletter-sign-up {
    background: url("./img/title-newsletter-sign-up.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 120px;
    width: 600px;
}


/* added by GOBIES Inc. Dec 25th, 2015  */
/* contact form 7のチェックボックスの各項目を改行して縦に並べる */
.wpcf7-checkbox .wpcf7-list-item {
    display: block;
}


/* plugin setting : Recent Posts Widget Extended */
/* added by GOBIES Inc.  Jan 22nd, 2016 */
.rpwe-block h3 {
        background: none !important;
        clear: none;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        font-weight: 400;
        font-size: 1.3em !important;
        /* font-size: 12px !important; */      
        line-height: 1.5em;
}
.rpwe-thumb {
        border: 1px solid #eee !important;
        box-shadow: none !important;
        margin: 2px 10px 2px 0;
        padding: 3px !important;
}
.rpwe-summary {
        font-size: 12px;
}
.rpwe-time {
        color: #bbb;
        font-size: 11px;
        margin-left: 10px; /* added by GOBIES Inc. */
}
.rpwe-alignleft {
        display: inline;
        float: left;
}
.rpwe-alignright {
        display: inline;
        float: right;
}
.rpwe-aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
}
.rpwe-clearfix:before,.rpwe-clearfix:after {
        content: "";
        display: table !important;
}
.rpwe-clearfix:after {
        clear: both;
}
.rpwe-clearfix {
        zoom: 1;
}
.rpwe-ul {  /* added by GOBIES Inc. */
        list-style-type:none;
}
.rpwe-li {  /* added by GOBIES Inc. */
        margin-bottom: 8px;
        border-bottom: 1px solid #ddd;
}
.rpwe-li img {  /* added by GOBIES Inc. */
        margin-bottom: 8px;
} 

/* added by GOBIES Inc. Feb 7th, 2016  */
/* プラグイン「Recent Posts Widget Extended」を使用した2コラム表示を整形 */
.rpwe-narrow li {
    margin-left: 10px;
}
.rpwe-narrow h3 {
    /* font-size:1.1em !important; */
    display:inline; /* 画像右側のh3タイトルが改行されるようにする */
}