@charset "UTF-8";

h2 {
   margin:0 2.6% 20px 2.6%;
}

/**********************************************
　Main
**********************************************/
#main {
   width:70%;
   border:0px solid green;
}

#main h2 {
   margin:0 4% 20px 4%;
}

#main h3 {
   margin:0 4% 14px 4%;
}

#main h4 {
   margin:20px 5% 5px 5%;
}

#main p {
   margin:0 5% 15px 5%;
}


/**********************************************
　Side
**********************************************/
#side {
   float:left;
   width:30%;
	margin:0;
	padding:20px 0 0 0;
   border:0px solid green;
}

#side h2 {
   font-size:15px;
   font-weight:bold;
   padding:3px 10px;
   margin:0 5% 20px 5%;
   background: #cce5ff;
   border-bottom:2px solid #4169e1;
   border-right:2px solid #4169e1;
}

#side p {
   font-size:14px;
   margin:0 5% 15px 5%;
	line-height:160%;
   padding:0;
}

#side hr{
	margin:0 0 10px 0;
}

/*********************
　Side List
**********************/
#side ul {
   margin:0 5% 20px 8%;
   padding:0;
	font-size:14px;
	border:0px solid #ddd;
}

#side li {
   padding:0;
   line-height:1.8;
   list-style:none;
}

#side li a {
   padding-left:20px;
	font-weight:normal;
   display:block;
	color:#333;
   text-decoration:none;
   background:url("../images/bg_arrow.gif") 0 6px no-repeat;
}

#side li a:hover {
   color:#C94C00;
}

#side ul li ul li a{
   padding-left:10px;
	font-weight:normal;
   background:url("../images/bg_list.gif") 0 6px no-repeat;
}

/*********************
　Side Box
**********************/
#side .bnn_200 {
	width:200px;
	margin:0 0 15px 8%;
   border:1px solid #ddd;
}

#side .bnn_qr {
	width:165px;
	margin:0 0 15px 8%;
   border:1px solid #ddd;
}

/**********************************************
　Smart Phone

mainとsideの幅は、common.cssで指定しても無効。
こちらで指定すること。
**********************************************/
@media only screen and (max-width:800px){
#main {
	width:96%;
}

#side {
	width:96%;
}

}