@charset "utf-8";


img    {
  max-width: 100%;
  }


.top    {
  width: 98%;
  height: auto;
  margin-left: 9px;
  
  }



.box {
	width: 96%;
	margin: 0 auto;
}


.box_inner {
	margin: 10px;
	width: 96%;
	height: auto;
	font-size:16px;
	line-height:23px;
	color: #000;
	background:#fff; /*59c35b;*/
	margin-bottom: 20px;
	overflow: hidden;
}

/* 写真サイズ max 350pxまで */
.sakuhin{
	width: 60%;
	height: auto;
	margin: 10px 10px 15px 10px;
	
}

.box_inner, .box_R {
	border-radius: 16px;        /* CSS3草案 */  
	-webkit-border-radius: 16px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 16px;   /* Firefox用 */
	padding-bottom: 20px;
}

.box h4, .box_inner p { 
margin: 0 20px; 
}

.box_inner p {
    font-size: 16px;
	margin-top: 10px;
}

.box_L dl, .box_R ul {
	margin: 0 25px;
}

/*.box_L dl {
	min-height: 335px;
}*/

.box_inner dl .box h4{
	list-style:none;
}


.box_inner dt li{
	line-height:35px;
	font-size: 99%;
}

.box_inner dt {
	margin-top: 10px;
}

.box_L dt:first-child {
	margin-top: 0;
}

.box_inner dd {
	text-align: right;
	border-bottom: 1px dotted #ccc;
}

.box_inner dl, .box_inner h4{
	color:#000;
}

.box_inner h4 {
	border-bottom:1px dotted #f00;
	line-height:30px;
	margin: 0 20px;
	padding-top: 5px;
	font-size: 16px;
}

.box_inner h5{
	font-size: 98%;
	margin-top: 10px;
}

.box_inner h6{
	font-size: 88%;
}

.box_inner p {
	margin-right: 25px;
	font-size: 87%;
}

.space    {
   margin-bottom: 25px;
   }


#pager {
	width: 100%;
	margin: 20px 0 0 0;
	text-align: center;
}

#pager a, #pager #now {
	padding: 3px 8px;
	margin-right: 5px;
	text-decoration: none;
	color: #000;
}

#pager a {
	border: 1px solid #ccc;
	background: #fff;
}

#pager #now {
	font-weight: bold;
}

#pager #prev, #pager #next {
	color: #f6f6f6;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


.pic   {
   width: 50%;
   margin: 5px;
   }


/*メディアクエリの指定（※widthが768px以下の場合に{}内のCSSを適用する）*/
@media screen and (max-width: 768px) {

.pic   {
   width: 100%;
   margin: 5px;
   }
}


/*メディアクエリの指定（※widthが480px以下の場合に{}内のCSSを適用する）*/

@media screen and (max-width: 480px) {


.top    {
  width: 98%;
  height: auto;
  margin-left: 5px;
  }
  
  
  .box_inner {
	margin: 10px;
	width: 96%;
	height: auto;
	font-size:16px;
	line-height:23px;
	background:#fff;
	margin-bottom: 20px;
	overflow: hidden;
}

.box_inner img {   
	margin: 0 auto;
}
dt{
  font-size : 100%;
  font-weight : bold;

  margin-bottom : 5px;
  margin-top: 5px;
  
  border-left: 7px solid #666;
  border-bottom: 1px slid #666;


  padding-top : 2px;
  padding-left : 8px;
  padding-bottom : 2px;
}



dd{  
  font-size : 100%;
  line-height : 1.8;    
  margin-bottom : 20px;
  border-bottom: 1px dotted #999;     


  padding-left : 30px;
  padding-right : 15px;
}

}