@charset "utf-8";

/* -------------------------
Triple P japan CSS
------------------------- */

/* ------------------------- TOC sample
01 Setup
02 CSS Hack
03 multi column
04 wrap around the contents ( base layout box )
05 header
06 contents
07 footer
08 others
------------------------- */
/* ============================== Setup */
* {
margin: 0;
padding: 0;
text-decoration: none;
border: none;
font-weight: normal;
}
/* margin: 0; padding: 0;はリセットするため。このままコピペでよい */

body {
font-size:small;
text-align: center;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#444444;
background:#0f6397 url(../../images/back02.gif) top repeat-x;
margin:0;
padding:0;
}

em {
font-style:normal;
font-weight:bold;
}

hr{
display:none;
}

address {
font-style:normal;
font-size:80%;	
}

p {
margin:0;
padding:0;
line-height:1.2em;
}

ul, ol, dl, li, dt, dd { 
list-style: none;
line-height:1.5em;
}
a { color: #0089e0; text-decoration: none; }
a:link { color: #0089e0; }
a:visited { color: #0089e0; }
a:hover, a:active {
color:#0066FF;
text-decoration:underline;
}
/* ↑　l,v,h,aの順番で書くこと */

a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }
/* 画像にリンクを張ったときにボーダーが出ないようにする */


/* ============================== CSS Hack */
/* floating box clear */
.clr:after { 
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; 
}

.clr { display: inline-table; }
/* Hide from mac IE5 \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* End Hide from mac IE5 */

/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; }



/* ============================== wrap */

div#wrap{
width:790px;
margin:0 auto;
}

div#navi{
float:left;
width:140px;
text-align:left;
position:relative;
}

#main{
float:right;
width:650px;
text-align:left;
background-color:#FFFFFF;
}

div#header{
position:relative;
width:650px;
height:89px;
background:url(../../images/stripe_header..gif) repeat-x top;
}

div#footer{
clear:both;
width:620px;
text-align:right;
background:url(../../images/stripe_footer.gif) repeat-x top;
margin:0 15px 0 15px;
padding-top:15px;
padding-bottom:10px;

}

/* ============================== navi */
div#navi ul{
	position:absolute;
	top:95px;
	font-size:90%;
	width: 140px;
}

div#navi ul a{
display: block;
padding: 3px 3px 3px 15px;
width: 122px;
color:#FFFFFF;
background-color: #004570;
border-bottom: 1px solid #95c4fc;
}

div#navi li a:link, div#navi li a:visited
{
text-decoration: none;
}

div#navi li a:hover , div#navi li a:active{
background-color: #0080b6;
color: #FFF;
text-decoration:none;
}

div#navi li#active{
padding: 3px 3px 3px 15px;
width: 122px;
background-color: #0080b6;
color: #FFF;
text-decoration:none;
border-bottom: 1px solid #95c4fc;
}

#bnr_member{
position:absolute;
	top:320px;	
}

/* ============================== header */

h1 a{
position:absolute;
width:90px;
height:85px;
top:0;
left:30px;
background:url(../../images/logo01.jpg) no-repeat;
text-indent:-9999px;
}

h2 a{
position:absolute;
width:227px;
height:64px;
top:18px;
left:15px;
background:url(../../images/logo02.gif) no-repeat;
text-indent:-9999px;
}

#sitemap{
position:absolute;
width:80px;
top:65px;
left:550px;
font-size:90%;
color:#444;
padding-left: 20px;
background:url(../../images/arrow_blue02.gif) no-repeat left center;
background-position: 0.5em;
}

#sitemap a{
color:#444;
text-decoration:none;
}

#sitemap a:link , #sitemap a:visited{
color: #444;
}
#sitemap a:hover, #sitemap a:active{
color:#0066FF;
text-decoration:underline;
}

.pagetop{
margin:10px 0;
height:30px;
}

.pagetop p{
float:right;
width:90px;
font-size:90%;
color:#444;
padding-left: 20px;
background:url(../../images/arrow_pagetop.gif) no-repeat left center;
background-position: 0.5em;
}

.pagetop p a{
color:#444;
text-decoration:none;
}

.pagetop p a:link , .pagetop p a:visited{
color: #444;
}

.pagetop p a:hover, .pagetopp p a:active{
color:#0066FF;
text-decoration:underline;
}

/* ============================== ぱんくず */
p#pan_blue{
font-size:80%;
color:#444;
}

p#pan_blue a:link , p#pan_blue a:visited{
color:#444;
text-decoration:underline;
}

p#pan_blue a:hover, p#pan_blue a:active{
color:#0066FF;
text-decoration:underline;
}

p#pan_orange{
font-size:80%;
color:#444;
}

p#pan_orange a:link , p#pan_orange a:visited{
color:#444;
text-decoration:underline;
}

p#pan_orange a:hover, p#pan_orange a:active{
color:#ff6600;
text-decoration:underline;
}

p#pan_green{
font-size:80%;
color:#444;
}

p#pan_green a:link , p#pan_green a:visited{
color:#444;
text-decoration:underline;
}

p#pan_green a:hover, p#pan_green a:active{
color:#009900;
text-decoration:underline;
}

/* ============================== contents(top) */
div#contents{
width:650px;
background:url(../../images/shadow01.gif) repeat-x top;
}

div#conbox{
padding:22px 15px 30px 15px;
}

div#topimg{
position:absolute
width:650px;
height:218px;
top:89px;
text-indent:-9999px;
background:url(../../images/topimg.jpg) no-repeat;
}

#midashi {
background-image: url(../../images/midashi_top.gif);
background-repeat: no-repeat;
height: 22px;
width: 260px;
text-indent:-9999px;
margin-bottom:7px;
}

div#bn01{
position:relative;
height:132px;
margin-top:20px;
margin-bottom:20px;
text-align:left;
}

h3#bn_p a{
position:absolute;
float:left;
width:300px;
height:132px;
background:url(../../images/bn_01.jpg) no-repeat;
text-indent:-9999px;
}

h3#bn_l a{
float:right;
width:300px;
height:132px;
top:0;
left:320px;
background:url(../../images/bn_02.jpg) no-repeat;
text-indent:-9999px;
}

/* ============================== news(top) */

.newslist h4{
width:400px;
height:16px;
background:url(../../images/tit_news.gif) no-repeat;
margin-bottom:10px;
text-indent:-9999px;
}

.newslist {
float:left;
width:400px;
}

.newslist ul{
padding-left: 10px;
}

.newslist li{
background:url(../../images/arrow_blue.gif) no-repeat left 3px;
padding-top:3px;
padding-left:10px;
margin-bottom:8px;
}

.newslist p{
font-size:small;
}

div#newsbox01{
clear: both;
margin:10px 0;
border:#0066CC solid 1px;
padding:8px;
}

div#newsbox_gr{
margin:10px 0;
border:#336600 solid 1px;
padding:8px;
}

div.newsbox_or{
margin:10px 0;
border:#FF9900 solid 1px;
padding:8px;
}

.news_bold01{
font-weight:bold;
}

.news_bold02{
font-weight:bold;
}

.news_b_g01{
font-weight:bold;
color:#339933;
margin-bottom:5px;
}

.news_b_o01{
font-weight:bold;
color:#FF9966;
margin-bottom:5px;
}


/* ============================== topic(top) */
#toprightcol {
float:right;
width:200px;
}


/* ============================== schedule */

#schedule{
background:#FFFFFF;
font-size:100%;
text-align: center;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#444444;
margin:0;
padding:0;
}

#schedule #wrap{
width:500px;
margin:0 auto;
}

#schedule #main{
width:440px;
text-align:left;
margin:30px;
}

#schedule #header{
position:relative;
width:500px;
height:89px;
background:url(../../images/stripe_header..gif) repeat-x top;
}

#schedule #footer{
width:470px;
text-align:right;
background:url(../../images/stripe_footer.gif) repeat-x top;
margin:0;
padding-top: 15px;
padding-right: 30px;
padding-bottom: 10px;
padding-left: 0;
}

#schedule h4{
height:16px;
background:url(../../images/tit_sche.gif) no-repeat;
margin-bottom:10px;
text-indent:-9999px;
}

.p_color{ color:#f3cfa8;}

.l_color{ color:#b5d99f;}

.both_color{ color:#dbbfe9;}

.full{ font-weight:bold;}

.boshu{
font-weight:bold;
color:#ef4f39;
}

.sche_table{
font-size:small;
width:440px;
height:auto;
border:1px solid #999999;
cellspacing:0;
cellpadding:2px;
}

.sche_table th{
height:15px;
background:#FFFFCC;
text-align:center;
}

td.parent{
background:#fadebf;
}

td.leader{
background:#d5eac8;
}

td.both{
background:#e5d1ef;
}

#w_close{ text-align:right;}

/* ============================== p margin */
.margin_t30{
margin-top:30px;
}

.margin_tb20{
margin-top:20px;
margin-bottom:20px;
}

.margin_t10{
margin-top:10px;
}

.margin_t20{
margin-top:20px;
}

.margin_b20{
margin-bottom:20px;
}

/* ============================== img */
.imgleftside {
float: left;
padding-right: 10px;
padding-bottom: 10px;
}

.imgrightside {
float:right;
padding-left: 10px;
padding-bottom: 10px;
}

/* ============================== contents tit h3 */

h3#tit_sitemap{
width:620px;
height:30px;
background:url(../../images/tit_sitemap.gif) no-repeat;
text-indent:-9999px;
margin-bottom:30px;
margin-top:7px;
}

h3#phi{
width:620px;
height:30px;
background:url(../../images/tit_philo.gif) no-repeat;
text-indent:-9999px;
margin-bottom:30px;
margin-top:7px;
}

h3#staff{
width:620px;
height:30px;
background:url(../../images/tit_staff.gif) no-repeat;
text-indent:-9999px;
margin-bottom:30px;
margin-top:7px;
}

h3#act{
width:620px;
height:30px;
background:url(../../images/tit_act.gif) no-repeat;
text-indent:-9999px;
margin-bottom:30px;
margin-top:7px;
}

h3#arti{
width:620px;
height:30px;
background:url(../../images/tit_article.gif) no-repeat;
text-indent:-9999px;
margin-bottom:30px;
margin-top:7px;
}

h3#result{
width:620px;
height:30px;
background:url(../../images/tit_result.gif) no-repeat;
text-indent:-9999px;
margin-bottom:30px;
margin-top:7px;
}

h3#fina{
width:620px;
height:30px;
background:url(../../images/tit_finance.gif) no-repeat;
text-indent:-9999px;
margin-bottom:30px;
margin-top:7px;
}

h3#cont{
width:620px;
height:30px;
background:url(../../images/tit_contact.gif) no-repeat;
text-indent:-9999px;
margin-bottom:30px;
margin-top:7px;
}

h3#parents01{
width:620px;
height:30px;
background:url(../../images/tit_parent.gif) no-repeat;
text-indent:-9999px;
margin-bottom:30px;
margin-top:7px;
}

h3#parents02{
width:620px;
height:30px;
background:url(../../images/tit_parent02.gif) no-repeat;
text-indent:-9999px;
margin-bottom:30px;
margin-top:7px;
}

h3#parents03{
width:620px;
height:30px;
background:url(../../images/tit_parent03.gif) no-repeat;
text-indent:-9999px;
margin-bottom:30px;
margin-top:7px;
}

h3#leader01{
width:620px;
height:30px;
background:url(../../images/tit_leader.gif) no-repeat;
text-indent:-9999px;
margin-bottom:30px;
margin-top:7px;
}

h3#tit_link{
width:620px;
height:30px;
background:url(../../images/tit_link.gif) no-repeat;
text-indent:-9999px;
margin-bottom:30px;
margin-top:7px;
}



/* ============================== parents h4 leader h4 */
h4#parents02{
width:436px;
height:30px;
background:url(../../images/tit2_p_about.gif) no-repeat;
text-indent:-9999px;
margin-bottom:20px;
}


h4#parents03{
width:436px;
height:30px;
background:url(../../images/tit2_p_seminer.gif) no-repeat;
text-indent:-9999px;
margin-bottom:20px;
}

h4#blog_link{
width:436px;
height:30px;
background:url(../../images/tit2_p_bloglink.gif) no-repeat;
text-indent:-9999px;
margin-bottom:20px;
}

h4#parents04{
width:436px;
height:30px;
background:url(../../images/tit2_p_hints.gif) no-repeat;
text-indent:-9999px;
margin-bottom:20px;
}

h4#leader02{
width:436px;
height:30px;
background:url(../../images/tit2_l_seminer.gif) no-repeat;
text-indent:-9999px;
margin-bottom:20px;
}


h4#leader03{
width:436px;
height:30px;
background:url(../../images/tit2_l_traning.gif) no-repeat;
text-indent:-9999px;
margin-bottom:20px;
}h4#leader05{
width:436px;
height:30px;
background:url(../../images/tit2_l_recommend.gif) no-repeat;
text-indent:-9999px;
margin-bottom:20px;
}

h4#leader04{
width:436px;
height:30px;
background:url(../../images/tit2_l_member.gif) no-repeat;
text-indent:-9999px;
margin-bottom:20px;
}

/* ============================== サイトマップ */
.li_blue ul{
margin:0;
}


.li_blue li{
padding-left: 20px;
background:url(../../images/dt_blue.gif) no-repeat left center;
background-position: 0.5em;
margin:10px 0 0 0;
}

p.green_sitemap{
padding-left: 20px;
background:url(../../images/dt_green.gif) no-repeat left center;
background-position: 0.5em;
margin:10px 0 0 0;
}

.green_sitemap02 ul{
margin:5px 0 0 30px;
}

.marginleft20{
margin-left:20px;
}


p.orange_sitemap{
padding-left: 20px;
background:url(../../images/dt_orange.gif) no-repeat left center;
background-position: 0.5em;
margin:10px 0 0 0;
}


/* ============================== leader04 ul li */

.list_green ul{
margin:0 0 0 10px;
}


.list_green li{
padding-left: 20px;
background:url(../../images/dt_green.gif) no-repeat left top;
background-position: 0.5em;
margin:0 0 10px 0;
}



/* ============================== parents01 h5 */

h5#parentstop01{
width:436px;
height:21px;
background:url(../../images/tit3_p_01.gif) no-repeat;
text-indent:-9999px;
margin-top:40px;
margin-bottom:20px;
}


/* ============================== hints.html h5 */

h5#hint_01{
width:416px;
height:21px;
background:url(../../images/tit3_p_hint01.gif) no-repeat;
text-indent:-9999px;
margin-top:30px;
margin-bottom:15px;
}

h5#hint_02{
width:416px;
height:21px;
background:url(../../images/tit3_p_hint02.gif) no-repeat;
text-indent:-9999px;
margin-top:30px;
margin-bottom:15px;
}

/* ============================== hint_format */

h6.orange01{
font-size:100%;
font-weight:bold;
color:#e58600;
margin:5px 0 0 -2px;
}

.hint_format p{
clear:both;
}

/* ============================== leader h5 */

h5#tre_01{
width:416px;
height:21px;
background:url(../../images/tit3_l_traning01.gif) no-repeat;
text-indent:-9999px;
margin-top:30px;
margin-bottom:15px;
}

h5#tre_02{
width:416px;
height:21px;
background:url(../../images/tit3_l_traning02.gif) no-repeat;
text-indent:-9999px;
margin-top:30px;
margin-bottom:15px;
}

h5#tre_03{
width:416px;
height:21px;
background:url(../../images/tit3_l_traning03.gif) no-repeat;
text-indent:-9999px;
margin-top:30px;
margin-bottom:15px;
}

h5#tre_04{
width:416px;
height:21px;
background:url(../../images/tit3_l_traning04.gif) no-repeat;
text-indent:-9999px;
margin-top:30px;
margin-bottom:15px;
}

h5#tre_05{
width:416px;
height:21px;
background:url(../../images/tit3_l_traning05.gif) no-repeat;
text-indent:-9999px;
margin-top:30px;
margin-bottom:15px;
}

/* ============================== leader h6 */
h6.tit_l_h6 {
font-size:100%;
font-weight:bold;
color:#559922;
margin:5px 0 0 -2px;
}




/* ============================== page parents02 */
.answer{
width:58px;
height:11px;
background:url(../../images/answer.gif) no-repeat;
text-indent:-9999px;
margin-top:15px;
margin-bottom:10px;
}

h5#q_01{
width:416px;
height:21px;
background:url(../../images/tit3_p_q01.gif) no-repeat;
text-indent:-9999px;
margin-top:30px;
margin-bottom:15px;
}

h5#q_02{
width:416px;
height:21px;
background:url(../../images/tit3_p_q02.gif) no-repeat;
text-indent:-9999px;
margin-top:30px;
margin-bottom:15px;
}

h5#q_03{
width:416px;
height:21px;
background:url(../../images/tit3_p_q03.gif) no-repeat;
text-indent:-9999px;
margin-top:30px;
margin-bottom:15px;
}

h5#q_04{
width:416px;
height:21px;
background:url(../../images/tit3_p_q04.gif) no-repeat;
text-indent:-9999px;
margin-top:30px;
margin-bottom:15px;
}

h5#q_05{
width:416px;
height:21px;
background:url(../../images/tit3_p_q05.gif) no-repeat;
text-indent:-9999px;
margin-top:30px;
margin-bottom:15px;
}

/* ============================== page parents03 */
h5#p_03{
width:416px;
height:21px;
background:url(../../images/tit3_p_semminer01.gif) no-repeat;
text-indent:-9999px;
margin-top:30px;
margin-bottom:15px;
}

.red_stg {
font-size:120%;
font-weight:bold;
color:#fe5401;
}

.mail_stg{
font-size:120%;
font-weight:bold;
}

/* ============================== orange parents dl dt dd list */
.dt_orange dt{
font-weight:bold;
padding-left: 20px;
background:url(../../images/dt_orange.gif) no-repeat left center;
background-position: 0.5em;
margin:30px 0 5px -5px;
}

.dt_orange dd{
margin:0 0 0 10px;
}


.li_orange{
font-weight:bold;
padding-left: 20px;
background:url(../../images/dt_orange.gif) no-repeat left center;
background-position: 0.5em;
margin:30px 0 5px -5px;
}

/* ============================== green leader dl dt dd */
.dt_green dt{
font-weight:bold;
padding-left: 20px;
background:url(../../images/dt_green.gif) no-repeat left center;
background-position: 0.5em;
margin:30px 0 5px -5px;
}

.dt_orange dd{
margin:0 0 0 10px;
}


/* ============================== activity tit */
dl.act_dl{
margin-bottom:50px;
}

dt#actit01{
width:550px;
height:30px;
background:url(../../images/tit_act01.gif) no-repeat;
text-indent:-9999px;
margin-bottom:20px;
}

dt#actit02{
width:550px;
height:30px;
background:url(../../images/tit_act02.gif) no-repeat;
text-indent:-9999px;
margin-bottom:20px;
}

dt#actit03{
width:550px;
height:30px;
background:url(../../images/tit_act03.gif) no-repeat;
text-indent:-9999px;
margin-bottom:20px;
}

dt#actit04{
width:550px;
height:30px;
background:url(../../images/tit_act04.gif) no-repeat;
text-indent:-9999px;
margin-bottom:20px;
}

dl.act_dl dd{
margin-left:15px;
}


/* ============================== teikan */
h4#arti{
font-size:110%;
font-weight:bold;
margin-bottom:15px;
}

p.shou{
padding-bottom:8px;
background:url(../../images/stripe_teikan01.gif) repeat-x bottom;
font-size:105%;
font-weight:bold;
margin-bottom:15px;
}

div.marginb30tei{
margin-bottom:30px;
}
.marginb30tei dd{
margin-bottom:10px;
}

div.listml15{
margin-left:15px;
}

.marginb30tei ol , .marginb30tei ul{
margin-left:40px;
}

.marginb30tei ol li{
list-style-type:decimal;
}

/* ============================== contents */

div#conblock01{
margin:0 35px 0;
}

div#conblock02{
margin:0 0 30px 14px;
}

div.conblock01 p , div.conblock02 p,{
line-height:1.5em;
}

div#conleft01{
float:left;
margin:0 20px 0 0;
line-height:1.5em;
}

p.right01{
text-align:right;
}

table , th , td{
border-collapse:collapse;
border:#999999 solid 1px;
}

th{
text-align:left;
text-decoration:none;
font-weight:normal;
padding:5px;
background-color:#eaf9ff;
}

td{
vertical-align:top;
text-align:left;
padding:5px;
background-color:#FFF;
}

th.orange01{
width:20%;
text-align:left;
text-decoration:none;
font-weight:normal;
padding:5px;
background-color:#fff7db;
}



/* ============================== parents and leader 2culmun */

div#rightnavi{
float:right;
width:151px;
}

div#leftcon{
float:left;
width:436px;
}

.leftcon02 {
margin:0px 10px 20px;
}

/* ============================== subnavi */
ul#subnavi {
width: 151px;
margin: 0;
}

ul#subnavi li {
height:25px;
padding: 0;
margin: 0;
text-indent:-9999px;
}


ul#subnavi li a {
display: block;
vertical-align: bottom;
width: 151px;
height: 25px;
background-position: 0 0;
background-repeat: no-repeat;
}

ul#subnavi li#about_p a { background-image:url(../../images/sub_p_01.gif); margin-top: 0; }
ul#subnavi li#semminer_p a { background-image:url(../../images/sub_p_02.gif); }
ul#subnavi li#hint_p a { background-image:url(../../images/sub_p_03.gif);}
ul#subnavi li#feedback_p a { background-image:url(../../images/sub_p_05.gif);}
ul#subnavi li#link_blog_p a { background-image:url(../../images/sub_p_04.gif);}
ul#subnavi li#seminer_l a { background-image:url(../../images/sub_l_01.gif); margin-top: 0; }
ul#subnavi li#traning_l a { background-image:url(../../images/sub_l_02.gif); }

ul#subnavi li#recommend_l a { background-image:url(../../images/sub_l_05.gif);}ul#subnavi li#member_l a { background-image:url(../../images/sub_l_03.gif);}
ul#subnavi li#feedback_l a { background-image:url(../../images/sub_l_04.gif);}

ul#subnavi li#about_p a:hover,
ul#subnavi li#semminer_p a:hover,
ul#subnavi li#hint_p a:hover,
ul#subnavi li#feedback_p a:hover,
ul#subnavi li#link_blog_p a:hover,
ul#subnavi li#seminer_l a:hover,
ul#subnavi li#traning_l a:hover,
ul#subnavi li#traning_l a:hover,
ul#subnavi li#feedback_l a:hover,
ul#subnavi li#member_l a:hover { background-position: 0 -25px; }


ul#subnavi li#about_p02 a{ background-image:url(../../images/sub_p_01.gif); background-position: 0 -25px; }
ul#subnavi li#semminer_p02 a{ background-image:url(../../images/sub_p_02.gif); background-position: 0 -25px; }
ul#subnavi li#hint_p02 a{ background-image:url(../../images/sub_p_03.gif); background-position: 0 -25px; }
ul#subnavi li#feedback_p02 a{ background-image:url(../../images/sub_p_05.gif); background-position: 0 -25px; }
ul#subnavi li#link_blog_p02 a{ background-image:url(../../images/sub_p_04.gif); background-position: 0 -25px; }
ul#subnavi li#seminer_l02 a { background-image:url(../../images/sub_l_01.gif); background-position: 0 -25px; }
ul#subnavi li#traning_l02 a { background-image:url(../../images/sub_l_02.gif); background-position: 0 -25px; }
ul#subnavi li#recommend_l02 a { background-image:url(../../images/sub_l_05.gif); background-position: 0 -25px; }ul#subnavi li#member_l02 a { background-image:url(../../images/sub_l_03.gif); background-position: 0 -25px; }
ul#subnavi li#feedback_l02 a{ background-image:url(../../images/sub_l_04.gif); background-position: 0 -25px; }