/*ここは消さないで下さい!*/
/* Template Name: m321_Blue *//*CSSLicense: jp-soft.com Tsunehisa Hazama*/

* {margin: 0;padding: 0;}
html{height: 100%;}

/* BODY */
body {
        margin : 0;
        text-align: center;
        color:#333333;
        font-size: 13px;
        line-height: 150%;
        background: #FFF;
        border-top: 30px solid #CC0000;
        font-family: arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
        }


/* 画像の属性 */
img {border: none; margin: 0;}
.img-left {float: left;margin: 5px 10px 5px 0;}
.img-right {float: right;margin: 5px 0 5px 10px;}
.img-center {;margin: 10px auto;}

/* 強調文の属性*/
h1,h2,h3,h4,p{font-size: 100%;font-weight: normal;}

/* リンクの属性（未指定の時） */
a:link, a:visited, a:active {color: #336699;text-decoration: underline;}
a:hover {color:#CC338C;text-decoration: none;}

/* 基本設定*/
#base{
       width: 920px;
       margin: 0 auto;
       text-align: center;
       background: url("http://www.ai-flower.net/img/base.gif") repeat-y;
}

#wrapper{
       position: relative;
       width: 900px;
       margin: 0 auto;
       text-align: center;
}

/*ヘッダー*/
#header{
       margin : 0px;
       padding: 0Px;
       height : 110px;
       text-align: left;
background: url("http://www.ai-flower.net/img/header.jpg") no-repeat left top;
}

#header h1{
        position: absolute;
        top: 30px;
        left: 20px;
        color: #333366;
        font-size: 16px;
        font-weight: bold;
        line-height: 120%;
        text-align: left;
        text-indent:-9999px;
}

#header h2{
          position: absolute;
          left: 10px;
          top: -28px;
          width: 880px;
          color: #FFF;
          font-size: 10px;
          line-height: 130%;
          text-align: left;
}

#header2{
         margin : 0px;
         padding: 0Px;
         height : 10px;
         background: url("http://www.ai-flower.net/img/header2.gif") repeat-x;
}

.h_navi{
        position: absolute;
        right: 10px;
        top: 5px;
        text-align: right;
}

/*ヘッダーメニュー*/
ul#topmenu {
        position: absolute;
        top: 80px;
        left: 0px;
        width: 900px;
        height: 30px;
        list-style: none;
        background: url("http://www.ai-flower.net/img/t_menu_back.gif") repeat-x;
}

#topmenu li{
    height: 30px; 
    display: block; 
    color: #FFF; 
    font-size: 12px; 
    font-weight: bold; 
    line-height: 150%;
        background: url("http://www.ai-flower.net/img/t_menu01.gif") no-repeat top right;
    float: left;
}

#topmenu li a:link, #topmenu li a:visited, #topmenu li a:active { 
    height: 30px; 
    padding: 0; 
    width: 149px; 
    display: block; 
    color: #FFF; 
    line-height: 30px; 
    text-decoration: none; 
    float: left;
}

#topmenu li a:hover{
        background: url("http://www.ai-flower.net/img/t_menu02.gif") no-repeat top right;
}

#header p#smap{
        position: absolute;
        top: 2px;
        right: 60px;
}

.rss{
        position: absolute;
        top: 2px;
        right: 10px;
}

/*ブログの枠等の属性*/
#container{
        width: 860px;
        margin: 0 auto;
        text-align:left;
}

/*コンテンツ*/
#content {
        float: left;
        width: 590px;
        margin: 0;
}
#content h2     {
        margin: 10px 0;
        height: 30px;
        font-size: 123%;
        color: #333366;
        font-weight: bold;
        line-height: 30px;
        text-indent: 5px;
        text-align: left;
        border-bottom: 1px solid #CCC;display: block;
}

#content h3 {
        height: 25px;d
        isplay: block;
        font-size:108%;
        font-weight: bold;
        color: #333366;
        line-height: 25px;
        text-align: left;
        text-indent: 5px;
        border-bottom: 1px dotted #999;
        overflow: hidden;
}

#content h3.comments-header,
#content h3.comments-open-header,
#content h3.trackbacks-header {
        height: 20px;
        display: block;
        margin: 20px 0 10px 0;
        font-size:108%;
        font-weight: bold;color : #CC3366;
        line-height: 20px;
        text-align: left;
        border-bottom: 1px dotted #999;
        overflow: hidden;
}

#content h4 {
        margin: 10px 0 0 0;
        padding-left:5px;
        border-bottom: 1px dotted #BBB;
        font-size:100%;
        color: #336699;
        font-weight: bold;
}

/* contenntリンク属性 */
#content a{font-weight: bold;}
#content a.c1{font-weight: normal;}

/* contennt h2 リンク属性 */
#content h2 a:link,
#content h2 a:visited,
#content h2 a:active,
#content h3 a:link,
#content h3 a:visited,
#content h3 a:active{
    color: #333366; 
    text-decoration: none;
    display: block;
}

#content h2 a:hover,
#content h3 a:hover {
        color: #FFF; 
        text-decoration: none;
        background: #CC338C;
}

#productList { 
    margin: 0;
}

#productList .box{ 
    float: left; 
    width: 283px; 
    height: 200px; 
    margin: 10px 5px 0 5px;
}

.box .inbox1{
    height: 175px; 
    border: 1px solid #CCC; 
    border-bottom: 1px solid #FFF;
}
.box .inbox2{
    height: 23px; 
    padding: 0 4px 3px 0; 
    text-align: right; 
    border: 1px solid #CCC; 
    border-top: 1px solid #FFF;
}

.inbox1 .pro_doc {
    font-size: 10px; 
    line-height: 150%; 
    margin: 0 5px 5px 5px;
}
.pro_doc img{margin: 0 5px;float: left;}

.inbox1 h3{ 
    display: block; 
    height: 30px; 
    color: #FFF; 
    line-height: 15px; 
    font-weight: normal; 
    background: #0B9EB7; 
    text-align: center; 
    background: url("http://www.ai-flower.net/img/p_h2_back.gif") no-repeat; 
    overflow: hidden;
}


/*記事枠*/
#content .doc{
        padding: 0 10px;
        text-align: left;
        line-height: 19px;
}

#content .info{ 
    margin: 10px 0;
}

#content .next{
        text-align: right;
}

#content ol{
        margin: 0px 0px 0px 30px;
}

#content li{
        margin: 0;
        font-size: 100%;
        line-height: 19px;
}

#content p{
        margin: 10px 0;
}

#content .posted {
        text-align: right;
        font-size: 10px;
        margin: 0px 10px 0px 0;
}


/* パンくずリスト */
#content .navi {
        margin : 0;
        font-size: 10px;
        color:#666;
}

/*----- trackbacks & Comments-----*/

#content .comments-content,
#content .trackbacks-content{
        font-size: 12px;
        color: #888;
        line-height: 120%;
        margin: 10px 0 10px 10px;
}
#content .trackbacks-info{
        font-size: 12px;
        line-height: 120%;
        color: #333;
        margin-left: 10px;
}

#content .trackback-footer{
        margin: 0 0 10px 10px;
        font-size:10px;text-align: right;
}

#content .error {
        font-size : 14px;
        color: red;
        border: 1px solid red;
        padding: 5px;
        text-align: center;
}

/* 相互リンクリスト属性 */
#content .slink ul{
        margin: 10px 5px 20px 20px;
}

#content .slink ul li{
        margin: 0;
        font-size: 12px;
        line-height: 150%;
}

/*　アドセンス　*/
.ads_rec{
        margin: 10px 0 10px 10px;
        text-align: left;
}

.ads_sky{
    margin:0 auto;
}

.ads_sqr{ 
    margin:10px 0; 
    text-align: center;
}

.ads_banner{
    margin: 15px 0;
    text-align: center;
}

/*NAKAO*/
#news dl{
        margin: 0 0 20px 0;
        color: #555555;
}

#news dt a{
        margin: 0 0 0 10px;
        text-decoration: underline;
        font-size: 12px;
}

#news dd{
        margin: 0 0 0 10px;
        color: #666;
        font-size: 10px;
}

/*サイドバー*/
#sidebar {
        float: right;
        width: 250px;
        height: 100%;
        margin-top: 10px;
        color: #666;
        text-align: left;
}

.widget-block{ 
    margin-bottom: 10px; 
    padding: 5px; 
    background: #CC0000; 
    border: 1px solid #CC6666;
}

.widget-header{
    height: 28px;
    font-weight: bold;
    font-size: 100%;
    line-height: 25px;
    color: #FFF;
    text-align: center;
    text-indent: 5px;
    border: 1px solid #FFF;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    background: url("http://www.ai-flower.net/img/w_header.gif");
    display: block;
}

/*　検索等　*/
.widget-content{
        margin: 0;
}

.widget-content .inner {
        padding: 5px;
        text-align: left;
        background: #FFF;
}

/*新着記事等*/
ul.widget-new {
        margin-left: 0;
        padding: 5px; 
        list-style: none; 
        background: #FFF;
}

.widget-new li{ 
      margin: 5px 0; 
      padding-left: 15px; 
      background: url("http://www.ai-flower.net/img/list.gif") no-repeat;
          line-height: 120%;
}

/* メニュー１ */
ul.widget-menu,
ul.widget-monthry{
        display: block;
        margin: 0;
        list-style-type: none;
        text-align: left;
}

.widget-menu li a:link,
.widget-menu li a:visited,
.widget-menu li a:active, 
.widget-monthry li a:link,
.widget-monthry li a:visited,
.widget-monthry li a:active{
        display: block;
        height: 25px;
        list-style: none;
        padding: 0 0 0 30px;
        text-decoration: none;
        color: #FFF;
        font-size: 100%;
        line-height: 20px;
        overflow: hidden;
        background: #FFF url("http://www.ai-flower.net/img/menu03.gif") no-repeat;
        border: 1px solid #FFF;
        border-bottom: 1px solid #333;
        border-right: 1px solid #333;
}

.widget-menu li a:hover,
.widget-monthry li a:hover{
        color: #FFF;
        background: url("http://www.ai-flower.net/img/menu04.gif") no-repeat;
        border: 1px solid #333;
        border-bottom: 1px solid #FFF;
        border-right: 1px solid #FFF;
}

.widget-menu li.pt a:link,
.widget-menu li.pt a:visited,
.widget-menu li.pt a:active,
.widget-monthry li.pt a:link,
.widget-monthry li.pt a:visited,
.widget-monthry li.pt a:active{
        display: block;
        height: 23px;
        list-style: none;
        padding: 0 0 0 20px;
        text-decoration: none;
        color: #FFF;
        font-size: 100%;
        line-height: 20px;
        overflow: hidden;
        background: url("http://www.ai-flower.net/img/menu01.gif") no-repeat;
        border: 1px solid #FFF;
        border-bottom: 1px solid #333;
        border-right: 1px solid #333;
}

.widget-menu li.pt a:hover,
.widget-monthry li.pt a:hover{
        color: #FFF;
        background: url("http://www.ai-flower.net/img/menu02.gif") no-repeat;
        border: 1px solid #333;
        border-bottom: 1px solid #FFF;
        border-right: 1px solid #FFF;
}

/*メニュー２*/
dl.widget-menu{
        margin: 0;
}

.widget-menu dt{
      margin: 0px;
}

.widget-menu dt.pt{
    height: 28px;
    font-weight: bold;
    font-size: 100%;
    line-height: 25px;
    color: #FFF;
    text-align: center;
    text-indent: 5px;
    border: 1px solid #FFF;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    background: url("http://www.ai-flower.net/img/w_header.gif");
    display: block;
}

.widget-menu dd a:link, .widget-menu dd a:visited, .widget-menu dd a:active {
        display: block;
        height: 25px;
        list-style: none;
        padding: 0 0 0 30px;
        text-decoration: none;
        color: #FFF;
        font-size: 100%;l
        ine-height: 20px;
        overflow: hidden;
        background: #FFF url("http://www.ai-flower.net/img/menu03.gif") no-repeat;
        border: 1px solid #FFF;
        border-bottom: 1px solid #333;
        border-right: 1px solid #333;
}

.widget-menu dd a:hover {
        color: #FFF;
        background: url("http://www.ai-flower.net/img/menu04.gif") no-repeat;
        border: 1px solid #333;
        border-bottom: 1px solid #FFF;
        border-right: 1px solid #FFF;
}

.widget-menu dd.pt a:link, .widget-menu dd.pt a:visited, .widget-menu dd.pt a:active {
        display: block;
        height: 23px;
        list-style: none;
        padding: 0 0 0 20px;
        text-decoration: none;
        color: #FFF;
        font-size: 100%;
        line-height: 20px;
        overflow: hidden;
        background: url("http://www.ai-flower.net/img/menu01.gif") no-repeat;
        border: 1px solid #FFF;
        border-bottom: 1px solid #333;
        border-right: 1px solid #333;
}
.widget-menu dd.pt a:hover {
        color: #FFF;
        background: url("http://www.ai-flower.net/img/menu02.gif") no-repeat;
        border: 1px solid #333;
        border-bottom: 1px solid #FFF;
        border-right: 1px solid #FFF;
}

/*関連リンク用*/
ul.widget-link{
        list-style: none;
        padding: 5px;
        background: #FFF;
}

.widget-link li a:link{
        height: 20px;
        margin: 0;
        color: #336699;
        font-size: 12px;
        text-align: left;
        line-height: 20px;
        text-decoration: none;
}

.widget-link li a:hover{
        color: #CC338C;
        text-decoration: underline;
}

/*フッターナビ*/
.f_navi {
        clear: both;
        margin: 0;
        padding: 10px 5px;
        text-align: right;
        font-size: 85%;
}

.f_navi img{border-style: none; vertical-align: middle;padding:0px 3px;}


/*フッター*/
#footer{
        clear: both;
        margin-top: 20px;
        padding: 0;
        height: 20px;
        color: #666;
        background: #FFF;
}

.copyrights {
    height: 20px;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 170%;
    font-size: 10px;
    color: #CCC;
    background: #CC0000;
}

.copyrights a:link, .copyrights a:visited, .copyrights a:active {color: #FFF;text-decoration: underline;}
.copyrights a:hover {color:#FF99CC;text-decoration: none;}
/* タグ指定 */
.module-tagcloud{
        margin: 0;
}

.module-tagcloud .module-content{
        margin: 0;
        background: #EEE;
        text-align: left; 
}

.module-tagcloud .module-content .module-list{
        padding: 5px;
        list-style: none;
}

.module-tagcloud .module-content .module-list .module-list-item { display: inline; }
.module-tagcloud .module-content .module-list li.taglevel1 { font-size: 19px; }
.module-tagcloud .module-content .module-list li.taglevel2 { font-size: 17px; }
.module-tagcloud .module-content .module-list li.taglevel3 { font-size: 15px; }
.module-tagcloud .module-content .module-list li.taglevel4 { font-size: 13px; }
.module-tagcloud .module-content .module-list li.taglevel5 { font-size: 11px; }
.module-tagcloud .module-content .module-list li.taglevel6 { font-size: 9px; }
.tag_line{
        margin: 10px;
        text-align: left;
}