/*----------------------------------------------------------
  Designed by office hidezo All Rights Reserved.
  product design : kx【JOY】ninja_css_3cex-right
  creation date  : 2015/01/03
------------------------------------------------------------*/
@charset "UTF-8";
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■ブラウザCSSリセット
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■基本設定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
body {
    -webkit-text-size-adjust: 100%;
    margin: 0 auto;
    outline: none;
    font-family: 'Lucida Grande', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, Verdana;
    font-size: 14px;
    text-align: center;
    word-wrap: break-word;
}

html {
    overflow-y: scroll;
}

img {
    padding: 0;
    border: none;
}

a:hover img {
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.6;
}

a img:hover { 
position: relative; 
top: 2px; 
left: 2px; 

}

a:link {
    color: #1111cc;
}

a:visited {
    color: #800080;
}

a:hover {
    color: #a00000;
}

a:active {
    color: #a00000;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ol {
    counter-reset: li;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.kensaku-text,.kensaku-submit,.input-submit,button,.comment-input,.comment-input2,select,textarea {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

input::-moz-focus-inner {
    padding: 0;
    border: 0;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■主要部分のベースカラー  4ヶ所のカラーコードを変更ください
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
#header-navi-outer,#globalmenu-outer,#globalmenu a:hover,#footer2-outer,.sidebar-title-outer,.sidebar-title,.sidetitle,.article-title-outer,.article-title,.postmore a:hover,.kijilist-title-outer,.kijilist-title,.post-title-outer,.post-title,.cm-title-outer,.cm-title,.tb-title-outer,.tb-title,.message-title,.page-navi1 a:hover,.page-navi2 a:hover,.navi-return a:hover,.ul-kl li a:hover:before,.kl-cat a:hover,.kl-read a:hover,.input-submit:hover,button:hover,#rssRegist:hover {
    background: #ff69b4;
}

.page-navi1 a:hover,.page-navi2 a:hover,.kl-cat a:hover,.input-submit:hover,button:hover {
    border: solid 1px #ff69b4;
}

#header1,#footer2-outer {
    border: solid 3px #ff69b4;
}

#header-navi-outer,#globalmenu a:hover,.sidebar-title-outer,
#footer2-outer,.navi-return a:hover,.input-submit:hover,button:hover {
    border-radius: 0\9;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff69b4', endColorstr='#ffffff/*←変更不可*/',GradientType=0 );/*forIE9*/
}


/*アレンジ用：差し色罫線*/
#header-outer {
    border-bottom: solid 0px ;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■記事装飾パーツのカラー
  ベースカラーと同じ色にするときはカラーコードを変更ください
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.h2-00,.ul-00 li,
.h2-01-main,.ul-01-main li,.ul-04-main li:after,.ul-05-main li:before {
    border: solid 3px #a7a7a7;
}

.ol-00 li:before,
.ul-04-main li:before,.ol-03-main li:before,.ol-04-main li:before {
    border: solid 1px #a7a7a7;
}

.table-00 th,
.h2-02-main,.h2-04-main,.h2-05-main:before,.h3-04-main,.h3-05-main:before,.ul-02-main li:before,.ul-03-main li:before,.ol-01-main li:before,.ol-02-main li:before,.parts-01-main,.parts-02-main,.parts-03-main,.parts-04-main,.parts-05-main {
    background: #a7a7a7;
}

.h2-03-main,.h3-01-main,.h3-02-main,.h3-03-main {
    border: solid 2px #a7a7a7;
}

.h2-03-main {
    border-left: solid 15px #a7a7a7;
}

.h2-02-main,.parts-01-main,.parts-03-main {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7a7a7', endColorstr='#ffffff/*←変更不可*/',GradientType=0 );/*forIE9*/
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■背景色
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*ボディ*/
body {background: #ffffff;}

/*コンテナ #container2or3*/
#container1 {background: none;}

/*コンテナ内側*/
#container-in {background: none;}

/*メインカラム*/
#content1,#content2,#content3 {background: none;}

/*サイドバー*/
#sidebarbody-l,#sidebarbody-r,.sidecontent {background: none;}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■基本レイアウト(全体の幅・余白)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*バグ対策 (全体幅＋40px以上で設定) */
body {
    min-width: 1040px;
}

/*全体幅 (1000px:0px+(メインカラム540px)+10px+(左サイド220px)+10px+(右サイド220px)+0px) */
#container-in {
    width: 1000px;
    padding: 20px 0 20px 0;
}

/*グローバルメニュー・フッターの内側幅 (全体の幅－10pxで設定) */
#globalmenu-in,#footer2,#footerinfo {
    width: 990px;
}

/*ヘッダー内側幅 (全体の幅－40pxで設定) */
#header {
    width: 960px;
}

/*メインカラム幅 (540px:5px+(15px+500px+15px)+5px) */
#content1,#content2,#content3 {
    width: 530px;
    float: left;
    padding: 5px 5px 1px 5px;
    /*各コンテンツで別途に左右15pxの指定あり*/
}

/*左サイドバー幅 (220px:5px+(5px+200px+5px)+5px) */
#sidebar1-l,#sidebar2-l,#sidebar3-l {
    width: 220px;
    float: left;
    margin: 0 10px 0 0;
}

#sidebarbody-l {
    padding: 5px 5px 1px 5px;
    /*サイドバーで別途に左右5pxの指定あり*/
}

/*右サイドバー幅 (220px:5px+(5px+200px+5px)+5px) */
#sidebar1-r,#sidebar2-r,#sidebar3-r {
    width: 220px;
    float: right;
}

#sidebarbody-r {
    padding: 5px 5px 1px 5px;
    /*サイドバーで別途に左右5pxの指定あり*/
}

/*ラッパー (450px:左サイド220px+10px+右サイド220px) */
#wrapper1,#wrapper2 {
    width: 450px;
    float: right;
}

/*サイドバー上コンテンツ*/
.sidecontent {
    margin: 0 0 5px 0;
    padding: 5px;
    text-align: left;
}

/*フッターinfo幅 (930px:0px+(左側470px)+30px+(中央200px)+30px+(右側200px)+0px) */
#footerinfo-outer {
    padding: 20px 0 0 0;
}

.fi-l {width: 470px; float: left; margin: 0 30px 0 0;} /*左側*/
.fi-c {width: 200px; float: left;}                     /*中央*/
.fi-r {width: 200px; float: right;}                    /*右側*/


/*記事下コンテンツ*/
.kijishita   {width: 100%; float: left;}                     /*全体*/
.kijishita-l {margin-right: 0px;}                            /*左体*/
.kijishita-r {width: 100%; float: right; margin-left: -0px;} /*右側*/


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■主要部分の文字色
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*主要部分*/
body,.style03 a,.blog-title a,#globalmenu a,#footerinfo a,.sidebar-title,
.sidebar-title a,.sidetitle,.relatetitle a,.relatebody a,.cmtitle a {
    color: #333;
}

.style03 a:hover,.blog-title a:hover,#footerinfo a:hover,
.relatetitle a:hover,.relatebody a:hover,.cmtitle a:hover {
    color: #a00;
}

/*サイドバー*/
#sidebarbody-l,#sidebarbody-r {
    color: #777;
}

.sidebar-body a,.side a,.side-tag a {
    color: #777;
}

#sidebarbody-l a:hover,#sidebarbody-r a:hover {
    color: #a00;
}

/*サイドバー&記事一覧上下フリースペース*/
.ad4 a {color: #1111cc;}
.ad4 a:hover {color: #a00;}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■文字サイズと行の高さ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*主要部分1・記事本文*/
.article-body,.post,.eyecatchbanner,.sidecontent,#tag_cloud,.message-board,.message,.gnavi {
    font-size: 14px;
    line-height: 1.8;
}

/*ブログタイトル*/
.blog-title {
    font-size: 0px;
    line-height: 1.4;
}

/*ブログ説明文*/
.blog-intro,.style02,.header-imgr,.header-imgl {
    font-size: 0px;
    line-height: 1.4;
}

/*グローバルメニュー*/
#globalmenu {
    font-size: 12px;
    line-height: 1.4;
}

/*記事タイトル*/
.style03,.page-title {
    font-size: 26px;
    line-height: 1.2;
}

/*タイトル1(フリースペース・CM・TB・続きを読む)*/
.style04,.style05,.style06,.postmore a,.message-title h3 {
    font-size: 16px;
    line-height: 1.4;
}

/*タイトル2(サイドバー・フッターinfo)*/
.sidebar-title,.sidetitle,.ftitle {
    font-size: 14px;
    line-height: 1.4;
}

/*主要部分2(サイドバー・フッターinfo・記事一覧・記事下コンテンツ)*/
#sidebarbody-l,#sidebarbody-r,#footerinfo,.kijilist1,.kijilist2,.kijilist3,.kijilist4,.kijishita {
    font-size: 12px;
    line-height: 1.8;
}

/*h2見出しタイトル(変更は非推奨)*/
h2,.article-body h2,.post-body h2,.sidebar-body h2,.side h2 {
    font-size: 20px;
    line-height: 1.1;
}

/*h3見出しタイトル(変更は非推奨)*/
h3,.article-body h3,.post-body h3,.sidebar-body h3,.side h3 {
    font-size: 16px;
    line-height: 1.4;
}

/*文字だけ見出し(変更は非推奨)*/
.copy,h2.copy,h3.copy {
    font-size: 20px;
    line-height: 1.4;
}

/*主要部分3(変更は非推奨)*/
.fa-kx{
    font-size: 13px;
}

#header-navi,.kensaku-text,.kensaku-submit {
    font-size: 12px;
}

.navi-return,.kl-read a,.kltitle,.comtitle,legend,address a {
    font-size: 14px;
    line-height: 1.6;
}

.pankuzu,.page-navi3,.tag-search,.cmtitle,.cmbody,textarea,
.input-submit,button,.relate,.relatetitle,.relatetitle h2,.sonet-relate,
#relating-words,#nices,.related-articles h3,.ad,.ad1,.ad2,.ad3,.ad4,.ad5,.ad-pc,.ad-sp {
    font-size: 12px;
    line-height: 1.6;
}

#footer2,.article-header,.article-footer,.kb-l,.kl-info,.kl-info1,#cms,#tbs {
    font-size: 11px;
    line-height: 1.6;
}

.kijilist-body li a {
    font-size: 18px;
    line-height: 1.2;
}

.kl-cat a,.kl-date {
    font-size: 11px;
    line-height: 2.5;
}

.page-navi1,.page-navi2 {
    font-size: 11px;
    line-height: 2.5;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■各ブロック毎のデザイン設定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*----------------------------------------------------------
●ボディ・コンテナ・カラム
------------------------------------------------------------*/
/*コンテナ*/
#container1,#container2,#container3,#container-in {
    margin: 0 auto;
}

/*メインカラム*/
#content1,#content2,#content3 {
    border: solid 0px #d1d1d1;
    border-radius: 6px;
}

/*サイドバー*/
#sidebarbody-l,#sidebarbody-r,.sidecontent {
    border: solid 0px #d1d1d1;
    border-radius: 6px;
}

/*モダンブラウザ対策*/
#globalmenu:after,#container-in:after,#footerinfo:after {
    display: block;
    content: "";
    clear: both;
    height: 0;
}

/*リンク文字アンダーライン*/
#header1 a,#footer2 a,#footerinfo a,.sidebar-body a,.side a,.side-tag a,.article-title a,.article-header a,.article-footer a,.relate a,.pankuzu a,.page-navi1 a,.page-navi2 a,.page-navi3 a,.navi-return a,.kijilist-body li a,.kl-info a,.kl-info1 a,.kl-cat a,.kl-date a,.kl-read a,.cmtitle a,.cmbody1 a,.cmbody2 a,.cminfo a,.related-articles ul li a,.sidebar-title a {
    text-decoration: none;
}

#header1 a:hover,#footer2 a:hover,#footerinfo a:hover,#sidebarbody-l a:hover,#sidebarbody-r a:hover,.article-title a:hover,.article-header a:hover,.article-footer a:hover,.relate a:hover,.pankuzu a:hover,.page-navi1 a:hover,.page-navi2 a:hover,.page-navi3 a:hover,.kijilist-body li a:hover,.kl-info a:hover,.kl-info1 a:hover,.kl-cat a:hover,.kl-date a:hover,.kl-read a:hover,.cmtitle a:hover,.cmbody1 a:hover,.cmbody2 a:hover,.cminfo a:hover,.related-articles ul li a:hover {
    text-decoration: underline;
}

/*ホバーエフェクト*/
a:hover img,.kensaku-submit:hover,#globalmenu a:hover,#globalmenu li ul li,.postmore a:hover,.page-navi1 a:hover,.page-navi2 a:hover,.navi-return a:hover,.ul-kl li a:hover,.ul-kl li a:before,.ul-kl li a:after,.kl-cat a:hover,.kl-read a:hover,.input-submit:hover,button:hover {
    -o-transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
}


/*----------------------------------------------------------
●ヘッダー&グローバルメニュー
------------------------------------------------------------*/
#header1 {
    position: relative;
    border-top: none;
    border-right: none;
    border-left: none;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);
    background: none;
}

/*ヘッダーナビ*/
#header-navi-outer {
    position: relative;
    z-index: 100;
    width: 100%;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.3);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
}

#header-navi {
    clear: both;
    overflow: hidden;
    padding: 4px 10px;
    word-wrap: normal;
}

.header-navi-l {float: left; text-align: left;}   /*左側:h1部分  */
.header-navi-r {float: right; text-align: right;} /*右側:検索部分*/


#header-navi li {
    float: left;
    padding: 0 0 0 5px;
}

/*検索フォーム*/
.kensaku-text {
    -webkit-appearance: none;
    width: 120px;
    margin: 0;
    padding: 0 5px;
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.1) inset,0 -1px 1px 0 rgba(0,0,0,0.1) inset;
    border: none;
    border-radius: 2px 0 0 2px;
    background: rgba(255,255,255,0.9);
}

.kensaku-submit {
    -webkit-appearance: none;
    margin: 0;
    padding: 0 10px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1) inset,-1px -1px 1px 0 rgba(0,0,0,0.1) inset;
    border: none;
    border-radius: 0 2px 2px 0;
    background: rgba(255,255,255,0.8);
    color: #777;
}

.kensaku-submit:hover {
    background: rgba(0,0,0,0.3);
    color: #fff;
}

/*ヘッダーナビの文字*/
#header-navi,#header-navi a {
    color: #fff;
}

#header-navi a:hover {
    color: #fff;
}

/*h1の文字*/
.style01 {
    display: inline;
    font-weight: normal;
    text-align: left;
    color: #fff;
}

.style02 {
    padding: 0 0 0 10px;
    font-weight: normal;
    text-align: right;
    color: #777;
}

/*ヘッダー外側*/
#header-outer {
    padding: 20px 0 20px 0;
}

/*ヘッダー内側 : 画像利用のサイズ指定は 縦幅 width:900px; 縦幅 height:200px; 等を追加*/
#header {
    clear: both;
    overflow: hidden;
    border: solid 0px #d1d1d1;
    background: url(http://file.dietskau.tou3.com/otya_header900a.jpg) no-repeat;
width: 900px;
height: 225px;
}

.header-l {width: 100%; float: left;}  /*左側:タイトル:横並びは50%*/
.header-r {width: 100%; float: right;} /*右側:説明文  :横並びは50%*/


/*ブログタイトルの文字*/
.blog-title {
    padding: 0 0 0 0;
    font-weight: bold;
    text-align: left;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}

.blog-title a {
    font-weight: bold;
}

/*ブログ説明文の文字*/
.blog-intro {
    padding: 0 0 0 0;
    text-align: left;
    color: #777;
}

/*ヘッダーフリースペース*/
.header-imgr {max-width: 100%; float: right; padding: 0 0 0 10px;}
.header-imgl {max-width: 100%; float: left; padding: 0 10px 0 0;}


/*ヘッダーその他*/
#header1,#header-navi-outer,#header-navi,#header-outer,#header,.blog-title,.blog-intro,.header-imgr,.header-imgl {
    margin: 0 auto;
}

/*グローバルメニュー外側(背景)*/
#globalmenu-outer {
    margin: 0 auto;
    border-top: solid 1px #d1d1d1;
    background: #ffffff;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
}

/*グローバルメニュー外側(レスポンシブ用)*/
#globalmenu-toggle,#sp-s,.sp,.arrow {
    display: none;
}

/*グローバルメニュー内側*/
#globalmenu-in {
    margin: 0 auto;
}

#globalmenu {
    margin: 0 auto;
    border-left: solid 1px #d1d1d1\9;
    border-left: solid 1px rgba(0,0,0,0.1);
}

#globalmenu li {
    position: relative;
    float: left;
    margin: 0;
}

#globalmenu a {
    display: inline-block;
    height: 100%;
    padding: 10px 15px;
    border-right: solid 1px #d1d1d1\9;
    border-right: solid 1px rgba(0,0,0,0.1);
    border-left: solid 1px rgba(255,255,255,0.2);
    font-weight: bold;
}

#globalmenu a:hover {
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 100%);
    color: #fff;
}

/*グローバルメニューのプルダウンメニュー*/
#globalmenu li ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 200;
    width: 200px;
}

#globalmenu li ul li {
    width: 100%;
    height: 0;
    overflow: hidden;
}

#globalmenu li ul li a {
    display: block;
    height: 12px; /*or100%*/
    line-height: 1;
    overflow: hidden;
    padding: 12px 10px;
    border: none;
    border-radius: 0;
    font-weight: normal;
    text-align: left;
    color: #fff;
}

#globalmenu li:hover > ul > li {
    height: 36px; /*or100%*/
    overflow: visible;
}

#globalmenu li ul {background: rgba(0,0,0,0.6);}
#globalmenu li ul li ul {background: rgba(0,0,0,0.8);}
#globalmenu li ul li ul li ul {background: rgba(0,0,0,0.6);}
#globalmenu li ul li ul li ul li ul {background: rgba(0,0,0,0.8);}

#globalmenu li ul li > ul,
#globalmenu li ul li ul li ul li > ul {
    top: 0;
    left: 100%;
}

#globalmenu li ul li ul li > ul {
    left: -100%;
    width: 100%;
}

#globalmenu li ul li > ul:before,
#globalmenu li ul li ul li ul li > ul:before {
    position: absolute;
    content: "";
    top: 11px;
    left: -10px;
    border: 7px solid transparent;
    border-left-color: #fff;
}

#globalmenu li ul li ul li > ul:before {
    left: 200%;
    margin: 0 0 0 -20px;
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

#globalmenu li ul li ul li ul li > ul:before {
    margin: 0 0 0 0;
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}


/*----------------------------------------------------------
●サイドバー
------------------------------------------------------------*/
/*サイドバータイトル*/
.sidebar-title-outer {
    padding: 0;
    border-radius: 6px;
    background-image: -webkit-linear-gradient(top, rgba(153,153,153,0.1) 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0.4) 45%, rgba(255,255,255,0.4) 55%, rgba(255,255,255,0.3) 70%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(153,153,153,0.1) 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0.4) 45%, rgba(255,255,255,0.4) 55%, rgba(255,255,255,0.3) 70%, rgba(153,153,153,0.1) 100%);
}

.sidebar-title,.sidetitle {
    padding: 5px 10px;
    border: solid 1px #d1d1d1;
    border-radius: 6px;
    background: #ffffff;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
    font-weight: bold;
    text-align: left;
}

/*サイドバーボディ*/
.sidebar-body,.side,.side-tag {
    overflow: hidden;
    margin: 0 0 10px 0;
    padding: 10px 5px;
    border-top: none;
    border-radius: 6px;
    background: none;
    text-align: left;
}


/*----------------------------------------------------------
●フッター
------------------------------------------------------------*/
/*フッター全体*/
#footer1 {
    background: none;
}

/*フッター2(アドレス部分)*/
#footer2-outer {
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: 0 -5px 5px 0 rgba(0,0,0,0.3);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(0,0,0,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(0,0,0,0.1) 100%);
}

/*フッターinfo外側*/
#footerinfo-outer {
    background: rgba(234,234,234,1);
}

/*フッターinfo内側*/
#footerinfo {
    clear: both;
    overflow: hidden;
    margin: 0 auto;
    text-align: left;
}

.ftitle {
    padding: 5px 0;
    border-top: solid 1px #d1d1d1;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.f-body {
    margin: 0 0 20px 0;
}

/*フッターの文字*/
#footer2,#footer2 a {
    color: #fff;
}

#footer2 a:hover {
    color: #fff;
}

/*フッターその他*/
#footer1,#footer2-outer {
    clear: both;
    margin: 0 auto;
}

#footer2 {
    margin: 0 auto;
    padding: 20px 0;
    text-align: left;
}

address {
    display: inline;
    font-style: normal;
    text-align: left;
}


/*----------------------------------------------------------
●アイチャッチバナー
------------------------------------------------------------*/
/*外側*/
.eyecatchbanner-outer {
    background: rgba(234,234,234,1);
}

/*内側 : 画像利用のサイズ指定は 縦幅 width:900px; 縦幅 height:200px; 等を追加*/
.eyecatchbanner {
    padding: 20px 0;
    border: solid 0px #d1d1d1;
    background: none;
    text-align: center;
}


/*----------------------------------------------------------
●個別記事
------------------------------------------------------------*/
/*記事全体*/
.article1,.article2,.article3 {
    margin: 0 0 20px 0;
    padding: 0;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
    border-radius: 6px;
    background: #ffffff;
}

/*記事ボディ*/
.article-body {
    overflow: hidden;
    padding: 15px 15px 0 15px;
    border: solid 1px #d1d1d1;
    border-top: none;
    border-radius: 0 0 6px 6px;
    text-align: left;
}

/*記事タイトル*/
.article-title-outer {
    padding: 15px 0 2px 0;
    border-radius: 6px 6px 0 0;
    background-image: -webkit-linear-gradient(top, rgba(153,153,153,0.1) 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0.4) 45%, rgba(255,255,255,0.4) 55%, rgba(255,255,255,0.3) 70%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(153,153,153,0.1) 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0.4) 45%, rgba(255,255,255,0.4) 55%, rgba(255,255,255,0.3) 70%, rgba(153,153,153,0.1) 100%);
}

.article-title {
    border-left: solid 1px #d1d1d1;
    border-right: solid 1px #d1d1d1;
    border-radius: 0;
    background: #ffffff;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
}

/*記事タイトルの文字*/
.style03 {
    margin: 0 auto;
    padding: 15px 15px 0 15px;
    font-weight: bold;
    text-align: left;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}

.style03 a {
    font-weight: bold;
}

/*記事ヘッダー*/
.article-header {
    clear: both;
    overflow: hidden;
    padding: 5px 15px 5px 15px;
}

.ah-l {width: 100%; float: left; text-align: left;}   /*左側:基本100%:横並びは50%*/
.ah-r {width: 100%; float: right; text-align: right;} /*右側:基本100%:横並びは50%*/


.ah-l li {display: inline; padding: 0 5px 0 0;}
.ah-r li {display: inline; padding: 0 0 0 5px; text-align: right;}


.article-header,.article-header a {
    color: #777;
}

.article-header a:hover {
    color: #a00;
}

/*記事フッター*/
.article-footer {
    clear: both;
    margin: 10px 0 0 0;
    padding: 5px 0;
    border-top: solid 1px #d1d1d1;
    text-align: right;
}

.article-footer li {
    display: inline;
    padding: 0 0 0 5px;
    text-align: right;
}

.article-footer,.article-footer a {
    color: #777;
}

.article-footer a:hover {
    color: #a00;
}

/*続きを読む*/
#more {
    padding: 20px 0 0 0;
}

.postmore {
    margin: 5px 0;
    padding: 5px 0;
    text-align: right;
}

.postmore a {
    padding: 5px;
    border-radius: 6px;
}

.postmore a:hover {
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    color: #fff;
}

/*記事下コンテンツ*/
.kijishita {
    clear: both;
    overflow: hidden;
}


/*----------------------------------------------------------
●記事内の関連記事・カテゴリ・タグ
------------------------------------------------------------*/
.af {
    clear: both;
    overflow: hidden;
    margin: 0 auto;
    padding: 15px 0 0 0;
}

.af-l {width: 50%; float: left;}  /*左側:基本50%:縦並びは100%*/
.af-r {width: 50%; float: right;} /*右側:基本50%:縦並びは100%*/


.relate {
    margin: 0 0 15px 0;
    padding: 0 2px;
    text-align: left;
}

.relatetitle {
    word-wrap: normal;
    margin: 0 0 5px 0;
    padding: 2px 10px;
    border-radius: 6px;
    background: rgba(234,234,234,0.5);
    font-weight: bold;
}

.relatebody {
    margin: 0 auto;
    padding: 0 10px;
}

.relatebody a {
    padding: 0 2px 0 0;
}

.relatebody li {
    margin: 0 0 5px 0;
    border-bottom: dotted 1px #d1d1d1;
}


/*----------------------------------------------------------
●ソーシャルボタン
------------------------------------------------------------*/
.social1 {
    margin: 0 auto;
    text-align: left;
}

.social2 {
    margin: 0 auto;
    padding: 0 2px;
    text-align: left;
}

.social1 ul {
    padding: 0;
}

.social1 li {
    display: inline-block;
    *display: inline; zoom: 1; /*IE7*/
}

.social2 ul {
    padding: 0;
}

.social2 li {
    display: inline-block;
    *display: inline; zoom: 1; /*IE7*/
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.social li.hatena,.social li.google,.social li.twitter,.social li.facebook {
    background-position: 0 0;
    margin: 0 auto;
    padding: 0;
}

.social1 li.google {
    margin-right: -32px;
}

.social1 li.twitter {
    margin-right: -42px;
}

/*facebook*/
.fb-like {float: left;}


/*縦並びは適用*/
/* .social2 li {display: block;}
.fb-like {float: none;}

/*記事外に出すときは適用*/
/* .social2 {position: fixed; bottom: 10px; left: 10px; text-align: center;}
.social2 li {padding: 3px 0 0 0;}


/*----------------------------------------------------------
●広告フリースペース
------------------------------------------------------------*/
.ad,.ad1,.ad2,.ad3,.ad4,.ad5 {
    clear: both;
    overflow: hidden;
}

.ad1 {margin: 0 0 20px 0;}

.ad2 {margin: 20px 0 0 0;}

.ad3 {
    margin: 0 0 20px 0;
    padding: 0 15px;
    border-radius: 6px;
    background: #ffffff;
    text-align: left;
}

.ad4 p {margin: 0 0 20px 0;}

.ad5 p {margin: 10px 0 0 0;}

.ad-l {width: 50%; float: left;}  /*左側*/
.ad-r {width: 50%; float: right;} /*右側*/

.ad-sp {display: none;}


/*----------------------------------------------------------
●記事一覧・フリースペース・コメント・トラックバック(共通指定)
------------------------------------------------------------*/
/*全体*/
.kijilist1,.kijilist2,.kijilist3,.kijilist4,.post,#cms,#tbs,#nices,#relating-words,.message {
    margin: 0 0 20px 0;
    padding: 0;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
    border-radius: 6px;
    background: #ffffff;
    text-align: left;
}

/*ボディ*/
.kijilist-body,.post-body,.com-body,.message-body {
    border: solid 1px #d1d1d1;
    border-top: none;
    border-radius: 0 0 6px 6px;
}

/*タイトル*/
.kijilist-title-outer,.post-title-outer,.cm-title-outer,.tb-title-outer {
    padding: 0 0 2px 0;
    border-radius: 6px 6px 0 0;
    background-image: -webkit-linear-gradient(top, rgba(153,153,153,0.1) 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0.4) 45%, rgba(255,255,255,0.4) 55%, rgba(255,255,255,0.3) 70%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(153,153,153,0.1) 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0.4) 45%, rgba(255,255,255,0.4) 55%, rgba(255,255,255,0.3) 70%, rgba(153,153,153,0.1) 100%);
}

.kijilist-title,.post-title,.cm-title,.tb-title,.message-title {
    border: solid 1px #d1d1d1;
    border-bottom: none;
    border-radius: 6px 6px 0 0;
    background: #ffffff;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
}

/*タイトルの文字*/
.style04,.style05,.style06,.message-title {
    margin: 0 auto;
    padding: 10px 15px;
    font-weight: bold;
    text-align: left;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}


/*----------------------------------------------------------
●記事一覧
------------------------------------------------------------*/
/*記事一覧ボディ*/
.kijilist-body {
    padding: 15px 15px 5px 15px;
}

.kijilist-body1 {
    overflow: hidden;
    margin: 0 0 10px 0;
    padding: 5px 0 10px 0;
    border-bottom: dotted 1px #d1d1d1;
}

.kijilist-body2 {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: dotted 1px #d1d1d1;
}

.kltitle {
    margin: 0 0 5px 0;
    font-weight: bold;
}

/*記事一覧のリスト*/
.ul-kl {
    padding: 0;
}

.ul-kl li {
    display: block;
    width: 100%;
}

.ul-kl li a {
    display: block;
    position: relative;
    padding: 0 35px 0 0;
}

.ul-kl li a:before {
    position: absolute;
    top: -5px;
    right: 0;
    content: "";
    height: 30px;
    width: 30px;
    border-radius: 50%;
}

.ul-kl li a:after {
    position: absolute;
    top: 2px;
    right: 10px;
    content: "";
    width: 13px;
    height: 13px;
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: solid 2px #d1d1d1;
    border-bottom: solid 2px #d1d1d1;
}

.ul-kl li a:hover:after {
    border-right: solid 2px #ffffff;
    border-bottom: solid 2px #ffffff;
}

/*記事一覧その他*/
.kijilist-body li {
    margin: 0 auto;
}

.kijilist-body li a {
    font-weight: bold;
}

.kijilist-body li a:hover {
    color: #a00;
}

.kl-info,.kl-info1 {
    margin: 5px 0 0 0;
    font-weight: normal;
    color: #777;
}

.kl-info1 {
    margin: 0 0 5px 0; /*アレンジ用*/
}

.kl-info a,.kl-info1 a {
    color: #777;
}

.kl-info a:hover,.kl-info1 a:hover {
    color: #a00;
}

.kl-cat a,.kl-date {
    margin: 0 5px 0 0;
    padding: 1px 5px;
    border: solid 1px #d1d1d1;
    border-radius: 4px;
    background: none;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    background: #f3f3f3\9;
    color: #777;
}

.kl-cat a:hover,.kl-read a:hover {
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    color: #fff;
}

.kl-read {
    margin: 10px 0 0 0;
    text-align: right;
}

.kl-read a {
    padding: 3px 10px;
    border-radius: 4px;
    background: rgba(0,0,0,0.2);
    color: #fff;
}


/*----------------------------------------------------------
●フリースペース
------------------------------------------------------------*/
/*フリースペース ボディ*/
.post-body,.message-body {
    overflow: hidden;
    padding: 15px;
}


/*----------------------------------------------------------
●コメント・トラックバック
------------------------------------------------------------*/
/*CM・TBボディ*/
.com-body {
    padding: 15px;
}

.com-body1,.com-body3 {
    margin: 0 0 15px 0;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1) inset;
    border-radius: 6px;
}

.com-body2 {
    margin: 0 auto;
}

.com-body3 {
    padding: 15px;
    border: solid 1px #d1d1d1;
    background: rgba(234,234,234,0.5);
}

.comtitle {
    margin: 0 0 5px 0;
}

/*CM・TBその他*/
.cmbody {
    margin: 0 auto;
    padding: 15px;
    border: solid 1px #d1d1d1;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    background: rgba(234,234,234,0.1);
}

.cminfo {
    margin: 0 auto;
    padding: 3px 15px;
    border: solid 1px #d1d1d1;
    border-radius: 0 0 4px 4px;
    background: rgba(234,234,234,0.1);
    text-align: right;
}

.cmtitle {
    margin: 0 auto;
}

.cminfo,.cminfo a {
    color: #777;
}

.cminfo a:hover {
    color: #a00;
}

textarea {
    height: 150px;
    padding: 5px;
}

.comment-input,.comment-input2 {
    width: 70%;
}

.comment-input2 {
    color: #777;
}

.cmbody1 {
    margin: 0 auto;
    color: #777;
}

.cmbody2 {
    margin: 0 0 5px 0;
    color: #777;
}

.cmbody3 {
    margin: 0 auto;
    text-align: right;
}

.form-btn {
    margin: 0 auto;
}

.input-submit,button {
    padding: 3px 10px;
    border: solid 1px #d1d1d1;
    border-radius: 4px;
    background: none;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    background: #f3f3f3\9;
}

.input-submit:hover,button:hover {
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    color: #fff;
}


/*----------------------------------------------------------
●管理者コメントのデザイン
------------------------------------------------------------*/
.ひで蔵,.res {
    position: relative;
    margin: 0;
    border-radius: 4px;
    background: rgba(0,0,0,0.1);
}

.ひで蔵:before,.res:before {
    position: absolute;
    top: 10px;
    right: 10px;
    float: right;
    content: "Re:";
    line-height: 1;
    font-weight: bold;
    font-size: 30px;
    color: #fff;
}


/*----------------------------------------------------------
●基本記事装飾パーツ
------------------------------------------------------------*/
/*画像寄せ*/
.imgl {max-width: 100%; float: left; margin: 0 10px 5px 0;}  /*左寄せ*/
.imgr {max-width: 100%; float: right; margin: 0 0 5px 10px;} /*右寄せ*/

/*文字回り込み無し*/
.text00 {overflow: auto; zoom: 1px; margin: 0;}

/*文字回り込み解除*/
.clear {clear: both; margin: 0;}
.clearleft {clear: left; margin: 0;}
.clearright {clear: right; margin: 0;}

/*文字のみ見出し*/
.copy {
    margin: 0;
    padding: 0;
    font-weight: bold;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}

h2.copy,h3.copy {
    margin: 0;
    padding: 0;
    box-shadow: none;
    border: none;
    background: none;
    filter: none;
    font-weight: bold;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}

/*h2見出しタグ*/
.h2-00 {
    margin: 0 0 5px 0;
    padding: 10px;
    border-top: solid 1px #c0c0c0;
    border-right: solid 1px #c0c0c0;
    border-left: solid 1px #c0c0c0;
    background: #ffffff;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
    font-weight: bold;
}

/*h3見出しタグ*/
.h3-00 {
    margin: 0 0 5px 0;
    padding: 5px 10px;
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.1),0 0 1px 1px rgba(255,255,255,0.9) inset;
    border: solid 1px #d1d1d1;
    background: #ffffff;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
    font-weight: bold;
}

/*ulタグ*/
.ul-00 li {
    line-height: 22px; /*must*/
    margin: 0 0 5px 0;
    padding: 0 0 0 5px;
    border-top: none;
    border-right: none;
    border-bottom: dotted 1px #d1d1d1;
}

/*olタグ*/
.ol-00 li {
    position: relative;
    margin: 0 0 5px 0;
    padding: 0;
}

.ol-00 li:before {
    content: counter(li);
    counter-increment: li;
    padding: 0 6px;
    border-radius: 6px;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.1),(min--moz-device-pixel-ratio: 1.1) {
    .ol-00 li:before {padding: 3px 6px;}
}

/*tableタグ*/
.table-00 {
    width: auto;
    border-spacing: 0;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
}

.table-00 th {
    padding: 5px 15px;
    border-right: solid 1px rgba(255,255,255,0.2);
    border-bottom: solid 1px rgba(255,255,255,0.2)\9;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
    color: #fff;
}

.table-00 th:last-child {
    border-right: none;
    border-bottom: none\9;
}

.table-00 tr td {
    padding: 5px 15px;
    border-bottom: solid 1px #d1d1d1;
    border-right: solid 1px #d1d1d1;
    text-align: center;
}

.table-00 tr:nth-child(2n+1) {
    background: rgba(234,234,234,0.5);
}

.table-00 tr td:first-child {
    border-left: solid 1px #d1d1d1;
}

.table-00 tr:first-child td {  
    border-top: solid 1px #d1d1d1;
}

/*引用タグ*/
blockquote {
    position: relative;
    margin: 0 auto;
    padding: 30px;
    border-radius: 6px;
    border: solid 1px #d1d1d1;
    background: rgba(234,234,234,0.5);
}

blockquote:before {
    position: absolute;
    top: 5px;
    left: 5px;
    float: left;
    content: "“";
    line-height: 1;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 60px;
    color: #d1d1d1;
}

blockquote:after {
    position: absolute;
    bottom: -30px;
    right: 5px;
    float: right;
    content: "”";
    line-height: 1;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 60px;
    color: #d1d1d1;
}

/*アレンジ用：パーツの文字・余白・幅*/
.parts-01-blue,.parts-01-navy,.parts-01-red,.parts-01-green,.parts-01-orange,.parts-01-purple,.parts-01-pink,.parts-01-black,.parts-01-glay,.parts-01-main,
.parts-02-blue,.parts-02-navy,.parts-02-red,.parts-02-green,.parts-02-orange,.parts-02-purple,.parts-02-pink,.parts-02-black,.parts-02-glay,.parts-02-main {
    line-height: 1.2;
    padding: 1px 10px;
    font-size: 18px;
}

.parts-03-blue,.parts-03-navy,.parts-03-red,.parts-03-green,.parts-03-orange,.parts-03-purple,.parts-03-pink,.parts-03-black,.parts-03-glay,.parts-03-main,
.parts-04-blue,.parts-04-navy,.parts-04-red,.parts-04-green,.parts-04-orange,.parts-04-purple,.parts-04-pink,.parts-04-black,.parts-04-glay,.parts-04-main {
    line-height: 1.2;
    width: 100px;
    padding: 5px 10px;
    font-size: 18px;
}

.parts-05-blue,.parts-05-navy,.parts-05-red,.parts-05-green,.parts-05-orange,.parts-05-purple,.parts-05-pink,.parts-05-black,.parts-05-glay,.parts-05-main {
    line-height: 1.2;
    width: 40px;
    height: 40px;
    padding: 15px;
    font-size: 18px;
}

/*サイドバーのリスト*/
.sidebar-body ul li,.side ul li {
    font-weight: normal;
}


/*----------------------------------------------------------
●パン屑リスト
------------------------------------------------------------*/
.pankuzu {
    margin: 0 0 10px 0;
    padding: 1px 15px;
    border-radius: 6px;
    background: none;
    text-align: left;
}

.pankuzu li {
    display: inline;
    padding: 0 10px 0 0;
}

.pankuzu a {
    color: #777;
}

.pankuzu a:hover {
    color: #a00;
}


/*----------------------------------------------------------
●ページナビ(トップに戻る)
------------------------------------------------------------*/
.navi-return {
    position: fixed;
    bottom: 0;
    right: 2px;
    z-index: 100;
    text-align: left;
}

.navi-return a {
    display: block;
    margin: 0 0 2px 0;
    padding: 10px 15px;
    border-radius: 4px;
    background: rgba(0,0,0,0.2);
    color: #fff;
}

.navi-return a:hover {
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    color: #fff;
}


/*----------------------------------------------------------
●ページナビ3(前後記事)
------------------------------------------------------------*/
.page-navi3 {
    width: 100%;
    margin: 0 0 20px 0;
    font-weight: bold;
}

.pn3 {
    clear: both;
    overflow: hidden;
    padding: 1px 5px;
    border-radius: 6px;
    background: none;
}

.pn3-l {width: 40%; float: left; text-align: left;}   /*左側*/
.pn3-c {width: 20%; float: left;}                     /*中央*/
.pn3-r {width: 40%; float: right; text-align: right;} /*右側*/


.page-navi3 a {
    font-weight: normal;
    color: #777;
}

.page-navi3 a:hover {
    color: #a00;
}


/*----------------------------------------------------------
●ページナビ1・2(前後ページ)
------------------------------------------------------------*/
.page-navi1,.page-navi2 {
    clear: both;
    margin: 0 0 20px 0;
    padding: 1px 5px;
    border-radius: 6px;
}

.page-navi1 li,.page-navi2 li {
    display: inline;
}

.page-navi1 a,.page-navi2 a {
    padding: 3px 10px;
    border: solid 1px #d1d1d1;
    border-radius: 4px;
    background: #ffffff;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    background: #f3f3f3\9;
    color: #777;
}

.page-navi1 a:hover,.page-navi2 a:hover {
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    color: #fff;
}


/*----------------------------------------------------------
●記事一覧の画像
------------------------------------------------------------*/
/*画像側の幅・画像サイズ(120px)*/
.kb-l {
    width: 120px;
    height: 120px;
    float: left;
    overflow: hidden;
    margin: 0 10px 0 0;
    text-align: center;
}

.kb-l img {
    width: 120px;
    margin: 0 0 150px 0;
    border-radius: 4px;
}

.kb-l,.kb-l a {
    color: #777;
}

/*記事一覧の背景ありは適用*/
/*
.kijilist-body1 {
    padding: 10px 5px;
    border: none;
    border-radius: 6px;
    background: rgba(234,234,234,0.5);
}

/*アレンジ用：右側(文字側)で<ul class="ul-kl">以外は幅指定が必要
  例:メインカラム(余白除く)600px－画像幅120px－調整25px */
/* .kb-r {width: 455px; float: right;}


/*----------------------------------------------------------
●表示制御
------------------------------------------------------------*/
/*投稿日表示無しは適用*/
/*
.kl-date,.ah-r li.date,.article-footer li.date,.no-date {display: none;}


/*記事一覧の画像を非表示は適用*/
/*
.kb-l {display: none;}


/*トップページで個別記事を非表示は適用*/
/*
.article1,.page-navi1 {display: none;}

/*トップページで記事一覧を非表示は適用*/
/*
.kijilist1,.page-navi1 {display: none;}


/*記事一覧ページで個別記事を表示は不適用*/
.article3 {display: none;}

/*記事一覧ページで記事一覧を非表示は適用*/
/*
.kijilist2,.page-navi1 {display: none;}


/*ヘッダーナビを固定するときは適用*/
/*
#header-navi-outer {position: fixed; top:0; left:0;}
#header-outer {padding: 45px 0 20px 0;}


/*----------------------------------------------------------
●ページナビ1・2
------------------------------------------------------------*/
.page-navi1 li,.page-navi2 li {
    margin: 0 2px;
}


/*----------------------------------------------------------
●独自コンテンツ
------------------------------------------------------------*/
/*ページ機能のタイトル*/
.page-title {
    margin: 0 auto;
    padding: 15px;
    font-weight: bold;
    text-align: left;
    text-shadow: 3px 3px 5px rgba(0,0,0,0.4);
}

/*カレンダー*/
.CalendarMoveTable {
    width: 70%;
    margin: 0 auto;
    border-radius: 6px 6px 0 0;
    background: none;
}

.CalendarTable {
    width: 100%;
    margin: 0 auto;
    border-radius: 0 0 6px 6px;
    background: none;
}

.CalendarNowTd {
    font-weight: bold;
}

.CalendarTable a {
    display: block;
    font-weight: bold;
    text-decoration: underline;
}

.CalendarTable a:hover {
    background: #a7a7a7;
    font-weight: bold;
    color: #ffffff;
}

.CalendarWdaySat {color: #0000FF;}
.CalendarWdaySun {color: #CC0000;}


/*ソーシャルボタンの調整*/
.social1 li {margin: 0 1px 0 0;}
.social2 li {margin: 0 1px;}

/*social非表示は適用*/
/* .social1,.social2 {display: none;}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■追加アレンジ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*サイドバー ＃5*/
.sidebar {
background: #ffffff;
padding: 5px 0;
}
.sidebar-title-outer {
margin: 0 0 0 5px;
padding: 0 0 0 5px;
border-radius: 0;
}
.sidebar-title,.sidetitle {
padding: 0 5px;
border: none;
border-radius: 0px;
background-image: none;
filter: none;
}
.sidebar-body,.side,.side-tag {
border-top: solid 1px #d1d1d1;
border-radius: 0px;
}



/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■レスポンシブ設定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
@media screen and (-webkit-min-device-pixel-ratio: 1.1),(min--moz-device-pixel-ratio: 1.1) {
    
    .kl-cat a,.kl-date {padding: 4px 5px;}
    .kl-read a {padding: 8px 10px;}
    
}

/*広告切替 max670px*/
@media screen and (max-width: 670px) {

    .ad-pc {display: none;}
    .ad-sp {display: block;}

}

/*max1069px(1000-1+40+10+20)*/
@media screen and (max-width: 1069px) {

    body {min-width: 100%;}
    img {max-width: 100%; height: auto;}
    #container,#container1,#container2,#container3 {width: 100%;}
    #container1,#container2,#container3 {border: none; box-shadow: none;}

}

/*max1019px(1000-1+20)*/
@media screen and (max-width: 1019px) {

    #container-in,#header-navi-outer,#header-outer,
    #globalmenu-outer,#globalmenu-in,#footer1,#footer2-outer {width: 100%;}
    
    #header-navi-outer,#header-navi {border-radius: 0;}
    #header-navi-outer {padding: 0;}
    #header-navi {width: auto;}
    
    #header,#footer2,#footerinfo,.eyecatchbanner {width: auto; margin: 0 10px;}
    #header {background-size: 100% 100%;}
    
    #wrapper1,#wrapper2,#content1,#content2,#content3,
    .kijishita-l,.kijishita-r,.fi-l,.fi-c,.fi-r {width: auto; float: none; margin: 0;}
    
    #sidebar1-l,#sidebar2-l,#sidebar3-l,
    #sidebar1-r,#sidebar2-r,#sidebar3-r,.sidecontent {width: auto; float: none; margin: 5px 5px 0 5px;}
    
    #footer1 {padding: 0;}
    
    #globalmenu-outer {border-radius: 0;}
    #gm-l {margin-left: 10px;}
    #gm-r {margin-right: 10px;}
    #globalmenu,#globalmenu a,#globalmenu #gm-r > ul > li:last-child a {border: none;}

}

/*max800px*/
@media screen and (max-width: 800px) {

    /* #header {height: 0px;} /*ヘッダー画像 780px÷横幅px×縦幅px*/

}

/*max670px*/
@media screen and (max-width: 670px) {

    /* #header {height: 0px;} /*ヘッダー画像 650px÷横幅px×縦幅px*/
    
    .blog-title,.style03,.page-title {font-size: 18px;}
    
    #header-navi-outer {position: relative;}
    #header-navi {padding: 0 27% 0 10px; border-top: none;}
    .header-navi-l {width: 100%; height: 28px; line-height: 2.6; overflow: hidden; font-size: 11px;}
    .header-navi-r {display: none;}
    .style01 {padding: 0;}
    
    #header-outer {padding: 15px 0;}
    
    #globalmenu-outer {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 200;
        box-shadow: none;
        border: none;
        background: none;
        filter: none;
        text-align: right;
    }
    #globalmenu-toggle {display: block; /*must*/}
    #globalmenu-toggle a {
        display: inline-block; /*must*/
        line-height: 2;
        padding: 0 10px;
        border: none;
        background: rgba(0,0,0,0.2);
        font-size: 14px;
        color: #fff;
    }
    #globalmenu-toggle a:hover {background: rgba(0,0,0,0.6);}
    
    #gm-l {display: none;}
    #gm-r {margin: 0; padding: 0;}
    #globalmenu {display: none; padding: 0; border: none; background: rgba(0,0,0,0.6);}
    #globalmenu li {float: none;}
    
    #sp-s,.sp {display: block; margin: 0 auto;}
    #sp-s {padding: 16px 8px 8px 0;}
    .kensaku-text,.kensaku-submit {font-size: 14px;}
    
    #globalmenu a {
        display: block;
        padding: 8px 10px;
        border-radius: 0;
        border: none;
        text-align: right;
        color: #fff;
    }
    #globalmenu a:hover {border-radius: 0;}
    
    #globalmenu li ul {width: 50%;}
    #globalmenu li ul li ul {width: 100%;}
    
    #globalmenu li ul {background: rgba(0,0,0,0.8);}
    #globalmenu li ul li ul {background: rgba(0,0,0,0.6);}
    #globalmenu li ul li ul li ul {background: rgba(0,0,0,0.8);}
    #globalmenu li ul li ul li ul li ul {background: rgba(0,0,0,0.6);}
    
    /* .arrow {display: inline;}
    #globalmenu li ul li {float: left; width: 50%;}
    #globalmenu li ul {width: 100%; top: 100%; left: 0;}
    #globalmenu li ul li ul {width: 200%; top: 100%; left: 0;}
    #globalmenu li ul li ul li ul {width: 200%; top: 100%; left: 0;}
    #globalmenu li ul li ul li ul li ul {width: 200%; top: 100%; left: 0;}
    #globalmenu li ul li > ul:before,
    #globalmenu li ul li ul li ul li > ul:before,
    #globalmenu li ul li ul li > ul:before,
    #globalmenu li ul li ul li ul li > ul:before {display: none;}
    /*メニュー横並びは適用*/
    
    .no-date {display: inline;}
    .kb-l {width: 100px; height: 100px;}
    .kb-l img {width: 100px;}

}

/*max415px*/
@media screen and (max-width: 415px) {

    /* #header {height: 0px;} /*ヘッダー画像 395px÷横幅px×縦幅px*/
    
    .header-imgr,.header-imgl {padding: 0;}
    #footer2 p {display: inline;}
    .kb-l {width: 80px; height: 80px;}
    .kb-l img {width: 80px;}
    .ul-kl li a:before,.ul-kl li a:after {display: none;}
    .ul-kl li a {padding: 0;}

}

/*max360px*/
@media screen and (max-width: 360px) {

    .ah-r li {display: block;}
    .kl-cat a,.kl-date {line-height: 1.6; padding: 0; border: none; background: none; font-weight: bold;}
    .kl-cat a:hover {border: none; background: none; color: #a00;}

}

/*忍者*/
@media screen and (-webkit-min-device-pixel-ratio: 1.1),(min--moz-device-pixel-ratio: 1.1) {

    .page-navi1,.page-navi2 {line-height: 3.5; padding: 0 10px;}
    .page-navi1 a,.page-navi2 a,.page-link {padding: 9px 12px;}

}

.akaki{
	color:#ff0000;
	background-color: #ffff00;
        font-weight:bold;
}

.kuroki{
	background-color: #ffff00;
        font-weight:bold;
}

.koiaka{
        color:#C50000;
        font-weight:bold;
}

.akadai{
        color:#C50000;
        font-weight:bold;
        font-size: 18px;
}

.fb{
        font-weight:bold;
        font-size: 18px;
}

.aodai{
        color:#1870AF;
        font-weight:bold;
        font-size: 18px;
}

.left{
	float: left;
	margin: 0 30px 20px 0!important;
}

.right{
	float: right;
	margin: 0 0 20px 30px!important;
}

.center{
	margin: 0px 0px 0px 0px!important;
}

.rleft{
	float: left;
	margin: 0 10px 0px 0!important;
}

.rank{
 margin-bottom: -3px;
 margin-right: 3px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■ショートコードのデザイン
 Designed by office hidezo All Rights Reserved.
  product design : kx【JOY】shortcode_css
  creation date  : 2014/12/12
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*----------------------------------------------------------
●h2見出しタグ
------------------------------------------------------------*/

/*h2 スタイル01：<h2 class="h2-01-xx">～</h2>で入力*/
.h2-01-blue,
.h2-01-navy,
.h2-01-red,
.h2-01-green,
.h2-01-orange,
.h2-01-purple,
.h2-01-pink,
.h2-01-black,
.h2-01-glay,
.h2-01-main {
    margin: 0 0 5px 0;
    padding: 10px;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2);
    border-top: solid 1px #c0c0c0;
    border-right: none;
    border-left: none;
    background: #ffffff;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
}
.h2-01-blue   {border-bottom: solid 3px #0000cd;}
.h2-01-navy   {border-bottom: solid 3px #000080;}
.h2-01-red    {border-bottom: solid 3px #ff0000;}
.h2-01-green  {border-bottom: solid 3px #008000;}
.h2-01-orange {border-bottom: solid 3px #ff8c00;}
.h2-01-purple {border-bottom: solid 3px #800080;}
.h2-01-pink   {border-bottom: solid 3px #ff1493;}
.h2-01-black  {border-bottom: solid 3px #000000;}
.h2-01-glay   {border-bottom: solid 3px #808080;}


/*h2 スタイル02：<h2 class="h2-02-xx">～</h2>で入力*/
.h2-02-blue   {background: #0000cd;}
.h2-02-navy   {background: #000080;}
.h2-02-red    {background: #ff0000;}
.h2-02-green  {background: #008000;}
.h2-02-orange {background: #ff8c00;}
.h2-02-purple {background: #800080;}
.h2-02-pink   {background: #ff1493;}
.h2-02-black  {background: #000000;}
.h2-02-glay   {background: #808080;}
.h2-02-blue,
.h2-02-navy,
.h2-02-red,
.h2-02-green,
.h2-02-orange,
.h2-02-purple,
.h2-02-pink,
.h2-02-black,
.h2-02-glay,
.h2-02-main {
    margin: 0 0 5px 0;
    padding: 10px;
    background-image: -webkit-linear-gradient(top, rgba(153,153,153,0.1) 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0.4) 45%, rgba(255,255,255,0.4) 55%, rgba(255,255,255,0.3) 70%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(153,153,153,0.1) 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0.4) 45%, rgba(255,255,255,0.4) 55%, rgba(255,255,255,0.3) 70%, rgba(153,153,153,0.1) 100%);
    text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
    color: #fff;
}


/*h2 スタイル03：<h2 class="h2-03-xx">～</h2>で入力*/
.h2-03-blue,
.h2-03-navy,
.h2-03-red,
.h2-03-green,
.h2-03-orange,
.h2-03-purple,
.h2-03-pink,
.h2-03-black,
.h2-03-glay,
.h2-03-main {
    margin: 0 0 5px 0;
    padding: 11px 10px 9px 10px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2) inset ,-2px -2px 2px 0 rgba(0,0,0,0.2) inset;
    border-radius: 10px;
}
.h2-03-blue   {border: solid 2px #0000cd; border-left: solid 15px #0000cd;}
.h2-03-navy   {border: solid 2px #000080; border-left: solid 15px #000080;}
.h2-03-red    {border: solid 2px #ff0000; border-left: solid 15px #ff0000;}
.h2-03-green  {border: solid 2px #008000; border-left: solid 15px #008000;}
.h2-03-orange {border: solid 2px #ff8c00; border-left: solid 15px #ff8c00;}
.h2-03-purple {border: solid 2px #800080; border-left: solid 15px #800080;}
.h2-03-pink   {border: solid 2px #ff1493; border-left: solid 15px #ff1493;}
.h2-03-black  {border: solid 2px #000000; border-left: solid 15px #000000;}
.h2-03-glay   {border: solid 2px #808080; border-left: solid 15px #808080;}


/*h2 スタイル04：<h2 class="h2-04-xx">～</h2>で入力*/
.h2-04-blue   {background: #0000cd;}
.h2-04-navy   {background: #000080;}
.h2-04-red    {background: #ff0000;}
.h2-04-green  {background: #008000;}
.h2-04-orange {background: #ff8c00;}
.h2-04-purple {background: #800080;}
.h2-04-pink   {background: #ff1493;}
.h2-04-black  {background: #000000;}
.h2-04-glay   {background: #808080;}
.h2-04-blue,
.h2-04-navy,
.h2-04-red,
.h2-04-green,
.h2-04-orange,
.h2-04-purple,
.h2-04-pink,
.h2-04-black,
.h2-04-glay,
.h2-04-main {
    margin: 0 0 5px 0;
    padding: 10px;
    border-radius: 10px;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    color: #fff;
}


/*h2 スタイル05：<h2 class="h2-05-xx">～</h2>で入力*/
.h2-05-blue,
.h2-05-navy,
.h2-05-red,
.h2-05-green,
.h2-05-orange,
.h2-05-purple,
.h2-05-pink,
.h2-05-black,
.h2-05-glay,
.h2-05-main {
    position: relative;
    margin: 0 0 5px 0;
    padding: 11px 10px 10px 35px;
    border: solid 1px #c0c0c0;
    border-radius: 10px;
    background: #ffffff;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
}
.h2-05-blue:before   {background: #0000cd;}
.h2-05-navy:before   {background: #000080;}
.h2-05-red:before    {background: #ff0000;}
.h2-05-green:before  {background: #008000;}
.h2-05-orange:before {background: #ff8c00;}
.h2-05-purple:before {background: #800080;}
.h2-05-pink:before   {background: #ff1493;}
.h2-05-black:before  {background: #000000;}
.h2-05-glay:before   {background: #808080;}
.h2-05-blue:before,
.h2-05-navy:before,
.h2-05-red:before,
.h2-05-green:before,
.h2-05-orange:before,
.h2-05-purple:before,
.h2-05-pink:before,
.h2-05-black:before,
.h2-05-glay:before,
.h2-05-main:before {
    position: absolute;
    top: 9px;
    left: 10px;
    content: "";
    height: 22px;
    width: 22px;
    border-radius: 50%;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
}


/*----------------------------------------------------------
●h3見出しタグ
------------------------------------------------------------*/

/*h3 スタイル01：<h3 class="h3-01-xx">～</h3>で入力*/
.h3-01-blue,
.h3-01-navy,
.h3-01-red,
.h3-01-green,
.h3-01-orange,
.h3-01-purple,
.h3-01-pink,
.h3-01-black,
.h3-01-glay,
.h3-01-main {
    margin: 0 0 5px 0;
    padding: 5px 10px;
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.1),0 0 1px 1px rgba(255,255,255,0.9) inset;
    border-top: solid 1px #c0c0c0;
    border-left: solid 1px #c0c0c0;
    border-right: solid 1px #c0c0c0;
    background: #ffffff;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
}
.h3-01-blue   {border-bottom: solid 2px #0000cd;}
.h3-01-navy   {border-bottom: solid 2px #000080;}
.h3-01-red    {border-bottom: solid 2px #ff0000;}
.h3-01-green  {border-bottom: solid 2px #008000;}
.h3-01-orange {border-bottom: solid 2px #ff8c00;}
.h3-01-purple {border-bottom: solid 2px #800080;}
.h3-01-pink   {border-bottom: solid 2px #ff1493;}
.h3-01-black  {border-bottom: solid 2px #000000;}
.h3-01-glay   {border-bottom: solid 2px #808080;}


/*h3 スタイル02：<h3 class="h3-02-xx">～</h3>で入力*/
.h3-02-blue,
.h3-02-navy,
.h3-02-red,
.h3-02-green,
.h3-02-orange,
.h3-02-purple,
.h3-02-pink,
.h3-02-black,
.h3-02-glay,
.h3-02-main {
    margin: 0 0 5px 0;
    padding: 5px 10px;
}
.h3-02-blue   {border: solid 2px #0000cd;}
.h3-02-navy   {border: solid 2px #000080;}
.h3-02-red    {border: solid 2px #ff0000;}
.h3-02-green  {border: solid 2px #008000;}
.h3-02-orange {border: solid 2px #ff8c00;}
.h3-02-purple {border: solid 2px #800080;}
.h3-02-pink   {border: solid 2px #ff1493;}
.h3-02-black  {border: solid 2px #000000;}
.h3-02-glay   {border: solid 2px #808080;}


/*h3 スタイル03：<h3 class="h3-03-xx">～</h3>で入力*/
.h3-03-blue,
.h3-03-navy,
.h3-03-red,
.h3-03-green,
.h3-03-orange,
.h3-03-purple,
.h3-03-pink,
.h3-03-black,
.h3-03-glay,
.h3-03-main {
    margin: 0 0 5px 0;
    padding: 5px 10px;
    border-radius: 10px;
}
.h3-03-blue   {border: solid 2px #0000cd;}
.h3-03-navy   {border: solid 2px #000080;}
.h3-03-red    {border: solid 2px #ff0000;}
.h3-03-green  {border: solid 2px #008000;}
.h3-03-orange {border: solid 2px #ff8c00;}
.h3-03-purple {border: solid 2px #800080;}
.h3-03-pink   {border: solid 2px #ff1493;}
.h3-03-black  {border: solid 2px #000000;}
.h3-03-glay   {border: solid 2px #808080;}


/*h3 スタイル04：<h3 class="h3-04-xx">～</h3>で入力*/
.h3-04-blue,
.h3-04-navy,
.h3-04-red,
.h3-04-green,
.h3-04-orange,
.h3-04-purple,
.h3-04-pink,
.h3-04-black,
.h3-04-glay,
.h3-04-main {
    margin: 0 0 5px 0;
    padding: 5px 10px;
    border-radius: 10px;
    color: #fff;
}
.h3-04-blue   {background: #0000cd;}
.h3-04-navy   {background: #000080;}
.h3-04-red    {background: #ff0000;}
.h3-04-green  {background: #008000;}
.h3-04-orange {background: #ff8c00;}
.h3-04-purple {background: #800080;}
.h3-04-pink   {background: #ff1493;}
.h3-04-black  {background: #000000;}
.h3-04-glay   {background: #808080;}


/*h3 スタイル05：<h3 class="h3-05-xx">～</h3>で入力*/
.h3-05-blue,
.h3-05-navy,
.h3-05-red,
.h3-05-green,
.h3-05-orange,
.h3-05-purple,
.h3-05-pink,
.h3-05-black,
.h3-05-glay,
.h3-05-main {
    position: relative;
    margin: 0 0 5px 0;
    padding: 0 0 0 23px;
}
.h3-05-blue:before   {background: #0000cd;}
.h3-05-navy:before   {background: #000080;}
.h3-05-red:before    {background: #ff0000;}
.h3-05-green:before  {background: #008000;}
.h3-05-orange:before {background: #ff8c00;}
.h3-05-purple:before {background: #800080;}
.h3-05-pink:before   {background: #ff1493;}
.h3-05-black:before  {background: #000000;}
.h3-05-glay:before   {background: #808080;}
.h3-05-blue:before,
.h3-05-navy:before,
.h3-05-red:before,
.h3-05-green:before,
.h3-05-orange:before,
.h3-05-purple:before,
.h3-05-pink:before,
.h3-05-black:before,
.h3-05-glay:before,
.h3-05-main:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 20px;
    width: 20px;
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2);
    border-radius: 50%;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 40%, rgba(153,153,153,0.1) 60%, rgba(255,255,255,0.4) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 40%, rgba(153,153,153,0.1) 60%, rgba(255,255,255,0.4) 100%);
}


/*----------------------------------------------------------
●ulリストタグ
------------------------------------------------------------*/

/*ulリスト01(左と下の線のみ：<ul class="ul-01-xx"><li>リスト</li></ul>で入力)*/
.ul-01-blue li,
.ul-01-navy li,
.ul-01-red li,
.ul-01-green li,
.ul-01-orange li,
.ul-01-purple li,
.ul-01-pink li,
.ul-01-black li,
.ul-01-glay li,
.ul-01-main li {
    line-height: 22px; /*must*/
    margin: 0 0 5px 0;
    padding: 0 0 0 5px;
    border-top: none;
    border-right: none;
    border-bottom: dotted 1px #c0c0c0;
}
.ul-01-blue li   {border-left: solid 3px #0000cd;}
.ul-01-navy li   {border-left: solid 3px #000080;}
.ul-01-red li    {border-left: solid 3px #ff0000;}
.ul-01-green li  {border-left: solid 3px #008000;}
.ul-01-orange li {border-left: solid 3px #ff8c00;}
.ul-01-purple li {border-left: solid 3px #800080;}
.ul-01-pink li   {border-left: solid 3px #ff1493;}
.ul-01-black li  {border-left: solid 3px #000000;}
.ul-01-glay li   {border-left: solid 3px #808080;}


/*ulリスト02(円形：<ul class="ul-02-xx"><li>リスト</li></ul>で入力)*/
.ul-02-blue li,
.ul-02-navy li,
.ul-02-red li,
.ul-02-green li,
.ul-02-orange li,
.ul-02-purple li,
.ul-02-pink li,
.ul-02-black li,
.ul-02-glay li,
.ul-02-main li {
    line-height: 22px; /*must*/
    position: relative;
    margin: 0 0 5px 0;
    padding: 0 0 0 16px;
}
.ul-02-blue li:before   {background: #0000cd;}
.ul-02-navy li:before   {background: #000080;}
.ul-02-red li:before    {background: #ff0000;}
.ul-02-green li:before  {background: #008000;}
.ul-02-orange li:before {background: #ff8c00;}
.ul-02-purple li:before {background: #800080;}
.ul-02-pink li:before   {background: #ff1493;}
.ul-02-black li:before  {background: #000000;}
.ul-02-glay li:before   {background: #808080;}
.ul-02-blue li:before,
.ul-02-navy li:before,
.ul-02-red li:before,
.ul-02-green li:before,
.ul-02-orange li:before,
.ul-02-purple li:before,
.ul-02-pink li:before,
.ul-02-black li:before,
.ul-02-glay li:before,
.ul-02-main li:before {
    position: absolute;
    top: 5px;
    left: 0;
    content: "";
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
}


/*ulリスト03(角丸白抜きレ点：<ul class="ul-03-xx"><li>リスト</li></ul>で入力)*/
.ul-03-blue li,
.ul-03-navy li,
.ul-03-red li,
.ul-03-green li,
.ul-03-orange li,
.ul-03-purple li,
.ul-03-pink li,
.ul-03-black li,
.ul-03-glay li,
.ul-03-main li {
    position: relative;
    line-height: 22px; /*must*/
    margin: 0 0 5px 0;
    padding: 0 0 0 26px;
}
.ul-03-blue li:before   {background: #0000cd;}
.ul-03-navy li:before   {background: #000080;}
.ul-03-red li:before    {background: #ff0000;}
.ul-03-green li:before  {background: #008000;}
.ul-03-orange li:before {background: #ff8c00;}
.ul-03-purple li:before {background: #800080;}
.ul-03-pink li:before   {background: #ff1493;}
.ul-03-black li:before  {background: #000000;}
.ul-03-glay li:before   {background: #808080;}
.ul-03-blue li:before,
.ul-03-navy li:before,
.ul-03-red li:before,
.ul-03-green li:before,
.ul-03-orange li:before,
.ul-03-purple li:before,
.ul-03-pink li:before,
.ul-03-black li:before,
.ul-03-glay li:before,
.ul-03-main li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 22px;
    width: 22px;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
}
.ul-03-blue li:after,
.ul-03-navy li:after,
.ul-03-red li:after,
.ul-03-green li:after,
.ul-03-orange li:after,
.ul-03-purple li:after,
.ul-03-pink li:after,
.ul-03-black li:after,
.ul-03-glay li:after,
.ul-03-main li:after {
    position: absolute;
    top: 2px;
    left: 7px;
    content: "";
    width: 5px;
    height: 10px;
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*ulリスト04(角丸線のみレ点：<ul class="ul-04-xx"><li>リスト</li></ul>で入力)*/
.ul-04-blue li,
.ul-04-navy li,
.ul-04-red li,
.ul-04-green li,
.ul-04-orange li,
.ul-04-purple li,
.ul-04-pink li,
.ul-04-black li,
.ul-04-glay li,
.ul-04-main li {
    position: relative;
    line-height: 22px; /*must*/
    margin: 0 0 5px 0;
    padding: 0 0 0 25px;
}
.ul-04-blue li:before,
.ul-04-navy li:before,
.ul-04-red li:before,
.ul-04-green li:before,
.ul-04-orange li:before,
.ul-04-purple li:before,
.ul-04-pink li:before,
.ul-04-black li:before,
.ul-04-glay li:before,
.ul-04-main li:before {
    position: absolute;
    top: -1px;
    left: 0;
    content: "";
    height: 21px;
    width: 21px;
    border-radius: 6px;
}
.ul-04-blue li:before   {border: solid 1px #0000cd;}
.ul-04-navy li:before   {border: solid 1px #000080;}
.ul-04-red li:before    {border: solid 1px #ff0000;}
.ul-04-green li:before  {border: solid 1px #008000;}
.ul-04-orange li:before {border: solid 1px #ff8c00;}
.ul-04-purple li:before {border: solid 1px #800080;}
.ul-04-pink li:before   {border: solid 1px #ff1493;}
.ul-04-black li:before  {border: solid 1px #000000;}
.ul-04-glay li:before   {border: solid 1px #808080;}
.ul-04-blue li:after,
.ul-04-navy li:after,
.ul-04-red li:after,
.ul-04-green li:after,
.ul-04-orange li:after,
.ul-04-purple li:after,
.ul-04-pink li:after,
.ul-04-black li:after,
.ul-04-glay li:after,
.ul-04-main li:after {
    position: absolute;
    top: 1px;
    left: 7px;
    content: "";
    width: 6px;
    height: 12px;
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: none;
    border-left: none;
}
.ul-04-blue li:after   {border-bottom: solid 3px #0000cd; border-right: solid 3px #0000cd;}
.ul-04-navy li:after   {border-bottom: solid 3px #000080; border-right: solid 3px #000080;}
.ul-04-red li:after    {border-bottom: solid 3px #ff0000; border-right: solid 3px #ff0000;}
.ul-04-green li:after  {border-bottom: solid 3px #008000; border-right: solid 3px #008000;}
.ul-04-orange li:after {border-bottom: solid 3px #ff8c00; border-right: solid 3px #ff8c00;}
.ul-04-purple li:after {border-bottom: solid 3px #800080; border-right: solid 3px #800080;}
.ul-04-pink li:after   {border-bottom: solid 3px #ff1493; border-right: solid 3px #ff1493;}
.ul-04-black li:after  {border-bottom: solid 3px #000000; border-right: solid 3px #000000;}
.ul-04-glay li:after   {border-bottom: solid 3px #808080; border-right: solid 3px #808080;}


/*ulリスト05(レ点のみ：<ul class="ul-05-xx"><li>リスト</li></ul>で入力)*/
.ul-05-blue li,
.ul-05-navy li,
.ul-05-red li,
.ul-05-green li,
.ul-05-orange li,
.ul-05-purple li,
.ul-05-pink li,
.ul-05-black li,
.ul-05-glay li,
.ul-05-main li {
    position: relative;
    line-height: 22px; /*must*/
    margin: 0 0 5px 0;
    padding: 0 0 0 25px;
}
.ul-05-blue li:before   {border: solid 3px #0000cd;}
.ul-05-navy li:before   {border: solid 3px #000080;}
.ul-05-red li:before    {border: solid 3px #ff0000;}
.ul-05-green li:before  {border: solid 3px #008000;}
.ul-05-orange li:before {border: solid 3px #ff8c00;}
.ul-05-purple li:before {border: solid 3px #800080;}
.ul-05-pink li:before   {border: solid 3px #ff1493;}
.ul-05-black li:before  {border: solid 3px #000000;}
.ul-05-glay li:before   {border: solid 3px #808080;}
.ul-05-blue li:before,
.ul-05-navy li:before,
.ul-05-red li:before,
.ul-05-green li:before,
.ul-05-orange li:before,
.ul-05-purple li:before,
.ul-05-pink li:before,
.ul-05-black li:before,
.ul-05-glay li:before,
.ul-05-main li:before {
    position: absolute;
    top: -4px;
    left: 7px;
    content: "";
    width: 8px;
    height: 16px;
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: none;
    border-left: none;
}


/*----------------------------------------------------------
●olリストタグ
------------------------------------------------------------*/

/*olリスト01(円形白抜き：<ol class="ol-01-xx"><li>リスト</li></ol>で入力)*/
.ol-01-blue li,
.ol-01-navy li,
.ol-01-red li,
.ol-01-green li,
.ol-01-orange li,
.ol-01-purple li,
.ol-01-pink li,
.ol-01-black li,
.ol-01-glay li,
.ol-01-main li {
    position: relative;
    margin: 0 0 5px 0;
    padding: 0;
}
.ol-01-blue li:before   {background: #0000cd;}
.ol-01-navy li:before   {background: #000080;}
.ol-01-red li:before    {background: #ff0000;}
.ol-01-green li:before  {background: #008000;}
.ol-01-orange li:before {background: #ff8c00;}
.ol-01-purple li:before {background: #800080;}
.ol-01-pink li:before   {background: #ff1493;}
.ol-01-black li:before  {background: #000000;}
.ol-01-glay li:before   {background: #808080;}
.ol-01-blue li:before,
.ol-01-navy li:before,
.ol-01-red li:before,
.ol-01-green li:before,
.ol-01-orange li:before,
.ol-01-purple li:before,
.ol-01-pink li:before,
.ol-01-black li:before,
.ol-01-glay li:before,
.ol-01-main li:before {
    content: counter(li);
    counter-increment: li;
    padding: 0 6px;
    border-radius: 50%;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    color: #fff;
}


/*olリスト02(角丸白抜き：<ol class="ol-02-xx"><li>リスト</li></ol>で入力))*/
.ol-02-blue li,
.ol-02-navy li,
.ol-02-red li,
.ol-02-green li,
.ol-02-orange li,
.ol-02-purple li,
.ol-02-pink li,
.ol-02-black li,
.ol-02-glay li,
.ol-02-main li {
    position: relative;
    margin: 0 0 5px 0;
    padding: 0;
}
.ol-02-blue li:before   {background: #0000cd;}
.ol-02-navy li:before   {background: #000080;}
.ol-02-red li:before    {background: #ff0000;}
.ol-02-green li:before  {background: #008000;}
.ol-02-orange li:before {background: #ff8c00;}
.ol-02-purple li:before {background: #800080;}
.ol-02-pink li:before   {background: #ff1493;}
.ol-02-black li:before  {background: #000000;}
.ol-02-glay li:before   {background: #808080;}
.ol-02-blue li:before,
.ol-02-navy li:before,
.ol-02-red li:before,
.ol-02-green li:before,
.ol-02-orange li:before,
.ol-02-purple li:before,
.ol-02-pink li:before,
.ol-02-black li:before,
.ol-02-glay li:before,
.ol-02-main li:before {
    content: counter(li);
    counter-increment: li;
    padding: 0 6px;
    border-radius: 6px;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    color: #fff;
}


/*olリスト03(円形線のみ：<ol class="ol-03-xx"><li>リスト</li></ol>で入力))*/
.ol-03-blue li,
.ol-03-navy li,
.ol-03-red li,
.ol-03-green li,
.ol-03-orange li,
.ol-03-purple li,
.ol-03-pink li,
.ol-03-black li,
.ol-03-glay li,
.ol-03-main li {
    position: relative;
    margin: 0 0 5px 0;
    padding: 0;
}
.ol-03-blue li:before,
.ol-03-navy li:before,
.ol-03-red li:before,
.ol-03-green li:before,
.ol-03-orange li:before,
.ol-03-purple li:before,
.ol-03-pink li:before,
.ol-03-black li:before,
.ol-03-glay li:before,
.ol-03-main li:before {
    content: counter(li);
    counter-increment: li;
    padding: 0 6px;
    border-radius: 50%;
}
.ol-03-blue li:before   {border: solid 1px #0000cd;}
.ol-03-navy li:before   {border: solid 1px #000080;}
.ol-03-red li:before    {border: solid 1px #ff0000;}
.ol-03-green li:before  {border: solid 1px #008000;}
.ol-03-orange li:before {border: solid 1px #ff8c00;}
.ol-03-purple li:before {border: solid 1px #800080;}
.ol-03-pink li:before   {border: solid 1px #ff1493;}
.ol-03-black li:before  {border: solid 1px #000000;}
.ol-03-glay li:before   {border: solid 1px #808080;}


/*olリスト04(角丸線のみ：<ol class="ol-04-xx"><li>リスト</li></ol>で入力))*/
.ol-04-blue li,
.ol-04-navy li,
.ol-04-red li,
.ol-04-green li,
.ol-04-orange li,
.ol-04-purple li,
.ol-04-pink li,
.ol-04-black li,
.ol-04-glay li,
.ol-04-main li {
    position: relative;
    margin: 0 0 5px 0;
    padding: 0;
}
.ol-04-blue li:before,
.ol-04-navy li:before,
.ol-04-red li:before,
.ol-04-green li:before,
.ol-04-orange li:before,
.ol-04-purple li:before,
.ol-04-pink li:before,
.ol-04-black li:before,
.ol-04-glay li:before,
.ol-04-main li:before {
    content: counter(li);
    counter-increment: li;
    padding: 0 6px;
    border-radius: 6px;
}
.ol-04-blue li:before   {border: solid 1px #0000cd;}
.ol-04-navy li:before   {border: solid 1px #000080;}
.ol-04-red li:before    {border: solid 1px #ff0000;}
.ol-04-green li:before  {border: solid 1px #008000;}
.ol-04-orange li:before {border: solid 1px #ff8c00;}
.ol-04-purple li:before {border: solid 1px #800080;}
.ol-04-pink li:before   {border: solid 1px #ff1493;}
.ol-04-black li:before  {border: solid 1px #000000;}
.ol-04-glay li:before   {border: solid 1px #808080;}


/*Smartphone表示調整*/
@media screen and (-webkit-min-device-pixel-ratio: 1.1),(min--moz-device-pixel-ratio: 1.1) {

.ol-01-blue li:before,
.ol-01-navy li:before,
.ol-01-red li:before,
.ol-01-green li:before,
.ol-01-orange li:before,
.ol-01-purple li:before,
.ol-01-pink li:before,
.ol-01-black li:before,
.ol-01-glay li:before,
.ol-01-main li:before,

.ol-02-blue li:before,
.ol-02-navy li:before,
.ol-02-red li:before,
.ol-02-green li:before,
.ol-02-orange li:before,
.ol-02-purple li:before,
.ol-02-pink li:before,
.ol-02-black li:before,
.ol-02-glay li:before,
.ol-02-main li:before {padding: 4px 7px;}

.ol-03-blue li:before,
.ol-03-navy li:before,
.ol-03-red li:before,
.ol-03-green li:before,
.ol-03-orange li:before,
.ol-03-purple li:before,
.ol-03-pink li:before,
.ol-03-black li:before,
.ol-03-glay li:before,
.ol-03-main li:before,

.ol-04-blue li:before,
.ol-04-navy li:before,
.ol-04-red li:before,
.ol-04-green li:before,
.ol-04-orange li:before,
.ol-04-purple li:before,
.ol-04-pink li:before,
.ol-04-black li:before,
.ol-04-glay li:before,
.ol-04-main li:before {padding: 3px 6px;}

}


/*----------------------------------------------------------
●パーツ
------------------------------------------------------------*/

/*パーツ01(サイズ無指定：四角白抜き：<span class="parts-01-xx">～</span>で入力)*/
.parts-01-blue   {background: #0000cd;}
.parts-01-navy   {background: #000080;}
.parts-01-red    {background: #ff0000;}
.parts-01-green  {background: #008000;}
.parts-01-orange {background: #ff8c00;}
.parts-01-purple {background: #800080;}
.parts-01-pink   {background: #ff1493;}
.parts-01-black  {background: #000000;}
.parts-01-glay   {background: #808080;}
.parts-01-blue,
.parts-01-navy,
.parts-01-red,
.parts-01-green,
.parts-01-orange,
.parts-01-purple,
.parts-01-pink,
.parts-01-black,
.parts-01-glay,
.parts-01-main {
    margin: 0 5px 10px 0;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
    color: #fff;
}


/*パーツ02(サイズ無指定：角丸白抜き：<span class="parts-02-xx">～</span>で入力)*/
.parts-02-blue   {background: #0000cd;}
.parts-02-navy   {background: #000080;}
.parts-02-red    {background: #ff0000;}
.parts-02-green  {background: #008000;}
.parts-02-orange {background: #ff8c00;}
.parts-02-purple {background: #800080;}
.parts-02-pink   {background: #ff1493;}
.parts-02-black  {background: #000000;}
.parts-02-glay   {background: #808080;}
.parts-02-blue,
.parts-02-navy,
.parts-02-red,
.parts-02-green,
.parts-02-orange,
.parts-02-purple,
.parts-02-pink,
.parts-02-black,
.parts-02-glay,
.parts-02-main {
    margin: 0 5px 10px 0;
    border-radius: 10px;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
    color: #fff;
}


/*パーツ03(四角白抜き：<p class="parts-03-xx">～</p>で入力)*/
.parts-03-blue   {background: #0000cd;}
.parts-03-navy   {background: #000080;}
.parts-03-red    {background: #ff0000;}
.parts-03-green  {background: #008000;}
.parts-03-orange {background: #ff8c00;}
.parts-03-purple {background: #800080;}
.parts-03-pink   {background: #ff1493;}
.parts-03-black  {background: #000000;}
.parts-03-glay   {background: #808080;}
.parts-03-blue,
.parts-03-navy,
.parts-03-red,
.parts-03-green,
.parts-03-orange,
.parts-03-purple,
.parts-03-pink,
.parts-03-black,
.parts-03-glay,
.parts-03-main {
    margin: 0 0 5px 0;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
    color: #fff;
}


/*パーツ04(角丸白抜き：<p class="parts-04-xx">～</p>で入力)*/
.parts-04-blue   {background: #0000cd;}
.parts-04-navy   {background: #000080;}
.parts-04-red    {background: #ff0000;}
.parts-04-green  {background: #008000;}
.parts-04-orange {background: #ff8c00;}
.parts-04-purple {background: #800080;}
.parts-04-pink   {background: #ff1493;}
.parts-04-black  {background: #000000;}
.parts-04-glay   {background: #808080;}
.parts-04-blue,
.parts-04-navy,
.parts-04-red,
.parts-04-green,
.parts-04-orange,
.parts-04-purple,
.parts-04-pink,
.parts-04-black,
.parts-04-glay,
.parts-04-main {
    margin: 0 0 5px 0;
    border-radius: 10px;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
    color: #fff;
}


/*パーツ05(円形白抜き：<p class="parts-05-xx">～</p>で入力)*/
.parts-05-blue   {background: #0000cd;}
.parts-05-navy   {background: #000080;}
.parts-05-red    {background: #ff0000;}
.parts-05-green  {background: #008000;}
.parts-05-orange {background: #ff8c00;}
.parts-05-purple {background: #800080;}
.parts-05-pink   {background: #ff1493;}
.parts-05-black  {background: #000000;}
.parts-05-glay   {background: #808080;}

.parts-05-blue,
.parts-05-navy,
.parts-05-red,
.parts-05-green,
.parts-05-orange,
.parts-05-purple,
.parts-05-pink,
.parts-05-black,
.parts-05-glay,
.parts-05-main {
    margin: 0 0 5px 0;
    border-radius: 50%;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
    color: #fff;
}


/*IE9用 h2スタイル02・パーツ01・パーツ03*/
.h2-02-blue,
.parts-01-blue,.parts-03-blue {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000cd', endColorstr='#ffffff/*forIE9*/',GradientType=0 );
}
.h2-02-navy,
.parts-01-navy,.parts-03-navy {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000080', endColorstr='#ffffff/*forIE9*/',GradientType=0 );
}
.h2-02-red,
.parts-01-red,.parts-03-red {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ffffff/*forIE9*/',GradientType=0 );
}
.h2-02-green,
.parts-01-green,.parts-03-green {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008000', endColorstr='#ffffff/*forIE9*/',GradientType=0 );
}
.h2-02-orange,
.parts-01-orange,.parts-03-orange {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c00', endColorstr='#ffffff/*forIE9*/',GradientType=0 );
}
.h2-02-purple,
.parts-01-purple,.parts-03-purple {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800080', endColorstr='#ffffff/*forIE9*/',GradientType=0 );
}
.h2-02-pink,
.parts-01-pink,.parts-03-pink {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1493', endColorstr='#ffffff/*forIE9*/',GradientType=0 );
}
.h2-02-black,
.parts-01-black,.parts-03-black {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff/*forIE9*/',GradientType=0 );
}
.h2-02-glay,
.parts-01-glay,.parts-03-glay {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#ffffff/*forIE9*/',GradientType=0 );
}