@charset "utf-8";

/*-------------------------------------------------------------------------------------------

REFINE CUSTOM STYLESHEET

スタイルシートをカスタマイズする場合は、style.cssを編集する代わりにこちらに
記述してください。そうすることで、テンプレートがアップデートされた場合でも、
このページをコピー＆ペーストするだけで、簡単に新バージョンのテンプレートに、
自分のカスタムを反映させることができます。

-------------------------------------------------------------------------------------------*/

.glovalnavi {
    margin-bottom: 20px;
    min-height: 26px;
    background-color: #FFDEAD;
    background-image: url(img2/bg-gnavi.png);
    background-repeat: repeat-x;
    background-position: center center;
    box-shadow: 0 1px 2px rgba(000, 000, 000, .5) inset, 0 -1px 0 rgba(000, 000, 000, .3) inset, 0 1px 5px rgba(000, 000, 000, .3);
    /*IE6 IE7 IE8 */
    position: relative;
    zoom: 1;
    _box-shadow: 0 1px 5px #b2b2b2;
    *box-shadow: 0 1px 5px #b2b2b2;
     box-shadow: 0 1px 5px #b2b2b2\9;
    behavior: url("http://diet-everytime.com/wp-content/themes/refinepro/PIE.htc");
}

.banner {
    background-color: #fff;
    background-image: url("img2/bg-banner.png");
    border-top: 1px #336699 solid;
}

.glovalnavi li a {
    padding: 0 15px 0 33px;
    background-image: url(img2/bullet-gnavi.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    color: #000;
    text-shadow: 0 -1px 0 #000;
}

.sub {
    box-shadow: 0 1px 2px rgba(000, 000, 000, .2) inset;
    background: #fff url(img2/bg-sidebar3.png) repeat;
}

/* ウィジェット */

.sub .widget {
    margin: 0 0 10px;
    padding: 10px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(000, 000, 000, .33);
    /*IE6 IE7 IE8 */
    position: relative;
    zoom: 1;
    _box-shadow: 0 1px 3px #7f7f7f;
    *box-shadow: 0 1px 3px #7f7f7f;
     box-shadow: 0 1px 3px #7f7f7f\9;
    behavior: url("http://diet-everytime.com/wp-content/themes/refinepro/PIE.htc");
}

.column3 .sidebar.sub .widget{
    margin-bottom: 10px;
}

.right_sidebar .sidebar.sub .widget,
.left_sidebar .sidebar.sub .widget {
    margin-bottom: 15px;
}

.sub .widget .widget-title {
    position: relative;
    top: -10px;
    margin: 0 -10px;
    padding: 10px;
    border-top: 3px solid #F4A460;
    border-bottom: 1px solid #ccc;
    background: #fff;
    background: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
    background:   linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
    color: #222;
    text-shadow: 0 1px 0 #fff;
    font-weight: bold;
    /*IE6 IE7 IE8 */
    position: relative;
    zoom: 1;
    -pie-background: linear-gradient(#fff 0%, #e0e0e0 100%);
    behavior: url("http://diet-everytime.com/wp-content/themes/refinepro/PIE.htc");
}

.sub .widget-title .deco {
    display: block;
    margin-left: 20px;
}

.sub .widget-title:before {
    display: block;
    float: left;
    margin: 3px 0 0 3px;
    width: 12px;
    height: 12px;
    background-color: #F4A460;
    background-image: url(img2/bullet-widget_title.gif);
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
}

    .sub .widget .widget-title a {
        color: #222;
    }

    .sub .widget.widget_rss .widget-title img {
        display: none;
    }

/* リスト */

.sub ul {
    margin: -10px 0 0;
}

.sub ul li {
    padding: 6px 5px 5px 17px;
    border-bottom: 1px solid #ddd;
    list-style: none !important;
}

.sub ul li a:before {
    display: block;
    float: left;
    margin: 3px 5px 0 -17px;
    width: 12px;
    height: 12px;
    background-color: #F4A460;
    background-image: url(img2/bullet-a.png);
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
}

/* タイトル */

.main-inner > .entry .entry-title,
.main-inner > .widget .widget-title {
    position: absolute;
    top: -20px;
    margin: 0 -20px;
    padding: 15px 17px;
    background: #fff;
    background: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
    background:   linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
    border-top: 5px solid #F4A460;
    border-bottom: 1px solid #ccc;
    color: #333;
    text-align: left;
    text-shadow: 0 1px 0 #fff;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.39rem;
    line-height: 1.3;
    /*IE6 IE7 IE8 */
    position: relative;
    zoom: 1;
    -pie-background: linear-gradient(#fff 0%, #e0e0e0 100%);
    behavior: url("http://diet-everytime.com/wp-content/themes/refinepro/PIE.htc");
}

.main-inner > .entry .entry-title a, 
.main-inner > .entry .entry-title a:visited {
    color: #333;
    text-decoration: none;
}

.main-inner > .entry .entry-title a:hover {
    color: #336699;
    text-decoration: none;
}

.main-inner > .entry .entry-title .deco,
.main-inner > .widget .widget-title .deco {
    display: block;
    margin-left: 25px;
}

.main-inner > .entry .entry-title:before,
.main-inner > .widget .widget-title:before {
    display: block;
    float: left;
    margin: 2px 8px 0 0;
    width: 18px;
    height: 18px;
    background-color: #F4A460;
    background-image: url(img2/bullet-h1.png);
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
}

/*
【追加CSS】
*/
.box1 {
	float:left;/* 浮かせて左に寄せるよ */
	padding: 0px 20px 20px 0px;
}

.box2 {
	
	padding: 0px 0px 0px 20px;/* 上右下左 */
}

.box_end{
	clear:both;
}