@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:#7fc4e2 url(../../member/images/back.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: #0088bb;
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: #00aaee;
color: #FFF;
text-decoration:none;
}

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


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

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

h2 a{
position:absolute;
width:348px;
height:41px;
top:35px;
left:15px;
background:url(../../member/images/logo02_m.gif) no-repeat;
text-indent:-9999px;
}

#triplep_top{
	position:absolute;
	width:100px;
	top:65px;
	left:530px;
	font-size:90%;
	color:#444;
	padding-left: 20px;
	background: url(../../member/images/arrow_blue_m.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;
}
/* ============================== news(top) */

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

.newslist {
width:620px;
}

.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;
}


/* ============================== 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#download{
width:620px;
height:30px;
background:url(../../member/images/h3_download.gif) no-repeat;
text-indent:-9999px;
margin-bottom:30px;
margin-top:7px;
}

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

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


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

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

h3#book{
width:620px;
height:30px;
background:url(../../member/images/h3_book.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#leader04{
width:436px;
height:30px;
background:url(../../images/tit2_l_member.gif) no-repeat;
text-indent:-9999px;
margin-bottom:20px;
}

/* ============================== リスト */

ul.li_blue{
margin-left:20px;}

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

.li_blue p{
margin-left:20px;
}


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

/* ==============================dl dt dd list */
dl{margin:0 0 0 20px;}

dt{
font-weight:bold;
margin:0;
padding-left:15px;
background:url(../../images/dt_blue.gif) no-repeat left;
background-position: 0;
margin:10px 0 0 0;
}

dd{
margin:0 0 0 15px;
}


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



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

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

.marginb30tei ol{
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#conblock03{
margin:0 10px 0;
}

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.blue{
text-align:left;
text-decoration:none;
font-weight:normal;
padding:5px;
background-color:#eaf9ff;
}

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

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

.gray{background-color:#f4f4f4;}


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

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

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

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