@charset "utf-8";

/* --------------------------------- */
/* 初期設定 */

/*-----------------------------------------------
 __各ページ.css
-----------------------------------------------*/
@import url("common/css/base.css");

/*---------------------------------------------*/

@media screen and (max-width: 768px) {
	
strong {border-bottom:2px dotted;}

#block1 {margin-bottom:30px; width:100%; font-size:16px; text-align:left; border-top:5px solid #C19450;}
#block1 img {width:100%;}
#block1 strong {color:#C19450; font-weight:bold; border-color:#C19450;}
#block1 h5 {color:#C19450; border-color:#C19450;}
#block1 p {margin-left:auto; margin-right:auto; width:95%;}


#block2 {margin-bottom:30px; width:100%; font-size:16px; text-align:left; border-top:5px solid #A0BBC6;}
#block2 img {width:100%;}
#block2 p {margin-left:auto; margin-right:auto; width:95%;}
#block2 strong {color:#81A5B4; font-weight:bold; border-color:#A0BBC6;}


#block3 {margin-bottom:20px; width:100%x; font-size:16px; text-align:left; border-top:5px solid #6A9D3D;}
#block3 img {width:100%;}
#block3 .right {display:none;}
#block3 strong {color:#6A9D3D; font-weight:bold; border-color:#6A9D3D;}
#block3 h5 {margin-bottom:10px; padding:3px; color:#FFFFFF; font-weight:bold; background:#6A9D3D;}
#block3 dl {margin:0 auto 10px auto; font-size:12px;}
#block3 dd {padding-bottom:20px; width:100%; vertical-align:top;}
#block3 dd h6 {margin:0 5px 5px 5px; font-size:18px; color:#6A9D3D; font-weight:bold; border-bottom:1px dotted #6A9D3D;}
#block3 dd p {margin:0 5px 5px 5px;}
#block3 br.c-both {display:none;}


#block4 {margin-bottom:30px; width:100%; font-size:16px; text-align:left; border-top:5px solid #FDABAF;}
#block4 img {width:100%;}
#block4 p {margin-left:auto; margin-right:auto; width:95%;}


}


@media screen and (min-width: 769px) {
strong {border-bottom:2px dotted;}

#block1 {margin-bottom:60px; width:600px; font-size:16px; text-align:left; border-top:5px solid #C19450;}
#block1 strong {color:#C19450; font-weight:bold; border-color:#C19450;}
#block1 h5 {color:#C19450; border-color:#C19450;}


#block2 {margin-bottom:60px; width:600px; font-size:16px; text-align:left; border-top:5px solid #A0BBC6;}
#block2 strong {color:#81A5B4; font-weight:bold; border-color:#A0BBC6;}


#block3 {margin-bottom:60px; width:600px; font-size:16px; text-align:left; border-top:5px solid #6A9D3D;}
#block3 strong {color:#6A9D3D; font-weight:bold; border-color:#6A9D3D;}
#block3 h5 {margin-bottom:10px; padding:3px; color:#FFFFFF; font-weight:bold; background:#6A9D3D;}
#block3 dl {display:table; margin:0 auto 10px auto; font-size:12px;}
#block3 dd {display:table-cell; padding-bottom:20px; width:149px; vertical-align:top;}
#block3 dd h6 {margin:0 5px 5px 5px; font-size:18px; color:#6A9D3D; font-weight:bold; border-bottom:1px dotted #6A9D3D;}
#block3 dd p {margin:0 5px 5px 5px;}
#block3 br.c-both {display:none;}

* html #block3 h5 {clear:both; }/* for IE6 */
* html #block3 dd {display:inline; float:left; }/* for IE6 */
* html #block3 br.c-both {display:block;}/* for IE6 */

*+html #block3 h5 {clear:both; }/* for IE7 */
*+html #block3 dd {display:inline; float:left; }/* for IE7 */
*+html #block3 br.c-both {display:block;}/* for IE7 */


#block4 {margin-bottom:60px; width:600px; font-size:16px; text-align:left; border-top:5px solid #FDABAF;}

.toppage #block1 {background:url(./images/block1Bg.jpg) right 0 no-repeat;}

}