@import "basic.css";

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



#example #bodySecond p.title {
	background: url(../images/common_files/background_blue_slash.gif);
	border-bottom: 5px solid #426B87;
	margin: 0;
	padding: 2px 10px;
	text-align: right; 
	font-weight: bold;
	color: #fff;
	width: 529px;
}

#example #bodySecond h2 {
	width: 509px;
	padding: 5px 0 5px 40px;
	margin: 10px 0 0px 0;
	font-size: 120%;
	font-weight: normal;
	background: url(../images/document_archives/background_caption.gif) 0 50% no-repeat;
}

#example #bodySecond example_waku {
	width: 509px;
	clear:left;
}

#example #bodySecond example_waku2 {
	width: 509px;
	clear:left;
}



span.blue_gray {
	font-size: 90%;
	font-weight: normal;
	color:#669999;
	padding-left:5px;
}

#example #bodySecond h2 p.moreInfo {
	font-size:140%;
	font-weight:bold;
	width: 200px;
	padding: 6px 0 5px 30px;
	background: url(../images/common_files/arrow_more.gif) 3px 8px no-repeat;}


#example #bodySecond #contentExample {
	width: 530px;
	margin: 0 9px 20px 10px;
	padding: 0 0 0 0;
}


#example #bodySecond #contentPlan #planwaku {
	width: 500px;
	padding:5px;
	margin:5px;
	border:1px #ccc solid;
}

#plan #bodySecond #contentexample #planwaku .planwaku_small {
	font-size:90%;
}


#example #bodySecond #orange {
	border-left:3px #ef8200 solid;
	padding:5px;
	font-size: 120%;
}

#example #bodySecond #green {
	margin-top:10px;
	clear:left;
	border-left:3px #c3d82e solid;
	padding:5px;
	font-size: 120%;
}

#example #bodySecond #purple {
	margin-top:10px;
	clear:left;
	border-left:3px #5e67ae solid;
	padding:5px;
	font-size: 120%;
}


#example #bodySecond h3.blue {
	background: #FFF url(../images/forum/bg_blue.gif) 0 50% no-repeat;
	border-bottom: 1px dashed #ccc;
	padding: 7px 10px 7px 25px;
	margin: 20px 0 5px 0;
	font-size: 120%;
}
#example #bodySecond h3.red {
	background: #FFF url(../images/forum/bg_red.gif) 0 50% no-repeat;
	border-bottom: 1px dashed #ccc;
	padding: 7px 10px 7px 25px;
	margin: 20px 0 5px 0;
	font-size: 120%;
}
#example #bodySecond h3.green {
	background: #FFF url(../images/forum/bg_green.gif) 0 50% no-repeat;
	border-bottom: 1px dashed #ccc;
	padding: 7px 10px 7px 25px;
	margin: 20px 0 5px 0;
	font-size: 120%;
}
#example #bodySecond .forumRank {
	font-family: "ＭＳ ゴシック","Osaka","Verdana","Arial","Helvetica",sans-serif;
	width: 530px;
	font-size: 100%;
	border-style: solid;
	border-color: #999999;
	border-width: 1px 0 0 1px;
}
#example #bodySecond .forumRank th {
	padding: 4px 0 3px 0;
	font-size: 100%;
	text-align: center;
	font-weight: normal;
	background: #FFF url(../images/forum/bg_gray.gif) 0 0 repeat;
	border-style: solid;
	border-color: #999999;
	border-width: 0 1px 1px 0;
}
#example #bodySecond .forumRank td {
	padding: 8px 8px;
	font-size: 100%;
	border-style: solid;
	border-color: #999999;
	border-width: 0 1px 1px 0;
}
#example #bodySecond .forumRank td.title  {
	font-family: "Arial","Helvetica","Verdana","ＭＳ ゴシック","Osaka",sans-serif;
	width: 180px;
	font-size: 100%;
}
#example #bodySecond .forumRank td.contents {
	font-family: "Arial","Helvetica","Verdana","ＭＳ ゴシック","Osaka",sans-serif;
	padding: 8px 16px 8px 16px;
}
#example #bodySecond .forumRank td.update {
	font-family: "Arial","Helvetica","Verdana","ＭＳ ゴシック","Osaka",sans-serif;
	width: 120px;
	text-align: center;
}
#example #bodySecond .pages {
	border-style: solid;
	border-color: #a3a3a3;
	border-width: 0 0 3px 0;
	letter-spacing: 0.2em;
}
#example #bodySecond .pages-only {
	letter-spacing: 0.2em;
	margin: 10px 0 0 0;
}
#plan #bodySecond .pages-tab {
	padding: 5px 0 5px 0;
}
#example #bodySecond .pages-tab ul {
	border-style: solid;
	border-color: #a3a3a3;
	border-width: 0 0 3px 0;
	text-align: right;
	padding: 0 0 5px 0;
}
#example #bodySecond .pages-tab li {
	display: inline;
	padding: 5px 5px 5px 8px;
	margin: 0 0 0 10px;
	border-style: solid;
	border-color: #999999;
	border-width: 1px;
}
#example #bodySecond .pages-tab li.link-active {
	color: #fff;
	background: #a3a3a3;
}
#example #bodySecond .pages-tab li.link {
	display: inline;
	background: #fff;
}
#example #bodySecond .post {
	border-style: solid;
	border-color: #a3a3a3;
	border-width: 0 0 3px 0;
}
#example #bodySecond .post h3 {
	font-size: 100%;
	padding: 20px 0 10px 5px;
	color: #333;
	font-weight: normal;
	line-height: 130%;
}
#example #bodySecond .post p {
	font-family: "ＭＳ ゴシック","Osaka","Verdana","Arial","Helvetica",sans-serif;
	font-size: 80%;
	padding: 0 0 15px 5px;
	color: #666;
	margin: 0;
	line-height: 120%;
}
#example #bodySecond .openplan {
	margin: 20px 0 30px 0;
	width: 500px;
}
#example #bodySecond .openplan th {
	font-weight: normal;
	padding: 2px;
	text-align: right;
	width: 70px;
	vertical-align: top;
	font-size: 120%;
}
#example #bodySecond .openplan td {
	padding: 2px;
	vertical-align: top;
	font-size: 120%;
}
#example #bodySecond .openplan th.comment {
	padding: 12px 2px 2px 2px;
	font-weight: normal;
	text-align: right;
	width: 70px;
	vertical-align: top;
	font-size: 120%;
}

#example #bodySecond .message_error {
	margin: 0 120px 50px 120px;
}
#example #bodySecond .message_error h3 {
	padding: 60px 0 15px 0;
	color: #990000;
	font-size: 120%;
}
#example #bodySecond .message_error .back {
	padding: 20px 0 0 0;
	text-align: center;
}
#example #bodySecond .message_complete {
	margin: 0 60px 80px 60px;
}
#example #bodySecond .message_complete h3 {
	padding: 60px 0 15px 0;
	color: #000066;
	font-size: 120%;
}
#example #bodySecond .message_complete .caution {
	font-family: "ＭＳ ゴシック","Osaka","Verdana","Arial","Helvetica",sans-serif;
	font-size: 80%;
	color: #990000;
}


#example #bodySecond .submitForum {
	margin: 20px 0 30px 0;
	width: 530px;
}
#example #bodySecond .submitForum th {
	font-weight: normal;
	padding: 2px;
	text-align: right;
	width: 120px;
	vertical-align: top;
}
#example #bodySecond .submitForum td {
	padding: 2px;
}
#example #bodySecond .submitForum .word {
	font-family: "ＭＳ ゴシック","Osaka","Verdana","Arial","Helvetica",sans-serif;
	font-size: 80%;
	color: #666666;
	line-height: 120%;
	width: 200px;
}
#example #bodySecond .submitForum .necessary {
	color: red;
	padding: 0 5px 0 0;
}
#example #bodySecond .submitForum .submit {
	padding: 20px 0 0 0;
	text-align: center;
}
#example #bodySecond .submit_text h3 {
	padding: 20px 0 0 70px;
	font-size: 120%;
	line-height: 130%;
	font-weight: normal;
}
#example #bodySecond .submit_text h3 strong {
	color: #990000;
	font-weight: bold;
}
#example #bodySecond .submit_text p {
	padding: 20px 0 0 70px;
	font-size: 100%;
	line-height: 130%;
}


#example #bodySecond p.example_title {
font-size:120%;
font-weight:bold;
color:#003366;
padding:5px 0px 0px 10px;
width:520px;
height:32px;
clear:left;
background:url(../images/example/title_bg.jpg) 0 0 no-repeat;
}

#example #bodySecond p.example_518 {
width:518px;
}








#example #bodySecond .btn {
	margin: 0 15px 0 0;
}

/**/

#example #bodySecond .page_navi {
	letter-spacing: 0.2em;
	position: relative;
	font-family: "ＭＳ ゴシック","Osaka","Verdana","Arial","Helvetica",sans-serif;
	font-size: 80%;
}
#example #bodySecond .foot {
	border-style: dashed;
	border-color: #e0e0e0;
	border-width: 1px 0 0 0;
}
#example #bodySecond .page_navi .number {
	/*text-align: center;*/
	padding: 0 0 0 10px;
}
#example #bodySecond .page_navi .next_navi {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 400px;
	top: 0;
	width: 130px;
}

#example #bodySecond .thread {
	padding: 10px 0 5px 40px;
	border-style: dashed;
	border-color: #e0e0e0;
	border-width: 1px 0 0 0;
}
#example #bodySecond .thread li.oya {
margin: 0 0 6px 5px;
padding: 0 0 0 15px;
background: url(../images/forum/ico_oya.gif) no-repeat 0 3px;
}
#example #bodySecond .thread li.ko {
margin: 0 0 6px 30px;
padding: 2px 0 0 15px;
background: url(../images/forum/ico_ko.gif) no-repeat 0 0;
}
#example #bodySecond .thread li.ko2 {
margin: 0 0 6px 55px;
padding: 2px 0 0 15px;
background: url(../images/forum/ico_ko.gif) no-repeat 0 0;
}
#example #bodySecond .thread li.ko3 {
margin: 0 0 6px 55px;
padding: 2px 0 0 15px;
background: url(../images/forum/ico_ko.gif) no-repeat 0 0;
}
#example #bodySecond .thread li.ko4 {
margin: 0 0 6px 80px;
padding: 2px 0 0 15px;
background: url(../images/forum/ico_ko.gif) no-repeat 0 0;
}
#example #bodySecond .thread li.ko5 {
margin: 0 0 6px 105px;
padding: 2px 0 0 15px;
background: url(../images/forum/ico_ko.gif) no-repeat 0 0;
}
#example #bodySecond .thread li span {
font-weight: bold;
padding: 0 5px 0 5px;
}

#example #bodySecond .topic {
margin: 15px 0 0 0;
padding: 0 0 5px 0;
	border-style: solid;
	border-color: #838383 #d7d7d7 #d7d7d7 #d7d7d7;
	border-width: 2px 1px 1px 1px;
}
#example #bodySecond .topic h3 {
background: url(../images/forum/bg_topic.gif) repeat 0 0;
font-size: 120%;
color: #993333;
padding: 6px 15px 6px 15px;
margin: 0;
}
#example #bodySecond .topic h3 span {
font-size: 90%;
font-weight: normal;
color: #333;
padding: 0 0 0 15px;
}
#example #bodySecond .topic .post {
border-style: dashed;
border-color: #e0e0e0;
border-width: 0 0 1px 0;
}
#example #bodySecond .topic .post span {
font-weight: bold;
padding: 0 0 0 5px;
}


#example #bodySecond .topic p {
margin: 0;
padding: 3px 15px 3px 15px;
}

#example #bodySecond p.example_right {
width:500px;
border-top:1px dotted #ccc;
padding-right:30px;
padding-top:10px;
clear:left;
text-align:right;
}

#example #bodySecond p.example_left {
width:500px;
border-top:1px dotted #ccc;
padding-leftt:30px;
padding-top:10px;
clear:left;
text-align:left;
}




/* サイド */


#example #localNavi .loginForum {
	margin: 12px 0 0 0;
	background: #FFF url(../images/forum/bg_loginfoot.gif) 0 100% no-repeat;
}
#example #localNavi .loginForum label {
	display: block;
	padding: 12px 10px 0 10px;
}
#example #localNavi .loginForum input {
	margin: 4px 0 0 4px;
}
#example #localNavi .loginForum .login {
	text-align: center;
	margin: 5px 0 0 0;
	padding: 0;
}
#example #localNavi .loginForum .forget {
	font-family: "ＭＳ ゴシック","Osaka","Verdana","Arial","Helvetica",sans-serif;
	font-size: 80%;
	padding: 0 0 8px 25px;
	background: url(../images/common_files/arrow_global_navi.gif) no-repeat 15px 4px;
}
#example #localNavi .loginForum .change {
	font-family: "ＭＳ ゴシック","Osaka","Verdana","Arial","Helvetica",sans-serif;
	font-size: 80%;
	padding: 0 0 8px 40px;
	background: url(../images/common_files/arrow_global_navi.gif) no-repeat 30px 4px;
}
#example #localNavi .loginForum .welcome {
	padding: 0 0 0 40px;
}
#example #localNavi {
	width: 185px;
	padding: 8px 7px 0 8px;
	float: left;
}

#example #localNavi h3 {
	margin: 0;
	padding: 0;
}

#example #localNavi h3 img {
	vertical-align: bottom;
}

#example #localNavi ul {
	width: 185px;
	background: #fff;
	margin: 0;
	padding: 0;
}

#example #localNavi ul li {
	width: 160px;
	background: #fff;
	margin: 0;
	padding: 10px 0 10px 25px;
	background: url(../images/common_files/icon_square.gif) 8px 11px no-repeat;
	border-bottom: 1px dashed #ccc;
}

#example #localNavi ul li.activePage {
	background: #F6FBF7 url(../images/common_files/icon_square.gif) 8px 11px no-repeat;
}

/* 回り込み関係 */

#example #bodySecond #example_waku p.example_waku_left {
	width: 295px;
	float:left;
}

#example #bodySecond #example_waku p.example_waku_right {
	width: 205px;
	padding-left:3px;
	float:left;
}

#example #bodySecond #example_waku p.example_waku_left2 {
	width: 215px;
	float:left;
}

#example #bodySecond #example_waku p.example_waku_right2 {
	width: 285px;
	padding-left:3px;
	float:left;
}

#example #bodySecond #example_waku p.example_waku_left3 {
	width: 345px;
	float:left;
}

#example #bodySecond #example_waku p.example_waku_right3 {
	width: 155px;
	padding-left:3px;
	float:left;
}

#example #bodySecond #example_waku p.example_waku_left4 {
	width: 335px;
	float:left;
}

#example #bodySecond #example_waku p.example_waku_right4 {
	width: 160px;
	padding-left:3px;
	float:left;
}



.points .point_orange01 {
	width: 205px;
	height: 32px;
	background: #fdd5b5 url(../images/plan/point_orange01.gif) no-repeat 0 0;
	padding: 5px 3px 5px 52px;
	line-height: 130%;
	float: left;
}
.points .point_orange02 {
	width: 205px;
	height: 32px;
	background: #fdd5b5 url(../images/plan/point_orange02.gif) no-repeat 0 0;
	padding: 5px 3px 5px 52px;
	line-height: 130%;
	float: left;
	margin-left: 8px;
}
.points2 {
	font-size: 75%;
}
.points2 .point_pink01 {
	height: 32px;
	background: #fde4e4 url(../images/plan/point_pink01.gif) no-repeat 0 0;
	padding: 5px 3px 5px 52px;
	line-height: 130%;
}
.points2 .point_pink02 {
	height: 32px;
	background: #fde4e4 url(../images/plan/point_pink02.gif) no-repeat 0 0;
	padding: 5px 3px 5px 52px;
	line-height: 130%;
}
.points2 .point_pink03 {
	height: 32px;
	background: #fde4e4 url(../images/plan/point_pink03.gif) no-repeat 0 0;
	padding: 5px 3px 5px 52px;
	line-height: 130%;
}



.rinen ul {
	padding: 0 0 0 10px;
}
.rinen li {
	width: 180px;
	height: 90px;
	background: #fff1e2;
	border: 1px solid #fdd5b5;
	padding: 15px 30px 15px 40px;
	margin: 0 5px 5px 0;
	line-height: 140%;
	float: left;
}
.rinen li img {
	margin: 0 0 10px 0;
}



.examplefloat1 {
	width: 260px;
	padding: 0 10px 0 0;
	float: left;
}
.examplefloat2 {
	vertical-align:bottom;
	padding-top:30px;
	width: 250px;
	float: left;
}
.examplefloat3 {
	width: 290px;
	padding: 0 10px 0 0;
	float: left;
}
.examplefloat4 {
	width: 220px;
	float: left;
}

.examplebold{
color:#2f4c60;
font-weight:bold;
font-size::120%;
}


/* 囲み枠 */
.waku_1{
padding:3px;
border:1px #90b1ea solid;
}

.waku_2{
background:#90b1ea;
font-weight:bold;
color:#fff;
margin:0px;
padding:0px;
}

.img_center{
text-align:center;
}




/* 背景色 */

.gimu {
	background: #fdd5b5;
	width: 510px;
	padding: 5px;
	line-height: 130%;
}

#gimu2{
	margin:10px;
	background: #fdd5b5;
	width: 520px;
	padding: 5px;
	line-height: 130%;
}

.gimu2_waku{
font-weight:bold;
	background: #f7ad71;
	width: 500px;
	padding: 5px;
	line-height: 130%;
}