@charset "shift_jis";

/*===============================================
●sp.css  画面の横幅が640pxまで
===============================================*/


	
body {	font-size: 90%; border-top: none; background:url(../images/body_bkg.gif);    }/*14px相当*/

body {
 -webkit-text-size-adjust: none;
}


.sp_none{ display: none; }


/* ------------------------------------------------------------------------------------------

   Common colmun

  ------------------------------------------------------------------------------------------*/

#wp { width: 100%; padding: 0px; margin: 0 auto; }


/* Header -------------------------------------------- */

.header{background:#FFF; }
#h_box { margin: 0px auto; height:auto; clear:both; /*max-width: 896px;*/  }

/* clearfix */
#h_box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#h_box{ display: inline-block; }
/* Except MacIE \*/
* html #h_box { height: 1%; }
#h_box { display: block; }
/* End */




#logo { }
.logo_kodawaranai{ width: 53.4375%; float: left; margin: 15px 0 15px 0.5em; }
.logo_douke{ display: none;  }
.logo_tel{ display: none;  }
.logo_douke_tb{ width: 28.4375%; margin: 18px 0.5em 0 0; float: right; }

/*#h_rightbox { float: right; text-align: right; line-height: 22px; font-size: 11px; color: #999; }*/

a#h_contact,a#h_dougakuin,a#h_kantaiji,a#h_hantaiji{ display: none; }
a#h_contact:hover{opacity:0.8; filter:alpha(opacity=80);}



/* Global nav --------------------------------------------*/

.gnav{ display:none; }


/* スマホ用グローバルナビ */
.sp_header{ display:block; width: 100%;  }

.sp_home{ float: left; width: 13.90625%; box-sizing:border-box; border-right: 1px solid #618130;  }
.sp_home a{ display:block; vertical-align: middle; padding: 12px 0; width: 100%; background:#7ba23f; text-decoration: none; text-align: center; color: #FFF !important; font-family:Arial, Helvetica, sans-serif; }
.sp_home a img{ vertical-align: middle; }


.sp_tel{ float: left; width: 44.6875%; box-sizing:border-box; border-right: 1px solid #618130; ertical-align: middle; padding: 12px 0; background:#7ba23f; text-decoration: none; color: #FFF !important; text-align: center; font-family:Arial, Helvetica, sans-serif;  }
.sp_tel a, .sp_tel a:hover, .sp_tel a:active, .sp_tel a:visited{ text-decoration: none; color: #FFF !important; }
.sp_tel img{ vertical-align: middle; }

.sp_btn{float: left; width: 41.40625%; }
.sp_btn a{ display:block; vertical-align: middle; padding: 12px 0; width: 100%; background:#7ba23f; text-decoration: none; text-align: center; color: #FFF !important; font-family:Arial, Helvetica, sans-serif; }



.sp_nav{ clear:both;  }


.sp_menu {display: none; background:#f8fbf2;}
.sp_menu li{border-bottom: solid #7ba23f 1px;}
.sp_menu li:first-child{border-top:none;}
.sp_menu li a{ display:block; padding:0.8em 0.5em; /*width:100%;*/ text-decoration: none; }
.sp_menu li a:link,.sp_menu li a:visited{color:#7ba23f; text-decoration: none; }
.sp_menu li a:hover,.sp_menu li a:active{background:#f0f7e5;text-decoration: none; }
.sp_menu li.othersite,.sp_menu li.kantaiji{border-bottom:1px solid #a23f3f;}
.sp_menu li.othersite a:link,.sp_menu li.othersite a:visited,.sp_menu li.kantaiji a:link,.sp_menu li.kantaiji a:visited{color:#a23f3f; text-decoration: none; background:#f9f5f0;}
.sp_menu li.kantaiji a:hover,.sp_menu li.kantaiji a:active{text-decoration: none;background:#f5ece1;}
.sp_menu li.othersite a:link,.sp_menu li.othersite a:visited{background:url(http://www.taoism.gr.jp/images/mark/ic_link.gif) 95% center no-repeat #f9f5f0;}
.sp_menu li.othersite a:hover,.sp_menu li.othersite a:active{background:url(http://www.taoism.gr.jp/images/mark/ic_link.gif) 95% center no-repeat #f5ece1;}
#menu{}

#menu ul,#menu li{
    margin:0;
    padding:0;
    list-style-type:none;
}
#menu li a{
    display:block;
    padding:5px 0;
    color: #444;
    border-bottom: 1px solid #ccc;
    text-decoration:none;
}



/* Contents  -------------------------------------------- */
#container { width: 96%; margin: 0px auto 0px; padding-bottom: 30px; }
/* clearfix */
#container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container { display: inline-block; }
/* Except MacIE \*/
* html #container { height: 1%; }
#container { display: block; }
/* End */

/* Topis path -------  */
p#topic_path { clear: both; font-size: 11px; color: #A6A6A6; text-align: right; margin: 5px 10px 10px; }
p#topic_path a:link { color: #A6A6A6; text-decoration: none; }
p#topic_path a:visited { color: #A6A6A6; text-decoration: none; }
p#topic_path a:hover { color: #FBC673; text-decoration: underline; }
p#topic_path a:active { color: #FBC673; text-decoration: underline; }


/* Key  ------------------------------------------------- */
#key{background: url(../images/pc_key_bkg.gif) repeat-x; text-align:center; height: auto;  }

#key img{ width: 100%; }

/* Local nav -------------------------------------------- */

#lnav{ float: none; width: 95%; margin: 0 auto;  }/* */

.greeting_box{ border: 2px solid #d8d9d7; background:#FFF; border-radius: 6px; padding: 0 0 0 0; margin-bottom: 1.0em;  }
.greeting_box p{ font-size: 80%; line-height: 1.4; margin-left: 15%; margin-right: 3%;  }
.gree_ttl{ color: #41630d !important; font-size: 100% !important; width: 90%; margin: 1.0em auto 1.0em!important; border-bottom: 3px solid #7ba23f;  }
.pic_greeting{ float: left; width: 33%; margin: 0 3% 0 5%;  }
.pic_greeting img{ width: 100%; margin-bottom: 1.0em; }


.lnav_ttl{ width: 100%; text-indent: 1em; background: url(../images/sp/lnav_ttl.gif) no-repeat; background-size: 100% 100%; width: 100%; margin: 0px; height: 40px /*18.1818181818%*/; line-height: 40px; color:#587c26; font-weight: bold; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;  }

#lnav ul { border-left: 1px solid #d0d9cb; border-right: 1px solid #d0d9cb; border-bottom: 1px solid #d0d9cb;
-moz-border-bottom-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-o-border-bottom-right-radius: 6px;
-ms-border-bottom-right-radius: 6px;

-moz-border-bottom-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-o-border-bottom-left-radius: 6px;
-ms-border-bottom-left-radius: 6px;
 }
	
#lnav ul li{border-top: 1px solid #dbdbd3; font-size: 90%;  }

#lnav ul li.lnav_ts{background: url(../images/pc/lnav_ts.gif) ; padding: 0.5em 0 0.5em 1.0em; color:#587c26; font-weight: bold; }/*border-top: 2px solid #dbdbd3; */

#lnav ul li a:link { 
display:block; color: #444; background:#f7f7ef; text-decoration: none; line-height: 1.2; padding: 1.2em 0.5em 1.2em 2.0em; font-weight: normal;
background: url(../images/mark/ic_arr_green01.png), linear-gradient(to bottom, #FFF, #eaf2e7) ;/* IE10+, W3C */ 
/*background: url(../images/mark/ic_arr_green01.png), -moz-linear-gradient(top, #FFF, #eaf2e7);
background: url(../images/mark/ic_arr_green01.png), -webkit-gradient(linear, center top, center bottom, from(#FFF), to(#eaf2e7));*/
background-repeat:no-repeat;
background-position:95% center;
background-size: 9px 16px, 100% 100%;

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaf2e7', endColorstr='#000066', GradientType=0)";
background:url(../images/mark/ic_arr_green01.png) no-repeat 95% center\9;/* IE8-9 */
 }
	
#lnav ul li a:visited { color: #444; text-decoration: none; }
#lnav ul li a:hover { color: #2d5c33; text-decoration: none; }
#lnav ul li a:active { color: #2d5c33; text-decoration: none; }


#lnav ul li.dot {border-top: 1px dotted #AAA; font-size: 80%; }
#lnav ul li.dot a:link{background: url(../images/mark/ic_arr_gray01.png) no-repeat 95% center #f2f4f1; padding: 1.2em 0.5em 1.2em 2.0em;  background-size: 9px 16px, 100% 100%; }
#lnav ul li.dot a:visited { color: #444; text-decoration: none; }
#lnav ul li.dot a:hover { color: #2d5c33; text-decoration: none; }
#lnav ul li.dot a:active { color: #2d5c33; text-decoration: none; }

#lnav ul li.end{ border-bottom: none; margin-bottom: 6px;   }


/* Footer -------------------  */

#footer2 { clear:both; width: 100%; height: 295px; background: url(../images/sp/sp_footer_bkg.png) repeat-x; }
#footer_in{ position:relative; width: 100%; height: 295px; margin: 0 auto; }

#footer_in p{ margin: 0 3em 0; padding: 9% 0 0; height:auto; }
#footer_in p a { color:#454e41; text-decoration: none; }
#footer_in p a:visited {color:#454e41; text-decoration: none; }
#footer_in p a:hover {color:#447f1c; text-decoration: none; }
#footer_in p a:active {color:#447f1c; text-decoration: none; }/**/

#footer_in ul { font-size: 100%; position:absolute; top: 150px; left: 3em; }
#footer_in ul li { padding-left: 0; margin-left: 0px; padding-left: 2em; background:url(../images/mark/ic_cir_white.png) no-repeat;  }
#footer_in ul li a { color: #fff; text-decoration: none; /*display: inline-block; margin: 0 1em;*/  }
#footer_in ul li a:visited {color:color:#fff; text-decoration: none; }
#footer_in ul li a:hover {color:color:#fff; text-decoration: underline; }
#footer_in ul li a:active {color:color:#fff; text-decoration: underline; }

#footer2 .copy{position:absolute; bottom: 1.5em; right: 10px; }


/* Contents -------------------------------------------------------------------------------------------  */

#contents { float: none; width: 100%; }
#main { width: 95%; margin: 1.5em auto 0px; clear: both; }
#main a[target="_blank"] { background: url(http://www.taoism.gr.jp/images/mark/ic_link.gif) center right no-repeat; padding-right: 15px; margin-right: 3px; }
#main a.bn_none[target="_blank"] { background-image: none; padding: 0; margin: 0; }

/* Topis path -------  */
p#topic_path { clear: both; font-size: 11px; color: #A6A6A6; text-align: right; margin: 5px 10px 15px; }
p#topic_path a:link { color: #A6A6A6; text-decoration: none; }
p#topic_path a:visited { color: #A6A6A6; text-decoration: none; }
p#topic_path a:hover { color: #FBC673; text-decoration: underline; }
p#topic_path a:active { color: #FBC673; text-decoration: underline; }

/* Hx  */
.h1_base{ background:url(../images/pc/h1_base_line.png) no-repeat left bottom; padding-bottom: 5px; }
.h1_base h1{ background:url(../images/pc/h1_base_icon.png) no-repeat 0% 60%; background-size: 15% auto; text-align:center; padding: 1.0em 0 0.9em; line-height: 1.3; font-weight: normal; color:#583f1b; font-size: 150%; font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }
.h2_base{ margin: 0px 0px 1em 0px; padding: 0 0 0.3em 1.5em; font-size: 115%; background: url(../images/pc/h2_base_bkg.png) no-repeat 10px 3px; border-bottom: 1px solid #E1E1E1; }


/* Pnav  */
/*.bn_next{ display: inline-block; float: right; padding: 15px 30px 15px 15px; color:#6e5404 !important; background:url(../images/mark/ic_cir_ora04.png) no-repeat 97% 50% #fce8ce; border-radius: 6px; text-decoration: none ;   }
.bn_next:hover{opacity:0.8; filter:alpha(opacity=80);}

.bn_prev{ display: inline-block; float: left; padding: 15px 15px 15px 30px; color:#6e5404 !important; background:url(../images/mark/ic_cir_ora06.png) no-repeat 3% 50% #fce8ce; border-radius: 6px; text-decoration: none ;   }
.bn_prev:hover{opacity:0.8; filter:alpha(opacity=80);}*/

a.next{ float: right; display:inline-block; padding: 0.8em 2em 0.8em 1em; margin-bottom: 1.5em; background:url(../images/mark/ic_cir_ora04.png) no-repeat 95% center #fce8ce; border-radius: 6px; color:#6e5404; text-decoration: none; font-size: 90%; }
a.next:hover{ background-color:#fde3c0; }

a.back{ float: left; display:inline-block; padding: 0.8em 1em 0.8em 2em; margin-bottom: 1.5em; background: url(../images/mark/ic_cir_ora06.png) no-repeat 5% center #fce8ce; border-radius: 6px; color:#6e5404; text-decoration: none; font-size: 90%; }
a.back:hover{ background-color:#fde3c0; }

/* もっと〜方へ  */
/* 
.more{ padding: 0; margin-bottom: 1.5em; clear:both;  }
.more dl{ margin-bottom: 20px; border-top: 2px solid #CCC; border-bottom: 1px solid #CCC; }
.more dl dt{ border-bottom: 1px solid #CCC; background-color:#f7f8f6; color:#416a03; padding: 1.0em 0 1.0em 4.0em; line-height: 1.2;  }
.more dl dd{ border-bottom: 1px solid #CCC; background-color:#fefffc;  }
.more dl dt.more_taoism{ background:url(../images/mark/ic_tao01.png) no-repeat 3% center #f7f8f6; }
.more dl dt.more_colmun{ background:url(../images/mark/ic_note.png) no-repeat 3% center #f7f8f6; }

.more dl dd a{ display:block; text-decoration: none; color:#333; padding: 0.8em 0 0.8em 1.0em; margin-left: 2.0em; background:url(../images/mark/ic_cir_black01.gif) no-repeat left center; line-height: 1.2;  }

.more dl.none dd a{ background: none; }
 */
	
.more{ background:#f8f8e8; padding: 3%; margin-bottom: 1.5em; clear:both;  }
.more dl{ margin-bottom: 20px; }
.more dl dt{ padding: 1.0em 0 1.0em 3.0em; line-height: 1.2; color:#416a03; font-weight: bold;  }
.more dl dt.more_taoism{ background:url(../images/mark/ic_tao01.png) no-repeat left center; }
.more dl dt.more_colmun{ background:url(../images/mark/ic_note.png) no-repeat left center; }

.more dl dd a{ /*display:block; */text-decoration: none; color:#333; padding: 0.8em 0 0.8em 1.0em; margin-left: 3.0em; background:url(../images/mark/ic_cir_black01.gif) no-repeat left center; line-height: 1.2; font-size: 90%;  }

.more dl.none dd a{ background: none; }

/* 先生のご紹介/introduction/index.html */
.prof01,.prof02,.prof03{width:100%; float: none;text-align:center;}
.prof01_img,.prof02_img,.prof03_img{/*width:100%; text-align:center;*/ display:none;}
.prof01_img img{max-width:374px; max-height:124px;}
.prof02_img img,.prof03_img img{max-width:360px; max-height:130px;}
.prof_intro{ display:block;font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; line-height:1.3;}
.author_name{ border-bottom:2px solid #ecd467;font-size:124%; display:block;padding:0 0 0.3em 0;margin:0 0 0.5em 0;}

/* taoism 名言の画像部分 */
.witticism_top{ background: url(../images/taoism/witticism_top.png) no-repeat left bottom; background-size: 100% auto; padding-top: 4.48275862%; line-height: 1.0; font-size: 0; }
.witticism_cts{ background: url(../images/taoism/witticism_cts.png) repeat-y; background-size: 100% auto; padding: 1.5em 0; text-align:center;  }
.witticism_cts img{ max-width: 85%;  }
.witticism_cts p{ margin-bottom: 0; }
.witticism_btm{ background: url(../images/taoism/witticism_btm.png) no-repeat; background-size: 100% auto; margin-bottom: 20px ; padding-top: 5.517241379%; line-height: 1.0; font-size: 0; }

/* コンテンツ下部　バナー */
.bn_btm{ width: 100%; }

/* Twitter + Facebook Button */
.twitter_icon { float: right; width: 100px; }
.fb_icon { float: right; width: 100px; }
.twitter_icon2 { float: left; }
.fb_icon2 { float: left; }

/* 気のコミュニケーションコース */
.gree_php_box{/*border:1px solid #cccccc; border-radius:7px;*/ padding:1em 1em;margin-bottom:1.5em; font-size:90%;}
.gree_php_box a{ text-decoration:none;}
.gree_php_box_ttl{color: #41630d; border-bottom:none; border-left:3px solid #7ba23f; padding-left:0.5em;margin-bottom:0.8em; line-height:1.0;}
.gree_php_box_txt{padding-top:0.5em;border-top:1px dotted #7ba23f;clear:both;}
.course_article{color:#947eb9;}
.course_link_box a{ color:#ff9a7b; display:block; border:2px solid #ffc7b6; background:#ffe6d1;padding:0.8em;margin-bottom:1em; text-decoration:none; border-radius:7px;}
.course_link_box a:hover{ text-decoration:none;border:2px solid #ff9a7b;}
.course_link_box a span{color:#666666; font-size:80%; font-weight:bold;}
.course_link_box a span.course_link_course{color:#ff9a7b;font-size:100%;}
.course_branch img {width:48.5%; max-width:197px; max-height:70px;}
.course_branch img.nyumon {margin-right:3%;}
/* 本コース */
.h2_base_course{ margin: 0px 0px 1em 0px; padding: 0 0 0.3em 1.2em; font-size: 110%; background: url(../images/pc/h2_base_course_bkg.png) no-repeat 0px 3px; border-bottom: 1px solid #E1E1E1; }
.h3_course{width:100%; background:#947eb9;border-radius:7px; padding:0.5em 0; color:#fff; text-align:center; font-size:110%; margin-bottom:1em;}
.course_notes{font-size:87.5%;color:#333; padding-left:1em;}
.course_item_list {color:#333;margin-bottom:2em;}
.course_item_list li{background:url(../images/mark/ic_cir_lav01.png) 0.5em 0.5em no-repeat;padding-left:1.5em;}
.course_item_list li.bg_none{background:none;}
.course_item_list li{padding-left:1.5em;}
#main a.btn_course_appli{ padding:0.8em 1.3em;color:#fff; text-decoration:none; font-weight:bold; border-radius:7px; border:2px solid #8f65d5;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.4, #947EB9),color-stop(0.69, #8D6CC2),color-stop(1, #C0B1E6));
background-image: -o-linear-gradient(bottom, #947EB9 40%, #8D6CC2 69%, #C0B1E6 100%);
background-image: -moz-linear-gradient(bottom, #947EB9 40%, #8D6CC2 69%, #C0B1E6 100%);
background-image: -webkit-linear-gradient(bottom, #947EB9 40%, #8D6CC2 69%, #C0B1E6 100%);
background-image: -ms-linear-gradient(bottom, #947EB9 40%, #8D6CC2 69%, #C0B1E6 100%);
background-image: linear-gradient(to bottom, #947EB9 40%, #8D6CC2 69%, #C0B1E6 100%);}
/* PHPスペシャル記事 */
.h2_base_phpsp{ margin: 0px 0px 1em 0px; padding: 0 0 0.3em 1.2em; font-size: 110%; background: url(../images/pc/h2_base_phpsp_bkg.png) no-repeat 0px 3px; border-bottom: 1px solid #E1E1E1; }
.h2_base_phpsp a{ text-decoration:none;}
.interview{margin-bottom:1.5em; overflow:hidden;}
.interview dd{float:left;width:85%;margin-bottom:1em;}
dt.hensyutyo{clear:left;float:left;color:#a2e4d9; margin-bottom:1.3em;width:13%;font-weight:bold;margin-right:2%;}
dt.hayashima{clear:left;float:left;color:#6666cc; margin-bottom:1.3em;width:13%;font-weight:bold;margin-right:2%;}
/* 執筆者紹介 */
.column_author{float:none;margin:0 0 7% 0; text-align:center;}
.column_author_ttl{display:none;}
.h2_base_author{ margin: 0px 0px 1em 0px; padding: 0 0 0.3em 1.5em; font-size: 115%; background: url(../images/pc/h2_base_author_bkg.png) no-repeat 10px 3px; border-bottom: 1px solid #E1E1E1; }
.more_contact{ text-align:right;}
.column_author_img img{width:100%; max-width:300px;height:auto;}
/* このサイトについて */
ul.about_mark{margin:0 0 1em;}
ul.about_mark li{background: url(../images/mark/ic_tri_green01.gif) no-repeat left center; margin:0 0 0 1em; padding:0 0 0 1em;}
ul.about_mark li a{ text-decoration:none;}
/* 更新履歴 */
table#update{  border-top:1px solid #dfdfdf;border-right:1px solid #dfdfdf;}
table#update th{width:12%; font-weight:normal;border-top:1px solid #fff; border-right:1px solid #dfdfdf;border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf; border-collapse:collapse; text-align:left;padding:0.5em 0.3em;}
table#update td{width:87%; border-bottom:1px solid #dfdfdf;border-left:1px solid #fff;border-top:1px solid #fff;border-right:1px solid #fff; border-collapse:collapse;text-align:left;padding:0.5em 0.3em;}
/* サイトマップ */
ul#sitemap li a{ text-decoration:none;color:#333;}
ul#sitemap li a:visited{color:#333;}
ul#sitemap li a:hover{color:#69845c;}
ul#sitemap li a:active{color:#69845c;}
ul#sitemap li.first{margin:0 0 1em 0;background:url(../images/mark/ic_cir_white.png) 0.5em center no-repeat #d2e6c8; background-size:16px 16px;padding:0.2em 0 0.2em 2.5em; border-radius:20px;}
ul#sitemap li.second{ margin:0 0 1em 1em;background:url(../images/mark/ic_cir_green03.png) 0.5em center no-repeat #fff; background-size:16px 16px;padding:0.2em 0 0.2em 2.3em; border-radius:20px;}
ul#sitemap li.third{ margin:0 0 1em 2em; background:url(../images/mark/ic_cir_green04.png) 0.5em center no-repeat #fff; background-size:12px 12px;padding:0.2em 0 0.2em 2em; border-radius:20px;}
ul#sitemap li.fourth{margin:0 0 0.8em 3em; background:url(../images/mark/ic_cir_green05.png) 0.5em center no-repeat #fff; background-size:8px 8px;padding:0.2em 0 0.2em 1.8em; border-radius:20px;}
.end{margin-bottom:2em;}

/* 酒風呂物語 -------------------------------------------------------------------------------------------  */

/* Hx  */
.h1_sake{ background:url(../images/pc/h1_base_line.png) no-repeat left bottom; padding-bottom: 5px; }
.h1_sake h1{ background:url(../images/pc/h1_base_icon.png) no-repeat 0% 60%; background-size: 15% auto; text-align:center; padding: 1.0em 0 0.9em; font-weight: normal; line-height: 1.3; color:#583f1b; font-size: 150%; font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }

.pic_sake{ float: none; text-align:center;  }
.pic_sake img.ver{ height: 270px; width: auto;  }/* 縦 */
.pic_sake img.hori{ width: 270px; height: auto;  }/* 横 */

.line_sake{ background:url(../images/sp/line_sake_bkg.gif) no-repeat; text-align: right; margin-top: 0.5em; }
.line_sake a{ display:block; padding-top: 25px; }
.line_sake a:hover{opacity:0.8; filter:alpha(opacity=80);}
.bn_konron{ }

.box_pink{ border: 1px solid #FD6D8A; margin-bottom: 30px; padding: 10px 20px 15px; font-size: 100%;  background:#FFF;  }
.box_pink p.ttl{ color:#FD6D8A; font-weight: bold; margin-bottom: 7px; font-size: 100%;  } 
.box_pink_pic01{ float: none; text-align:center;  }



/* グリーティングカード  -------------------------------------------------------------------------------------------  */

.card_txt{ float: none; color: #8C4800;  }

.card_list_box{float: none; margin-bottom: 7px;}

.card_list{ margin: 0 0 14px 0;  }
.card_list a{ display: inline-block;  }
.card_list a:first-child{margin: 0 10px 0 0;  }
.card_list a:link img { border: 3px solid #DDD; }
.card_list a:visited img  { border: 3px solid #DDD; }
.card_list a:hover img  { border: 3px solid #DAC0AC; }
.card_list a:active img  { border: 3px solid #DDD; }


/* 選択カード表示  */
#card_pc { width: 100%; height: 286px; margin: 0px auto 15px; background: url(http://www.taoism.gr.jp/images/greetingcard/contents/card_bkg.gif) no-repeat; }
#card_pc img { margin: 3px; }
#message { width: 94%; box-sizing:border-box;  min-height: 200px; height: auto !important; height: 200px; margin: 0px auto 1.5em; padding: 30px 18px 10px 18px; border: 1px solid #CEB8A6; background: url(http://www.nihondokan.co.jp/greetingcard/pc/images/contents/message_stamp.gif) 7px 13px no-repeat #FFF; }

#card_prev { width: 100%; margin: 0px auto 1em; padding: 10px 0px 18px; }


.ok { margin: 40px 0px; }
table.c_data { margin: 0px 0px 0px 20px; width: 90%; }
table.c_data th { text-align: left; color: #8C4800; padding: 10px 0px 0px 15px; border-bottom: 1px solid #CEB8A6; background: url(http://www.taoism.gr.jp/images/greetingcard/contents/ic_sq_bro03.gif) no-repeat 0px 16px; }
table.c_data td { padding: 7px 0px 0px 0px; }
table.c_data td input { padding: 3px 0px; }
.c_item{ display: inline-block; width: 12em; }
input[type="text"]{ width: 100%; }
table.c_data td textarea{ width: 80%; }


/* title  */
.c_choice { font-size: 115%; background:#9fcc8b; color:#FFF; padding: 3px 6px ; border-radius: 6px; margin-bottom: 1em; }
.c_send { font-size: 115%; background:#F99; color:#FFF;padding: 3px 6px ;border-radius: 6px; margin-bottom: 1em; }


.btn_greeting_next{
	display: inline-block; padding: 6px 30px; 
	
background: linear-gradient(to bottom, #fff, #ffd900);/* IE10+, W3C */ 
background: -moz-linear-gradient(top, #00abeb, #fff);
background: -webkit-gradient(linear, center top, center bottom, from(#00abeb), to(#fff));
/* IE8-9 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccccff', endColorstr='#000066', GradientType=0)";

	 }
		
		
.btn_greeting_back{
	display: inline-block; padding: 6px 30px; 
	
background: linear-gradient(to bottom, #000, #ffd900);/* IE10+, W3C */ 
background: -moz-linear-gradient(top, #00abeb, #fff);
background: -webkit-gradient(linear, center top, center bottom, from(#00abeb), to(#fff));
/* IE8-9 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccccff', endColorstr='#000066', GradientType=0)";

	 }






/* ------------------------------------------------------------------------------------------

  TOP

  ------------------------------------------------------------------------------------------*/

#key_top{ text-align:center; margin-bottom: 1.5em;  }
#key_top img{ width: 100%;  }

object{ display: none;  }
embed{ display: none;  }
.key_pc{ display: none; }
.key_tb{ display: none; }
.key_tb img{ }
.key_sp img{ width: 100%; height: 34.59821428%; }



.item{
float: none;
box-sizing: border-box;
width: 90%;
margin: 0 auto 2.5%;
padding: 0%;
border: 1px solid #dfd5c8;
background:#FFF;
border-radius: 2px;
}


.item_ttl{ width: 100%; vertical-align: middle; line-height: 1.0; margin-bottom: 1.5em;  }
.item_ttl a,.item_ttl span{ display: block; border-bottom:2px solid #ede6dc; margin: 0; padding: 0.7em 0.5em 0.5em 1em; line-height: 1.0; text-align:left; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; text-decoration: none; color:#783102; font-size: 120%;  }

.item_ttl a img,.item_ttl span img{ display: inline; vertical-align: middle; width: 46px; height: auto;  }

/*.update{ background: url(../images/top/ic_update.gif) no-repeat #F00; }
.for_women{ background:url(../images/top/ic_for_women.gif) no-repeat #F00; }
.ikirutao{ background:url(../images/top/ic_ikirutao.gif) no-repeat #F00; }
.taoism01{ background:url(../images/top/ic_taoism01.gif) no-repeat #F00; }
.taoism02{ background:url(../images/top/ic_taoism02.gif) no-repeat #F00; }
.taoist_story{ background:url(../images/top/ic_taoist_story.gif) no-repeat; }*/

.item ul{ margin: 0 0.5em 2em 1.7em; }
.item ul li{ background: url(../images/mark/ic_cir_green04.png) no-repeat left 0em ; margin-bottom: 1.2em; padding-left: 1.5em; line-height: 1.2; font-size: 100%;   }
.item ul li a{ display:block; color:#333; text-decoration: none; text-align: left;   }
.item ul li a:hover{ color:#333; text-decoration: underline;  }
.item ul li.lv2{ background: url(../images/mark/ic_cir_green05.png) no-repeat 1.0em 0.3em ; margin-bottom: 1.2em;padding-left: 2em; line-height: 1.2;  }
.item ul li.lv2 a{ color:#333; text-decoration: none;  }
.item ul li.lv2 a:hover{ color:#333; text-decoration: underline;  }

.item ul li + li.lv2 { margin-top: -0.2em; }

.box-video {
width:100%;
height:autuo;
position:relative;
}
.box-video-content {
position:absolute;
top:0;
left:30%;
color:#fff;
padding-top:20%;
}
video {
position: relative;
right: 0;
bottom: 0;
min-width: 100%;
width: 100%;
height: auto;
z-index: -100;
}

.message{ text-align:left;width:90%;margin:0 auto 1em;}
.message02{float: none; text-align:left;width:90%;margin:0 auto 1em;}
.hie{ float: none; text-align:center; } 
.p_guide{clear:both;}
ul.p_guide{margin:1.5em 2% 0.6em; text-align:center;clear:both;}
ul.p_guide li{display:inline-block;margin:0 0 1.1em 0;}
ul.p_guide li a{background:#fff; border:1px solid #ccc;padding:0.6em 0.8em;/*margin:0 0.3em 0 0;*/ color:#333;text-decoration:none;}
ul.p_guide li a:link,ul.pager li a:visited{color:#333;}
ul.p_guide li a:hover,ul.pager li a:active{ background:#e3e3e3;}
ul.p_guide li a.on{background:#e3e3e3;}
span.list_blank{text-decoration: none; color:#333;margin-left: 3.0em; background:url(../images/mark/ic_cir_black01.gif) no-repeat left center; line-height: 1.2;}
span.list_blank a{ margin-left:0!important;}
.sp_both{clear:both;}
.sp_center{text-align:center;}
.sp_center img{float:none!important;}


/* 新成人へ贈る言葉 */
.life02 {
	position: relative;
	padding-bottom: 75%;
	/*padding-top: 80px;*/
	height: 0;
	overflow: hidden;
}

.life02 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}