﻿@charset "UTF-8";

/* CSS Document */

/** 基本設定 **/



/** 背景設定 **/
.sub_box_color { background-color:#D7E68D; }

.sub_box_wcolor { background-color:#FFFFFF; }

p.read_title_color {
	color:#009943;
	font-weight:bold;
}


.top_bg	{background-image:url(ryouma_bg.jpg);
		 background-position:center top;
		 background-repeat:no-repeat;}

/** ボーダー設定 **/



/** フォント設定 **/




/** マージン設定 **/
.sub_box_margin {
	padding:0.8em;
	margin: 0;
}

.second_read_margin { margin:0.5em 0 0 0; }

div .middle_content_padding {
	padding:1.2em;
	margin: 1em 0 0 0;
}

div.imgbox {
	width:auto;
	margin: 1em 0 0 0;
}

/** レイアウト設定 **/
/*	 				all_layout
-------------------------------
							 */
div#container { width:auto; }


div#container .pickup	{
	width:auto;
	margin:0 0 1em 0;
}
/*					 top_layout
-------------------------------
							 */
div#top_contents {
	width:600px;
	margin:0 auto;
	height: auto;
}

div#top_contents p	{
	text-align:left;
}
/*				  middle_layout
-------------------------------
							 */
#middle_contents {
	width:600px;
	margin:0 auto;
}

#middle_contents h2 { margin:2em 0 0 0; }

#middle_contents div.box	{width:auto;
						 height:auto;}
						 
#middle_contents div.box p	{ line-height:1.7em; }						 
						 
div.box h3	{margin:1em 0 0.5em 0;}						 

#middle_contents div.middle_lbox {
	width:280px;
	float:left;
	line-height:1.65em;
	text-align: left;
}

#middle_contents div.middle_rbox {
	width:300px;
	float:right
}

#middle_contents div.middle_llbox {
	width:300px;
	float:left;
	line-height:1.65em;
	text-align: left;
}

#middle_contents div.middle_rlbox {
	width:280px;
	float:right;
	text-align: left;
}

#middle_contents p.caption	{ font-size:92%; }


/*				  bottom_layout
-------------------------------
							 */
							 
							 
#bottom_contents{
	width:600px;
	margin:20px auto 0 auto;
}

#bottom_contents div.box{
	width:600px;
	height:auto;
	margin:0;
	padding: 1em  0 0 0;
}

#bottom_contents div.l_box{
	width:160px;
	height:auto;
	float:left;
	margin: 0 10px 0 0;
}

#bottom_contents div.r_box{
	width:424px;
	height:auto;
	float:right;
	font-size: 0.91em;
}
#bottom_contents div.r_box p{
	text-align:left;
}

div.r_box span.point	{color:#660000;}
div.r_box dl dt{
	display:block;
	font-weight:bold;
	border-bottom:1px solid #660000;
	padding:0 0 0.1em 0;
	text-align:left;
}

div.r_box dl dd{ margin:0.2em 0 0.4em 0; }

div.r_box dl dd p	{
	text-align:left;
}

#bottom_contents div.m_box{
	width:424px;
	height:auto;
	padding:0;
	margin: 1em 0 0 0;
}	

#bottom_contents div.ml_box{
	width:197px;
	height:auto;
	float:left;
	padding: 0 30px 0 0;
}
#bottom_contents div.mr_box{
	width:197px;
	height:auto;
	float:right;
	padding: 0 0 0 0;
}

div.m_box p	{
	line-height:1.6em;
	text-align: left;
}

