/*------------------------------------------------------------
■ブラウザ ― CSSリセット
-------------------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,p,address,ul,li,dl,dt,dd,table,caption,th,td,img{
border:0;
font-style:normal;
font-weight:400;
font-size:100%;
text-align:left;
list-style-type:none;
margin:0;
padding:0
}
textarea{font-size:100%}
img{vertical-align:bottom}
hr{display:none}
fieldset,img,abbr{border:0;}

/*------------------------------------------------------------
■ベースの設定
-------------------------------------------------------------*/
html{height:100%}
body{
height:100%;
font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size:14px;
background:#eee;
color:#555;
}
a{color:#2ca9e1; text-decoration:none}
a:hover{color:#a0d8ef}
a:active,a:focus{outline:0}
.clear{clear:both}
blockquote{
background:#eee none repeat scroll 0% 50%;
border-left:5px solid #ccc;
margin:10px;
padding:10px
}

/*------------------------------------------------------------
■全体のレイアウト（枠）
-------------------------------------------------------------*/
#wrapper{
    width:970px;
    background:url("http://blog-imgs-43.fc2.com/0/y/e/0yencreater1/bg-container.png") repeat-y center top;
    margin:0 auto;
}
#container{
    width:950px;
    background:#fff;
    color:#333;
    margin:0 auto;
}

/*------------------------------------------------------------
■ヘッダー
-------------------------------------------------------------*/
#head{
    margin:0 auto;
    width:950px;
}
#top{
    height:30px;
    background:#72aa00;
    color:#fff;
}
#top .t-head{
    float:left;
    padding-top:5px;
    font-size:12px;
    margin:0 0 0 20px;
}
#top .t-head a,#top li a,#top .submenu a{color:#fff;}
#top ul{
    margin:0 0 0 20px;
    font-size:12px;
}
#top li{
    float:left;
    margin:0 5px 0 0;
    padding-top:5px;
}
#top .submenu{
    margin-right:10px;
    padding-top:6px;
    text-align:right;
    font-size:.8em;
    color:#fff;
}
#top .submenu a:hover{text-decoration:underline;}
#header{
    position:relative;
    display:block;
    width:950px;
    height:110px;
}

/* 728x90広告 & お知らせスペース */
#top_area{
    width:910px;
    margin:10px auto;
}
#top_banner{
    display:block;
    float:left;
    margin-right:10px;
}
#top_text{
    display:block;
    float:right;
    width:172px;
}
#top_text h3{
    font-size:9pt;
    font-weight:700;
    line-height:1.3em;
    border-bottom:1px solid #ccc;
    margin-bottom:4px;
    color:#ff0000;
}
#top_text ul li{
    padding:0 0 0 17px;
    background: url("http://blog-imgs-43.fc2.com/0/y/e/0yencreater1/list.png") no-repeat 0 2px;
    line-height:1.3em;
    display:block;
    font-size:12px;
}
#top_text a{
    color:#444;
    line-height:11px;
    font-weight:700;
}
#top_text a:hover{
    color: #ff0084;
    text-decoration:none;
}

/*------------------------------------------------------------
■トップナビゲーション
-------------------------------------------------------------*/
#nav{
    width:950px;
    background:url("http://blog-imgs-43.fc2.com/0/y/e/0yencreater1/nav950_20110414091034.png") no-repeat;
}
#nav ul{
    width:930px;
    height:35px;
    margin:0 10px;
}
#nav li{
    float:left;
    width:155px;
    text-align:center;
}
#nav a{
    color:#fff;
    font-size:.9em;
    font-weight:700;
    display:block;
    width:155px;
    line-height:35px;
    background:url("http://blog-imgs-43.fc2.com/0/y/e/0yencreater1/nav930_20110414092105.png") no-repeat;
}
#nav a:hover{color:#fff; background-position:0 -35px;}

/*------------------------------------------------------------
■メインコンテンツ
-------------------------------------------------------------*/
#contents{
    float:left;
    width:505px;
    margin:15px 20px 30px;
}
#contents .contents_body{margin:0 0 15px;}
#contents h2{
    margin:0 0 15px;
    padding:8px 15px;
    border-top:1px solid #999;
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    border-left:8px solid #72aa00;
    background:#f1f1f1;
    color:#000;
    font:700 1.3em 'arial', sans-serif;
}
#contents h2 a{color:#000;}
#contents h3{
    margin:60px 25px 20px 0;
    padding:12px 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font:700 1.3em 'arial', sans-serif;
}
#contents h4{
    margin:45px 25px 20px 0;
    padding:5px 10px;
    border-left:5px solid #aaa;
    color:#aaa;
    font:700 1em 'arial', sans-serif;
}
.blogbody li{ 
    background-image:url("http://blog-imgs-43.fc2.com/0/y/e/0yencreater1/contents-list_20110414041151.png");
    background-repeat:no-repeat;
    padding-left:15px;
    display:block;
    margin:1px 0;
    background-position:0 4px;
}

/* コメントとトラックバックとタグ */
.entryfooter{margin-bottom:40px;}
.entryfooter ul.information li.date{background:url("http://blog-imgs-43.fc2.com/0/y/e/0yencreater1/calendar-icon_20110414035736.png") no-repeat 0;}
.entryfooter ul.information li.category{background:url("http://blog-imgs-43.fc2.com/0/y/e/0yencreater1/Category-icon_20110414035735.png") no-repeat 0;}
.entryfooter ul.information li.comment{background:url("http://blog-imgs-43.fc2.com/0/y/e/0yencreater1/Comment-icon_20110414035733.png") no-repeat 0;}
.entryfooter ul.information li.trackback{background:url("http://blog-imgs-43.fc2.com/0/y/e/0yencreater1/Trackback-icon_20110414035733.png") no-repeat 0;}
.entryfooter ul.information li.date, li.category, li.comment, li.trackback{
    padding-left:19px;
    display:inline;
    margin-right:3px;
    font-size:.8em;
    line-height:normal;
}
.entryfooter ul.information li.date a,li.category a,li.comment a, li.trackback a{color:#474747;}
.entryfooter ul.information li.date a:hover,li.category a:hover,li.comment a:hover,li.trackback a:hover{
    color:#ff0084;
    text-decoration:none;
}
.discussion,.addcommnet,.trackbacks{
    background:#eee;
    border-left:8px solid #aaa;
    font:700 17px;
    color:#777;
    margin:30px 0 20px;
    padding-left:15px;
    line-height:36px;
    height:36px;
}
.discussion-b{
    background:#f7f7f7 none repeat scroll 0% 50%;
    border:1px solid #ddd;
    margin:10px;
    padding:10px
}
.bookmark{
    margin:20px 0 0;
    padding:10px;
    border-top:1px dashed #999;
    line-height:normal;
    text-align:right;
}
.tags{
    margin:0 0 2px;
    padding:5px 10px;
    border:1px solid #ccc;
    background:#eee;
    font-size:.8em;
    color:#555;
}
.tags a{color:#555;}
.tags a:hover{color:#ff0084;}

/*------------------------------------------------------------
■サイドバー
-------------------------------------------------------------*/
#firstSide{
    float:right;
    width:250px;
    margin:0 15px 30px 0;
    overflow:hidden;
}
#secondSide{
    float:right;
    width:120px;
    margin:0 20px 30px 0;
    overflow:hidden;
}
.side1 h4,.side2 h4{
    margin:20px 0 10px;
    padding:5px 10px;
    border-bottom:1px dashed #111;
    border-left: 5px solid #111;
    color:#333;
    font:700 1.0em 'arial', sans-serif;
}
.side1 p,.side2 p{padding:3px 0;}
.side1 li a,.side2 li a{
    display:block;
    padding:3px 0;
    border-bottom:1px dashed #999;
    color:#999;                    
    font-size:.9em;
}
.side1 li a:hover,.side2 li a:hover{
    border-bottom:1px dashed #555;
    background:#eee;
    color:#555;
}
.tokushu{
    display:block;
    height:40px;
}
.tokushu img{
    float:left;
    margin:0 5px;
    display:block;
}
.tokushu h5{
    font-size:9pt;
    line-height:8px;
    height:8px;
    padding-top:5px;
    margin:0 0 5px 40px;
    text-align:left;
    display:block;
    font-weight:700;
    color:#ff0000;
}
.tokushu p{
    font-size:7pt;
    line-height:11px;
    height:11px;
    margin-left:40px;
    display:block;
    color:#000;
}
.tokushu a{display:block;}
.tokushu a:hover{
    display:block;
    color:#E43C15;
    text-decoration:underline;
    background-color:transparent;
}

/*------------------------------------------------------------
■サイドバー
-------------------------------------------------------------*/
#footer{
    clear:both;
    width:100%;
    margin:20px auto 0;
    padding:20px 0 0;
    background:#555;
    font-size:.9em;
    text-align:center;
    color:#fff;
}
#footer a{color:#fff;}
#footer .powered{width:138px; margin:0 auto;}

/*------------------------------------------------------------
■各種Classタグ一覧
------------------------------------------------------------*/
/* クラスタグの設定
使用例： class="xxx" として様々なエフェクトを使うことが出来ます。
xxxにここで設定したクラスタグを入れてください。 */
/*************************************************************
【リンクボタンの設定 2type】aタグに使えます
*************************************************************/
a.button{
    color:#fff;
    font-weight:700;
    font-size:12px;
    padding:4px 10px;
    background:#82ae46
}
a.button:hover{background:#b8d200}
a.button2{
    color:#fff;
    font-weight:700;
    font-size:12px;
    padding:4px 10px;
    background:#72aa00
}
a.button2:hover{background:#9dc130}

/**************************************************************
【fontの設定】
**************************************************************/
.text70{font-size:70%}            /* フォントサイズ70% */
.text80{font-size:80%}
.text90{font-size:90%}
.text100{font-size:100%}
.text110{font-size:110%}
.text120{font-size:120%}
.text130{font-size:130%}
.text140{font-size:140%}
.text150{font-size:150%}
.text160{font-size:160%}
.text170{font-size:170%}
.text180{font-size:180%}
.text190{font-size:190%}
.text200{font-size:200%}
.text210{font-size:210%}
.text220{font-size:220%}
.b{font-weight:700}                /* 太字 */
.u{text-decoration:underline}    /* 下線 */
.s{text-decoration:line-through}

/**************************************************************
【colorの設定】
**************************************************************/
.red{color:red}                /* 赤色 */
.white{color:#fff}            /* 白色 */
.blue{color:#2ca9e1}        /* 青色 */
.green{color:#82ae46}        /* 緑色 */
.orange{color:#ff7d00}        /* 橙色 */
.yellow{color:#fff000}        /* 黄色 */
.pink{color:#ff0084}        /* ピンク */
.gray{color:#999}            /* 灰色 */

/**************************************************************
【borderの設定】
**************************************************************/
.dot{border-bottom:1px dotted #ccc;}
.solid{border-bottom:1px solid #ccc;}

/**************************************************************
【background-colorの設定】
**************************************************************/
.bg-yellow{background:#ff0}        /* 黄色の文字背景 */
.bg-blue{background:#4ab0f5}    /* 青色の文字背景 */
.bg-red{background:red}            /* 赤色の文字背景 */

/****************************************************************
【align 配置の設定】
*****************************************************************/
.align1{text-align:center !important}    /* 中央寄せ */
.align2{text-align:right !important}    /* 右寄せ */
.align3{text-align:left !important}        /* 左寄せ */

/****************************************************************
【float 回り込みの設定】
*****************************************************************/
.r-flo{float:right;margin:5px}    /* 右に回り込み */
.l-flo{float:left;margin:5px}    /* 左に回り込み */
.f-clear{clear:both}            /* 回り込みの解除 */

/****************************************************************
【マウスオーバー時の画像リンク 不透明度の設定】※初期設定は60%
*****************************************************************/
a img.linkimg{background:none!important}
a:hover img.linkimg{
    opacity:0.6;
    filter:alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
    background:none!important;
}

/*************************************************************
【見出しの設定】デフォルトのボーダー色は灰色
*************************************************************/
.sub-menu01{
    border-left:7px solid #CCC;
    border-bottom:1px solid #CCC;
    padding:.6em .8em
}
.sub-menu03{
    border-left:7px solid #CCC;
    border-bottom:1px dashed #CCC;
    padding:.6em .8em
}
.sub-menu04{
    border-top:1px solid #CCC;
    border-right:1px solid #CCC;
    border-left:7px solid #e3297d;
    border-bottom:1px solid #CCC;
    padding:.8em .9em;
    background:#f8f8f8
}
.sub-menu05{
    border-left:7px solid #CCC;
    padding:.8em .9em;
    background:#f8f8f8
}
.sub-menu06{
    border-right:7px solid #CCC;
    border-left:7px solid #CCC;
    padding:.8em .9em;
    background:#f8f8f8
}
.sub-menu07{
    border-bottom:7px solid #CCC;
    padding:.8em .9em 0.3em;
    background:#f8f8f8
}
.sub-menu08{
    border-left:7px double #CCC;
    padding:.8em .9em;
    background:#f8f8f8
}
.sub-menu09{
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
    padding:.8em .9em
}

/*************************************************************
【marginの設定】
*************************************************************/
.m0{margin:0 !important}            /* margin 0px を指定するクラス */
.mt0{margin-top:0 !important}        /* margin-top0px を指定するクラス */
.mr0{margin-right:0 !important}        /* margin-right0px を指定するクラス*/
.mb0{margin-bottom:0 !important}    /* margin-bottom0px を指定するクラス*/
.ml0{margin-left:0 !important}        /* margin-left0px を指定するクラス*/

.m5{margin:5px !important}
.mt5{margin-top:5px !important}
.mr5{margin-right:5px !important}
.mb5{margin-bottom:5px !important}
.ml5{margin-left:5px !important}

.m10{margin:10px !important}
.mt10{margin-top:10px !important}
.mr10{margin-right:10px !important}
.mb10{margin-bottom:10px !important}
.ml10{margin-left:10px !important}

.m15{margin:15px !important}
.mt15{margin-top:15px !important}
.mr15{margin-right:15px !important}
.mb15{margin-bottom:15px !important}
.ml15{margin-left:15px !important}

.m20{margin:20px !important}
.mt20{margin-top:20px !important}
.mr20{margin-right:20px !important}
.mb20{margin-bottom:20px !important}
.ml20{margin-left:20px !important}

.m25{margin:25px !important}
.mt25{margin-top:25px !important}
.mr25{margin-right:25px !important}
.mb25{margin-bottom:25px !important}
.ml25{margin-left:25px !important}

.m30{margin:30px !important}
.mt30{margin-top:30px !important}
.mr30{margin-right:30px !important}
.mb30{margin-bottom:30px !important}
.ml30{margin-left:30px !important}

.m35{margin:35px !important}
.mt35{margin-top:35px !important}
.mr35{margin-right:35px !important}
.mb35{margin-bottom:35px !important}
.ml35{margin-left:35px !important}

.m40{margin:40px !important}
.mt40{margin-top:40px !important}
.mr40{margin-right:40px !important}
.mb40{margin-bottom:40px !important}
.ml40{margin-left:40px !important}

.m45{margin:45px !important}
.mt45{margin-top:45px !important}
.mr45{margin-right:45px !important}
.mb45{margin-bottom:45px !important}
.ml45{margin-left:45px !important}

.m50{margin:50px !important}
.mt50{margin-top:50px !important}
.mr50{margin-right:50px !important}
.mb50{margin-bottom:50px !important}
.ml50{margin-left:50px !important}

.m55{margin:55px !important}
.mt55{margin-top:55px !important}
.mr55{margin-right:55px !important}
.mb55{margin-bottom:55px !important}
.ml55{margin-left:55px !important}

.m60{margin:60px !important}
.mt60{margin-top:60px !important}
.mr60{margin-right:60px !important}
.mb60{margin-bottom:60px !important}
.ml60{margin-left:60p !important}

.m65{margin:65px !important}
.mt65{margin-top:65px !important}
.mr65{margin-right:65px !important}
.mb65{margin-bottom:65px !important}
.ml65{margin-left:65px !important}

.m70{margin:70px !important}
.mt70{margin-top:70px !important}
.mr70{margin-right:70px !important}
.mb70{margin-bottom:70px !important}
.ml70{margin-left:70px !important}

.m75{margin:75px !important}
.mt75{margin-top:75px !important}
.mr75{margin-right:75px !important}
.mb75{margin-bottom:75px !important}
.ml75{margin-left:75px !important}

.m80{margin:80px !important}
.mt80{margin-top:80px !important}
.mr80{margin-right:80px !important}
.mb80{margin-bottom:80px !important}
.ml80{margin-left:80px !important}

/**************************************************************
【paddingの設定】
**************************************************************/
.p0{padding:0 !important}            /* padding-0px を指定するクラス */
.pt0{padding-top:0 !important}        /* padding-top0px を指定するクラス */
.pr0{padding-right:0 !important}    /* padding-right0px を指定するクラス */
.pb0{padding-bottom:0 !important}    /* padding-bottom0px を指定するクラス */
.pl0{padding-left:0 !important}        /* padding-left0px を指定するクラス */

.p5{padding:5px !important}
.pt5{padding-top:5px !important}
.pr5{padding-right:5px !important}
.pb5{padding-bottom:5px !important}
.pl5{padding-left:5px !important}

.p10{padding:10px !important}
.pt10{padding-top:10px !important}
.pr10{padding-right:10px !important}
.pb10{padding-bottom:10px !important}
.pl10{padding-left:10px !important}

/*------------------------------------------------------------
■IE対策
-------------------------------------------------------------*/
#top .t-head,#top li,.headbox,#nav li,#contents,#firstSide,#secondSide,.tokushu img,#ad125,#ad125 ul li{display:inline;}
#firstSide,#secondSide,#ad125{zoom:1;}
#header{zoom:1;}
input, button{overflow:visible;}

/*----------------------------------------------------------------
Designed by DesignPlus CO.,LTD. All Rights Reserved.
----------------------------------------------------------------*/