
* {
	margin:0;
	padding:0;
	font:normal normal normal 99% "MS UI ゴシック";
}

/* --- リンク --- */

a{
	outline:none;
}

ul {
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
	margin:0 0 0.4em 1em;
}

h1{
  margin: 0px;
}

img{
  border: none;
}

img.center{
	margin-top:15px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

strong {
	font-weight: bold;	
}

sup,sub {
	font-size: x-small;
}

body{
	margin: 0px;
	padding: 0px;
	text-align: center;
	color:#333333;
}

span.red_small {
	color:#CC3333;
	font-size: small;
}

span.red {
	color:red;
}

span.blue {
	color:blue;
}

span.green {
	color:green;
}

span.bold {
	color:black;
	font-weight: bold;
}

div#frame{
  margin-left: auto;
  margin-right: auto;
  width: 910px;
  text-align: left;
  background:transparent url(http://depot.monmon-study.com/images/bg.jpg) repeat-y;
}

div#header{
  width: 900px;
  height: 75px;
  border-top:5px solid #701826;
}

div#header h1{
  display: block;
  float: left;
  width: 300px;
  height: 75px;
  text-indent:-1000em;
}


div#header h1 a{
	display:block;
	height:75px;
	width:300px;
	top:5px;
    background:transparent url(http://depot.monmon-study.com/images/title.png);
}

div#header_right{
	float: left;
	display:block;
	height:75px;
	width:595px;
	text-align:right;
	vertial-align:right;
	margin-right: 5px;
}

div#header_right li{
	float: right;
}

div.ad_bigbanner{
	clear:both;
	margin:0 auto;
	padding: 10px 0;
	text-align: center;
}
ul#navi {
	clear:both;
	padding:0px;
	margin:0px;
	width:900px;
	height:46px;
}

ul#navi li {
	display:block;
	float: left;
	width:150px;
	height:46px;
}

ul#navi a{
	display:block;
    background:transparent url(http://depot.monmon-study.com/images/navi.jpg);
	text-align:center;
	padding-top: 13px;
	width:150px;
	height:33px;
	color:#333333;
	outline-style:none;
	outline-width:medium;
	text-decoration:none;
}

ul#navi span{
	display:block;
    background:transparent url(http://depot.monmon-study.com/images/navi.jpg);
	text-align:center;
	padding-top: 13px;
	width:150px;
	height:33px;
	color:#333333;
	outline-style:none;
	outline-width:medium;
	text-decoration:none;
}

ul#navi a:hover{
	display:block;
        background:transparent url(http://depot.monmon-study.com/images/navi_hover.jpg);
	color:#666666;
	text-decoration:underline;
}

ul#navi a#on{
	display:block;
        background:transparent url(http://depot.monmon-study.com/images/navi_hover.jpg);
	color:#666666;
	text-decoration:none;
}

div#main{
	margin:0;
	width: 910px;
	float: left;
	background:transparent url(http://depot.monmon-study.com/images/bg.jpg) repeat-y;
}

div#left_contents{
	clear:both;
	padding:0px;
	margin:0px;
	width:700px;
	min-height:600px;
	float: left;
}

div#left_contents ul li{
	padding:5px 0 15px 5px;
}

div#left_contents ol li{
	padding:5px 5px 15px 0;
}

div#left_contents li p{
	padding:3px 15px;
}

div#ad_right_banner{
	float: right;
	padding: 10px 20px 0 0;
}

div#amazon_link{
	clear: both;
}

div#left_contents h2{
	margin: 20px 0 20px 25px;
	padding: 10px 0 0 20px;
    background:transparent url(http://depot.monmon-study.com/images/h2_bg.jpg) no-repeat;
	width: 650px;
	height: 30px;
	font-weight: bold;
	font-size: 120%;
}

div#left_contents h2 span{
	font-weight: bold;
}

div#crumb {
	padding-left:45px;
	width: 650px;
}


div#contents_inner_area {
	padding:10px 0 10px 45px;
	width: 630px;
}

div#contents_inner_area h3 {
	margin:20px 0;
	padding:9px 0  0 30px;
    background:transparent url(http://depot.monmon-study.com/images/h3_bg.png) no-repeat scroll 0 0;
	width: 600px;
	height: 26px;
	font-weight: bold;
}

div#contents_inner_area h3 a{
	font-weight: bold;
}

div#contents_inner_area h4 {
    background:transparent url(http://depot.monmon-study.com/images/tri.jpg) no-repeat;
	vertical-align: middle;
	padding-left: 25px;
	padding-top: 2px;
	font-weight: bold;
	clear: both;
	border-bottom: 1px solid;
	width: 605px;
}

div.composition {
	padding:5px 5px 25px 10px;
	width: 615px;
}	

div#button_area {
	text-align: center;
	padding: 25px 0;	
}

div#button_area_answer {
	text-align: center;
	padding: 25px 0 10px 0;	
}

div#button_area_answer input{
    background:transparent url(http://depot.monmon-study.com/images/button_small.jpg) no-repeat scroll 0 0;
    width: 120px;
    height: 40px;
    text-align: center;
	text-decoration:none;
	border:medium none;
}

div#button_area_answer input:hover{
	background:transparent url(http://depot.monmon-study.com/images/button_small_hover.jpg) no-repeat;	
    width: 120px;
    height: 40px;
    text-align: center;
}

div.small_frame_header {
    background:transparent url(http://depot.monmon-study.com/images/small_frame_header.jpg) no-repeat;
	height:31px;
	width:190px;
}

div.small_frame_body {
	clear:both;
    background:transparent url(http://depot.monmon-study.com/images/small_frame_body.jpg) repeat-y;
	min-height:250px;
	padding:3px 3px 3px 10px;
}

div.small_frame_body ol{
	margin:0 0 0.4em 1em;
}

div.small_frame_body ul{
	list-style-type:circle;
	list-style-position:outside;
}

div.small_frame_body li{
	margin:0 0 3px 0;
}

div.small_frame_footer {
    background:transparent url(http://depot.monmon-study.com/images/small_frame_footer.jpg) no-repeat;
	height:10px;
	width:190px;
	margin-bottom:10px; 
}

div.small_frame_header h2{
	padding: 7px 0 0 20px;
	margin: 0;
	float:left;
	font-weight: bold;
}

div.small_frame_header a.more{
	margin: 4px 2px 0 0;
	float:right;
    background:transparent url(http://depot.monmon-study.com/images/small_area_more.jpg) no-repeat;
	text-indent:-1000em;
	display:block;
	width:55px;
	height:26px;
}

div#footer{
	clear: both;
	text-align: center;
	height: 40px;
	width: 910px;
	padding-top: 20px;
	background:transparent url(http://depot.monmon-study.com/images/footer.jpg) no-repeat;
}



/* mypageに移動するかも？ */
div#tags {
	margin: 5px;
	padding: 5px;
	width: 600px;
	background-color: #fff8dc;
}


span.tag {
	cursor: pointer;
}

span#correct {
	background-color: #fff0f5;
	font-weight: bold;
}

div.helper {
	margin: 5px 0;
	padding: 5px;
	background-color: #fff0f5;
}


.helper a {
	text-decoration: none;
	color: #333333;
}

a.imagetag{
    background:transparent url(http://depot.monmon-study.com/images/photo.png) no-repeat;
    padding-left: 20px;
}

a.red {
	color: red;
}
a.blue {
	color: blue;
}
a.green {
	color: green;
}


#add_form_button {
	display: block;
	float: right;
}

#answers {
	clear: both;
}


table.border{
	border-collapse: collapse;
	border:1px solid;
}

table.border th{
	border:1px solid;
	font-weight: bold;
}

table.border td{
	border:1px solid;
}

ul.context_list{
	list-style-image:none;
	list-style-position:inside;
	list-style-type:square;
	margin:0 0 0.4em 1em;
	padding:15px 0;
}

div#left_contents ul.context_list li{
	padding: 0 0 4px 0;
}
