body, textarea { font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif; }
input, select { font-family: Arial, "ＭＳ Ｐゴシック", sans-serif; }

body {
	margin:0;
	padding:0;
	color: #666;
	background-color: #fff;
	font-size: 14px;

}

a:link { text-decoration:none;color:#003366; }
a:visited { text-decoration:none;color:#999; }
a:active { text-decoration:none;color:#FFFFFF; }

span.tooltip{
	line-height:1.5;
	color:white;
	width:200px;
	background:#FF9900;
	border:2px solid white;
	padding:1em;
	font-size:small;
}

ul#banner {
margin: 20px 0 0 0;
padding: 0;
list-style: none;
}

ul#banner li {
list-style: none;
margin: 0 0 0 0;
padding: 0;
float:left;
}

.md {
margin:20px 0 10px 0;
width: 760px;
}

.md-2 {
width: 760px;height:41px;
background: url(../img/books/md1.png) no-repeat;
}

.md-3 {
width: 760px;height:41px;
background: url(../img/books/md2.png) no-repeat;
}

ul#book1 {
padding:0;
margin:0;
width: 760px;
}

ul#book1 li {
padding:0;
margin:0;
width: 260px;
}

.ranking {
background-color: #f6f5f0;
width: 730px;
height:165px;
padding:10px 0 0 30px;
margin:0;
}

.rank {
width: 90px;
text-align:center;
padding:0;
margin:0;
}

.rank img {
margin:2px 0 2px 0;
}

ul#book2 {
padding:0;
margin:0;
width: 760px;
}

ul#book2 li {
padding:0;
margin:0;
width: 100px;
}


#bxslider_bg {/*★ティッカー背景*/
margin:0;
background: url(../img/tx_news.png) 5px 4px no-repeat;
font-size: 13px;
padding:0px 0 0 60px ;
width:700px;
height:30px;
background-color: #f6f6f6;
border-radius:4px;
-webkit-border-radius:4px;
border:1px solid #dedede;
}

ul#slider1 {
float:left;
margin:0;
padding:0;
}

ul#slider1 li {
padding:7px 0 0 0 ;
width: 699px;/*★幅*/
font-size:12px;font-family:Meiryo,'Hiragino Kaku Gothic Pro',sans-serif;/*★フォント*/
}

ul#slider1 li a {/*★リンク*/
color: #666;
}

ul#slider1 li a:hover {/*★マウスオーバー*/
color: #333;
text-decoration: underline;
}

#contents {
text-align:left;
margin: 0 auto;
width: 1000px;
}

#mainContents {
float: left;
width: 780px;
}

#mainContentsInner {
padding:0 20px 0 0;
}

#subContents {
float: right;
width: 220px;
}

#subContentsInner {
padding:0;
}

img {
margin: 0px;border:0px;padding:0px;vertical-align:bottom;
}

h2.trigger {
width:760px;
display:block;
margin:15px 0 0 0;
border:0px solid #999;
padding:0px;
height:48px;
background: url(../img/arrow_black.png) right top no-repeat;
background-color: #ffde00;
border-radius:5px;
-webkit-border-radius:5px;
}

h2.active { background-position: right bottom;}

h1.trigger {
width:760px;
display:block;
margin:15px 0 0 0;
border:0px solid #999;
padding:0px;
height:48px;
background-color: #ffde00;
border-radius:5px;
-webkit-border-radius:5px;
}

div.tx1-1 {
display:block;
vertical-align:middle;
color:#000;
padding:12px;
text-align:left;
font-weight:normal;
font-size:18px;
}

div.tx1-1 img {
vertical-align:middle;
margin:-2px 0 0 5px;
}

div.tx1-2 {
	margin: 0 0 0 15px;
	padding:15px;
	border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	background-color: #f6f5f0;
	text-align:left;
	width:700px;
	font-size:16px;
	line-height:1.5;
	color: #444;
}

#tx1-2 {
	margin: 0 0 0 15px;
	padding:15px;
	border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	background-color: #f6f5f0;
	text-align:left;
	width:700px;
	font-size:16px;
	line-height:1.5;
	color: #444;
}

div.tx1-4 a {
color: #000;
text-decoration:underline;
}

div.tx1-4 a:hover {
color: #999;
text-decoration:underline;
}

div.tx1-2 a {
color: #000;
text-decoration:underline;
}

div.tx1-2 a:hover {
color: #999;
text-decoration:underline;
}

div.mov {
background: url(../img/110413/bg_dot.png) repeat,-webkit-gradient(linear, left top, left bottom, from(#112),color-stop(5%,#445),color-stop(95%,#334),to(#112));
}

#profile{
margin:0 auto;
width:100%;
padding:0px;
background-color: #efefef;
}

#profile th{
margin:0px;
padding:0px;
}

#profile th , profile td{
margin:0px;
padding:10px;
text-align:left;

font-size:15px;
font-weight:normal;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
}

div.hr-1 {
margin:8px 0;
border-bottom: 1px solid #999;
}

.hr-2 {
margin:10px 0 10px 0;
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color:#999;
height: 1px;
}

.hr-3 {
margin:5px 0 5px 0;
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color:#999;
height: 1px;
}

span.yl-1 {
color: #ff0;
}

span.gray-1 {
color: #666666;
}

#bt-top-topics {
	text-align:center;
	margin:5px 0 5px 0;
}

#bt-top-topics img {
	margin:2px;
}

#prg-1 {
font-size: 17px;
padding:12px;
color:#787878;
background-color: #f6f5f0;
text-shadow: 0px 1px 1px #ffffff;
line-height:1.6;
}


#bk-topics {
text-align:center;
padding:12px 0 1px 0;
}

div.text-1 {
	color:#999;
	background-color: #ebebeb;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 10px;
	line-height:1.8;
}

div.md-1 {
text-align:center;
font-size: 14px;
padding:0 5px;
color: #000000;
font-weight:bold;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffdd7d));
border-bottom: 1px solid #efd17e;
line-height:26px;
height: 26px;
}

#md-ranking {
text-align:left;
font-size: 14px;
padding:5px;
line-height:1;
color: #1b88d4;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#8fc6e2));
}

#md-ranking a {
display: block;
float: right;
font-size:10px;
padding:3px 8px 3px 8px;
color: #ffffff;
background-color:#62a7d8;
-webkit-border-radius:4px;
}

#ranking-3 {
font-size: 12px;
height: 16px;
line-height: 16px;
padding:2px;
color: #ffffff;
background-color: #666666;
}

#ranking-3 img {
vertical-align:middle;
-webkit-background-origin: content;
}

/* 下部page top用 */

#wrap {
	padding:8px;
}

.clear {  
clear:both;
} 

/* aside */
  
aside {
	background-color: #ebebeb;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 10px;
	line-height:1.5;
}

aside p:last-child {
	margin-bottom: 0;
}

/* フッタ
---------------------------------------------------- */

#footer {
margin:16px 0 0 0;
height:36px;
position:relative;
background: url(../img/foot_bg.gif) repeat-x;
text-align: right;
}

#footer img {
position:absolute;
left:78%;
top:50%;
margin-top:-7px;
}

#white {
color: #fff;
}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

/* MENU start */
ul#menu-pr {
margin: 0;
padding: 0;
list-style: none;
background-color: #f1f1f1;
background:-webkit-gradient(linear, left top, left bottom, from(#f0f0e9), to(#efefef));
}

ul#menu-pr li {
background:url(../img/arrow01.png) right center no-repeat;
background-position:right center;
padding: 5px 5px 5px 5px;
text-decoration: none;
border-top: 1px solid #fff;
border-bottom: 1px solid #ccc;
}

ul#menu-pr li div {
}

div.smn1 {
width:110px;
}

div.smn1 img {
float:left;
margin:0px;
border:1px solid #000
}

div.smn2 {
padding: 0 12px 0 115px;
font-size: 16px;
line-height:1.1;
margin: 0;
color: #666;
}

div.smn3 {
margin: 5px 0 0 0;
font-size:13px;
color: #999;
}

ul#menu-pr li a {
}

span.tx-1 {
font-size: 16px;
color: #000;
}

span.tx-4 {
font-size:12px;
color: #999;
}

/* MENU end */

#backtotop {
text-align:right;
margin:10px -4px 0 0;
}

#backtotop a{
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#backtotop a:hover{
opacity: 0.5;
}

#mmg a{
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#mmg a:hover{
opacity: 0.6;
}

#head {
text-align:left;
margin: 0 auto;
width: 1000px;
height:95px;
}

#main-logo {
height:95px;
float:left;
width: 190px;
position:relative;
}

#main-logo img {
position:absolute;
top:50%;
margin-top:-32px;
}

#search {
margin: 0;
text-align:right;
width:680px;
float:left;
padding: 24px 0 0 0;
}

#icon1 {
float:right;
margin:35px 0 0 0;
}

#icon1 img {
margin: 4px;
}

div.tx1-3 {
	margin:0;
	padding:5px 15px;
	background-color: #f6f5f0;
	text-align:left;
	font-size:16px;
	line-height:1.0;
}

ul#kouki {
margin: 0;
padding: 0;
list-style: none;
}

ul#kouki li {
display:block;
vertical-align:middle;
font-size: 16px;
color: #666;
padding:15px 0 15px 0 ;
margin:0;
border-bottom: 1px dashed #ccc;
}

ul#kouki li a {
vertical-align:middle;
color:#666;	
}

ul#kouki li a:hover {
text-decoration:underline;
color:#000;	
}

ul#kouki li img {
vertical-align:middle;
margin:-2px 0 0 5px;
}

ul#kouki li:last-child {
border-bottom: none;
}

#kouki-title {
display:block;
margin:0 0 15px 0;
border:0px solid #999;
padding:0px;
height:48px;
background-color: #ffde00;
}

div.tx1-4 {
	margin:0;
	padding:15px;
	border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	background-color: #f6f5f0;
	text-align:left;
	font-size:16px;
	line-height:1.5;
	color: #333;
}

.kouki-commnent {
margin:10px 0 10px 0;
background-color:#dddaca;
font-size:15px;
padding:10px 10px 10px 12px;
color: #000;
}

.kouki-commnent-tx {
font-size:14px;
line-height:1.6;
}

#kouki-commnent-back {
text-align:right;
}

#kouki-commnent-back a {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#kouki-commnent-back a:hover {
opacity: 0.5;
}

#kouki-rank {
margin:0 auto;
width:100%;
padding:0 0 10px 0;
}

#kouki-rank td {
margin:0px;
padding:0 5px 0 0;
}

.colB {
vertical-align:text-top;
margin:0px;
padding:0px;
text-align:left;
color:#666;
font-size:11px;
font-weight:normal;
line-height:1.4;
}

.colB img {
margin:0px 3px 0 0 ;
}

.colA {
text-align:center;
width:140px;
}

#teiki-kodoku1 {
margin:0 0 15px 0;
height:175px;
background-color: #ffde00;
font-size:14px;
padding:15px;
color: #000;
}

#teiki-kodoku2 {
display:block;
width:140px;
float:left;
}

#teiki-kodoku3 {
display:table-cell;
width:590px;
float:left;
}

#teiki-kodoku3 img {
position: absolute;
bottom: 0px;
vertical-align:bottom;
vertical-align:text-bottom;
}

#teiki-kodoku3 a {
display: block;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#teiki-kodoku3 a:hover {
opacity: 0.5;
}

.teiki-kodoku-title1 {
margin:0;
padding: 0 0 5px 0;
color:#000;
font-size:20px;
border-bottom:1px solid #000;
}

#prg-2 {
margin:10px 0;
text-align:center;
font-size: 18px;
padding:5px;
line-height:1.4;
color: #666;
}

.stydy {
width:760px;
margin:15px 0 0 0;
}

.stydy a {
background: url(../img/arrow_ft.png) right center no-repeat;
border:0px solid #999;
padding:0px;
height:48px;
background-color: #ffde00;
border-radius:5px;
-webkit-border-radius:5px;

font-weight:bold;
text-shadow: 0px 1px 1px #ffffff;

display: block;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

.stydy a:hover {
background-color: #edebda;
}

#suwa-1 {
background-color: #f9f9f9;
width:760px;
height:100px;
margin:25px 0 0 0;
panning:15px;
text-align:left;
border:1px dashed #ccc;
}

#suwa-2 {
margin:10px;
display:block;
width:170px;
float:left;
}

#suwa-3 {
margin:10px;
float:left;
font-size: 15px;
line-height:1.4;
}

#suwa-3 a {
color:#333;
}
	
#suwa-3 a:hover {
color:#000;
text-decoration:underline;
}
		
#suwa-1 img {
display:block;
padding:10px  0 0 5px;
}

#prg-3 {
margin:0 0 10px 0;
background-color:#999;
font-size:16px;
padding:10px;
color: #fff;
text-shadow: 0px 1px 3px rgba(0,0,0,0.4);
moz-text-shadow: 0px 1px 3px rgba(0,0,0,0.4);
-webkit-text-shadow: 0px 1px 3px rgba(0,0,0,0.4);
}

#prg-3b {
margin:0 0 10px 0;
background-color:#ccc;
font-size:14px;
padding:10px;
color: #000;
}

#prg-4 {
text-align:left;
font-size: 20px;
line-height:1.7;
padding:15px 0;
color:#80c9d0;
font-weight:bold;
}

#prg-5 {
margin:10px 0;
font-size: 15px;
padding:5px 0 5px 0;
line-height:1.5;
color: #666;
}

ul#study-1 {
margin: 0 auto;
width:760px;
padding: 0;
list-style: none;
}

ul#study-1 li {
width:340px;
float:left;
display:block;
vertical-align:middle;
font-size: 14px;
color: #666;
padding:15px;
margin:0px;
background-color: #efefef;
border-radius:5px;
-webkit-border-radius:5px;
}

ul#study-2 {
margin: 0 auto;
width:760px;
padding: 0;
list-style: none;
}

ul#study-2 li {
width:730px;
display:block;
vertical-align:middle;
font-size: 14px;
color: #666;
padding:15px;
margin:0px;
background-color: #efefef;
border-radius:5px;
-webkit-border-radius:5px;
}


ul#study-1 li a,ul#study-2 li a {
margin:5px 0 0 0;
display:inline-block;
color:#fff;
padding:6px 9px;
border-radius:5px;
-webkit-border-radius:5px;
background-color: #999;
}

ul#study-1 li a:hover,ul#study-2 li a:hover {
color:#fff;
background-color: #666;
}

input,textarea {
font-size:16px;
color: #333;
border:1px solid #999;
padding:5px;
background: -webkit-gradient(linear,left top,left bottom,from(#eee),to(#fff));
background: -moz-linear-gradient(top,#eee,#fff);
}
	
select.tp1 {
font-size:16px;
color: #333;
border:1px solid #999;
padding:5px;
background: -webkit-gradient(linear,left top,left bottom,from(#eee),to(#fff));
background: -moz-linear-gradient(top,#eee,#fff);
}

input:focus,textarea:focus {
background: #efefef;
}

.require {
margin:0 0 0 4px;
padding:2px 4px 2px 4px;
color: #FFFFFF;
background-color: #80c9d0;
font-size: 11px;
border-radius: 4px;
-webkit-border-radius:4px;
}

input.cnf {
font-size: 16px;
border:0;
padding:10px 20px;
color: #FFFFFF;
background-color: #999;
background:-webkit-gradient(linear,left top,left bottom,from(#999),to(#999));
border-radius: 4px;
-webkit-border-radius:4px;
}

input.cnf:hover {
background-color: #888;
background:-webkit-gradient(linear,left top,left bottom,from(#888),to(#888));
}


#link-area {
width:750px;
margin:0;
padding:5px;
background-color: #f6f5f0;
}

ul#links {
display:block;
list-style: none;
margin:0;
padding:0;
}

ul#links li {
width:730px;
margin:10px;
padding:0px;
height:65px;
display:block;
border-bottom:1px dashed #999;
}

.link-1 {
display:block;
width:220px;
float:left;
margin:0px;
padding:0px;
}

.link-1 img {
display:block;margin:0px 0 0 0;
}

.link-2 {
width:510px;
float:left;
margin:6px 0 0 0;
padding:0px;
font-size: 13px;
line-height:1.6;
}

#soonbook-a {
margin:0;padding:0;
float:left;
width:260px;
}

#soonbook-a img {
border:1px solid #999;
margin:0px 0px 10px 0;
padding:0;
}

.soonbook-b {
margin:0;padding:0;
width:440px;
}