@charset "utf-8";
/*
Theme Name: tmp2
Theme URI: http://aaa
Description:tmp
Author: tmp
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: gray, tmp
*/

/* ==================================================
 * 
 * 
 * 730 250
 * 
 * ================================================== */



/* ************************************************ 
 * 
 *	▼共通設定
 * 
 * ************************************************ */
*{
    word-break: break-all;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    line-height:130%;
    margin:0px;
    padding:0px;}
body{
    padding: 45px 0px 0px 0px;
    min-width:1000px;
    color:#333;
    font-size:100%;
    background1:#fff url("./images/body-bg.png") center repeat-y;
    text-align:center;
    margin:0 auto;}
a img,img{
    border:none;}
ul,ol{
    list-style-type:none;}
table
    {border-collapse:collapse;}

.clear{
    width:100%;
    display:block;
    float:none;
    clear:both;}

/* ---フォント --- */
h1{
    font-weight:normal;
    border-bottom1:1px dotted #ccc;
    font-size:11px;
    padding:0px 0px;
    text-align:left;
    margin:0px 0px 0px 0px;}
h2{
    font-size:12pt;}
h3{
    color:#f36;
    font-size:11pt;}
a {
    color:#f36;
    text-decoration: none;}
a:hover {
    color:#f36;
    text-decoration: underline;}
a.botan:hover img{
    filter:alpha(opacity=60);}
.new{
    padding:0px 25px 0px 0px;
    background:url("./images/icon/icon-new.gif") right no-repeat;}
.pickup{
    padding:0px 34px 0px 0px;
    background:url("./images/icon/icon-pickup.gif") right no-repeat;}
.rcm{
    padding:0px 54px 0px 0px;
    background:url("./images/icon/icon-recommend.gif") right no-repeat;}
.red{
    color:#f00;}

.clear{
    float:none;
    cleat:both;}


/* ************************************************ 
 * 
 *	▼レイアウトの設定（ LAYOUT ）
 * 
 * ************************************************ */
#wrapper{}
#container{
    width:1000px;
    display:block;
    float:none;
    clear:both;
    margin:0px auto;
    padding: 0px 0px;}
#content{
    padding1: 0px 0;}
#header-ad{
    text-align:left;
    clear:both;
    float:none;
    margin:0px auto 10px auto;}
#main {
    float:left;
    margin:5px 0px;
    padding:20px 0px;
    border-top:1px dotted #ccc;
    overflow: hidden;
    display1: inline;
    display:block;
    width:730px;}
#sidebar{
    float:right;
    margin:5px 0px;
    padding:20px 0px;
    border-top:1px dotted #ccc;
    overflow: hidden;
    display1: inline;
    display:block;
    width:250px;}
.layout-width{
    padding:0px 0px;
    margin:0 auto;
    width:1000px;}


/* ************************************************ 
 * 
 *	▼ヘッダーの設定（ HEADER-BAR ）
 * 
 * ************************************************ */
#header-bar{
    border-bottom1:1px solid #000;
    z-index:9999;
    position: fixed !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:45px;
    color:#fff;
    background:url("http://www.sd-style.com/wp-content/uploads/2013/06/user-header-bar.png") top repeat-x;
    font-size:11px;
    text-align: left;
    margin:0px;}
#header-bar table{
    width:100%;
    height:40px;}
#header-bar th{
    color:#fff;
    font-weight:normal;
    text-align:left;}
#header-bar td{
    width:15%;
    color:#fff;
    text-align:right;
    height:40px;}
#header-bar td a{
    color:#fff;}

/* ************************************************ 
 * 
 *	▼ヘッダーの設定（ HEADER ）
 * 
 * ************************************************ */
#header{
    border-top1:1px solid #000;
    border-bottom:1px solid #ccc;
    height:100px;
    padding:10px 0px;
    background1:#fcfcfc;
    background:#ffffff url("http://www.sd-style.com/wp-content/uploads/2013/06/user-header-bg.png") bottom repeat-x;
    margin:0px 0px 0px 0px;}
#header table{
    border1:1px solid #ccc;
    width:100%;}
#site-info{
    border1:1px dotted #ccc;
    text-align:left;
    width:180px;
    height:40px;
    float:left;}
.site-title{
    margin:0px 0px 0px 0px;}
.site-title a{
    font-size:9pt;}
.site-description{
    color1:#ffffff;
    font-size:11px;}

#search{
    float:right;}
#search table{
    float:right;}
#search input{
    background:#fff;}

.s-txt{
    width:140px;
    color:#666;
    margin:0px 0px 0px 0px;
    padding:0px 4px;
    height:22px;
    border:1px solid #ccc;
    background:#fff;}
input.s-txt:focus{
    border:1px solid #000;
    background:#fff;}
.s-botan{
    text-align:center;
    color:#666;
    background:#fff;
    font-size:11px;
    margin:0px 0px 0px 0px;
    padding:0px 4px;
    height:24px;
    border:1px solid #ccc;}

#header-menu{
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    margin:2px 0px 20px 0px;}
#header-menu table{
    margin:10px 0px 10px 0px;
    border1:1px solid #ccc;
    width:100%;}
#header-menu td{
    width:16%;
    padding:10px;
    font-size:9pt;}
#header-menu td a{
    font-size:9pt;}

/* ************************************************ 
 * 
 *	▼ メイン部分の設定（ MAIN ）
 * 
 * ************************************************ */
.Breadcrumb{
    border1:1px dotted #ccc;
    padding:4px 0px;
    margin:0px 0px 10px 0px;
    font-size:9pt;
    text-align:left;}

/* MAIN-MENU */
.main-menu{
    margin:0px 0px 15px 0px;
    height:15px;
    display:block;
    clear:both;
    text-align:center;
    padding:15px 10px;
    background:#f0f0f0;}
.main-menu ul{
    list-style-type:none;}
.main-menu li{
    padding:0px 10px;
    font-size:9pt;
    float:left;}



.post-box a img{
    margin:0px 5px 0px 0px;
    padding:1px;
    border:1px solid #ccc;}
.post-box a:hover img{
    padding:1px;
    border:1px solid #c00;}
.post-box .post-tag a{
    margin:0px 5px 0px 0px;}

.single .post-box{
    display:block;
    text-align:left;
    margin:0px 0px 10px 0px;
    padding:5px 0px 0px 0px;}
.single .post-title{
    border-bottom:1px dotted #ccc;
    color:#000;
    font-weight:bold;
    padding:5px 0px 5px 0px;}
.single .post-title a{
    color:#000;
    font-weight:bold;
    font-size:12pt;}
.single .post-title a:hover{}
.single .entry-meta{
    font-size:9pt;
    margin:0px 0px 10px 0px;}
.single .post-body{
    font-size:10pt;
    overflow:hidden;
    padding:20px 0px;}
.post-body a:hover img{
    border:none;
    filter:alpha(opacity=60);}
.post-info{
    color1:#ffffff;
    text-align:left;
    font-size:11px;
    border-top:1px dotted #ccc;
    padding:5px 0px 5px 0px;
    margin:0px 0px 5px 0px;}
.post-info a{
    font-size:11px;
    color1:#ffffff;}


.data{
    float:none;
    clear:both;}
.data-img{
    border:1px solid #ccc;
    padding:4px;
    margin:0px 15px 15px 0px;
    width:140px;
    float:left;}
.data-map{
    margin:15px 0px;
    border:1px solid #ccc;}

.related-entry{
    padding:12px 0px 5px 0px;
    text-align:left;
    font-size:9pt;}
.related-entry p{
    color:#000;
    font-size:9pt;
    font-weight:normal;
    margin:0px 0px 10px 0px;
    padding:0px 0px 0px 16px;
    background:url("./images/cbox/cbox-title1.1png") left no-repeat;}
.related-entry ol{
    border-top:1px dotted #ccc;
    padding:10px 0px 10px 0px;}
.related-entry li{
    padding:0px 0px 0px 16px;
    background:url("./images/cbox/related-entry-li.1png") left no-repeat;}


.thumb{
    padding:5px;
    text-align:center;}
.thumb img{
    width:300px;
    padding:4px;
    border:1px solid #ccc;}
.thumb a img{
    width:300px;
    padding:4px;
    border:1px solid #ccc;}
.thumb a:hover img{
    width:300px;
    padding:4px;
    border:1px solid #333;}
.img a img{
    width:300px;
    padding:4px;
    border:1px solid #ccc;}
.img a:hover img{
    width:300px;
    padding:4px;
    border:1px solid #333;}



/*  ENTRY-LIST */
.entry-list ul{
    border-top:1px dotted #ccc;}
.entry-list li{
    font-size:9pt;
    padding:20px 0px;
    border-bottom:1px dotted #ccc;}
.entry-list li h2{
    margin:0px 0px 3px 0px;
    text-align:left;
    font-size:11pt;}
.entry-list li table{
    width:100%;}
.entry-list li th{
    font-size:9pt;
    font-weight:normal;
    padding:0px 0px;}
.entry-list li td{
    font-size:9pt;
    padding:0px 0px;}
.post-star{
    color:#c90;}
.post-date{
    color:#3D678D;}
.post-category{}
.post-category a{
    color:#000;
    text-decoration:underline;}
.post-category a:hover{
    color:#000;
    text-decoration:none;}
.post-user{}
.post-user a{
    color:#000;
    text-decoration:underline;}
.post-user a:hover{
    color:#000;
    text-decoration:none;}
.post-more{}
.post-more a{
    color:#000;
    text-decoration:underline;}
.post-more a:hover{
    color:#000;
    text-decoration:none;}


.data-list .cBox-body{
    border-top1:1px dotted #ccc;
    padding:5px 0px 10px 0px;
    margin:10px 0px 0px 0px;}
.data-list li{
    border-bottom1:1px dotted #ccc;}
.data-list li table{
    width:100%;}
.data-list li th{
    text-align:left;
    padding:5px 0px 5px 0px;
    width:50px;}
.data-list li th img{
    border:1px solid #ccc;
    padding:3px;
    width:50px;}
.data-list li td{
    text-align:left;
    padding:5px 8px;}



/* ************************************************ 
 * 
 *	▼ サイドバー部分の設定（ SIDEBAR ）
 * 
 * ************************************************ */
.sidebar-ad-box{
    background:#f0f0f0;
    height:250px;
    font-size:9pt;
    margin:0px 0px 10px 0px;}

.sidebar-box{
    background:#f0f0f0;
    display:block;
    text-align:left;
    font-size:9pt;
    padding:5px;
    margin:0px 0px 15px 0px;}
.sidebar-inner{
    background:#fff;
    padding:10px;
    border:1px solid #ccc;}
.sidebar-title{
    border-bottom:1px dotted #ccc;
    text-align:left;
    font-weight:bold;
    font-size:9pt;
    padding:0px 0px 2px 0px;
    margin:0px 0px 10px 0px;
    color1:#fff;
    background1:#333;}
.sidebar-body{
    text-align:left;
    font-size:9pt;
    margin:0px 0px 0px 0px;}


.widget-container{
    border-top:1px dotted #999;
    display:block;
    clear:both;
    text-align:left;
    font-size:9pt;
    padding:10px 10px;
    margin:0px 0px 15px 0px;}
.widget-title{
    display:block;
    clear:both;
    text-align:left;
    font-weight:bold;
    font-size:9pt;
    padding:0px 0px;
    margin:0px 0px 10px 0px;
    color1:#fff;
    background1:#333;}
.widget-body{
    display:block;
    clear:both;
    text-align:left;
    font-size:9pt;
    margin:0px 0px 0px 0px;}

/* ■カレンダー */
.widget_calendar{
    display:block;
    clear:both;}
.widget_calendar table{
    width:100%;}
.widget_calendar th{
    text-align:center;}
.widget_calendar td{
    text-align:center;}
#today{
    background:#f0f0f0;}

/* ■nayami */
.sidebar-nayami{
    background1:#c0c0ff;
    display:block;
    text-align:left;
    font-size:9pt;
    padding:0px;
    border:1px solid #C2D8E2;
    margin:0px 0px 15px 0px;}
.sidebar-nayami .sidebar-inner{
    background:#C2D8E2;
    padding:10px;
    border:2px solid #fff;}
.sidebar-nayami .sidebar-title{
    border-bottom:0px;
    text-align:center;
    font-weight:bold;
    font-size:9pt;
    padding:0px 0px 2px 0px;
    margin:0px 0px 4px 0px;
    color:#305263;}
.sidebar-nayami .sidebar-body{
    border:1px solid #305263;
    background:#fff;
    text-align:left;
    font-size:9pt;
    padding:10px;
    margin:0px 0px 0px 0px;}
.sidebar-nayami .sidebar-body a{
    display:block;
    text-decoration:underline;
    color:#305263;}
.sidebar-nayami .sidebar-body a:hover{
    background:#CADDE6;
    text-decoration:none;
    color:#1C3039;}

/* ************************************************ 
 * 
 *	▼ フッター部分の設定（ FOOTER ）
 * 
 * ************************************************ */
#footer{
    font-size:9pt;
    display:block;
    clear:both;
    margin:0px 0px 0px 0px;
    padding:40px 0px 40px 0px;
    color:#fff;
    background:#999 url("./images/footer-bg.1png") top repeat-x;
    border-bottom1:1px solid #ccc;
    border-top1:1px solid #ccc;}
#footer p{
    font-size:9pt;
    color:#fff;
    margin:0px 0px;}
#footer a{
    color:#fff;
    font-size:9pt;}
#cr{
    text-align:right;
    color:#fff;
    margin:0px 0px;
    padding:0px 0px;
    font-size:9pt;}
#cr a{
    color:#fff;
    font-size:9pt;}


/* ************************************************ 
 * 
 *	▼ その他の設定
 * 
 * ************************************************ */
/* ■ページのトップへ */
.page-top{
    background1:#ccc;
    position: fixed;
    bottom:0;
    right:0;
    width:80px;
    height:80px;
    font-size:9pt;
    clear:both;
    margin:5px 5px;
    padding:0px;
    text-align:center;}
.page-top a{
    display:block;
    width:80px;
    height:80px;
    font-size:9pt;
    color:#666;}
.page-top a:hover{
    color:#000;}



/* ■コメント */
#comments{
    font-size:9pt;
    text-align:left;}
#comments-title{
    font-size:11pt;
    color:#c00;
    font-weight:bold;
    padding:10px 0px;}
.commentlist li{
    margin:5px 0px;
    padding:5px 0px;
    border-bottom:1px solid #ccc;}
#respond{
    padding:10px 0px;}
#reply-title{
    font-size:11pt;
    color:#c00;
    font-weight:bold;
    padding:10px 0px;}
#respond label{
    display:block;}
#respond textarea{
    display:block;
    width:400px;
    height:100px;}





.index-topic-ara li{
    margin:5px 5px 5px 5px;
    float:left;
    font-size:9pt;
    border:1px solid #ccc;
    width:230px;
    height:230px;}
.index-topic-ara li img{
    margin:10px 10px 0px 10px;
    float:left;
    background:#f0f0f0;
    width:210px;
    height:160px;}
.index-topic-ara li p{
    margin:0px 10px 0px 10px;}



/* index お知らせ */
.index-news{
    border:2px solid #f0f0f0;
    margin:0px 0px 10px 0px;}
.index-news div{
    padding:10px;
    text-align:left;}
.index-news li{
    font-size:9pt;
    border-bottom:1px dotted #ccc;
    padding:5px;}
.index-news li span{
    margin:0px 5px 0px 0px;}

/* index新着 */
.index-post{
    display:block;
    text-align:left;
    font-size:11px;
    margin:0px 0px 10px 0px;
    padding:12px 0px 0px 0px;}
.index-post-title{
    color:#000;
    font-size:9pt;
    font-weight:normal;
    margin:0px 0px 0px 0px;
    padding:10px 0px 10px 0px;}
.index-post-body{
    padding:0px 0px 0px 0px;}
.index-post-body li{
    margin:0px;
    padding:10px 0px 10px 0px;}




/* single */
.single-img{
    width:240px;
    float:left;
    margin:0px 0px 20px 0px;}
.single-img img{
    width:220px;}
.single-excerpt{
    width:490px;
    float:right;
    margin1:0px 0px 20px 0px;}
.single-excerpt strong{
    font-size:40px;}
.post-rating{
    font-size:9pt;
    margin:10px 0px;}
.post-rating strong{
    font-size:9pt;}
.navigation{
    font-size:9pt;
    text-align:left;}
.navigation a{
    font-size:9pt;}



/* コンテンツBOX */
.cbox{
    border:2px solid #c00;
    border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
    display:block;
    text-align:left;
    font-size:11px;
    margin:0px 0px 15px 0px;
    padding:0px 0px 0px 0px;}
.cbox-title{
    border-bottom:1px solid #c00;
    color:#600;
    font-size:24pt;
    font-weight:normal;
    font-weight:bold;
    margin:0px 0px 0px 0px;
    padding:10px 0px 10px 15px;
    background:#fff0f0 url("./images/cbox/cbox-title1.1png") left no-repeat;}
.cbox-title img{
    margin:-10px 5px 0px 0px;}
.cbox-body{
    font-size:9pt;
    padding:15px 15px;}

#ad-main-top{
    margin:10px auto;
    text-align:center;}
#ad-main-top p{
    margin:0px auto;
    text-align:center;}






/* コンテンツエリア */
.f00{
    color:#f00;}
.c00{
    color:#c00;}

.s-ad-box{
    font-weight:bold;
    font-size:14pt;
    text-align:center;
    margin:0px 0px 10px 0px:}
.s-ad-box a{
    color:#09f;}
.s-ad-box a:hover{
    color:#f00;}

.s-ad-box-bottom{
    font-weight:bold;
    font-size:14pt;
    text-align:center;
    margin:0px 0px 10px 0px:}
.s-ad-box-bottom a{
    color:#09f;}
.s-ad-box-bottom a:hover{
    color:#f00;}

.s-sub-title{
    padding:5px 0px;
    margin:0px 0px 5px 0px;
    border-bottom:1px dotted #ccc;
    color:#c00;}


.single .retu3 td a img{
    margin:0px 5px 10px 0px;
    border:1px solid #ccc;
    width:236px;}
.single .retu3 td a:hover img{
    border:1px solid #666;
    width:236px;}


img {
    max-width: 100%;
    height:auto;
}