@charset "utf-8";
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
★　CSS　コンテンツ設定　★

■　　共通部分
■１．会社概要
■２．そろばんニュース
■３．認知症予防講座
■４．イマージョンプログラム
■５．海外でのそろばん
■６．リンク集
■７．そろばん応援席
■８．そろばん博物館
■９．そろばん質問箱
■１４．会社概要
■11．その他

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■　　共通部分
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#rightside #content {
	width:600px;
	margin-left:11px;
	padding-top:15px;
}
#rightside #content .title {
	font-size: 600px;
	margin:0 auto 8px;
}

#rightside #content .sub-title {
	margin:0 auto 14px;
}
/*＝＝
ナビ
＝＝*/
#rightside #content .navi {
	width:600px;
}
#rightside #content .navi li {
	float: left;
}

.centerimg {
	text-align:center;
	margin-bottom:15px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■１．会社概要
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*見出し*/
#company h3 {
	margin:12px 6px 6px;
	padding:3px 5px;
	border-left:6px solid #cc0000;
	border-bottom:1px solid #cc0000;

	font-size:large;
	font-weight:bold;
}

#company h4 {
	font-weight:bold;
}

#company .youtube {
	text-align:center;
	margin-bottom:10px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■２．そろばんニュース
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#content #news .text {
	width: 556px;
	padding-right: 22px;
	padding-left: 22px;
	margin-bottom: 13px;
}
#content #news .news-img {
	width: 578px;
	padding-left: 22px;
	margin-bottom: 15px;
}
#content #news .news-img li {
	float: left;
	margin-right: 14px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■３．認知症予防講座
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#content .navi {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #d8d8d8;
	margin-bottom: 15px;
}
#content #ninchi .box {
	width:600px;
	margin:0 auto 15px;
}
#content #ninchi .text {
	width: 550px;
	margin-left:25px;
	margin-bottom: 15px;
}
#content #ninchi .text p.name{
	margin-top: 15px;
	padding-left:430px;
}
#content #ninchi .text ul li{
	margin-left:15px;
	list-style:square outside;
}
#content #ninchi .mini-title {
	margin-bottom: 10px;
	padding-left: 24px;
}

#content #ninchi .box .ninchi-img01 {
	width: 530px;
	margin-left:36px;
}
#content #ninchi .box .ninchi-img01 ul{
	width: 530px;
}
#content #ninchi .box .ninchi-img01 li {
	float: left;
	margin-bottom:3px;
}
#content #ninchi .box .ninchi-img01 li.right {
	margin-left:40px;
}
#content #ninchi .box .ninchi-img02 {
	width:576px;
	margin-left:20px;
}
#content #ninchi .box .ninchi-img02 li {
	float: left;
	width:169px;
	margin-right: 22px;
	margin-bottom: 20px;
}
#content #ninchi .box .ninchi-img02 .youtube {
	text-align: center;
}

#content #ninchi .box .ninchi-img03 {
	width:546px;
	margin:0 auto;
}
#content #ninchi .box .ninchi-img03 ul.photo {
	width:506px;
	margin:0 auto;
}
#content #ninchi .box .ninchi-img03 ul li {
	float: left;
}
#content #ninchi .box .ninchi-img03 ul.photo li {
	width:210px;
}
#content #ninchi .box .ninchi-img03 ul.photo li.left {
	margin-right:85px;
}

#content #ninchi .box .ninchi-img03 ul.caption {
	width:546px;
	margin:0 auto 10px;
}
#content #ninchi .box .ninchi-img03 ul.caption li {
	width:251px;
}
#content #ninchi .box .ninchi-img03 ul.caption li.left {
	margin-right:44px;
}

#content #ninchi .box .kyouzai {
	width:580px;
	margin:0 auto;
	background-repeat: no-repeat;
}
#content #ninchi .box .kyouzai .kyouzai-in {
	margin:0 auto 10px;
	background-color: #FFFFFF;
	border: 1px solid #676767;
}
#content #ninchi .box .kyouzai .kyouzai-in .left {
	width: 147px;
	float: left;
	padding:10px;
}
#content #ninchi .box .kyouzai .kyouzai-in .right {
	width:393px:
	float: left;
	padding:10px;
}
#content #ninchi .box .kyouzai .kyouzai-in .right .kyouzai-title {
	margin-bottom: 12px;
}
#content #ninchi .box .kyouzai .kyouzai-in .right .kyouzai-text {
	margin-bottom: 10px;
}

#content #ninchi .box .ninchi-img04 {
	width: 570px;
}
#content #ninchi .box .ninchi-img04 {
	width:538px;
	margin-left: 31px;
}
#content #ninchi .box .ninchi-img04 dl{
	width:538px;
	margin-bottom:10px;
	border:1px solid #000;
	background:#f1f1f1;
}
#content #ninchi .box .ninchi-img04 dl dt{
	width:207px;
	text-align:center;
	padding:13px 0;
	background:#34650C;
	border-right:1px solid #000;
}
#content #ninchi .box .ninchi-img04 dl dd{
	width:331px;
	margin-left:207px;
	margin-top:-52px;
}
#content #ninchi .box .ninchi-img04 dl dd p{
	margin:8px;
}
#content #ninchi .box .kousi-in {
	width: 533px;
	margin:0 auto;
	border: 1px solid #686868;
	background: url(../ninchisyou/images/06_img02.jpg) no-repeat right bottom;
}
#content #ninchi .box .kousi-in .right {
	width: 336px;
	float: right;

}
#content #ninchi .box .kousi-in .left {
	width: 187px;
	padding-left: 10px;
	float: left;
	padding-bottom: 21px;
}
#content #ninchi .box .kousi-in .left .photo {
	margin-top: 9px;
	margin-bottom: 9px;
}
#content #ninchi .box .kousi-in .left .name {
	margin-bottom: 6px;
}
#content #ninchi .box .kousi-in .left .prof {
	background-color: #f1f1f1;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 5px;
	width: 145px;
	padding-bottom: 5px;
}
#content #ninchi .box .kousi-in .right .hitokoto {
	margin-top: 15px;
	margin-bottom: 12px;
}
#content #ninchi .box .kousi-in .right .hitokoto-text {
	width: 316px;
	padding-right: 20px;
	line-height: 14pt;
}
#content #ninchi .box .toiawase {
	margin-left: 32px;
}
#content #ninchi .box .toiawase li {
	float: left;
	margin-right: 28px;
}
#content #ninchi .youtube {
	text-align:center;
	margin-bottom:10px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■４．イマージョンプログラム
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#content #immersion .box {
	width:580px;
	margin-left:20px;
	margin-bottom:20px;
}
#content #immersion .box p {
	margin-bottom:10px;
	line-height:180%;
}
#content #immersion .box .youtube {
	text-align: center;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■５．海外でのそろばん
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#content .box .kaigai-1 {
	width: 577px;
	margin-left: 8px;
	padding-right: 15px;
	margin-bottom: 27px;
}
#content .box .kaigai-1 .left {
	float: left;
	width: 289px;
	margin-right: 15px;
}
#content .box .kaigai-1 .right {
	float: right;
	width: 273px;
}
#content .box .kaigai-1 .left .photo {
	margin-top: 20px;
}
#content .box .kaigai-1 .right .mini-title {
	margin-bottom: 17px;
}
#content .box .kaigai-1 .right .text {
	margin-top: 17px;
}

#content .box .kaigai-2 {
	width: 577px;
	margin-left: 8px;
	padding-right: 15px;
	margin-bottom: 27px;
}
#content .box .kaigai-2 .left {
	float: left;
	width: 291px;
	margin-right: 31px;
}
#content .box .kaigai-2 .left .mini-title {
	margin-bottom: 17px;
}
#content .box .kaigai-2 .left .text {
	margin-top: 17px;
}
#content .box .kaigai-2 .right {
	float: right;
	width: 234px;
}
#content .box .kaigai-2 .right .photo {
	margin-top: 20px;
	text-align: center;
}
#content .box .kaigai-2 .right .photo .photo-img {
	margin-bottom: 10px;
}
#content .box .kaigai-2 .youtube {
	text-align: center;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■６．リンク集
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#content #link {
	width: 568px;
	margin:0 auto;
}
#content #link dl {
	margin:0 auto;
}
#content #link dl dt {
	background:#34650C;
	padding-top: 3px;
	padding-left: 12px;
	padding-bottom: 3px;
	color: #FFFFFF;
}
#content #link dl dd {
	padding-left: 12px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 12px;
}
#content #link dl dt a {
	color: #FFFFFF;
	text-decoration: none;
}

.red_b{
	color: #FF0000;
	font-weight: bold;
	font-size: 14px;}


#content #link .youtube {
	text-align:center;
	margin-bottom:10px;
}
	

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■７．そろばん応援席
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#content #ouenseki {
	width: 550px;
	margin:20px auto 0;
}
#content #ouenseki dl {
	width: 550px;
}
#content #ouenseki dl dt {
	width: 538px;
}
#content #ouenseki dl dd {
	width: 526px;
	margin-bottom:20px;
	padding-left: 12px;
	padding-top: 8px;
	padding-right: 12px;
}
#content #ouenseki dl dd a {
}


#content #ouenseki .youtube {
	text-align:center;
	margin-bottom:10px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■８．そろばん博物館
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#content .box .hakubutukan-left {
	width: 539px;
	margin-bottom: 15px;
	padding-right: 45px;
	padding-left: 16px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ddd;
}
#content .box .hakubutukan-left .photo {
	float: left;
	margin-top: 6px;
	margin-right: 17px;
	width: 166px;
}
#content .box .hakubutukan-left .setumei-yellow {
	background-color: #FFFFB3;
	background-repeat: no-repeat;
	width: 336px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	float: left;
}
#content .box .hakubutukan-left .setumei {
	width: 336px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	float: left;
}
#content .box .hakubutukan-left .mini-title {
	margin-bottom: 7px;
}

#content .box .hakubutukan-right {
	width: 539px;
	margin-bottom: 15px;
	padding-right: 45px;
	padding-left: 16px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ddd;
}
#content .box .hakubutukan-right .photo {
	float: right;
	margin-top: 6px;
	width: 166px;
}
#content .box .hakubutukan-right .setumei-yellow {
	background-color: #FFFFB3;
	background-repeat: no-repeat;
	width: 336px;
	margin-right: 17px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	float: right;
}
#content .box .hakubutukan-right .setumei {
	width: 336px;
	margin-right: 17px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	float: right;
}
#content .box .hakubutukan-right .mini-title {
	margin-bottom: 7px;
}

#content .box .ukiyoe-left {
	width: 573px;
	margin-bottom: 15px;
	padding-right: 11px;
	padding-left: 16px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ddd;
}
#content .box .ukiyoe-left .photo {
	float: left;
	margin-top: 10px;
	margin-right: 17px;
	width: 166px;
}
#content .box .ukiyoe-left .setumei-yellow {
	background-color: #FFFFB3;
	background-repeat: no-repeat;
	width: 370px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	float: left;
}
#content .box .ukiyoe-left .setumei {
	width: 370px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	float: left;
}
#content .box .ukiyoe-left .mini-title {
	margin-bottom: 7px;
}

#content .box .ukiyoe-right {
	width: 573px;
	margin-bottom: 15px;
	padding-right: 11px;
	padding-left: 16px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ddd;
}
#content .box .ukiyoe-right .photo {
	float: right;
	margin-top: 6px;
	margin-right:16px;
	margin-left:36px;
	width: 131px;
}
#content .box .ukiyoe-right .setumei-yellow {
	background-color: #FFFFB3;
	background-repeat: no-repeat;
	width: 370px;
	margin-top:4px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	float: right;
}
#content .box .ukiyoe-right .setumei {
	width: 370px;
	margin-top:4px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	float: right;
}
#content .box .ukiyoe-right .mini-title {
	margin-bottom: 7px;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■10．インターネットそろばん学校
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#content #gakko {
	width: 600px;
	margin:0 auto;
}
#content #gakko .box {
	width: 560px;
	margin:0 auto;
}
#content #gakko .box .centerimg {
	margin-bottom:25px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■11．全国のそろばん教室
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#content #juku {
	width:600px;
	margin:0 auto;
}
#content #juku .tit {
	width:600px;
	margin:0 auto 10px;
}
#content #juku .area {
	width:580px;
	margin:0 auto;
	background:#34650C;
}
#content #juku .area h3 {
	padding:5px;
	font-weight:bold;
	font-size:14px;
	color:#fff;
}
#content #juku .area h3 {
	padding:5px;
	font-weight:bold;
	font-size:14px;
	color:#fff;
}
#content #juku .box {
	width:580px;
	margin:0 auto 15px;
}
#content #juku .list table {
	width:580px;
	margin:0 auto;
	border-left:1px solid #ccc;
}
#content #juku .list table th {
	padding:3px;
	background-color:#eee;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#content #juku .list table td {
	padding:3px;
	vertical-align:top;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#content #juku .list2 table {
	width:580px;
	margin:0 auto;
}
#content #juku .list2 table th {
	padding:3px;
	background-color:#eee;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#content #juku .list2 table td {
	padding:3px;
	vertical-align:top;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#content #juku .page-up {
	padding:5px 0 15px;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■１２．そろばん質問箱
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#content #question {
	width:600px;
	margin:0 auto;
}
#content #question dl{
	width:580px;
	margin:0 auto;
}
#content #question dl dt{
	margin-bottom:10px;
	padding:3px 10px;
	font-weight:bold;
	font-size:14px;
	color:#fff;
	background:#34650C;
}
#content #question dl dd{
	margin-bottom:20px;
	padding-left:20px;
}
#content #answer {
	width:580px;
	margin:0 auto;
}
#content #answer dl{
	margin-bottom:10px;
	border-bottom:2px dotted #34650C;
}
#content #answer dl dt{
	margin-bottom:10px;
	padding:3px 10px;
	font-weight:bold;
	font-size:14px;
	color:#fff;
	background:#34650C;
}
#content #answer dl dd{
	margin-bottom:20px;
	padding-left:20px;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■１３．お問合せ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#content #contact {
	width:600px;
	margin:0 auto;
}
#content #contact .tit{
	width:600px;
	margin:0 auto 15px;
}
#content #contact .box {
	width:580px;
	margin:0 auto 20px;
}
#content #contact .box p {
	font-weight:bold;
	margin-bottom:10px;
}
#content #contact .box ul {
	margin-left:20px;
}
#content #contact table{
	width:540px;
	margin:0 auto 6px;
	border:1px solid #900;
}
#content #contact th {
	width:120px;
	padding:6px;
	text-align:left;
	background-color:#900;
	color:#fff;
}
#content #contact td{
	padding:6px;
	border-bottom:1px dotted #900;
}
#content #contact td #formZip {
	margin-bottom:2px;
}
#content #contact td #formState {
	margin-bottom:3px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■１４．会社概要
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#company {
	width: 600px;
}
#company .box {
	margin-right: 5px;
	margin-left: 5px;
	width: 590px;
}
#company .box .photo {
	float: right;
	margin-bottom: 21px;
	margin-left: 10px;
}
#company .box .text-margin {
	margin-top: 1em;
}
#company .box .img2 {
	width: 230px;
}
#company .box .left {
	float: left;
}
#company .box .left-photo {
	float: left;
	margin-right: 16px;
	margin-bottom: 48px;
}

#company .box #companydata {
	width: 367px;
}
#company .box #companydata .tr {
	padding-top: 10px;
	padding-bottom: 10px;
}	
#company .box #companydata .th {
	background-color: #f6f6f6;
	border: 1px solid #cccccc;
	padding-top: 10px;
	padding-bottom: 10px;
}#company .box #companydata {
	margin-top: 10px;
	margin-bottom: 10px;
}
#company .box #companydata .td {
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #cccccc;
	padding-left: 10px;
}
#company .box .left-text {
	width: 200px;
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 13px;
	float: left;
}
#company .box .right-text {
	width: 330px;
	margin-top: 15px;
	margin-bottom: 17px;
	float: left;
}
#company .box .right-text table {
	width: 330px;
}
#company .box .right-text table th {
	font-weight:normal;
	text-align:left;
}
#company .box .btn {
	padding:5px 0;
	text-align:right;
}
#map #company {
	width:600px;
	margin:0 auto;
}
#map #company .sub-title{
	width:600px;
	margin:0 auto 14px;
}
#map #company .btn ul {
	padding-left:140px;
}
#map #company .btn ul li {
	float:left;
	margin-right:20px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■１５．楽しい「そろばん」
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#content #tanosii .box {
	width:578px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: 22px;
}	
#content #tanosii .box p {
	line-height: 180%;
}
#content #tanosii .box .right {
	float: right;
	margin-right: 7px;
}
#content #tanosii .space {
	margin-top: 1em;
}
#content #tanosii .box .long top {
	vertical-align:text-bottom;
}
#content #tanosii .box .long ul {
	background-image: url(../tanosii/images/01_img02.jpg);
	background-repeat: repeat-y;
	padding-top: 8px;
	padding-bottom: 8px;
}
#content #tanosii .box .long bottom {
	vertical-align:text-top;
}
#content #tanosii .box .long li {
	background-image: url(../tanosii/images/01_icon.gif);
	background-repeat: no-repeat;
	padding-left: 26px;
	background-position: 8px;
	line-height: 180%;
	margin-right: 12px;
	margin-left: 3px;
}

#content #tanosii .box .long .backcolor {
	background-color: #fdfaf7;
	background-repeat: no-repeat;
	margin-left: 3px;
	margin-right: 12px;
}
#content #tanosii .box .short top {
	vertical-align:text-bottom;
}
#content #tanosii .box .short dl {
	background-image: url(../tanosii/images/02_img02.jpg);
	background-repeat: repeat-y;
	padding-top: 8px;
	padding-bottom: 8px;
}
#content #tanosii .box .short dt {
	background-image: url(../tanosii/images/02_icon.gif);
	background-repeat: no-repeat;
	padding-left: 26px;
	background-position: 8px;
	line-height: 180%;
	margin-right: 12px;
	margin-left: 3px;
}
#content #tanosii .box .short dd {
	padding-left: 30px;
}
#content #tanosii .box .short bottom {
	vertical-align:text-top;
}

#content #tanosii .box .long .dan {
	background-position: 8px 5px;
}
#content #tanosii .box .siyou {
	margin-top: 15px;
	margin-bottom: 15px;
}
#content #tanosii .box .siyou li {
	line-height: 180%;
	margin-right: 12px;
	margin-left: 25px;
	list-style-type: decimal;
}
#content #tanosii .box .center {
	text-align: center;
	margin-bottom: 27px;
}
#content #tanosii .box .java .left {
	float: left;
	margin-left: 12px;
}
#content #tanosii .box .java .right {
	float: right;
}
#content #tanosii .box .java {
	margin-top: 15px;
}

#content #tanosii .youtube {
	text-align:center;
	margin-bottom:10px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■１６．フラッシュ暗算
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#content #anzan .midasi {
	width: 588px;
	margin-left: 12px;
	margin-bottom: 15px;
}
#content #anzan .midasi img {
	margin-bottom: 15px;
}
#content #anzan p {
	line-height: 180%;
}

#content #anzan .flashanzan {
	width: 594px;
	margin-left: 6px;
	margin-bottom: 15px;
}
#content #anzan .flashanzan dl {
	background-image: url(../../fanzan/images/01_img07.jpg);
	background-repeat: repeat-y;
}
#content #anzan .flashanzan dt {
	padding-left: 26px;
	line-height: 180%;
	padding-right: 26px;
}
#content #anzan .flashanzan dd {
	padding-left: 30px;
}
#content #anzan .flashanzan .bottom {
	vertical-align:text-top;
	margin-bottom: 20px;
}
#content #anzan .flashanzan dd {
	margin-top: 5px;
}
#content #anzan .flashanzan ul {
	width:594px;
}
#content #anzan .flashanzan li {
	margin-left: 12px;
	float: left;
}
#content #anzan .flashanzan .get-left {
	float: left;
	width: 88px;
	margin-left: 12px;
	margin-top: 20px;
}
#content #anzan .flashanzan .get-right {
	float: left;
	font-size: 10px;
	line-height: 100%;
	margin-left: 23px;
	width: 402px;
	margin-top: 20px;
}
#content #anzan .box {
	width: 576px;
	margin-left: 24px;
	margin-bottom: 15px;
}
#content #anzan .box .asobikata {
	width: 95px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 6px;
}
#content #anzan .box ul {
	background-image: url(../../fanzan/images/02_img03.jpg);
	background-repeat: repeat-y;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 409px;
}
#content #anzan .box li {
	line-height: 180%;
	margin-right: 20px;
	list-style-type: decimal;
	margin-left: 40px;
}
#content #anzan .box .right {
	width: 142px;
	float: right;
	margin-top: 26px;
	margin-right: 5px;
}
#content #anzan .box .left {
	float: left;
	width: 409px;
}
#content #anzan .zissen {
	background-image: url(../../fanzan/images/03_img03.jpg);
	background-repeat: no-repeat;
	width: 506px;
	margin-left: 47px;
	margin-bottom: 15px;
}
#content #anzan .zissen table {
	width:495px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 33px;
	margin-left: auto;
}
#content #anzan .zissen table td{
	padding-bottom:10px;
	text-align:center;
}
#content #anzan .ranking {
	background-image: url(../../fanzan/images/04_img01.jpg);
	background-repeat: no-repeat;
	width: 507px;
	margin-left: 47px;
	margin-bottom: 15px;
}
#content #anzan .ranking table {
	width:495px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 36px;
	margin-left: auto;
}
#content #anzan .ranking table td{
	padding-bottom:10px;
	text-align:center;
}

#content #anzan .youtube {
	text-align:center;
	margin-bottom:10px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■１６．そろばんと脳
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#ssb .box {
	width:580px;
	margin:0 auto;
}
#ssb .box .subtit {
	margin-bottom:20px;
}
#ssb .box p {
	padding:0 10px 12px;
}
#ssb .box p.caption {
	text-align:right;
}
#ssbwrap {
	width:400px;
	margin:0 auto;
}


#ssb .youtube {
	text-align:center;
	margin-bottom:10px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■１６．100珠
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#tama .flame {
	width:320px;
	margin:0 auto 20px;
	padding:5px 10px;
	border-top:2px dotted #990000;
	border-bottom:2px dotted #990000;
}
#tama .tit {
	padding-left:12px;
}
#tama .comment {
	margin-bottom:15px;
	padding:5px 10px;
}
#tama .comment dl dt {
	padding-left:12px;
	font-weight:bold;
	color:#333;
}
#tama .comment dl dd {
	padding-left:24px;
}
#tama .clickflame {
	width:400px;
	margin:0 auto 20px;
	padding:5px 10px;
	border-top:2px dotted #34650C;
	border-bottom:2px dotted #34650C;
}
#tama p {
	margin-bottom:10px;
	padding-left:12px;
}
#tama .red {
	color:#990000;
	font-weight:bold;
}
#tama ol  {
	margin-left:20px;
}
#tama ol li {
	margin-left:10px;
	list-style-type:decimal;
	list-style-position:inside;
}
#tama ul.tarbo  {
	margin-left:20px;
}
#tama ul.tarbo li {
	margin-left:10px;
	list-style-type:disc;
	list-style-position:inside;
}
#tama p.border {
	border-bottom:1px dashed #ccc;
	margin-bottom:10px;
}

#tama .youtube {
	text-align:center;
	margin-bottom:10px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■１６．そろばんのできるまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#process .box {
	width:550px;
	margin:20px auto 20px;
}
#process .box .subtit {
	margin-bottom:20px;
}
#process .box p {
	padding:0 25px 5px;
}
#process .pros p {
	width:380px;
	background:url(../process/images/ico.jpg) no-repeat left top;
	border-bottom:1px dotted #ccc;
}
#process .box .arrow {
	margin-left:230px;
	margin-bottom:10px;
}
#process .box .flame {
	padding:10px;
	border:2px solid #34650C;
}
#process .box .flame strong{
	font-weight:bold;
	color:#34650C;
}

#process .youtube {
	text-align:center;
	margin-bottom:10px;
}
#process .photoarea {
	width:500px;
	margin:0 auto;
}
#process .photoarea .center {
	text-align:center;
	margin-bottom:10px;
}
#process .photoarea .left {
	float:left;
	width:240px;
	margin-top:10px;
}
#process .photoarea .right {
	float:left;
	width:240px;
	margin-top:10px;
	margin-left:10px;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■１７．ショッピング関連
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#content #shopping {
	width:600px;
	margin:0 auto;
}

#content #shopping table.list_table {
	width:580px;
	margin: 0 auto 20px;
	border:0;
}
#content #shopping table.list_table table {
	border:0;
}

#content #shopping td.list_width {
	vertical-align:top;
	text-align:center;
}

#content #shopping td.list_width div .tit {
	width:163px;
	margin-bottom:5px;
	padding:2px;

	background:url(../shopping/images/titbar.gif) no-repeat left bottom;
	text-align:left;
}
#content #shopping td.list_width p.text {
	margin-bottom:5px;
}
#content #shopping td.list_width table {
	width:180px;
}
#content #shopping td.list_width table th {
	width:30%;
	padding:2px;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	border-bottom:2px dotted #ccc;
}
#content #shopping td.list_width table td {
	padding:2px 5px;
	vertical-align:top;
	border-bottom:2px dotted #ccc;
	text-align:left;
}
#content #shopping td.list_width table td.btn {
	text-align:right;
	border-bottom:none;
	padding-bottom:10px;
}


/*-- next back--*/

#content table#nb_table {
	width:580px;
	margin: 0 auto 10px;
}

#content table#nb_table td {
	width:50%;
}

#content td#nb_right {
	text-align:right;
}


/*-- 詳細--*/
#content #shopping table.detail_table {
	width:570px;
	margin: 0 auto;
	border:0;
}

#content #shopping td.detail_width {
	vertical-align:top;
	text-align:left;
}
#content #shopping td.detail_width .left {
	float:left;
	width:350px;
}
#content #shopping td.detail_width .left .main{
	width:330px;
	margin:0 auto 15px;
	text-align:center;
}
#content #shopping td.detail_width .left .thumb{
	width:330px;
	margin:0 auto 5px;
	text-align:center;
}
#content #shopping td.detail_width .left .thumb ul{
	margin-bottom:5px;
}
#content #shopping td.detail_width .left .thumb ul li{
	float:left;
	margin-right:15px;
}
#content #shopping td.detail_width .left .thumb ul li.none {
	margin-right:0;
}
#content #shopping td.detail_width .left .thumb p {
	margin-left:10px;
	padding-left:15px;
	font-size:10px;
	text-align:left;
	background:url(../soroban/images/marker.jpg) no-repeat left center;
}



#content #shopping td.detail_width table {
	float:right;
	width:200px;
	margin: 5px 0 5px;
}

#content #shopping td.detail_width table th {
	padding:2px;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	border-bottom:2px dotted #ccc;
	border-right:2px dotted #ccc;
}
#content #shopping td.detail_width table td {
	padding:2px;
	border-bottom:2px dotted #ccc;
}
#content #shopping td.detail_width table td {
	padding:2px 5px;
	vertical-align:top;
}
#content #shopping .btn_cart {
	padding-right:20px;
	text-align:right;
}
#content #shopping #back {
	padding:10px 20px;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
★　CSS　推薦図書一覧設定　★
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#content #recommend {
	width:600px;
	margin:0 auto;
}@charset "utf-8";

#content #recommend table.list_table {
	width:580px;
	margin: 0 auto 15px;
	border:0;
	border-bottom: 1px solid #DDD;
}

#content #recommend table.list_table table {
	border:0;
}

#content #recommend td.list_width {
	vertical-align:top;
	text-align:left;
}

#content #recommend td.list_width div {
	text-align:left;
}
#content #recommend td.list_width div .tit {
	width:163px;
	margin-bottom:5px;
	padding:2px;
	background:url(../recommend/images/titbar.gif) no-repeat left bottom;
	text-align:left;
}

#content #recommend td.list_width .left {
	float:left;
	width:163px;
}
#content #recommend td.list_width .left div{
	width:163px;
	margin:0 auto 5px;
	text-align:center;
}

#content #recommend td.list_width p.text {
	margin-bottom:5px;
}
#content #recommend td.list_width table {
	float:right;
	width:400px;
	margin: 5px 0 5px;
}

#content #recommend td.list_width table th {
	width:10%;
	padding:2px;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #CCC;
}
#content #recommend td.list_width table .price {
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-right-color: #CCC;
	border-bottom-color: #ccc;
}
#content #recommend td.list_width table td {
	padding:2px 5px;
	vertical-align:top;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #ccc;
}


/*-- next back--*/

#content #recommend table#nb_table {
	width:580px;
	margin: 0 auto;
}

#content #recommend table#nb_table td {
	width:50%;
}

#content #recommend td#nb_right {
	text-align:right;
}


/*-- 詳細--*/
#content #recommend td#nb_right {
	text-align:right;
}

#content #recommend table.detail_table {
	width:570px;
	margin: 0 auto;
	border:0;
}

#content #recommend td.detail_width {
	vertical-align:top;
	text-align:left;
}
#content #recommend td.detail_width .left {
	float:left;
	width:200px;
}
#content #recommend td.detail_width .left div{
	width:200px;
	margin:0 auto 5px;
	text-align:center;
}

#content #recommend td.detail_width table {
	float:right;
	width:350px;
	margin: 5px 0 5px;
}

#content #recommend td.detail_width table th {
	padding:2px;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	border-bottom:2px dotted #ccc;
	border-right:2px dotted #ccc;
}
#content #recommend td.detail_width table td {
	padding:2px;
	border-bottom:2px dotted #ccc;
}
#content #recommend td.detail_width table td {
	padding:2px 5px;
	vertical-align:top;
}
#content #recommend #back {
	padding:10px 20px;
}

/*--修正20080409神山--*/
.soro100l{
	float: left;
	padding-left: 60px;}
	
.soro100r{
	float: right;
	padding-right: 60px;
	width: 160px;
	padding-top: 15px;
	}