@charset "utf-8";
/* CSS Document */


/* ----------------------------------------------------
   common setting
------------------------------------------------------- */

/* Outline :
-------------------------------------------*/

/*---- Contents ----*/

#contents {
	padding-bottom: 30px;
}

#right_col > .logo {
	border-bottom: 1px solid #efefef;
}

/*---- Main visual ----*/

#main_v {
	background: none;
}

#main_v h2 {
	background: url("../img/shiten.gif") no-repeat top right;
	background-size: 250px;
	font-size: 150%;

	padding: 1.2em 250px 1.2em 1em;
}

#main_v > nav {
	position: relative;
	padding:  10px 15px 7px;
}

#main_v #topic_path {
	float: none;
	font-size: 90%;
	margin: 0;
	line-height: 1.6em;
}


/* Element: :
-------------------------------------------*/

/*---- h1 ----*/

#contents h1 {
	margin: 1em auto;
	padding: 0 2%;
	font-size: 140%;
}

#contents h1:after {
	margin: 20px auto 0;
}

/*---- h2 ----*/

#contents .outline h2 {
	font-size: 130%;
	margin: 1.5em 0;
}

#contents h2:after {
	margin-top: 15px;
}


/*---- h3 ----*/

#right_col h3 {
	font-size: 120%;
}


/*---- page_link ----*/

#contents .page_link {
	padding: 5px 0;
	text-align: center;
}

#contents .page_link li {
	padding: 0 1.5em;
}

#contents .page_link li:lfirst-child {border-left: none;}

#contents .page_link a {
	display: inline-block;
	vertical-align: top;
	background: url("../img/page_link.png") no-repeat bottom center;
	padding: 5px 0 12px;
	background-size: 15px;
	text-align: center;
	box-sizing: border-box;
	color: #231815;
	text-decoration: none;
}

#contents .page_link.cont5 a {
	width: auto;
}


/*---- element margin ----*/

#contents .outline p,
#contents .outline ul,
#contents .outline ol,
#contents .outline dl {
	margin: 1em;
}

#contents .outline table {
	margin: 1em 0;
}

#contents .outline table th,
#contents .outline table td {
	padding: 0.5em;
}


/*---- img ----*/

#contents img.left,
#contents img.right {
	float: none;
	display: block;
	margin: 1em 2%;
	max-width: 96%;
	width: 96%;
}

#contents .img_box.left {
	float: none;
	display: block;
}

#contents .img_box.left img {
	max-width: 96%;
	width: 96%;
}

.pic2 li,
.pic3 li { width: 100%; }

/*---- hr ----*/

#right_col hr {
	margin: 1em auto;
}