div.columns{
 margin-left:20px;
 margin-bottom:15px;
 clear:left;
}

div.columns img.icon{
 float:left;
 width:60px;
}

div.columns h4{
 margin-left:70px; 
 margin-top:0px;
}

div.columns a h4{
 text-decoration:none;
}

div.columns a:hover h4{
 text-decoration:underline;
}

div.columns p{
 margin-left:80px;
 margin-top:0;
 margin-bottom:2px;
}

/********************************/
/*                              */
/*            ソース            */
/*                              */
/********************************/

div.notice{
 margin:5px 20px;
 padding:10px 20px;
 border:solid 1px #919191;
 background-color:#ededed;
 color:#000;
 font-family:Courier New, MS ゴシック, sans-serif
}

div.notice p{
 margin-top:0;
 margin-bottom:2px;
}

div.notice blockquote{
 margin-bottom:0px;
 margin-top:0px;
 margin-right:0px;
}


/********************************/
/*                              */
/*       サンプル画像           */
/*                              */
/********************************/

img.img_right{
 float:right;
 margin:0px 10px 10px 10px;
}


/********************************/
/*                              */
/*          辞書リスト          */
/*                              */
/********************************/

dl{margin-left:10px;}
dt{
 font-weight:bold;
 margin-top:10px;
}


/********************************/
/*                              */
/*             table            */
/*                              */
/********************************/


table.light_green{
 border-collapse:collapse;
 border:solid 1px #004d25;
 margin-left:20px;
}

table.light_green th, table.light_green td{
 padding:3px 6px;
 border:solid 1px #004d25;
}

table.light_green th{
 background-color:#bee0ce;
}


/********************************/
/*                              */
/*   角丸長方形　　　　　　　   */
/*                              */
/********************************/

div.sq{
 margin-bottom:10px;
}

div.sq1{
 font-size:1px;
 overflow:hidden;
}

div.sq2{
 background-color:#ffffff;
 color: inherit;
 overflow:hidden;
 height:1px;
 margin:0px 5px;
}

div.sq3{
 background-color:#fcfbea;
 border-color: #ffffff;
 color: inherit;
 overflow:hidden;
 height:1px;
 border-style: solid;
 border-width: 0px 1px;
 margin:0px 3px;
 border-width:0px 2px;
}

div.sq4{
 background-color:#fcfbea;
 border-color: #ffffff;
 color: inherit;
 overflow:hidden;
 height:1px;
 border-style: solid;
 border-width: 0px 1px;
 margin:0px 2px;
}

div.sq5{
 background-color:#fcfbea;
 border-color: #ffffff;
 color: inherit;
 overflow:hidden;
 border-style: solid;
 border-width: 0px 1px;
 height:2px;
 margin:0px 1px;
}

div.sq6{
 background-color:#fcfbea;
 border-color: #ffffff;
 color: inherit;
 border-style: solid;
 border-width: 0px 1px;
}

div.sq6 div.contents{
 height:150px; /*  高さはここで制御  */
 color:#42466f;
 overflow:hidden;
}

div.sq7{
 font-size:1px;
 overflow:hidden;
 height:1px;
}

/*  上記角丸長方形は以下のサンプルのようにして使用します。

 <div class="sq1">
  <div class="sq2"></div>
  <div class="sq3"></div>
  <div class="sq4"></div>
  <div class="sq5"></div>
 </div>
 <div class="sq6">
  <div class="sq7"></div>

 <div class="contents">

  ここに中身を記述

 </div>

  <div class="sq7"></div>
 </div>
 <div class="sq1">
  <div class="sq5"></div>
  <div class="sq4"></div>
  <div class="sq3"></div>
  <div class="sq2"></div>
 </div>
</div>

*/


/********************************/
/*                              */
/*   キーイメージの領域　　　   */
/*                              */
/********************************/
.top_image{
	margin-top:10px;
	height:200px;
	width:780px;
	overflow:hidden;
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	color:black;
}


/********************************/
/*                              */
/*   キーイメージの中身　　　   */
/*                              */
/********************************/

img.sample{
 float:left;
 margin-right:12px;
 margin-top:10px;
}

img#logo{
 display:block;
 margin-bottom:12px;
}

div.top_image.top h2{
 margin:0;
 font-size:15px;
 font-weight:normal;
 margin-left:480px;
 margin-top:20px;
 width:200px;
}

div.top_image.top a.button{
 display:block;
 width:253px;
 height:33px;
 overflow:hidden;
 margin-left:480px;
 margin-top:10px;
 color:#fff;
 font-size:18px;
 text-decoration:none;
 text-align:center;
 padding-top:10px;
}

div.top_image.readcache_top a.button{
	display:block;
	width:252px;
	height:31px;
	overflow:hidden;
	margin-left:510px;
	margin-top:135px;
	color:#fff;
	font-size:18px;
	text-decoration:none;
	text-align:center;
	padding-top:10px;
}

div.top_image.price_top h2{
 margin:0;
 font-size:15px;
 font-weight:normal;
 margin-left:480px;
 margin-top:20px;
 width:200px;
}

div.top_image.price_top div.sub_navi{
 margin:140px 0px 0px 80px;
 padding:5px 10px;
 border-top:solid 1px #ccc;
 width:380px;
}

div.top_image.price_top div.sub_navi a{
 color:#555;
}

div.top_image.price_top div.sub_navi a:hover{
 color:#000;
}



div.top_image.feat h2{
 margin:0;
 margin-left:30px;
 margin-top:120px;
 width:320px;
 float:left;
}

div.top_image.feat div.sub_navi{
 margin-top:40px;
 margin-left:430px;
 font-weight:bold;
}

div.top_image.feat div.sub_navi ul{
 margin:0px 0px 0px 10px;
}

div.top_image.feat div.sub_navi a, div.top_image.feat div.sub_navi li{
 color:#777;
 text-decoration:none;
}

div.top_image.feat div.sub_navi li{
 margin-bottom:2px;
 list-style-image:none;
 list-style-type:none;
 background-position:left center;
 background-repeat:no-repeat;
 padding-left:22px;
}

div.top_image.feat div.sub_navi a:hover{
 color:#000;
}



/********************************/
/*                              */
/*          バグのページ        */
/*                              */
/********************************/

div.bug_list{
 margin:0px 0px 10px 10px;
}